Versionsunterschied von Common.css

aus dem Chronist-Wiki, der deutschen BIONICLE-Enzyklopädie
Zur Navigation springen Zur Suche springen
(Anpassung der CSS-Formatierung (keine Änderungen am Design))
(stellt den helleren Hintergrund für die Navigation wieder her)
Zeile 163: Zeile 163:


/* Sidebar */
/* Sidebar */
div#mw-panel div.portal{
#mw-panel .portal{
     background-image: none !important;
     background-image: none !important;
     margin: 10px 0;
     margin: 10px 0;

Version vom 22. August 2024, 22:26 Uhr

/* Allgemeines */
@font-face{
    font-family: "Felix Titling";
    font-style: normal;
    font-weight: 400;
    src: local("Felix Titling"), url(/uploads/felix.woff) format("woff");
}
#toc{
    display: table;
    background-color: rgba(255,255,255,0.6);
}
.reference{
    line-height: 1;
}
.mw-editsection{
    padding-left: 20px;
    font-size: 12px;
}
.thumbinner{
    min-width: 100px;
}
body{
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 0;
    margin: 0;
}
li#pt-userpage, li#pt-anonuserpage, li#pt-login{
    background-image: none !important;
}
li[id*=pt-] a{
    color: #ccc !important;
    background: transparent !important;
}
li[id*=pt-] a:hover{
    color: #fff !important;
    background: transparent !important;
    text-decoration: none !important;
}
#footer, #content{
    background-color: rgba(255,255,255,0.6) !important;
    border: 0 !important;
}
#p-cactions li{
    background-color: transparent !important;
    border: 0;
}
#p-cactions li a {
    padding: 0 .8em .1em !important;
    background: rgba(255,255,255,0.6);
}
#p-cactions li.selected a, #p-cactions li a:hover{
    background-color: rgba(255,255,255,0.75) !important;
}
#content ol, #content ul, #mw_content ol, #mw_content ul{
    margin-bottom: 8px;
}
ul{
    list-style-image: none !important;
}
.ns-0 .gallerybox .thumb img, .ns-2 .gallerybox .thumb img, .ns-100 .gallerybox .thumb img,
.nochecker .gallerybox .thumb img{
    background: white;
}
.wikitable caption, .prettytable caption, .mw-newpages-pagename{
    font-weight: bold;
}
.gallerybox .thumb img, #file img{ /* [[Datei:Checker.png]] */
    background: #fff url(/w/images/7/73/Checker.png) repeat;
}
#catlinks{
    padding-right: 50px;
}
#p-namespaces .new a{
    color: #666 !important;
}
#preftoc li{
    float: left;
    list-style: none;
    padding: 0 20px;
}
#preferences fieldset{
    clear: both;
}
#content, #catlinks, div.vectorMenu div.menu, #mw-panel.collapsible-nav .portal{
    background-color: rgba(255,255,255,0.6) !important;
}
.vectorTabs li, .vectorMenu h5 a, .vectorTabs li span, .vectorTabs li.selected, #preftoc, #preftoc li,
 .vectorTabs ul, #mw-page-base, #mw-head, #mw-panel, .vectorTabs, div.vectorMenu h3 a{
    background: none !important;
}
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3{
    background-image: none !important;
}
.firstHeading{
    font-size: 1.5em !important;
}
#bodyContent{
    line-height: 1.5 !important;
}
.fullImageLink, .fullMedia{
    text-align: center;
}

/* Hinweisvorlagen */
.Hinweisvorlage{
    width: 90%;
    border: 1px solid #7a340d;
    margin: 20px auto;
    background: #fff;
    border-spacing: 30px 10px;
}
.Hinweisvorlage td:first-child{
    width: 52px;
}

/* Tabs für Namensräume */
#mw-head-base{
    background: rgba(255,255,255,0.6) !important;
    margin-top: -39px;
    margin-bottom: 1px;
    border-bottom: 1px solid #888;
    height: 39px !important;
}
.vectorTabs ul li{
    border-right: solid thin #888;
}
#right-navigation{
    border-left: solid thin #888;
}
.vectorTabs li.selected, #mw-panel .portal h3{
    font-weight: bold !important;

