MediaWiki: Common.css: Unterschied zwischen den Versionen

Version vom 5. März 2019, 14:13 Uhr

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

/* fix google maps little man in responsive skin */
.gm-style img {
    max-width: none;
}

/*Offset for custom pins in leaflet maps*/
.map-custom-pins .leaflet-marker-icon {
 margin-left: -12px;
 margin-top: -40px;
}

.map-custom-pins .leaflet-popup-pane {
 margin-top: -35px!important;
}

/*No-Break-Text*/
span.nobr { 
 white-space: nowrap; 
}

/*Tabellen*/
table.wikitable {
 background-color:#ffffff;
 width: 100%;
}
table.wikitable > tr > th, table.wikitable > * > tr > th{
 background-color:#FD9D9D;
 border-color:#000000;
 max-width: 40%; 
}

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

/*Überschrift-Größe*/
h1 span[dir=auto] {
 font-weight:400;
}

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

#navbar>ul>li:nth-of-type(3){
  display:none;
}

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

 .footer-sticky a img{
  display:none;
 }
}

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

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

 .footer-sticky{
  display:block;
 }
}

/*Hier nicht nötig, solange kein Suchfeld angezeigt wird*/
/* 
@media (max-width: 1000px) and (min-width: 768px) {
.navbar-form .form-control {
width:180px;
}

.nav>li>a {
 padding-left:10px;
 padding-right:10px;
 font-size:80%;
}
}
*/

.btn {
font-size:12px;
}

.btn-primary {
 background-image: none;
 box-shadow: none;
 text-shadow: none;
}

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

/*Farbe und Design der Seitenleiste (inklusive Logo)/Navbar*/
/*Leider notwendig: Important-Modifikator zum Verhindern des Farbwechsels 
beim Hovern über den Link für eine bereits aktiven Seite */
#sidebar-left div .btn-primary
/*.nav-pills li a*/ {
 background-color: #FD9D9D!important;
 border-color: #FD9D9D!important;
 color:#000000!important;
 padding: 15px;
}

#sidebar-left div.active .btn-primary
/*.nav-pills li.active a */{
 background-color: #FD9D9D!important;
 border-color: #FD9D9D!important;
 color:#000000!important;
 padding: 15px;
}

/*.nav-pills li:nth-of-type(4) {
 margin-left:16%;
}*/

#sidebar-left div:nth-of-type(6){
 margin-top:20px;
}
#sidebar-left div:nth-of-type(6) .btn-primary{
 display:none;
}

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

/*Footer*/
#footer {
 background:none
}

/*Anpassung der Suchen
.mw-search-profile-tabs{
 display:none
}

.smw-ask-actions .smw-ask-action-btn, .smw-ask-actions p, .smw-ask-actions hr{
 display:none
}

searchresults .mw-search-createlink strong{
 display:none
}
*/

/*Drilldown-Tabs angleichen*/
ul#drilldown-categories-tabs {
 border-bottom: 1px solid #ddd!important;
 margin-left:0px!important;
 padding-left:0px!important;
 padding-bottom: 8px!important;
}

ul#drilldown-categories-tabs li {
 border-color: #ddd #ddd transparent!important;
 border-radius: 4px 4px 0 0;
 line-height: 1.42857;
 display: block;
 margin-left:0px!important;
 padding: 10px 15px!important;
 margin-right: 0px!important;
 font-size: 100%!important
}

/*Schriftskalierung*/
@media (min-width: 1000px) {
 .mw-body, .btn, .btn-group {
  font-size:100%;
 }
 .mw-body h2, .mw-body .h2, .mw-body h1, .mw-body h1{
  font-size:28px;
 }
 .mw-body h2, .mw-body .h2{
  margin-bottom: 10px;
  margin-top: 20px;
 }
 .mw-body h3, .mw-body .h3 {
 font-size:24px;
 margin-bottom: 5px;
 margin-top: 10px;
 }
}

@media (min-width: 800px) and (max-width: 1000px) {
 .mw-body, .btn, .btn-group {
 font-size:90%
  }
 .mw-body h2, .mw-body .h2, .mw-body h1, .mw-body .h1 {
  font-size:24px;
 }
 mw-body h2, .mw-body .h2{
  margin-bottom: 8px;
  margin-top: 16px;
 }
 .mw-body h3, .mw-body .h3 {
  font-size:20px;
  margin-bottom: 4px;
  margin-top: 8px;
 }
}

@media (min-width: 600px) and (max-width: 800px) {
 .mw-body, .btn, .btn-group {
 font-size:80%;
 }
 .mw-body h2, .mw-body .h2, .mw-body h1, .mw-body .h1 {
  font-size:20px;
 }
 mw-body h2, .mw-body .h2{
  margin-bottom: 6px;
  margin-top: 12px;
 }
 .mw-body h3, .mw-body .h3 {
  font-size:16px;
  margin-bottom: 3px;
  margin-top: 6px;
 }
}

@media (min-width: 400px) and (max-width: 600px) {
 .mw-body, .btn, .btn-group {
 font-size:70%;
 }
 .mw-body h2, .mw-body .h2, .mw-body h1, .mw-body .h1 {
  font-size:16px;
 }
 mw-body h2, .mw-body .h2{
  margin-bottom: 4px;
  margin-top: 8px;
 }
 .mw-body h3, .mw-body .h3 {
  font-size:14px;
  margin-bottom: 2px;
  margin-top: 4px;
 }
}

@media (max-width: 400px) {
 .mw-body, .btn, .btn-group {
 font-size:60%;
 }
 .mw-body h2, .mw-body .h2, .mw-body h1, .mw-body .h1 {
  font-size:14px;
 }
 mw-body h2, .mw-body .h2{
  margin-bottom: 2px;
  margin-top: 4px;
 }
 .mw-body h3, .mw-body .h3 {
  font-size:12px;
  margin-bottom: 1px;
  margin-top: 2px;
 }
}

/*Drilldown-Anpassungen für Filter*/
.drilldown-filter-values .ui-widget .ui-button-icon {
 display:none;
}
.drilldown-filter-values .ui-widget .ui-autocomplete-input {
 width:70%;
}
.drilldown-filter-values .ui-widget {
 display:inline;
}
.drilldown-filter .drilldown-filter-label {
 font-size:20px;
}
.drilldown-filter {
 margin-bottom:5px;
}
/*****************---ERSTE SEITE------------*/
body.page-Hauptseite h1.firstHeading { display:none; }

#hauptseite table {
	background: transparent;
        background-color: white;
}
.formtable {
border: 1px solid #1C86EE;
padding: 1em;
width: 100%;
background-color: #F0F8FF; 
}
#boxhead {
        font-weight: bold;
        padding-bottom: 0.5em;
        border-bottom: 1px solid darkgrey;
}
.hauptseite-links,
.hauptseite-rechts {
	margin-bottom: 1em;
}
.hauptseite-links {
	margin-right: 0.5em;
}
.hauptseite-rechts {
	margin-left: 0.5em;
}
.hauptseite-links h2,
.hauptseite-rechts h2 {
	text-indent: 0.8em;
}
.chart-float-left {
	margin-left:0px;
	margin-right:10px;
	float:left;
	clear:both;
}
.chart-float-right {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	clear:both;
}
/*****************---ERSTE SEITE------------*/