MediaWiki:Common.css
Aus SpongePedia
(Unterschied zwischen Versionen)
Jörg (Diskussion | Beiträge) |
Jörg (Diskussion | Beiträge) K |
||
(14 dazwischenliegende Versionen von einem Benutzer werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
+ | @font-face { | ||
+ | font-family: 'spongefont'; | ||
+ | src: url('skins/fonts/spongefont.eot'); | ||
+ | src: url('skins/fonts/spongefont.woff') format('woff'), url('skinsfonts/spongefont.svg') format('svg'); | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | .spongefont { | ||
+ | font-family: spongefont, sans-serif; | ||
+ | } | ||
+ | |||
.center { | .center { | ||
margin-left: auto; | margin-left: auto; | ||
Zeile 6: | Zeile 17: | ||
.clear { | .clear { | ||
clear: both; | clear: both; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.wikitable th { | .wikitable th { | ||
− | background: #ffffcc; | + | background: #ffffcc !important; |
+ | } | ||
+ | .wikitable tr { | ||
+ | background: #f8f8f8 !important; | ||
} | } | ||
Zeile 25: | Zeile 35: | ||
.box-hs h2 { | .box-hs h2 { | ||
text-align: center; | text-align: center; | ||
+ | } | ||
+ | |||
+ | .hs table { | ||
+ | background: none; | ||
} | } | ||
.hs-tabs { | .hs-tabs { | ||
width: 100% | width: 100% | ||
+ | } | ||
+ | .hs-tabs a:link, | ||
+ | .hs-tabs a:visited { | ||
+ | color: #000; | ||
} | } | ||
.hs-tabs ul { | .hs-tabs ul { | ||
Zeile 35: | Zeile 53: | ||
.hs-tabs ul li { | .hs-tabs ul li { | ||
display: inline-block; | display: inline-block; | ||
− | padding: | + | padding: 8px 8% 0; |
− | margin: 0 0. | + | margin: 0 0.5%; |
− | background-color: # | + | background-color: #ffff70; |
height: 32px; | height: 32px; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
#hs-wrapper { | #hs-wrapper { | ||
− | background: # | + | background: #ffff70; |
− | width: | + | width: 98%; |
− | margin: | + | margin: 0 auto; |
padding: 8px; | padding: 8px; | ||
} | } | ||
Zeile 60: | Zeile 74: | ||
.hs-box { | .hs-box { | ||
− | border: 2px solid # | + | border: 2px solid #4589cd; |
− | padding: | + | padding: 12px; |
} | } | ||
.hs-box h2 { | .hs-box h2 { | ||
+ | padding: 0 0 10px 0; | ||
text-align: center; | text-align: center; | ||
+ | font-size: larger; | ||
font-weight: bold; | font-weight: bold; | ||
+ | border-bottom: 1px solid #4589cd; | ||
} | } | ||
− | .hs-box- | + | .hs-box-top { |
− | margin: | + | margin: 0 0 8px 0; |
} | } | ||
.hs-box-right { | .hs-box-right { | ||
− | margin: | + | margin: 0 0 8px 4px; |
} | } | ||
.hs-box-left { | .hs-box-left { | ||
− | margin: | + | margin: 0 4px 8px 0px; |
} | } | ||
+ | #hs-right .hs-box-right:last-child { | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | #hs-left .hs-box-left:last-child { | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | /* < IE9 */ | ||
.hs-box-last { | .hs-box-last { | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
} | } | ||
− | @media screen and (max-width: | + | @media screen and (max-width:960px) { |
+ | |||
+ | .hs-tabs ul li { | ||
+ | display: list-item; | ||
+ | margin: 0; | ||
+ | text-align: center; | ||
+ | } | ||
#hs-right { | #hs-right { | ||
float: none; | float: none; | ||
Zeile 87: | Zeile 117: | ||
#hs-left { | #hs-left { | ||
margin-right: 0; | margin-right: 0; | ||
+ | } | ||
+ | .hs-box-right { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .hs-box-left { | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | #hs-right .hs-box-right:last-child { | ||
+ | margin-bottom: 8px; | ||
} | } | ||
} | } | ||
Zeile 147: | Zeile 186: | ||
padding: 3px; | padding: 3px; | ||
} | } | ||
− | |||
.nav { | .nav { | ||
Zeile 156: | Zeile 194: | ||
clear: both; | clear: both; | ||
} | } | ||
− | |||
.nav-title { | .nav-title { | ||
padding: 1px 0; | padding: 1px 0; | ||
Zeile 162: | Zeile 199: | ||
background: #ffffcc; | background: #ffffcc; | ||
} | } | ||
− | |||
.nav-content { | .nav-content { | ||
padding: 0 5px; | padding: 0 5px; | ||
Zeile 170: | Zeile 206: | ||
margin-top: -25px; | margin-top: -25px; | ||
} | } | ||
− | |||
.nav .mw-collapsible-toggle-expanded { | .nav .mw-collapsible-toggle-expanded { | ||
margin-top: -28px; | margin-top: -28px; | ||
} | } |
Aktuelle Version vom 2. März 2013, 19:43 Uhr
@font-face { font-family: 'spongefont'; src: url('skins/fonts/spongefont.eot'); src: url('skins/fonts/spongefont.woff') format('woff'), url('skinsfonts/spongefont.svg') format('svg'); font-weight: normal; font-style: normal; } .spongefont { font-family: spongefont, sans-serif; } .center { margin-left: auto; margin-rigth: auto; } .clear { clear: both; } .wikitable th { background: #ffffcc !important; } .wikitable tr { background: #f8f8f8 !important; } .box-hs { border: 2px solid #6959CD; background-color: #ffff88; border-radius: 5px; -moz-border-radius: 5px; } .box-hs h2 { text-align: center; } .hs table { background: none; } .hs-tabs { width: 100% } .hs-tabs a:link, .hs-tabs a:visited { color: #000; } .hs-tabs ul { list-style: none; } .hs-tabs ul li { display: inline-block; padding: 8px 8% 0; margin: 0 0.5%; background-color: #ffff70; height: 32px; } #hs-wrapper { background: #ffff70; width: 98%; margin: 0 auto; padding: 8px; } #hs-right { float: right; width: 50%; } #hs-left { margin-right: 50%; } .hs-box { border: 2px solid #4589cd; padding: 12px; } .hs-box h2 { padding: 0 0 10px 0; text-align: center; font-size: larger; font-weight: bold; border-bottom: 1px solid #4589cd; } .hs-box-top { margin: 0 0 8px 0; } .hs-box-right { margin: 0 0 8px 4px; } .hs-box-left { margin: 0 4px 8px 0px; } #hs-right .hs-box-right:last-child { margin-bottom: 0px; } #hs-left .hs-box-left:last-child { margin-bottom: 0px; } /* < IE9 */ .hs-box-last { margin-bottom: 0px; } @media screen and (max-width:960px) { .hs-tabs ul li { display: list-item; margin: 0; text-align: center; } #hs-right { float: none; width: 100%; } #hs-left { margin-right: 0; } .hs-box-right { margin-left: 0; } .hs-box-left { margin-right: 0; } #hs-right .hs-box-right:last-child { margin-bottom: 8px; } } .regeln { border: 1px solid #000000; background-color: #F3F3FF; padding: 10px; font-size: 95%; } .blau { border: 1px solid #8898BF; background-color: #D8E8FF; padding: 7px; } .gelb { border: 1px solid #E1C823; background-color: #FFFFCC; padding: 7px; } .grau { border: 1px solid #aaaaaa; background-color: #f0f0f0; padding: 7px; } .gruen { border: 1px solid #6AB044; background-color: #DDFFAA; padding: 7px; } .rot { border: 1px solid #C55555; background-color: #FFCECE; padding: 7px; } .warnung { border: 2px solid #FF0000; background-color: #EEE; font-size: 100%; padding: 3px; } .warnung1 { border: 2px solid #FFA500; background-color: #EEE; font-size: 100%; padding: 3px; } .warnung2 { border: 2px solid #FF0000; background-color: #FFDDDD; font-size: 100%; padding: 3px; } .nav { border: 1px solid #A7D7F9; padding: 1px; text-align: center; font-size: 90%; clear: both; } .nav-title { padding: 1px 0; font-weight: bold; background: #ffffcc; } .nav-content { padding: 0 5px; } .nav .mw-collapsible-toggle-collapsed { margin-top: -25px; } .nav .mw-collapsible-toggle-expanded { margin-top: -28px; }