MediaWiki: Common.css: Unterschied zwischen den Versionen

Version vom 3. November 2016, 12:52 Uhr

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

/*TODO: Schriftskalierung*/

/*Tabellen-Farben*/
table.wikitable {
 background-color:#ffffff;
}
table.wikitable > tr > th, table.wikitable > * > tr > th{
 background-color:#E6960A;
 border-color:#000000;
}

/*Überschrift-Farben*/
h1 {
 color:#E6960A;
}

/*Eigenschaften-Timeline*/
.timeline-event-bubble-body {
    font-size: 90%;
}
.timeline-event-bubble-time{
    color: #aaa;
    visibility: hidden;
}
td, th {vertical-align: top;}

.links.sidebar {
    display: block;
    width: 120px;
    float: right;
    margin-left:10px;
    font-size: 80%;
}
/*************************tabs**********************/
#headertabs.round .ui-corner-top {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-left-radius: 3px 3px;
border-top-right-radius: 3px 3px;
}

#headertabs.round .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #DDD;
font-weight: normal;
color: #2779AA;
}
/****TWEEKI-Anpassungen**************/
/*Je nach Bildbreite wird das Subnav oder die linke Sidebar verwendet*/
/*Dazu wird die Breite des Inhalts eingeblendet*/
@media (min-width: 1000px) {
 .nav-pills{
  display:none;
 }
 .col-md-offset-3 {
    margin-left: 20%;
 }

 .col-md-9 {
    width: 80%;
 }
}

@media (max-width: 1000px) {
 #sidebar-left{
  display:none;
 }

 .col-md-offset-3 {
    margin-left: none;
 }

 .col-md-9 {
    width: 100%;
 }
}

.btn {
font-size:12px;
}

#sidebar-left{
width:20%;
}

.nav-pills{
 margin: auto;
 float:none!important;
}

.nav-pills li {
 width:32%;
}

.nav-pills a {
 margin-bottom:3px;
 margin-left:2px;
 text-align: center;
}

#sidebar-left .btn-primary:hover {
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
}

.nav-pills a:hover {
-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
}

#sidebar-left div:first-of-type .btn-primary,
.nav-pills li:first-of-type a {
 background-color: #0A0A78;
 border-color: #0A0A78;
 color:#FFFFFF;
 padding: 15px;
}

#sidebar-left div:nth-of-type(2) .btn-primary, #sidebar-left div:nth-of-type(3) .btn-primary,
.nav-pills li:nth-of-type(2) a, .nav-pills li:nth-of-type(3) a {
 background-color: #64A0C8;
 border-color:#64A0C8;
 color:#FFFFFF;
 padding: 15px;
}


#sidebar-left div:nth-of-type(3) {
 margin-bottom:10px
}

.nav-pills li:nth-of-type(4) {
 margin-left:0px;
}

#sidebar-left div:nth-of-type(4) .btn-primary,
.nav-pills li:nth-of-type(4) a {
 background-color: #646464;
 border-color:#646464;
 color:#FFFFFF;
}

#sidebar-left div:nth-of-type(5) .btn-primary, #sidebar-left div:nth-of-type(6) .btn-primary,
.nav-pills li:nth-of-type(5) a, .nav-pills li:nth-of-type(6) a {
 background-color: #DCDCDC;
 border-color:#DCDCDC;
 color: #222222;
}

.tab-content{
 padding-left:10px;
/*
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #ddd #ddd transparent;
*/
}