Mudanças entre as edições de "MediaWiki:Common.css"
De FNS
| Linha 29: | Linha 29: | ||
} | } | ||
| − | . | + | .box-wrapper { |
| − | + | height: 100vh; | |
| − | + | width: 100vw; | |
| − | + | display: flex; | |
| − | + | flex-direction: column; | |
| − | + | } | |
| − | + | ||
| − | } | + | #box1 { |
| − | + | padding: 10px; | |
| − | . | + | height: 30px; |
| − | + | line-height: 30px; | |
| − | + | border: solid 1px green | |
| − | + | } | |
| − | + | ||
| − | + | #box2 { | |
| − | + | height: 15px; | |
| + | padding: 8px; | ||
| + | border: solid 1px blue | ||
| + | } | ||
| + | |||
| + | #box3 { | ||
| + | padding: 10px; | ||
| + | flex-grow: 1; | ||
| + | display: flex; | ||
| + | flex-direction: row; | ||
| + | border: solid 1px green | ||
| + | } | ||
| + | |||
| + | #box4 { | ||
| + | flex-grow: 2; | ||
| + | border: solid 1px orange | ||
| + | } | ||
| + | |||
| + | .middle-column { | ||
| + | flex-grow: 1; | ||
| + | display: flex; | ||
| + | flex-direction: column; | ||
| + | |||
| + | } | ||
| + | |||
| + | .middle-column div { | ||
| + | flex-grow: 1; | ||
| + | margin: 0 8px; | ||
| + | border: solid 1px red; | ||
| + | } | ||
| + | |||
| + | .middle-column div+div { | ||
| + | margin-top: 8px | ||
| + | } | ||
| + | |||
| + | #box8 { | ||
| + | flex-grow: 1; | ||
| + | border: solid 1px black | ||
| + | } | ||
Edição atual tal como às 14h34min de 30 de maio de 2022
#mw-head{
background: #68ACE3;
color: #fff;
}
#mw-body{
background: #3D87C4
}
@import url( 'https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif ');
/* Changes the default font used for MediaWiki to Noto Sans (does not include headings or monospaced text): */
body {
font-family: "Noto Sans", sans-serif;
}
/* Changes the default font used for MediaWiki headings to Noto Serif: */
#content h1,
#content h2 {
font-family: "Noto Serif", serif;
}
.box-wrapper {
height: 100vh;
width: 100vw;
display: flex;
flex-direction: column;
}
#box1 {
padding: 10px;
height: 30px;
line-height: 30px;
border: solid 1px green
}
#box2 {
height: 15px;
padding: 8px;
border: solid 1px blue
}
#box3 {
padding: 10px;
flex-grow: 1;
display: flex;
flex-direction: row;
border: solid 1px green
}
#box4 {
flex-grow: 2;
border: solid 1px orange
}
.middle-column {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.middle-column div {
flex-grow: 1;
margin: 0 8px;
border: solid 1px red;
}
.middle-column div+div {
margin-top: 8px
}
#box8 {
flex-grow: 1;
border: solid 1px black
}