MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus Archiv
Herwig (Diskussion | Beiträge) |
Herwig (Diskussion | Beiträge) K |
||
(135 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
− | + | a:link{ | |
− | + | color: #B20904; | |
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | a:active{ | |
− | h1 | + | color: #b2472f; |
+ | } | ||
+ | |||
+ | .mw-body{ | ||
+ | margin-bottom:0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #mw-content-text{ | ||
+ | min-height: calc(100vh - 100px); | ||
+ | } | ||
+ | .mw-body h1 { | ||
+ | font-size: 2em; | ||
font-style: italic; | font-style: italic; | ||
color: #C74527; | color: #C74527; | ||
} | } | ||
− | a:link, . | + | .mw-body h2 { |
− | color: # | + | 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: # | + | 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{ | |
− | color: # | + | background-color: #575757; |
− | text- | + | 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 */ | /* Header Hauptseite */ | ||
Zeile 53: | Zeile 196: | ||
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; | ||
} | } | ||
− | |||
− | . | + | @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; | ||
+ | } | ||
} | } | ||
− | .navbar- | + | @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; | ||
+ | } | ||
} | } | ||
− | .navbar- | + | |
− | . | + | @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; | text-align:center; | ||
− | height: | + | height:auto; |
margin:20px 0 20px 0; | margin:20px 0 20px 0; | ||
font-weight:bold; | font-weight:bold; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Zeile 112: | Zeile 309: | ||
.flex-container { | .flex-container { | ||
− | + | display: -webkit-flex; | |
− | + | display: -ms-flex; | |
− | + | display: flex; | |
-webkit-flex-wrap: wrap; | -webkit-flex-wrap: wrap; | ||
-ms-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; | ||
} | } | ||
− | . | + | |
− | background-color:# | + | #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; | ||
} | } |
Aktuelle Version vom 12. August 2018, 16: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;
}