/* Generations-Tabs */
}
#GenerationTabs{
    position: absolute;
    right: 0;
    top: -49px;
    background-color: #7a340d;
    font-size: 18px;
    height: 31px;
    line-height: 31px;
}
#AktuelleGeneration, #AndereGeneration{
    padding-left: 40px;
    padding-right: 40px;
    float: left;
    height: 31px;
}
#AndereGeneration{
    background-color: rgba(255,255,255,0.3);
}
#GenerationTabs a, #GenerationTabs a:visited, #GenerationTabs{
    color: #fff !important;
    text-decoration: none !important;
}
#AndereGeneration:hover{
    background-color: rgba(255,255,255,0.1);
}

/* Sidebar */
#mw-panel .portal{
    background-image: none !important;
    margin: 10px 0;
    background-color: rgba(255, 255, 255, 0.6);
}
#mw-panel.collapsible-nav .portal{
    padding: 10px !important;
    margin: 0 0 10px;
}
#mw-panel{
    padding: 0;
}
#p-logo{
    left: 0; 
}

/* Footer */
#footer{
    margin-top: 15px !important;
    margin-bottom: 15px;
}
#footer-info li{
    display: inline !important;
}

/* Vorlage:AdM */
.Auszeichnung{
    top: -140px;
    position: absolute;
    left: 105px;
}
.Auszeichnung img{
    height: 35px;
}

/* Links */
a, a:visited, .toctogglelabel{
    color: #7a340d !important;
}
a:hover{
    text-decoration: underline;
}
a[href*=redlink]{
    color: #c00 !important;
}
a.external{ /* [[Datei:Http.png]] */
    background: url(/w/images/8/8a/Http.png) center right no-repeat !important;
    padding: 0 13px 0 0;
}
a.external[href*=".pdf"], a.external[href*=".swf"], .link-document{ /* [[Datei:Pdf.png]] */
    background: url(/w/images/6/6b/Pdf.png) center right no-repeat !important;
    padding: 0 12px 0 0;
}
a.external[href^="https://"], .link-https{ /* [[Datei:Https.png]] */
    background: url(/w/images/b/bf/Https.png) center right no-repeat !important;
    padding: 0 12px 0 0 !important;
}
a.extiw[href*=".wikipedia.org/"], a.external[href*=".wikipedia.org/"]{ /* [[Datei:Wikipedia.jpg]] */
    background: url(/w/images/f/fe/Wikipedia.jpg) center right no-repeat !important;
    padding: 0 12px 0 0;
}
.plainlinks a{
    background-image: none !important;
}

/* Ausblenden von Überschriften, Weitergeleitet-Hinweisen und Kommentaren auf [[Spezial:Neue Seiten]] */
.page-Chronist-Wiki_Hauptseite #contentSub, .page-Chronist-Wiki_Hauptseite #firstHeading, .page-2008 #contentSub, 
 .ns-100 #firstHeading, .ns-100 #contentSub, .page-BIONICLE  #firstHeading, .page-BIONICLE #contentSub, 
 .page-2001 #firstHeading, .page-2002 #firstHeading, .page-2003 #firstHeading, 
 .page-2004 #firstHeading, .page-2005 #firstHeading, .page-2006 #firstHeading, 
 .page-2007 #firstHeading, .page-2008 #firstHeading, .page-2009 #firstHeading, 
 .page-2010 #firstHeading, .page-2011 #firstHeading, .mw-special-Newpages .comment{
    display: none !important;
}

