MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus Archiv
					| Herwig (Diskussion | Beiträge) K | Herwig (Diskussion | Beiträge)  K | ||
| (38 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
| + | a:link{ | ||
| + |     color: #B20904; | ||
| + | } | ||
| a:active{ | a:active{ | ||
|      color: #b2472f; |      color: #b2472f; | ||
| Zeile 9: | Zeile 12: | ||
| #mw-content-text{ | #mw-content-text{ | ||
| − |      min-height:  | + |      min-height: calc(100vh - 100px); | 
| } | } | ||
| .mw-body h1 { | .mw-body h1 { | ||
| Zeile 43: | Zeile 46: | ||
|      border:0px; |      border:0px; | ||
| } | } | ||
| + | |||
| .skin-chameleon .navbar-tools > li > a.navbar-usernotloggedin:visited:hover,   | .skin-chameleon .navbar-tools > li > a.navbar-usernotloggedin:visited:hover,   | ||
| Zeile 49: | Zeile 53: | ||
| .skin-chameleon .navbar-tools > li.open > a.navbar-usernotloggedin:visited,   | .skin-chameleon .navbar-tools > li.open > a.navbar-usernotloggedin:visited,   | ||
| .skin-chameleon .navbar-tools > li > a.navbar-usernotloggedin:link, | .skin-chameleon .navbar-tools > li > a.navbar-usernotloggedin:link, | ||
| − | .skin-chameleon .navbar-tools > li.open > a.navbar-usernotloggedin:visited:focus | + | .skin-chameleon .navbar-tools > li.open > a.navbar-usernotloggedin:visited:focus, | 
| + | .skin-chameleon .navbar-tools > li > a.navbar-userloggedin:hover,  | ||
| + | .skin-chameleon .navbar-tools > li.open > a.navbar-userloggedin:hover, | ||
| + | .skin-chameleon .navbar-tools > li > a.navbar-userloggedin:active,  | ||
| + | .skin-chameleon .navbar-tools > li.open > a.navbar-userloggedin:active | ||
|   { |   { | ||
|      color: white; |      color: white; | ||
| Zeile 62: | Zeile 70: | ||
| } | } | ||
| + | .btn-default { | ||
| + |     border-color: #b20904; | ||
| + | } | ||
| + | |||
| + | .btn-default:focus, .btn-default.focus, | ||
| + | .btn-default:hover, .btn-default.hover { | ||
| + |     border-color: #b20904; | ||
| + | } | ||
| + | .btn-default:active, .btn-default.active,  | ||
| + | .open > .dropdown-toggle.btn-default{ | ||
| + |    border-color: #b20904; | ||
| + | } | ||
| /*############# Kategorien ############*/ | /*############# Kategorien ############*/ | ||
| − | div | + | div.catlinks { | 
|      background-color: #8c8a75; |      background-color: #8c8a75; | ||
| − |      margin | + |      margin: 1em -15px 0px -15px; | 
| − | |||
| } | } | ||
| Zeile 73: | Zeile 92: | ||
| div.mw-normal-catlinks{ | div.mw-normal-catlinks{ | ||
| − |      margin: 10px  | + |      margin: 10px; | 
|      padding: 10px; |      padding: 10px; | ||
|      background-color: #dbd9c4; |      background-color: #dbd9c4; | ||
|      border: 1px solid #514f3a; |      border: 1px solid #514f3a; | ||
|      border-radius: 3px; |      border-radius: 3px; | ||
| − | + | ||
| + | } | ||
| + | #catlinks { | ||
| + |     margin: 0 30px; | ||
| } | } | ||
| Zeile 112: | Zeile 134: | ||
|      padding-bottom: 0px; |      padding-bottom: 0px; | ||
|      padding-top: 3px; |      padding-top: 3px; | ||
| − |      min-height:  | + |      min-height: 50px; | 
| } | } | ||
| Zeile 175: | Zeile 197: | ||
| body.page-Hauptseite div#header_top h1 { | body.page-Hauptseite div#header_top h1 { | ||
|      font-family: 'Rock Salt',cursive; |      font-family: 'Rock Salt',cursive; | ||
| − |      color: #f1ebdd; | + |      color: #f1ebdd;   | 
| − | |||
|      margin-top: 0px; |      margin-top: 0px; | ||
| } | } | ||
| Zeile 260: | Zeile 281: | ||
|     body.page-Hauptseite div#header_top h1{ |     body.page-Hauptseite div#header_top h1{ | ||
|       padding-top: 250px; |       padding-top: 250px; | ||
| − | + |      margin-left: 52%; | |
| − | + |      font-size: 12px; | |
|     } |     } | ||
| } | } | ||
| − | |||
| − | |||
| − | |||
| /*Seitenntitel ausgeschaltet*/ | /*Seitenntitel ausgeschaltet*/ | ||
| Zeile 282: | Zeile 300: | ||
|      margin:20px 0 20px 0;   |      margin:20px 0 20px 0;   | ||
|      font-weight:bold;   |      font-weight:bold;   | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| } | } | ||
| Zeile 316: | Zeile 317: | ||
| }   | }   | ||
| − | . | + | |
| − | + | div.flex-container>div:nth-child(1){ | |
| − | + |     border-width:1px 5px 1px 1px; | |
| − | + |     border-color:#f1ebdd; | |
| + |     border-style:solid; | ||
| + |     margin-bottom:10px; | ||
| + |     padding:10px; | ||
| + |     background-color:#bcc9b5; | ||
| + | } | ||
| + | |||
| + | div.flex-container>div:nth-child(2){ | ||
| + |     border-width:1px 5px 1px 5px; | ||
| + |     border-color:#f1ebdd; | ||
| + |     border-style:solid; | ||
| + |     margin-bottom:10px; | ||
| + |     padding:10px; | ||
| + |     background-color:#f5ceac; | ||
| + | } | ||
| + | div.flex-container>div:nth-child(3){ | ||
| + |     border-width:1px 1px 1px 5px; | ||
| + |     border-color:#f1ebdd; | ||
| + |     border-style:solid; | ||
| + |     margin-bottom:10px; | ||
| + |     padding:10px; | ||
| + |     background-color:#bcc9b5; | ||
| } | } | ||
|   /*################## Button Form ##################*/ |   /*################## Button Form ##################*/ | ||
| Zeile 338: | Zeile 360: | ||
| #vorlage-infobox-Bilddaten{ | #vorlage-infobox-Bilddaten{ | ||
| − |      margin-top: | + |      margin-top:0px; | 
|      float: right; |      float: right; | ||
| + |     width:298px; | ||
| } | } | ||
| Zeile 371: | Zeile 394: | ||
|    padding:5px 8px; |    padding:5px 8px; | ||
|     border:1px solid #DDD; |     border:1px solid #DDD; | ||
| + | } | ||
| + | |||
| + | |||
| + | /*################## Page Glossar ##################*/ | ||
| + | .page-Glossar table{ | ||
| + |     margin-bottom:10px; | ||
| + | } | ||
| + | |||
| + | .page-Glossar table>tbody>tr>td{ | ||
| + |     padding:10px; | ||
| } | } | ||
Aktuelle Version vom 12. August 2018, 15:38 Uhr
a:link{
    color: #B20904;
}
a:active{
    color: #b2472f;
}
.mw-body{
    margin-bottom:0px;
}
#mw-content-text{
    min-height: calc(100vh - 100px);
}
.mw-body h1 {
    font-size: 2em;
    font-style: italic;
    color: #C74527;
}
.mw-body h2 {
    font-size: 1.5em;
    font-style:normal;
    border-bottom: 1px solid #c74527;
    
}
.mw-body h3 {
   font-size: 1.1em;  
}
.mw-headline {
    text-shadow: 1px 1px 0 rgb(255,255,255);
}
/*Einstellung für :focus bei Chrom*/
:focus {
    outline: #b20904 auto 0px;
    outline-color: #b20904;
    outline-style: auto;
    outline-width: 0px;
}
/*############# Navbar ############*/
.navbar-default{
    border:0px;
}
.skin-chameleon .navbar-tools > li > a.navbar-usernotloggedin:visited:hover, 
.skin-chameleon .navbar-tools > li.open > a.navbar-usernotloggedin:visited:hover,
.skin-chameleon .navbar-tools > li.open > a.navbar-usernotloggedin:link,
.skin-chameleon .navbar-tools > li.open > a.navbar-usernotloggedin:visited, 
.skin-chameleon .navbar-tools > li > a.navbar-usernotloggedin:link,
.skin-chameleon .navbar-tools > li.open > a.navbar-usernotloggedin:visited:focus,
.skin-chameleon .navbar-tools > li > a.navbar-userloggedin:hover, 
.skin-chameleon .navbar-tools > li.open > a.navbar-userloggedin:hover,
.skin-chameleon .navbar-tools > li > a.navbar-userloggedin:active, 
.skin-chameleon .navbar-tools > li.open > a.navbar-userloggedin:active
 {
    color: white;
}
.skin-chameleon .navbar-tools > li > a.navbar-usernotloggedin:visited
 {
    color: #B20904;
}
{
    color: #B20904;
}
.btn-default {
    border-color: #b20904;
}
.btn-default:focus, .btn-default.focus,
.btn-default:hover, .btn-default.hover {
    border-color: #b20904;
}
.btn-default:active, .btn-default.active, 
.open > .dropdown-toggle.btn-default{
   border-color: #b20904;
}
/*############# Kategorien ############*/
div.catlinks {
    background-color: #8c8a75;
    margin: 1em -15px 0px -15px;
}
div.mw-normal-catlinks{
    margin: 10px;
    padding: 10px;
    background-color: #dbd9c4;
    border: 1px solid #514f3a;
    border-radius: 3px;
}
#catlinks {
    margin: 0 30px;
}
div#catlinks li{
    border-left: 0px;
    display:block;
}
div#catlinks li a:link{
   color: #8c8a75;
}
div#catlinks li a:hover, 
div#catlinks li a::active{
   color: #646251;
}
div#catlinks li:first-child{
    padding-left: 0.5em;
}
#catlinks #mw-normal-catlinks > a {
    color: #4C4B3E;
    font-size: 18px;
    font-weight: bolder;
    font-style: italic;
}
/*############# Footer############*/
div.footer{
    background-color: #575757;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 3px;
    min-height: 50px;
}
div.footer .navbar-default{
    background-color: #575757;
    text-align:center;
}
div.footer .navbar-nav{
    float: none;
}
div.footer .navbar-nav > li{
    float: none;
    display: inline-block;
}
div.footer .list-inline{
    text-align:center;
}
div.footer .list-inline li a:link,
div.footer .list-inline li a:visited{
    color: #8c8a75;
}
div.footer .list-inline li a:hover,
div.footer .list-inline li a:active,
div.footer .list-inline li a:focus
{
    color: #FFF;
    text-decoration:underline;
}
div.footer .navbar li>a:link,
div.footer .navbar li>a:visited{
    color: #8c8a75;
}
div.footer .navbar li>a:hover,
div.footer .navbar li>a:active,
div.footer .navbar li>a:focus{
      color: #FFF;
    text-decoration:underline;
}
/*############# Startseite ############*/
/* Header Hauptseite */
div#header_top{
display:none;
}
body.page-Hauptseite div#header_top {
    background-image: url(/jaeger/images/portrait.jpg);
    background-repeat: no-repeat;
    background-position: 17% 0;
    height: 300px;
    display: block;
    background-color: #d9826e;
}
body.page-Hauptseite div#header_top h1 {
    font-family: 'Rock Salt',cursive;
    color: #f1ebdd; 
    margin-top: 0px;
}
@media (min-width: 1200px){
   .navbar-brand {
      border-right:0px;
   }
   .nav > li > a{
      padding:10px 20px;
   }
    body.page-Hauptseite div#header_top h1{
       padding-top: 195px;
       margin-left: 30%;
       font-size: 40pt;
   } 
}
@media (min-width: 1024px) and (max-width:1199px){
   .navbar-brand {
      border-right:0px;
   }
   .nav > li > a{
      padding:10px 10px;
   }
    body.page-Hauptseite div#header_top h1{
       padding-top: 195px;
       margin-left: 32%;
       font-size: 40pt;
   }
}
@media (min-width: 768px) and (max-width:1023px){
   .navbar-brand {
      border-right:0px;
   }
   .nav > li > a{
      padding:10px 10px;
   }
   body.page-Hauptseite div#header_top h1{
      padding-top: 220px;
      margin-left: 35%;
      font-size:32px;
   }
}
@media (min-width: 541px) and (max-width:767px){
   .navbar-brand {
      border-right:0px;
   }
   .nav > li > a{
      padding:10px 10px;
   }
   body.page-Hauptseite div#header_top h1{
      padding-top: 229px;
      margin-left: 38%;
      font-size:24px;
   }
}
@media (min-width: 375px) and (max-width:540px){
   .navbar-brand {
      border-right:0px;
   }
   .nav > li > a{
      padding:10px 10px;
   }
   body.page-Hauptseite div#header_top h1{
     padding-top: 240px;
    margin-left: 48%;
    font-size: 14px;
   }
}
@media (max-width:374px){
   .navbar-brand {
      border-right:0px;
   }
   .nav > li > a{
      padding:10px 10px;
   }
   body.page-Hauptseite div#header_top h1{
     padding-top: 250px;
     margin-left: 52%;
     font-size: 12px;
   }
}
/*Seitenntitel ausgeschaltet*/
body.page-Hauptseite h1#firstHeading{
   display:none;
}
/*Infoboxen*/ 
.infoHeader{
    border:1px solid #D9826E;
    color:#D9826E;
    padding:10px 0;
    text-align:center; 
    height:auto; 
    margin:20px 0 20px 0; 
    font-weight:bold; 
}
div.infoFooter{
    border: 1px solid #225588;
    padding: 5px;
    clear: both;
}
.flex-container {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
    flex-wrap: wrap;
} 
div.flex-container>div:nth-child(1){
    border-width:1px 5px 1px 1px;
    border-color:#f1ebdd;
    border-style:solid;
    margin-bottom:10px;
    padding:10px;
    background-color:#bcc9b5;
}
div.flex-container>div:nth-child(2){
    border-width:1px 5px 1px 5px;
    border-color:#f1ebdd;
    border-style:solid;
    margin-bottom:10px;
    padding:10px;
    background-color:#f5ceac;
}
div.flex-container>div:nth-child(3){
    border-width:1px 1px 1px 5px;
    border-color:#f1ebdd;
    border-style:solid;
    margin-bottom:10px;
    padding:10px;
    background-color:#bcc9b5;
}
 /*################## Button Form ##################*/
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-progressive:hover{
    background-color:#B20904;
    border:0px;
    color:#FFF;
}
.mw-ui-input:focus {
    border-color: #B20904;
    box-shadow: inset 0 0 0 1px #B20904;
    outline: 0;
}
/*################## Bild Daten Tabelle ##################*/
#vorlage-infobox-Bilddaten{
    margin-top:0px;
    float: right;
    width:298px;
}
#vorlage-infobox-Bilddaten .bilddaten_headline{
    text-align: center;
    color: #f1ebdd;
    background: #8c8a75;
    font-size: 1.1em !important;
    font-weight:bold;
}
/*################## Artikel Daten Tabelle ##################*/
#vorlage-infobox-Bibliografie .bibliografie_headline{
    text-align: center;
    color: #86100f;
    background-color: #d9826e !important;
    font-size: 1.1em !important;
}
/*################## Orte Daten Tabelle ##################*/
table#vorlage-infobox-Orte {
    background-color:#FFF;
    border:1px solid #DDD; 
}
table#vorlage-infobox-Orte tr > td,
table#vorlage-infobox-Orte tr > th{
  padding:5px 8px;
   border:1px solid #DDD;
}
/*################## Page Glossar ##################*/
.page-Glossar table{
    margin-bottom:10px;
}
.page-Glossar table>tbody>tr>td{
    padding:10px;
}