MediaWiki:Common.css: Różnice pomiędzy wersjami
Przejdź do nawigacji
Przejdź do wyszukiwania
m |
m |
||
Linia 8: | Linia 8: | ||
div#mw-subcategories div.mw-content-ltr h3 { | div#mw-subcategories div.mw-content-ltr h3 { | ||
display: none; | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* SECTIONS */ | ||
+ | .section { | ||
+ | clear: both; | ||
+ | padding: 0px; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | /* COLUMN SETUP */ | ||
+ | .col { | ||
+ | display: block; | ||
+ | float:left; | ||
+ | margin: 1% 0 1% 0.1%; | ||
+ | } | ||
+ | .col:first-child { margin-left: 0; } | ||
+ | |||
+ | /* GROUPING */ | ||
+ | .group:before, | ||
+ | .group:after { content:""; display:table; } | ||
+ | .group:after { clear:both;} | ||
+ | .group { zoom:1; /* For IE 6/7 */ } | ||
+ | |||
+ | /* GRID OF FOUR */ | ||
+ | .span_4_of_4 { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .span_3_of_4 { | ||
+ | width: 74.97%; | ||
+ | } | ||
+ | .span_2_of_4 { | ||
+ | width: 49.95%; | ||
+ | } | ||
+ | .span_1_of_4 { | ||
+ | width: 24.92%; | ||
+ | } | ||
+ | |||
+ | /* GO FULL WIDTH BELOW 480 PIXELS */ | ||
+ | @media only screen and (max-width: 480px) { | ||
+ | .col { margin: 1% 0 1% 0%; } | ||
+ | .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; } | ||
} | } |
Wersja z 23:32, 30 sty 2016
/* Umieszczony tutaj kod CSS zostanie zastosowany we wszystkich skórkach */ img.fullwidth { width: 100%; max-width: 800px; height: auto; } div#mw-subcategories div.mw-content-ltr h3 { display: none; } /* SECTIONS */ .section { clear: both; padding: 0px; margin: 0px; } /* COLUMN SETUP */ .col { display: block; float:left; margin: 1% 0 1% 0.1%; } .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; /* For IE 6/7 */ } /* GRID OF FOUR */ .span_4_of_4 { width: 100%; } .span_3_of_4 { width: 74.97%; } .span_2_of_4 { width: 49.95%; } .span_1_of_4 { width: 24.92%; } /* GO FULL WIDTH BELOW 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; } }