/* Tabellen */
table.wikitable, table.prettytable{
    margin: 16px 16px 16px 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.wikitable th, .wikitable td, .prettytable th, .prettytable td{
    border: 1px #aaa solid;
    padding: 3px;
}
.wikitable th, .prettytable th{
    background: #f2f2f2;
    text-align: center;
}

/* Infoboxen */
.infobox{
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 8px 0 8px 16px;
    padding: 3px;
    float: right;
    clear: right;
    text-align: left;
}

/* Navigationsleisten */
.NaviBox{
    text-align: center;
    font-size: 95%;
}
.NavigationsBlock, .NaviBox{
    margin: 10px auto 0;
    padding: 0;
    border: 1px solid #7a340d;
    background-color: #f9f9f9;
    clear: both;
    width: 700px;
}
.NavigationsBlock .NaviBox, .NavigationsBlock .NavigationsBlock{
    margin-top: 0;
    border: 0;
}
.NaviBox table{
    background: #f9f9f9;
    width: 100%;
    margin: 0;
}
.NaviBox table th{
    text-align: right;
    color: #fff;
    padding: 2px 5px;
    background: #bc8b46;
    width: 120px;
}
.NaviBox table td{
    text-align: left;
    padding: 2px 5px;
    background-color: #f9f9f9;
    color: #888;
}
.NaviBox table th a{
    color: #fff !important;
}
.NaviBox .selflink{
    color: #000 !important;
}
.NaviBox table th .selflink{
    color: #fff !important;
}
.NaviBox .NaviKopf .selflink{
    color: #eedc82 !important;
}
.NaviBox table th[colspan]{
    text-align: center;
    font-size: 110%;
}
.NaviBox table th[colspan].subhead{
    text-align: right;
    font-size: 100%;
}
.NaviBox .NaviKopf{
    height: 20px;
    font-weight: bold;
    background-color: #7a340d;
    padding: 2px;
    font-size: 110%;
}
.NaviBox .NaviKopf, .NaviBox .NaviKopf a{
    color: #eedc82 !important;
}
.NaviBox .NaviInhalt{
    font-size: 90%;
    font-weight: bold;
    color: #888;
}

/* Portal-Navigationsleiste */
.PortaleNav{
    margin-top: 5px;
    text-align: center;
    margin: 0 auto;
    width: 700px;
    border-spacing: 0;
    border: 2px solid #7a340d;
    border-radius: 14px;
}
.PortaleNav td{
    font-size: 14px;
    font-variant: small-caps;
    background-color: #bc8b46;
    border: 2px solid #7a340d;
    padding: 2px 7px;
}
.PortaleNav td, .PortaleNav td a{
    color: #7a340d !important;
    font-weight: bold;
}
.PortaleNav th, .PortaleNav th a{
    font-variant: small-caps;
    padding: 7px;
    color: #eedc82 !important;
    background-color: #7a340d;
    font-weight: bold;
}

/* Hauptseite */
.HauptseiteTabelle{
    border: solid thin #7a340d;
    background: #bc8b46;
    border-spacing: 0;
    width: 100%;
}
.HauptseiteTabelle h2, .HauptseiteTabelle h3 a{
    font-weight: bold;
    font-variant: small-caps;
    font-family: Felix Titling, sans-serif !important;
    color: #eedc82 !important;
}
.HauptseiteTabelle h2, .HauptseiteTabelle h3{
    padding: 4px !important;
    border: 0;
    background: #7a340d;
}
.HauptseiteTabelle h2{
    font-size: 24px !important;
    padding: 15px 0 !important;
    margin-top: 0 !important;
}
.HauptseiteTabelle h3{
    text-indent: 15px;
    margin: 0 -20px 20px !important;
    text-align: left;
    font-size: 18px !important;
}
.HauptseiteTabelle>tbody>tr>td{
    padding: 0 20px 20px;
    vertical-align: top;
    width: 50%;
}
.HauptseiteTabelle [colspan="2"]{
    text-align: center;
    width: 100%;
    padding: 0 0 20px 0 !important;
}
.HauptseiteTabelle .borderright{
    border-right: solid thin #7a340d;
}

/* Projekt Erste Generation */
.page-Chronist-Wiki_Projekt_Erste_Generation ol a{
    text-decoration: line-through;
}
.page-Chronist-Wiki_Projekt_Erste_Generation ol a.new{
    text-decoration: none !important;
}

/* Skins */
/* Vector */
body.skin-vector{
    background-image: url(/uploads/background-generation2.jpg) !important;
}

/* Showdown */
body.skin-showdown{
    background-image: url(/uploads/background-showdown.png) !important;
    background-color: #d2b48c;
}

/* Generation2 */
body.skin-generation2{
    background-image: url(/uploads/background-generation2.jpg) !important;
}
.skin-generation2 #p-logo a{
    background-image: url(/uploads/logo-generation2.png) !important;
}

