MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus Gronkh-Wiki
(Removed Sitenotice style) |
|||
| (50 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 31: | Zeile 48: | ||
.box .box-title a { | .box .box-title a { | ||
color: yellow !important; | 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 { | .infoblock { | ||
margin: 15px 0; | margin: 15px 0; | ||
| − | line-height: 1. | + | line-height: 1.5em; |
border: 2px solid #eee; | border: 2px solid #eee; | ||
width: 100%; | width: 100%; | ||
| Zeile 46: | Zeile 92: | ||
.infoblock.warnbox { | .infoblock.warnbox { | ||
| − | border: | + | border: 5px double #D80000; |
| − | background: # | + | background: #FFF2BF; |
} | } | ||
.infoblock td.icon { | .infoblock td.icon { | ||
| − | padding: | + | padding: 8px; |
| − | padding-right: | + | padding-right: 2px; |
} | } | ||
.infoblock td.content { | .infoblock td.content { | ||
| − | padding: | + | padding: 8px; |
width: 100%; | width: 100%; | ||
vertical-align: middle; | vertical-align: middle; | ||
| Zeile 64: | Zeile 110: | ||
table.letsplays { | table.letsplays { | ||
| − | width: | + | width:800px; |
} | } | ||
| Zeile 76: | Zeile 122: | ||
table.letsplays .length-col { | table.letsplays .length-col { | ||
| − | width: | + | width:165px; |
} | } | ||
| Zeile 97: | 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;
}