Szablon:Wspólne SG.css: Różnice pomiędzy wersjami
Z Nonsensopedii, polskiej encyklopedii humoru
Polskacafe (dyskusja • edycje) (nowa strona) |
Polskacafe (dyskusja • edycje) |
||
(Nie pokazano 7 pośrednich wersji utworzonych przez tego samego użytkownika) | |||
Linia 1: | Linia 1: | ||
/* |
|||
Kod CSS wspólny dla nowych stron głównych. |
|||
<nowiki> */ |
|||
@media only screen and (min-width: 850px) { |
@media only screen and (min-width: 850px) { |
||
.mobileonly { |
.mobileonly { |
||
Linia 52: | Linia 55: | ||
/* uproszczony panelcss */ |
/* uproszczony panelcss */ |
||
.panelcss-header { |
|||
border: none; |
border: none; |
||
height: 24px; |
height: 24px; |
||
margin: 0; |
margin: 0; |
||
border-radius: 3px; |
border-radius: 3px; |
||
padding-top: 1px; |
|||
} |
} |
||
Linia 71: | Linia 75: | ||
font-weight: bold; |
font-weight: bold; |
||
font-size: 15px; |
font-size: 15px; |
||
padding: 2px 2px |
padding: 2px 2px 0 7px; |
||
font-family: sans-serif; |
font-family: sans-serif; |
||
} |
} |
||
Linia 81: | Linia 85: | ||
.glowna-topka p { |
.glowna-topka p { |
||
margin: 0.5em 0.2em; |
margin: 0.5em 0.2em; |
||
} |
|||
.glowna-panel img { |
|||
margin-bottom: 3px; |
|||
} |
} |
||
} |
} |
||
Linia 99: | Linia 107: | ||
} |
} |
||
. |
.glowna-edytujspisy { |
||
display: none; |
display: none; |
||
} |
} |
||
Linia 115: | Linia 123: | ||
} |
} |
||
} |
} |
||
/* |
|||
</nowiki> |
|||
[[Kategoria:Szablony CSS]] |
|||
*/ |
Aktualna wersja na dzień 19:28, 2 kwi 2022
/*
Kod CSS wspólny dla nowych stron głównych.
<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-panel {
width: 100%;
}
.glowna-panel:nth-child(1) {
padding-top: 0.5em;
}
.glowna-main-content .glowna-kolumna {
border-radius: 5px;
}
.glowna-main-content .panelcss-main {
padding-left: 5px;
padding-right: 5px;
}
.glowna-container {
margin: -2px;
width: 100%;
}
.glowna-topka {
padding: 5px;
border-radius: 3px;
margin-bottom: 0.1em;
}
.glowna-footer {
padding: 5px;
border-radius: 3px;
margin-left: 0;
margin-top: 0.1em;
}
.glowna-edytujspisy {
float: right;
margin: 0 1em 1em 0;
font-size: 10px;
position: relative;
top: -2em;
}
/* uproszczony panelcss */
.panelcss-header {
border: none;
height: 24px;
margin: 0;
border-radius: 3px;
padding-top: 1px;
}
/* dla timelessa */
h2::after {
border-bottom: none !important;
}
.panelcss-header span {
display: flex;
}
.panelcss-header-content {
font-weight: bold;
font-size: 15px;
padding: 2px 2px 0 7px;
font-family: sans-serif;
}
.panelcss-content {
padding: 4px 4px 0.7em 4px;
}
.glowna-topka p {
margin: 0.5em 0.2em;
}
.glowna-panel img {
margin-bottom: 3px;
}
}
@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;
}
.glowna-edytujspisy {
display: none;
}
.glowna-container {
margin-right: 0.5em;
}
.panelcss-main {
margin-top: 2em;
}
.panelcss-header {
margin-top: 0 !important;
}
.panelcss-header-content img {
display: none;
}
}
/*
</nowiki>
[[Kategoria:Szablony CSS]]
*/