Szablon:Poradnik SG.css: Różnice pomiędzy wersjami
Z Nonsensopedii, polskiej encyklopedii humoru
Polskacafe (dyskusja • edycje) |
Polskacafe (dyskusja • edycje) M (piksele) |
||
(Nie pokazano 8 wersji utworzonych przez 3 użytkowników) | |||
Linia 1: | Linia 1: | ||
/* <nowiki> */ |
/* <nowiki> */ |
||
@media only screen and (min-width: 850px) { |
@media only screen and (min-width: 850px) { |
||
.mobileonly { |
|||
⚫ | |||
} |
|||
⚫ | |||
width: 100%; |
|||
display: grid; |
|||
grid-auto-columns: minmax(0, 1fr); |
|||
grid-column-gap: 0.1em; |
|||
} |
|||
.glowna-kolumna:nth-child(1) { |
.glowna-kolumna:nth-child(1) { |
||
grid-column: 1 / span 2; |
grid-column: 1 / span 2; |
||
Linia 16: | Linia 6: | ||
.glowna-kolumna:nth-child(2) { |
.glowna-kolumna:nth-child(2) { |
||
grid-column: 3 / span 2; |
grid-column: 3 / span 2; |
||
} |
|||
.glowna-panel { |
|||
width: 100%; |
|||
} |
|||
.glowna-panel:nth-child(1) { |
|||
⚫ | |||
} |
} |
||
.glowna-main-content .glowna-kolumna { |
|||
border: solid #f5c38b 1px; |
border: solid #f5c38b 1px; |
||
border-radius: 5px; |
|||
} |
} |
||
#poradnik-main-content .panelcss-main { |
|||
padding-left: 5px; |
|||
padding-right: 5px; |
|||
} |
|||
/* uproszczony panelcss */ |
/* uproszczony panelcss */ |
||
.glowna-main-content .panelcss-header { |
|||
⚫ | |||
⚫ | |||
background: #f5c38b; |
background: #f5c38b; |
||
height: 28px !important; |
|||
border-radius: 0; |
|||
padding-top: 0; |
|||
border-radius: 3px; |
|||
} |
} |
||
⚫ | |||
h2::after { /* dla timelessa */ |
|||
border: 1px solid #f5c38b; |
|||
⚫ | |||
} |
} |
||
.panelcss-header span { |
|||
display: flex; |
|||
} |
|||
.panelcss-header-content img { |
|||
margin-bottom: 3px; |
|||
⚫ | |||
⚫ | |||
padding: 2px 2px 0px 7px; |
|||
font-family: sans-serif; |
|||
} |
|||
.panelcss-content { |
|||
padding: 4px 4px 0.7em 4px; |
|||
} |
|||
⚫ | |||
@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> |
/* </nowiki> |
||
[[Kategoria:Szablony CSS]] |
|||
*/ |
Aktualna wersja na dzień 00:00, 27 mar 2022
/* <nowiki> */
@media only screen and (min-width: 850px) {
.glowna-kolumna:nth-child(1) {
grid-column: 1 / span 2;
}
.glowna-kolumna:nth-child(2) {
grid-column: 3 / span 2;
}
.glowna-main-content .glowna-kolumna {
border: solid #f5c38b 1px;
}
/* uproszczony panelcss */
.glowna-main-content .panelcss-header {
display: flex;
align-items: center;
background: #f5c38b;
height: 28px !important;
border-radius: 0;
padding-top: 0;
}
.glowna-footer {
border: 1px solid #f5c38b;
padding-top: 1em;
}
.panelcss-header-content img {
margin-bottom: 3px;
}
}
/* </nowiki>
[[Kategoria:Szablony CSS]]
*/