MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus Archiv
Herwig (Diskussion | Beiträge) K |
Herwig (Diskussion | Beiträge) K |
||
(44 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 33: | Zeile 36: | ||
/*Einstellung für :focus bei Chrom*/ | /*Einstellung für :focus bei Chrom*/ | ||
:focus { | :focus { | ||
− | outline: #b20904 auto | + | outline: #b20904 auto 0px; |
outline-color: #b20904; | outline-color: #b20904; | ||
outline-style: auto; | outline-style: auto; | ||
− | outline-width: | + | outline-width: 0px; |
− | |||
− | |||
} | } | ||
Zeile 45: | 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 51: | 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 64: | 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; |
− | + | ||
} | } | ||
+ | |||
+ | |||
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 110: | Zeile 134: | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
padding-top: 3px; | padding-top: 3px; | ||
− | min-height: | + | min-height: 50px; |
} | } | ||
Zeile 116: | Zeile 140: | ||
background-color: #575757; | background-color: #575757; | ||
text-align:center; | text-align:center; | ||
+ | } | ||
+ | |||
+ | div.footer .navbar-nav{ | ||
+ | float: none; | ||
+ | } | ||
+ | div.footer .navbar-nav > li{ | ||
+ | float: none; | ||
+ | display: inline-block; | ||
} | } | ||
Zeile 165: | 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 250: | 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 272: | Zeile 300: | ||
margin:20px 0 20px 0; | margin:20px 0 20px 0; | ||
font-weight:bold; | font-weight:bold; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Zeile 306: | 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 321: | Zeile 353: | ||
.mw-ui-input:focus { | .mw-ui-input:focus { | ||
border-color: #B20904; | border-color: #B20904; | ||
− | + | box-shadow: inset 0 0 0 1px #B20904; | |
− | + | outline: 0; | |
− | |||
− | |||
} | } | ||
Zeile 330: | Zeile 360: | ||
#vorlage-infobox-Bilddaten{ | #vorlage-infobox-Bilddaten{ | ||
− | margin-top: | + | margin-top:0px; |
float: right; | float: right; | ||
+ | width:298px; | ||
} | } | ||
Zeile 363: | 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;
}