/* Classic */
body.skin-classic{
    background-image: url(/uploads/background-classic.jpg) !important;
}

/* MNOLG */
body.skin-mnolg{
    background-image: url(/uploads/background-mnolg.jpg) !important;
}

/* Universum */
body.skin-universum{
    background-image: url(/uploads/background-universum.jpg) !important;
}
.skin-universum li[id*=pt-] a{
    color: #444 !important;
}
.skin-universum li[id*=pt-] a:hover{
    color: #000 !important;
}

/* MistiKarda */
body.skin-mistikarda{
    background-image: url(/uploads/background-mistikarda.png) !important;
}
.skin-mistikarda #p-logo a{
    background-image: url(/uploads/logo-mistikarda.png) !important;
}
.skin-mistikarda #content, .skin-mistikarda #catlinks, .skin-mistikarda div.vectorMenu div.menu, 
 .skin-mistikarda #mw-panel.collapsible-nav .portal{
    background-color: rgba(255,255,255,0.75) !important;
}
.skin-mistikarda #mw-head-base{
    background: rgba(255,255,255,0.75) !important;
}
.skin-mistikarda a, .skin-mistikarda a:visited, .skin-mistikarda .PortaleNav td, .skin-mistikarda .PortaleNav td a{
    color: #238e68 !important;
}
.skin-mistikarda .NavigationsBlock, .skin-mistikarda .HauptseiteTabelle .borderright, .skin-mistikarda .PortaleNav td,
 .skin-mistikarda .HauptseiteTabelle, .skin-mistikarda .Hinweisvorlage, .skin-mistikarda .NaviBox{
    border-color: #238e68 !important;
}
.skin-mistikarda .NaviBox .NaviKopf, .skin-mistikarda .PortaleNav td[colspan="8"], 
 .skin-mistikarda .PortaleNav td[colspan="8"] a, .skin-mistikarda .HauptseiteTabelle h2, 
 .skin-mistikarda .HauptseiteTabelle h3, .skin-mistikarda body.skin-mistikarda, .skin-mistikarda #GenerationTabs{
    background-color: #238e68 !important;
}
.skin-mistikarda .NaviBox table th, .skin-mistikarda .PortaleNav td, .skin-mistikarda .HauptseiteTabelle{
    background-color: #7bbba4 !important;
}
.skin-mistikarda .NaviBox .NaviKopf .selflink, .skin-mistikarda .PortaleNav td[colspan="8"], 
 .skin-mistikarda .PortaleNav td[colspan="8"] a, .skin-mistikarda .NaviBox .NaviKopf, 
 .skin-mistikarda .NaviBox .NaviKopf a, .skin-mistikarda .HauptseiteTabelle h2, 
 .skin-mistikarda .HauptseiteTabelle h3 a{
    color: #15553e !important;
}
.skin-mistikarda li[id*=pt-] a{
    color: #444 !important;
}
.skin-mistikarda li[id*=pt-] a:hover, .skin-mistikarda .NaviBox .selflink{
    color: #000 !important;
}
.skin-mistikarda a[href*=redlink]{
    color: #c00 !important;
}
.skin-mistikarda .NaviBox table th a, .skin-mistikarda .NaviBox table th .selflink{
    color: #fff !important;
}

/* Benutzernamen */
[class*=skin-] .mw-userlink{
    font-weight: bold;
    color: #4a471f;
}
[class*=skin-] .mw-userlink[title="Benutzer:Nuhrii the Metruan"]{
    color: #a00 !important;
}
[class*=skin-] .mw-userlink[title="Benutzer:Bioniclemaster724"], 
 [class*=skin-] .mw-userlink[title="Benutzer:Fippe"],
 [class*=skin-] .mw-userlink[title="Benutzer:Vezon23"]{
    color: #f60 !important;
}