Szablon:Poradnik SG.css
Z Nonsensopedii, polskiej encyklopedii humoru
Wersja z dnia 20:14, 14 mar 2022 autorstwa Polskacafe (dyskusja • edycje)
/* <nowiki> */
@media only screen and (min-width: 850px) {
.mobileonly {
display: none;
}
.glowna-lista {
width: 100%;
display: grid;
grid-auto-columns: minmax(0, 1fr);
grid-column-gap: 0.1em;
}
.glowna-kolumna:nth-child(1) {
grid-column: 1 / span 2;
}
.glowna-kolumna:nth-child(2) {
grid-column: 3 / span 2;
}
.glowna-panel {
width: 100%;
}
.glowna-panel:nth-child(1) {
padding-top: 0.5em;
}
#poradnik-main-content .glowna-kolumna {
border: solid #f5c38b 1px;
border-radius: 5px;
}
#poradnik-main-content .panelcss-main {
padding-left: 5px;
padding-right: 5px;
}
/* uproszczony panelcss */
#poradnik-main-content .panelcss-header {
background: #f5c38b;
border: none;
height: 24px;
margin: 0;
border-radius: 3px;
}
h2::after { /* dla timelessa */
border-bottom: none !important;
}
.panelcss-header span {
display: flex;
}
.panelcss-header-content {
font-weight: bold;
font-size: 15px;
padding: 2px 2px 0px 7px;
font-family: sans-serif;
}
.panelcss-content {
padding: 4px 4px 0.7em 4px;
}
#poradnik-footer {
padding: 5px;
border: 1px solid #f5c38b;
border-radius: 3px;
margin-left: 0;
margin-top: 0.1em;
}
}
@media only screen and (max-width: 849px) {
.desktoponly {
display: none;
}
.glowna-lista {
gap: 0;
}
.glowna-kolumna {
grid-column: 1 / span 4;
}
.glowna-panel {
width: 100%;
padding: 5px;
}
.panelcss-header {
margin-top: 0 !important;
}
}
/* </nowiki> */