Versionsunterschied von Common.css

aus dem Chronist-Wiki, der deutschen BIONICLE-Enzyklopädie
Zur Navigation springen Zur Suche springen
(stellt den helleren Hintergrund für die Navigation wieder her)
(Formatierung der Diffs in "Änderungen zeigen")
 
(5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 8: Zeile 8:
#toc{
#toc{
     display: table;
     display: table;
     background-color: rgba(255,255,255,0.6);
     background-color: rgba(255,255,255,0.7);
}
}
.reference{
.reference{
Zeile 41: Zeile 41:
}
}
#footer, #content{
#footer, #content{
     background-color: rgba(255,255,255,0.6) !important;
     background-color: rgba(255,255,255,0.7) !important;
     border: 0 !important;
     border: 0 !important;
}
}
Zeile 50: Zeile 50:
#p-cactions li a {
#p-cactions li a {
     padding: 0 .8em .1em !important;
     padding: 0 .8em .1em !important;
     background: rgba(255,255,255,0.6);
     background: rgba(255,255,255,0.7);
}
}
#p-cactions li.selected a, #p-cactions li a:hover{
#p-cactions li.selected a, #p-cactions li a:hover{
Zeile 86: Zeile 86:
}
}
#content, #catlinks, div.vectorMenu div.menu, #mw-panel.collapsible-nav .portal{
#content, #catlinks, div.vectorMenu div.menu, #mw-panel.collapsible-nav .portal{
     background-color: rgba(255,255,255,0.6) !important;
     background-color: rgba(255,255,255,0.7) !important;
}
}
.vectorTabs li, .vectorMenu h5 a, .vectorTabs li span, .vectorTabs li.selected, #preftoc, #preftoc li,
.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{
  .vectorTabs ul, #mw-page-base, #mw-head, #mw-panel, .vectorTabs, div.vectorMenu h3 a, .vector-menu-tabs-legacy li{
     background: none !important;
     background: none !important;
}
}
Zeile 119: Zeile 119:
/* Tabs für Namensräume */
/* Tabs für Namensräume */
#mw-head-base{
#mw-head-base{
     background: rgba(255,255,255,0.6) !important;
     background: rgba(255,255,255,0.7) !important;
     margin-top: -39px;
     margin-top: -39px;
     margin-bottom: 1px;
     margin-bottom: 1px;
Zeile 131: Zeile 131:
     border-left: solid thin #888;
     border-left: solid thin #888;
}
}
.vectorTabs li.selected, #mw-panel .portal h3{
.vectorTabs li.selected, #mw-panel .portal h3, .vector-menu-tabs-legacy .selected{
     font-weight: bold !important;
     font-weight: bold !important;


Zeile 166: Zeile 166:
     background-image: none !important;
     background-image: none !important;
     margin: 10px 0;
     margin: 10px 0;
     background-color: rgba(255, 255, 255, 0.6);
     background-color: rgba(255, 255, 255, 0.7);
}
}
#mw-panel.collapsible-nav .portal{
#mw-panel.collapsible-nav .portal{
Zeile 181: Zeile 181:
/* Footer */
/* Footer */
#footer{
#footer{
    display: flow-root;
     margin-top: 15px !important;
     margin-top: 15px !important;
     margin-bottom: 15px;
     margin-bottom: 15px;
Zeile 190: Zeile 191:
/* Vorlage:AdM */
/* Vorlage:AdM */
.Auszeichnung{
.Auszeichnung{
     top: -140px;
     top: -105px;
     position: absolute;
     position: absolute;
     left: 105px;
     left: 115px;
}
}
.Auszeichnung img{
.Auszeichnung img{
     height: 35px;
     height: 35px;
}
#mw-head {
    /* macht Header unklickbar, sonst wird das AdM-Icon vom Header "verdeckt" und kann nicht mehr angeklickt werden */
    pointer-events: none;
}
#mw-head > * {
    /* macht Elemente im Header wieder klickbar, also die Tabs oben auf jeder Seite */
    pointer-events: auto;
}
}


Zeile 364: Zeile 373:
     background-color: #7a340d;
     background-color: #7a340d;
     font-weight: bold;
     font-weight: bold;
}
/* "Änderungen zeigen" Diff im Artikel-Editor */
.diff-context {
    background: rgba(255, 255, 255, 0.7);
}
.diff-deletedline {
    background: rgba(255, 228, 156, 0.7);
}
.diff-addedline {
    background: rgba(163, 211, 255, 0.7);
}
}


Zeile 399: Zeile 419:
     vertical-align: top;
     vertical-align: top;
     width: 50%;
     width: 50%;
}
.HauptseiteTabelle [colspan="2"]{
    text-align: center;
    width: 100%;
    padding: 0 0 20px 0 !important;
}
}
.HauptseiteTabelle .borderright{
.HauptseiteTabelle .borderright{

Aktuelle Version vom 22. August 2024, 22:20 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.7);
}
.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.7) !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.7);
}
#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.7) !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, .vector-menu-tabs-legacy li{
    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.7) !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, .vector-menu-tabs-legacy .selected{
    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.7);
}
#mw-panel.collapsible-nav .portal{
    padding: 10px !important;
    margin: 0 0 10px;
}
#mw-panel{
    padding: 0;
}
#p-logo{
    left: 0; 
}

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

/* Vorlage:AdM */
.Auszeichnung{
    top: -105px;
    position: absolute;
    left: 115px;
}
.Auszeichnung img{
    height: 35px;
}
#mw-head {
    /* macht Header unklickbar, sonst wird das AdM-Icon vom Header "verdeckt" und kann nicht mehr angeklickt werden */
    pointer-events: none;
}
#mw-head > * {
    /* macht Elemente im Header wieder klickbar, also die Tabs oben auf jeder Seite */
    pointer-events: auto;
}

/* 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;
}

/* "Änderungen zeigen" Diff im Artikel-Editor */
.diff-context {
    background: rgba(255, 255, 255, 0.7);
}
.diff-deletedline {
    background: rgba(255, 228, 156, 0.7);
}
.diff-addedline {
    background: rgba(163, 211, 255, 0.7);
}

/* 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 .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;
}