Origem: Wikipédia, a enciclopédia livre.
@media screen and (min-width:1000px) {
.painel {
display: grid;
grid-gap: 0 10px;
grid-auto-columns: minmax(0,1fr);
grid-auto-flow: column;
}
}
.bloco, .mw-headline {
font-family: Tahoma, sans-serif;
color:#4D1F4F;
}
h2 {
border-bottom-color: #4D1F4F;
}
.bloco p {
padding: 0 0.5em;
}
.q2 {
margin: 20px 0;
padding: 20px 0;
}
.q2::before, .q2::after {
content: '';
display: block;
position: relative;
width: 70%;
left: 15%;
border-top: 4px solid #4d1f4f;;
}
.q2::before {
top: -22px;
}
.q2::after {
top: 22px;
}
.a { grid-row: 1; grid-column: 1 / 4; }
.q1 { grid-row: 2; grid-column: 1 / 4; }
.q2 { grid-row: 3; grid-column: 1 / 4; }
.q3 { grid-row: 4; grid-column: 1 / 4; }
.q4 { grid-row: 5; grid-column: 1 / 4; }
.v1 { grid-row: 6; grid-column: 1; }
.v2 { grid-row: 6; grid-column: 2; }
.v3 { grid-row: 6; grid-column: 3; }
.b { grid-row: 7; grid-column: 1 / 3; }
.c { grid-row: 8; grid-column: 1 / 3; }
.d { grid-row: 7 / 9; grid-column: 3; }
.ods{ display: none ; }
@media screen and (min-width:751px) {
.m1 {grid-row: 1; grid-column: 1;}
.m2 {grid-row: 1; grid-column: 2;}
.m3 {grid-row: 1; grid-column: 3;}
.m4 {grid-row: 1; grid-column: 4;}
.m5 {grid-row: 1; grid-column: 5;}
.m6 {grid-row: 1; grid-column: 6;}
}
@media screen and (max-width:750px) and (min-width:551px) {
.m1 {grid-row: 1; grid-column: 1;}
.m2 {grid-row: 1; grid-column: 2;}
.m3 {grid-row: 1; grid-column: 3;}
.m4 {grid-row: 2; grid-column: 1;}
.m5 {grid-row: 2; grid-column: 2;}
.m6 {grid-row: 2; grid-column: 3;}
}
@media screen and (max-width:550px) {
.m1 {grid-row: 1; grid-column: 1;}
.m2 {grid-row: 1; grid-column: 2;}
.m3 {grid-row: 2; grid-column: 1;}
.m4 {grid-row: 2; grid-column: 2;}
.m5 {grid-row: 3; grid-column: 1;}
.m6 {grid-row: 3; grid-column: 2;}
}
.menu {
display: grid;
grid-gap: 1px;
grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column;
font-family: Tahoma, sans-serif;
}
.offpage {
text-align: center;
padding: 0.3em;
font-size: 1.2em;
border: 1px solid white;
font-weight: bold;
background-color:#4D1F4F;
}
.onpage {
text-align: center;
padding: 0.3em;
font-size: 1.2em;
border: 1px solid white;
font-weight: bold;
background-color: #83C833;
}
.offpage > a, .offpage > a:visited {
color: #83C833;
}
.onpage > a, .onpage > a:visited {
color:#4D1F4F;
}