MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Gronkh-Wiki
Wechseln zu: Navigation, Suche
((.infoline ->) .infoblock)
(Removed Sitenotice style)
 
(53 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: 1em;
+
line-height: 1.5em;
 
border: 2px solid #eee;
 
border: 2px solid #eee;
 
width: 100%;
 
width: 100%;
Zeile 43: Zeile 89:
 
border: 2px solid #ccc;
 
border: 2px solid #ccc;
 
background: #eee;
 
background: #eee;
 +
}
 +
 +
.infoblock.warnbox {
 +
border: 5px double #D80000;
 +
background: #FFF2BF;
 
}
 
}
  
 
.infoblock td.icon {
 
.infoblock td.icon {
padding: 10px;
+
padding: 8px;
padding-right: 0;
+
padding-right: 2px;
 
}
 
}
  
 
.infoblock td.content {
 
.infoblock td.content {
padding: 12px;
+
padding: 8px;
 
width: 100%;
 
width: 100%;
 
vertical-align: middle;
 
vertical-align: middle;
Zeile 59: Zeile 110:
  
 
table.letsplays {
 
table.letsplays {
width:700px;
+
width:800px;
 
}
 
}
  
Zeile 71: Zeile 122:
  
 
table.letsplays .length-col {
 
table.letsplays .length-col {
width:85px;
+
width:165px;
 
}
 
}
  
Zeile 92: 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;
}