MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Gronkh-Wiki
Wechseln zu: Navigation, Suche
(Removed Sitenotice style)
 
(67 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 13: Zeile 30:
 
}
 
}
  
/* Vorlage: Folge / Tabelle */
+
.round {
.folgediv {
+
-webkit-border-radius: 0.5em;
width: 300px;
+
-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;
 
float: right;
margin-left: 15px;
+
margin: 0 0 .75em 1.25em;
overflow:hidden;
+
width: 250px;
border: 1px solid #aaa;
+
border: 2px solid #ccc;
-moz-border-radius-topleft: 3px;
+
border-spacing: 2px;
-moz-border-radius-topright: 3px;
+
-moz-border-radius-bottomright: 0px;
+
-moz-border-radius-bottomleft: 0px;
+
-webkit-border-radius: 3px 3px 0px 0px;
+
border-radius: 3px 3px 0px 0px;
+
 
}
 
}
.folgediv .footer {
+
 
font-size: 15pt;
+
.infobox.fluid {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #FFF1A3), color-stop(0.99, #FFD600), color-stop(0.01, #F5A521), color-stop(0, #F9C87A) );
+
float: left;
 +
margin:0 1em 1em 0;
 +
}
 +
 
 +
.infobox td, .infobox th {
 +
padding: 3px 4px;
 +
}
 +
 
 +
.infobox th.title {
 +
padding: 4px;
 
text-align: center;
 
text-align: center;
padding-left: 5px;
+
vertical-align: middle;
padding-right: 5px;
+
background: #ddd;
padding-bottom: 10px;
+
padding-top: 10px;
+
opacity: 0.7;
+
 
}
 
}
.folgediv .pic {
+
 
 +
.infobox th {
 +
text-align: left;
 +
vertical-align: top;
 +
}
 +
 
 +
.infoblock {
 +
margin: 15px 0;
 +
line-height: 1.5em;
 +
border: 2px solid #eee;
 
width: 100%;
 
width: 100%;
background: #EAEAEA;
 
text-align: center;
 
overflow: hidden;
 
padding: 2px;
 
border-bottom: 2px solid #aaa;
 
 
}
 
}
.folgediv .pic img {
+
 
-webkit-box-shadow: inset 0px 0px 10px 3px #888;
+
.infoblock.strong {
-moz-box-shadow: inset 0px 0px 10px 3px #888;
+
border: 2px solid #ccc;
box-shadow: inset 0px 0px 10px 3px #888;
+
background: #eee;
 
}
 
}
.folgediv table {
+
 
 +
.infoblock.warnbox {
 +
border: 5px double #D80000;
 +
background: #FFF2BF;
 +
}
 +
 
 +
.infoblock td.icon {
 +
padding: 8px;
 +
padding-right: 2px;
 +
}
 +
 
 +
.infoblock td.content {
 +
padding: 8px;
 
width: 100%;
 
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;
 
}
 
}
.folgediv table tr:nth-child(odd) {
+
.makeScrollable {
background-color: #f9f9f9;
+
    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;
}