MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Maddraxikon
(Hintergrundfarbe für die Hauptseitenüberschriften nochmal etwas angepasst)
(Nochmal nachgebessert)
Zeile 30: Zeile 30:
  .Hauptseite-Box h2 {
  .Hauptseite-Box h2 {
   border: 1px solid #AAAAAA;
   border: 1px solid #AAAAAA;
   background-color: #FFCC5F;
   background-color: #FF9900;
   padding: 0.2em 0;
   padding: 0.2em 0;
   margin: 0 !important;
   margin: 0 !important;

Version vom 27. August 2019, 10:55 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* Linkfarben */

a { color: #47741d; }

a.mw-redirect { color:#47741d; }

a:visited { color: #345515; }

a.stub { color: #d4d658; }

.generated-sidebar a {
color:#21350d !important;
}

/* Hauptseite */
 .Hauptseite-Box {
   box-shadow: 0.4em 0.4em 0.4em rgba(0,0,0,0.25);
   -moz-box-shadow: 0.4em 0.4em 0.4em rgba(0,0,0,0.25);
   -webkit-box-shadow: 0.4em 0.4em 0.4em rgba(0,0,0,0.25);
 }

.generated-sidebar a {
color:#...... !important;
}

body.page-Hauptseite h1.firstHeading { display:none; }

 .Hauptseite-Box h2 {
   border: 1px solid #AAAAAA;
   background-color: #FF9900;
   padding: 0.2em 0;
   margin: 0 !important;
   font-size: 110%;
   font-weight: bold;
   text-indent: 0.5em;
 }
 .Hauptseite-Inhalt {
   border: 1px solid #AAAAAA;
   border-top: 0px solid #FFFFFF;
   background-color: #F7F8FF;
   margin-bottom: 1em;
   padding: 0.2em 0.8em 0.2em 0.8em;
 }

/* +++++ Standardtabelle für Auflistung +++++ */

 table.maddraxikon_std_table {
        border: 1px solid #605f46;
        border-collapse: collapse;
        background-color: #FFF;
        width: 100%;
 }	
		
 table.maddraxikon_std_table tr {
        border: 1px solid #605f46;
        border-collapse: collapse;
 }

 table.maddraxikon_std_table th {
        border: 1px solid #605f46;
        border-collapse: collapse;
        padding: 2px 4px;
        text-align: left;
        background-color: #605f46;
 }

 table.maddraxikon_std_table td { 
        border: 1px solid #605f46;
        border-collapse: collapse;
        padding: 2px 4px;
        text-align: left;
        vertical-align: center;
 }

/* +++++ Standardtabelle Für Tabelle mit rechter Ausrichtung      +++++ */
/* +++++ Angabe erfolgt so: class = "maddraxikon_std_table right" +++++ */
 table.right {
        float: right;
        margin: 5px 0px 5px 15px;
 }

/* +++++ Standardtabelle Für Tabelle mit mitte Ausrichtung      +++++ */
/* +++++ Angabe erfolgt so: class = "maddraxikon_std_table center" +++++ */
 table.center {
        margin-left: auto;
        margin-right: auto;
 }

/* +++++ Rechter Div-Block der jeden anderen Inhalt verdrängt     +++++ */
/* +++++ Angabe erfolgt so: class = "maddraxikon_std_rframe"       +++++ */
 div.maddraxikon_std_rframe {
        border: 1px solid; 
        border-color: white;
        border-width: 0 0 0 1.4em;
        background-color: #fff; 
        clear: right; 
        float: right; 
 }

/* +++++ Div-Block-Breite für Überblicktabellen                       +++++ */
/* +++++ Angabe erfolgt so: class = "maddraxikon_std_rframe overview"  +++++ */
 div.overview {
        width: 60%;
 }

/* +++++ Div-Block-Breite für Überblicktabellen                       +++++ */
/* +++++ Angabe erfolgt so: class = "maddraxikon_std_rframe astrodata" +++++ */
 div.astrodata {
        width: 40%;
 }

/* +++++ Hintergrundfarbe für Weltraumbilder                          +++++ */
/* +++++ Angabe erfolgt so: class = "astrodata_bg"                    +++++ */
 .astrodata_bg {
        background-color: #000;
 }

/* +++++ SONSTIGE ANPASSUNGEN (Spezialseiten u. a.) +++++ */
 
/* +++++ Markierung von Redirects in [[Special:Allpages]], [[Special:Watchlist]], Kategorien +++++ */
 
 .allpagesredirect {
        font-style: italic;
 }
 
 .watchlistredir {
        font-style: italic;
 }
 
 .redirect-in-category {
        font-style: italic;
 }

 div.BoxenVerschmelzen,
 div.NavFrame {
    margin:  0px;
    padding: 0px;
    border: 1px solid #FFDEAD;
    background-color: #FFDEAD;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
    clear:both;
 }
 div.BoxenVerschmelzen div.NavFrame {
    border-style: none;
    border-style: hidden;
 }
 div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
 }
 div.NavPic {
    background-color: #FFDEAD;
    margin: 0px;
    padding: 0px;
    float: left;
 }
 div.NavFrame div.NavHead {
    font-weight: bold;
    font-size: 100%;
    background-color: #FFDEAD;
 }
 div.NavFrame p {
    font-size: 100%;
 }
 div.NavFrame div.NavContent {
    font-size: 100%;
 }
 div.NavFrame div.NavContent p {
    font-size: 100%;
 }
 div.NavEnd {
    margin: 0px;
    padding: 0px;
    line-height: 1px;
    clear: both;
 }
 
/* Stylesheet fuer den 'Ausklappen'-Button an Navileisten, der in [[MediaWiki:Common.js]] implementiert wird */
 .NavToggle {
    font-size: x-small;
    float:right;
 }
 
/* Workaround für Internet Explorer 6 */
 div.NavFrame, div.NavPic, .NavToggle {
    position:relative;
 }
 
 /* Abstand vor Navigationsleisten */
 
 div.BoxenVerschmelzen,
 div.NavFrame {
   margin-top: 1.5em;
 }
 div.BoxenVerschmelzen div.NavFrame {
   margin-top: 0;
 }
 div.NavFrame + div.NavFrame {
   margin-top: 0;
 }

/* Triff die Community */
.random-users-avatars {
        padding: 0px 0px 0px 10px;
}
 
.random-users-avatars h2 {
        border-bottom: none;
        margin: 0px 0px 0px 0px;
        padding: 7px 0px 8px 0px;
}
 
.random-users-avatars img {
        border: 1px solid #DCDCDC;
        display: block;
        float: left;
        height: 50px;
        margin: 0px 8px 8px 0px;
        width: 50px;
}

/* Zeitleiste */
table.tl_table{
         border-width: thin;
         border-spacing: 2px;
         border-style: outset;
         border-color: black;
         border-collapse: separate;
         background-color: white;
         -moz-border-radius: 9px; }
     th.tl_title{
         text-transform: uppercase
         text-align: center;
         border-width: 1px;
         padding: 1px;
         border-style: outset;
         border-color: blue;
         background-color: rgb(243, 248, 252);
         -moz-border-radius: 9px; }
   th.tl_years{
         text-align: center;
         font-style: italic;
         border-width: 1px;
         padding: 1px;
         border-style: outset;
         border-color: blue;
         background-color: rgb(223, 228, 252);
         -moz-border-radius: 4px; }
   th.tl_months{
         text-align: center;
         border-width: 1px;
         padding: 1px;
         border-style: outset;
         border-color: blue;
         background-color: rgb(243, 248, 252);
         -moz-border-radius: 2px; }
   th.tl_days{
         text-align: center;
         border-width: 1px;
         padding: 1px;
         border-style: outset;
         border-color: blue;
         background-color: rgb(243, 248, 252);
         -moz-border-radius: 2px; }
   td.tl_freetime{
         background-color: rgb(187, 210, 236);
         border-width: 1px;
         border-color: black;
         border-style: inset;
         -moz-border-radius: 7px; }
   td.tl_event{
         text-align: center;
         padding: 1px;
         background-color: rgb(61, 114, 194);
         border-width: 1px;
         border-color: white;
         border-style: inset;
         color: white;
         -moz-border-radius: 7px;
         white-space: normal }
   td.tl_foot{
         text-align: center;
         padding: 1px;
         background-color: rgb(243, 248, 252);
         border-width: 1px;
         border-color: blue;
         border-style: ridge;
         color: gray;
         -moz-border-radius: 9px; }
thead.tl_header{}
tbody.tl_body{}
tfoot.tl_footer{}

/* Schnellüberblicksfeld Hauptseite */
.mp-welcome-logged-in {
        margin: 0px 0px 0px 15px;
}
 
.mp-welcome-logged-in h2 {
        font-size: 20px;
        line-height: 24px;
        border-bottom: none;
        padding: 8px 0px 10px 0px !important;
        margin: 0px 0px 0px 0px !important;
}
 
.mp-welcome-info {
        float: left;
        width: 240px;
}
 
.mp-welcome-image {
        float: left;
        margin: 0px 10px 0px 0px;
        text-align: center;
}
 
.mp-welcome-image a {
        font-size: 10px;
        text-decoration: none;
}
 
.mp-welcome-image img {
        background-color: #FFFFFF;
        border: 1px solid #DCDCDC;
        padding: 3px;
}
 
.mp-welcome-points {
        float: left;
        width: 200px;
}
 
.points-and-level {
        margin: 0px 0px 3px;
}
 
.needed-points {
        color: #666666;
        font-size: 10px;
        line-height: 12px;
        padding: 5px 0px 0px;
}
 
.total-points {
        background-color: #CC0000;
        color: #FFFFFF;
        float: left;
        font-size: 12px;
        font-weight: bold;
        margin: 0px 5px 0px 0px;
        padding: 1px 5px;
        text-align: center;
}
 
.honorific-level {
        float: left;
}

/*** font class für 'hellklick' in Balkennavigation ***/
 
.hellklick a, .hellklick a:visited { 
     text-decoration: underline; color: #fefefe !important;
}
.hellklick a:hover, .hellklick a:active { 
     color: #9ad9ff !important;
}
 
/*** font class für 'hellklick2' in Tutorial ***/
 
.hellklick2 a, .hellklick2 a:visited { 
     text-decoration: none; color: #fefefe !important;
}
.hellklick2 a:hover, .hellklick2 a:active { 
     color: #9ad9ff !important; text-decoration: underline;
}
 
.whitelink a {
 color: white !important;
 text-decoration: none;
}
 
.whitelink a:hover {
 color: white !important;
}
 
.yellowlink a {
 color: yellow !important;
 text-decoration: none;
}
 
.yellowlink a:hover {
 color: yellow !important;
}
 
/* Ausklappen per Mausklick (s.a. [[MediaWiki:Common.js]]  */
 
 .klapp {
      cursor: pointer;
 }
 span.klapp {
      text-decoration: none;
      color: #002bb8;
      background: none;
      }
 
 span.klapp:hover {
      text-decoration: underline;
      }
 
 /* Drag & Drop */
 .jstest{
      position:relative;
      cursor:move;
      z-index: 100;
      padding:20px 45px 20px 0px;
      border-width:1px;
      }