MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus Archiv
Herwig (Diskussion | Beiträge) K |
Herwig (Diskussion | Beiträge) K |
||
Zeile 66: | Zeile 66: | ||
div.catlinks { | div.catlinks { | ||
background-color: #8c8a75; | background-color: #8c8a75; | ||
− | margin | + | margin: 1em -15px 0px -15px; |
− | + | ||
} | } | ||
Version vom 3. August 2018, 12:29 Uhr
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
{
color: white;
}
.skin-chameleon .navbar-tools > li > a.navbar-usernotloggedin:visited
{
color: #B20904;
}
{
color: #B20904;
}
/*############# Kategorien ############*/
div.catlinks {
background-color: #8c8a75;
margin: 1em -15px 0px -15px;
}
div.mw-normal-catlinks{
margin: 10px auto;
padding: 10px;
background-color: #dbd9c4;
border: 1px solid #514f3a;
border-radius: 3px;
}
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.flex-container div:nth-child(1){
background-color: #bcc9b5;
margin-bottom:10px;
padding:10px;
}
div.flex-container div:nth-child(2){
background-color: #f5ceac;
margin-bottom:10px;
padding:10px;
}
div.flex-container div:nth-child(3){
background-color:#bcc9b5;
margin-bottom:10px;
padding:10px;
}
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;
}
.myPanel {
border:0px;
margin:5px;
}
/*################## 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:8px;
float: right;
}
#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;
}