MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus Gronkh-Wiki
(→Übersicht Let's Plays - Tabelle: Kleine Überarbeitung) |
(Removed Sitenotice style) |
||
(64 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
+ | |||
+ | /* @import url("/nivoslider/nivo-slider.css"); */ | ||
+ | |||
+ | blockquote { | ||
+ | padding: 0 !important; | ||
+ | border: 0 !important; | ||
+ | background: #fff !important; | ||
+ | } | ||
+ | |||
+ | blockquote cite { | ||
+ | margin-left: 17px; | ||
+ | font-style: normal; | ||
+ | font-variant: small-caps; | ||
+ | } | ||
#footer-info-viewcount { display: none; } | #footer-info-viewcount { display: none; } | ||
+ | #footer { | ||
+ | text-shadow: 0px 0px 6px rgb(255, 255, 255); | ||
+ | } | ||
.caption { | .caption { | ||
Zeile 11: | Zeile 28: | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
padding-top: 10px; | padding-top: 10px; | ||
+ | } | ||
+ | |||
+ | .round { | ||
+ | -webkit-border-radius: 0.5em; | ||
+ | -moz-border-radius: 0.5em; | ||
+ | border-radius: 0.5em; | ||
+ | } | ||
+ | |||
+ | .box { | ||
+ | width: 100%; | ||
+ | margin-bottom: 14px; | ||
+ | border-spacing: 2px; | ||
+ | } | ||
+ | |||
+ | .box td { | ||
+ | padding: 8px 12px; | ||
+ | } | ||
+ | |||
+ | .box .box-title a { | ||
+ | color: yellow !important; | ||
+ | } | ||
+ | |||
+ | .infobox { | ||
+ | float: right; | ||
+ | margin: 0 0 .75em 1.25em; | ||
+ | width: 250px; | ||
+ | border: 2px solid #ccc; | ||
+ | border-spacing: 2px; | ||
+ | } | ||
+ | |||
+ | .infobox.fluid { | ||
+ | float: left; | ||
+ | margin:0 1em 1em 0; | ||
+ | } | ||
+ | |||
+ | .infobox td, .infobox th { | ||
+ | padding: 3px 4px; | ||
+ | } | ||
+ | |||
+ | .infobox th.title { | ||
+ | padding: 4px; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | background: #ddd; | ||
+ | } | ||
+ | |||
+ | .infobox th { | ||
+ | text-align: left; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | .infoblock { | ||
+ | margin: 15px 0; | ||
+ | line-height: 1.5em; | ||
+ | border: 2px solid #eee; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .infoblock.strong { | ||
+ | border: 2px solid #ccc; | ||
+ | background: #eee; | ||
+ | } | ||
+ | |||
+ | .infoblock.warnbox { | ||
+ | border: 5px double #D80000; | ||
+ | background: #FFF2BF; | ||
+ | } | ||
+ | |||
+ | .infoblock td.icon { | ||
+ | padding: 8px; | ||
+ | padding-right: 2px; | ||
+ | } | ||
+ | |||
+ | .infoblock td.content { | ||
+ | padding: 8px; | ||
+ | width: 100%; | ||
+ | vertical-align: middle; | ||
} | } | ||
Zeile 16: | Zeile 110: | ||
table.letsplays { | table.letsplays { | ||
− | width: | + | width:800px; |
} | } | ||
− | table.letsplays .dates | + | table.letsplays .dates-col { |
− | + | ||
width:55px; | width:55px; | ||
} | } | ||
− | table.letsplays .episodes | + | table.letsplays .episodes-col { |
− | + | ||
width:60px; | width:60px; | ||
} | } | ||
− | table.letsplays .length { | + | table.letsplays .length-col { |
+ | width:165px; | ||
+ | } | ||
+ | |||
+ | table.letsplays .dates { | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | table.letsplays .episodes, table.letsplays .length { | ||
text-align:right; | text-align:right; | ||
− | |||
} | } | ||
Zeile 44: | Zeile 143: | ||
.lp-active { | .lp-active { | ||
background:#9DD12F; | background:#9DD12F; | ||
+ | } | ||
+ | |||
+ | /* Coverübersicht workaround */ | ||
+ | .coveruebersicht p { | ||
+ | margin: 0 !important; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .coveruebersicht p img { | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Button für Folgenübersicht */ | ||
+ | .buttonEpisodenSeite { | ||
+ | font-family:Arial; | ||
+ | font-size:20px; | ||
+ | font-weight:bold; | ||
+ | background:#68B733; | ||
+ | border:solid 3px #38601B; | ||
+ | border-radius:5px; | ||
+ | color:#213810; | ||
+ | box-shadow:0px 0px 5px #000000; | ||
+ | transition: all 150ms; | ||
+ | -webkit-transition: all 150ms; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | .buttonEpisodenSeite:hover { | ||
+ | background:#38601B; | ||
+ | color:#68B733; | ||
+ | } | ||
+ | |||
+ | /* Spalten auf der Hauptseite */ | ||
+ | .spaltenWrapper:after { | ||
+ | content: " "; | ||
+ | display: block; | ||
+ | clear: both; | ||
+ | } | ||
+ | .makeScrollable { | ||
+ | margin-bottom: 10px; | ||
} | } |
Aktuelle Version vom 15. März 2016, 08:00 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ /* @import url("/nivoslider/nivo-slider.css"); */ blockquote { padding: 0 !important; border: 0 !important; background: #fff !important; } blockquote cite { margin-left: 17px; font-style: normal; font-variant: small-caps; } #footer-info-viewcount { display: none; } #footer { text-shadow: 0px 0px 6px rgb(255, 255, 255); } .caption { font-size: 15pt; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF1A3), color-stop(0.01, #FFD600), color-stop(0.99, #F5A521), color-stop(1, #F9C87A) ); text-align: center; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; padding-top: 10px; } .round { -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; } .box { width: 100%; margin-bottom: 14px; border-spacing: 2px; } .box td { padding: 8px 12px; } .box .box-title a { color: yellow !important; } .infobox { float: right; margin: 0 0 .75em 1.25em; width: 250px; border: 2px solid #ccc; border-spacing: 2px; } .infobox.fluid { float: left; margin:0 1em 1em 0; } .infobox td, .infobox th { padding: 3px 4px; } .infobox th.title { padding: 4px; text-align: center; vertical-align: middle; background: #ddd; } .infobox th { text-align: left; vertical-align: top; } .infoblock { margin: 15px 0; line-height: 1.5em; border: 2px solid #eee; width: 100%; } .infoblock.strong { border: 2px solid #ccc; background: #eee; } .infoblock.warnbox { border: 5px double #D80000; background: #FFF2BF; } .infoblock td.icon { padding: 8px; padding-right: 2px; } .infoblock td.content { padding: 8px; width: 100%; vertical-align: middle; } /* Übersicht Let's Plays - Tabelle */ table.letsplays { width:800px; } table.letsplays .dates-col { width:55px; } table.letsplays .episodes-col { width:60px; } table.letsplays .length-col { width:165px; } table.letsplays .dates { text-align:center; } table.letsplays .episodes, table.letsplays .length { text-align:right; } .lp-finished { background:#F06C47; } .lp-paused { background:#FCB058; } .lp-active { background:#9DD12F; } /* Coverübersicht workaround */ .coveruebersicht p { margin: 0 !important; padding: 0; } .coveruebersicht p img { background-size: cover; } /* Button für Folgenübersicht */ .buttonEpisodenSeite { font-family:Arial; font-size:20px; font-weight:bold; background:#68B733; border:solid 3px #38601B; border-radius:5px; color:#213810; box-shadow:0px 0px 5px #000000; transition: all 150ms; -webkit-transition: all 150ms; cursor:pointer; } .buttonEpisodenSeite:hover { background:#38601B; color:#68B733; } /* Spalten auf der Hauptseite */ .spaltenWrapper:after { content: " "; display: block; clear: both; } .makeScrollable { margin-bottom: 10px; }