MediaWiki:Monobook.css: Unterschied zwischen den Versionen

Aus Pferde-Zucht-Sport
Wechseln zu:Navigation, Suche
K
K
 
Zeile 110: Zeile 110:
 
     margin-top: 0.188em;
 
     margin-top: 0.188em;
 
     margin-bottom:  0.313em;
 
     margin-bottom:  0.313em;
 +
}
 +
.va-anbieter {
 +
font-size: 90%;
 
}
 
}
  

Aktuelle Version vom 28. November 2019, 11:18 Uhr


/***** allg. Styls *****/
div#globalWrapper {
font-size:16px;
}

.pBody {
    border: 0px solid #aaa;
    height: 0px;
}

#p-logo {
    z-index: 1;
}

#p-cactions li a {
display:none;
color:transparent;
}

#p-personal ul {
display:none;
}

.toccolours {
height: 50px;
background-color:transparent;
border: 0px;
}

.mw-editform #wpTextbox1 {
margin-top: 0;
}

.portlet {
    font-size: 0px;
}
/*

/***** Suche *****/
#p-search {
	position: absolute;
	top: 60px;
        right: 20px;
        z-index:2;
}

div#p-search.portlet {
    width: 11em;
    margin-right: 0px;
}

div#searchBody.pBody {
right:10px;
}

#p-search #mw-searchButton {
display:block;
}

#searchform > input {
    width: 11em;
}

#p-search .pBody {
    display: block;
    height: 80px;
    width: 11em;
}

#searchform > input {
width: 11em;
}

/***** Layout *****/
body {
background : #f9f9f9;
color : #000;
font-size:16px;

}

#content {
    margin:0px;
    padding:0px;
    border:0px;
    line-height: 1.65;
    text-rendering: optimizeLegibility;
    word-wrap: break-word;
    margin-top: 150px !important ;
}

/***** 
#column-content {
    margin:6.563em 0em 0em;
}
 *****/

div#column-content {
margin:0px;
}

/***** Textformatierung *****/
.small {
    font-size: 0.75em ;/*  75% of the baseline */
}

.hinweistext {
    font-size: 0.813em;
    margin-top: 0.188em;
    margin-bottom:  0.313em;
}
.va-anbieter {
font-size: 90%;
}

/***** Hintergrund *****/

.hg-menue {
    width:100%;
    background-size: contain;
    background-image: url(https://pferde-zucht-sport.de/images/5/54/PZS_Pferd_auf_Buch.jpg);
    background-repeat: no-repeat;
}
.hg-holz {
    width:100%;
    background-image: url(https://pferde-zucht-sport.de/images/5/58/PZS_Hintergrund_Holz_braun_quer.jpg);
    background-repeat: repeat;
    background-size: ;
}


/***** Ausrichtung *****/

#left {
    float:left;
    max-width:69%;
    min-width:20em;
    padding:1%;
    text-align:left;
    margin-right:0.625em;
    margin-bottom:0.625em;
    box-shadow:10px 5px 10px 5px silver;
    border:solid 1px #eda333;
    font-size:1em
}

#center {
    float:left;
    margin:0 20em 0 69%;
    height:auto
}

#right {
    font-size:1em;
    float:none;
    min-width:310px;
    padding:1%
}

/***** Seite *****/
#seite {
    font-size:16px;
    width: 100%;
    min-width: 20em;
    min-height: 37.5em;
    margin: 0px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
 


#seite_spalte1 {
background-color : white;
margin-right : 1%;
margin-bottom : 1%;
float : left;
min-width : 20em;
width : 65%;
min-height : 37.5em;
padding : 1%;
box-shadow : 5px 1px 5px 1px #f3f3f3;
border : #e9e9e9 solid 1px;
text-align : left;
overflow : hidden;
}

 #seite_spalte2 {
background-color : white;
margin-right : 1%;
margin-bottom : 1%;
width : 23%;
float : left;
min-width : 20em;
padding : 1%;
float : left;
}

#seite_fixed {
position : fixed;
z-index : 10000;
top : 0;
left : 0;
padding : 0;
margin : 0;
width : 100vw;
min-height : 56.25em;
background : #fff;
} 

#Info {
    font-size:1em;
    float:left;
    width:5.625em;
    padding:em;
    text-align:left;
    margin-right:0
}

#Werbung {
    font-size:1em;
    float:right;
    width:300px;
    padding-top:1em
}

#Inhalt {
    margin:0 300px 0 90px;
    padding:10px;
    height:auto;
    min-width:320px;
    box-shadow:10px 5px 10px 5px silver;
    border:solid 1px #eda333;
    text-align:left;
    font-size:1em;
    overflow:hidden
}

#Bannerunten {
    margin:0 310px 0 90px;
    height:auto;
    font-size:1em
}


#Kundenseitelinks {
    font-size:1em;
    float:left;
    width:90px;
    padding:1em;
    text-align:left
}

#Kundenseiterechts {
    font-size:1em;
    float:right;
    width:90px;
    padding:1em;
    text-align:left
}

#Kundenseitemitte {
    min-width:300px;
    min-height:500px;
    text-align:left;
    font-size:1em;
    margin:0 91px;
    padding:1em;
    height:auto
}

#clear,.clear {
    clear:both
}

.image img {
    width:100%;
    height:auto
}

/***** Überschriften *****/


h1 {font-size: 5vw;}

h2 {font-size: 4vh;}

h3 {font-size: 3vmin;}

h1 {
color:#8EAC1A; 
font-family: sans-serif, Arial;
font-size: 200%;
line-height: 1.5em;
text-decoration:none;
margin-bottom:1.2em;
border-bottom: none;
}

h2, h4, h5, h6 {
color:#222222 ;
}

h2, h3, h4, h5, h6 {
font-weight: normal;
}

h2 {
font-size: 1.825em;
margin-bottom:1.2em;
}

 
h3 {
/***** color: #006400; ***/
color:#647912;
font-size:1.5em;
margin-bottom:1.1em;
font-weight: 400;
}


h4 {
font-size: 1.375em;
line-height:1.1em;
font-weight: 400;
}


h5 {
font-size: 1.25em;
font-weight: 400;
}


h6 {
font-size: 1em;
text-decoration:underline;
font-weight: 400;
}



/*Neue Formatierung für die Link-Klasse "a"*/

/*Alle Elemente E, die ein Hyperlink zu einem noch nicht besuchten Ziel sind*/
a {
   color:#647912;
}

/* Alle Elemente E, die ein Hyperlink zu einem noch nicht besuchten Ziel sind */
a:visited { 
   color:#647912;
} 

a.external text {
   color:#647912;
} 

/* Während das Element E aktiviert ist (z.B. Maustaste auf einen Link gedrückt ist*/

a:active {
    text-decoration: underline;
    color: #FF6C00;
}

/* Während die Maus über dem Element E hovert */

a:hover {
    text-decoration: underline;
    color: #FF6C00;
}

 /* Während der Fokus auf dem Element E liegt */

input:focus { 
    text-decoration: underline;
    color: #FF6C00;
}


#bodyContent a.external {
    color: #8EAC1A ; 
}

#bodyContent a.external:hover {
    color: #647912;
}

selflink  a{
    color: #8EAC1A; 
}

#siteNotice a.external {
color : #8EAC1A;
}
#siteNotice a.external:hover {
color : #647912;
} 

/*** Navigation ***/
#navigation-tabs {
    position:relative;
    z-index:1001
    top:-1.75em;
    width:100%;
    min-width:20em;
}

#Navigation a {
    display:block;
    margin:0 -4px 0 0;
    width:115px;
    padding:3px;
    font-size:1em;
    color:#000;
    text-decoration:none;
    background-color:#F9F9F9;
    border-left:px solid  ;
    border-bottom:2px solid #777777;
    line-height: 2.5em;

}

#Navigation a:hover {
    color:#fff;
    background-color:#8EAC1A  ;
    border-bottom:2px solid #7c9b30;
    line-height: 2.5em;
}

#Navigation {
    margin:0px;
    padding:0px;
}

#Navigation ul {
    display:none;
    margin:0px;
    padding:0px;
}

#Navigation li {
    list-style:none;
    margin:0px;
    padding:0px;
    background-color:gray;
}

#Navigation li:hover > ul {
    display:block;
}

#Navigation > li {
    float:left;
}

#Navigation > li ul {
    position:absolute;
}

#Navigation > li ul ul {
    margin:-28px 0 0 107px;
}

.blocknav {
    float:left; 
    width:220px; 
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
    padding:5px;
    background:#fff;
    color: #404040;
    border-bottom:solid 0px silver;
}


.hilfetext {
    color: gray;
    font-size:0.75em;
}
 
.blockcol {
background-color:white;
margin:0px;
padding:1%;
box-shadow:5px 1px 5px 1px #f3f3f3;
border:solid 1px #e9e9e9;
}


.widget {
    width:45%;
/* min-height:250px; */
    margin:1%;
    padding:1%;
    float:left;
    -moz-box-shadow:1px 1px 5px 5px #eda333;
    -webkit-box-shadow:5px 5px 5px 5px #eda333;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow:1px 2px 4px 2px #eda333;
    border-radius:5px;
    background:#fff;
    opacity:.8;
    line-height:130%;
}

 .block100 {
width : 95%;
min-width : 300px;
margin : 1%;
padding : 1%;
background : #fff;
clear : both;
}
.block50 {
width : 45%;
min-width : 300px;
margin : 1%;
padding : 1%;
float : left;
background : #fff;

}
.block30 {
width : 27%;
min-width : 18.75em;
float : left;
margin : 1%;
padding : 1%;
background : #fff;
opacity : 0.800000011920928955078125;
}
.block340 {
min-width : 21.25em;
float : left;
margin : 1%;
padding : 1%;
background : #fff;
}
.block300 {
width : 18.75em;
float : left;
margin : 1%;
padding : 1%;
background : #fff;
opacity : 0.800000011920928955078125;
}
.block {
width : auto;
min-width : 18.75em;
float : left;
margin : 1%;
padding : 1%;
background : #fff;
opacity : 0.800000011920928955078125;
} 

.textarea_pzs {
  background:#efefef;
}

.blockrahmen_text{
    border:solid 1px silver;
}

.blockrahmen_info{
    -moz-box-shadow:1px 1px 5px 5px #eda333; 
    -webkit-box-shadow:5px 5px 5px 5px #eda333;
    box-shadow:1px 2px 4px 2px #eda333;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.blockrahmen_werbung {
    -moz-box-shadow:1px 1px 5px 5px #eda333; 
    -webkit-box-shadow:5px 5px 5px 5px #eda333;
    box-shadow:1px 2px 4px 2px #eda333;
    -moz-border-radius: px;
    -webkit-border-radius: px;
    border-radius: px;
    border:solid 2px darkgeen;
}

.abgerundet {
-webkit-border-radius: 6;  -moz-border-radius: 6;border-radius: 6px;
}

.btn-kasten {
  background: #ffffff;
  float:left;
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  text-shadow: 1px 1px 0px #666666;
  font-family: Arial;
  color: #8EAC1A;
  font-size: 1.125em;
  padding: 0px 4px 0px 8px;
  border: solid #999999 2px;
  text-decoration: none;
  min-width:1.250em;
}

.btn-kasten:hover {
  background: #999999;
  background-image: -webkit-linear-gradient(top, #999999, #ffffff);
  background-image: -moz-linear-gradient(top, #999999, #ffffff);
  background-image: -ms-linear-gradient(top, #999999, #ffffff);
  background-image: -o-linear-gradient(top, #999999, #ffffff);
  background-image: linear-gradient(to bottom, #999999, #ffffff);
  text-decoration: none;
}

.btn_orange {
  float:left;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #321e5c;
  font-size: 16px;
  background: #eda333;
  padding: 5px 10px 5px 10px;
  border: solid #1f628d 1px;
  text-decoration: none;
  width:295px;
}

.btn_orange:hover {
  background: #edc58a;
  text-decoration: none;
  margin-bottom:3px;
  font-weight: bold;
}

.btn_grau {
  float:left;
  text-align:center;
  width:45%;
  min-width:;
  background:#EEEEEE;
  border-bottom:solid 1px #777777;
  font-weight:normal;

}

.btn_grau:hover {
  background: #fff ;
  text-decoration: none;
  color:none;
  font-weight:normal;
  border:solid 1px gray;
}

/* SlideShow */
#slideshowWrapper {
    position:relative;
    width:40em;
    height:30em;
    margin:auto
}

/* 
#fssPrev {
    position:absolute;
    top:169px;
    left:-67px;
    background:url(/pascalbajorat-simplefadeslideshow-d07b61a/arrows.png) -67px 0;
    width:67px;
    height:143px;
    text-indent:-999999px
}

#fssNext {
    position:absolute;
    top:169px;
    left:646px;
    background:url(/pascalbajorat-simplefadeslideshow-d07b61a/arrows.png) no-repeat;
    width:67px;
    height:143px;
    text-indent:-999999px
}
 */

#fssPlayPause {
    position:absolute;
    top:435px;
    right:20px;
    background:url(/pascalbajorat-simplefadeslideshow-d07b61a/white.png) repeat;
    padding:4px 0 5px;
    -moz-border-radius:5px;
    border-radius:5px;
    width:60px;
    text-align:center;
    display:block;
    color:#333;
    text-decoration:none
}

#slideshow {
    list-style:none;
    border:1px solid #999;
    padding:2px;
    margin:auto;
    margin-top:5%;
    width:40em;
    height:30em;
    overflow:hidden
}

#fssList {
    list-style:none;
    width:100%;
    margin:auto;
    padding:5px 0 0 45%
}

#fssList li {
    display:inline;
    padding-right:10px
}

#fssList li a {
    color:#999;
    text-decoration:none
}

#fssList li.fssActive a {
    font-weight:700;
    color:#333
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 20em)
and (max-width : 64em) {
.widget {
    width:auto;
    float:none
}
}
/***** block *****/

.block presse {
float:left;
width: 45%; 
min-width:1.688em;
border:solid 1px gray; 
height:200px;
margin:1%; 
padding:7px;
overflow:scroll;
overflow-x:hidden;
}

@media (max-width: 1160px) { 

/* Breite beträgt höchstens 1160px */ 
#seite_spalte1 { width: 94%; }
#seite_spalte2 { width: 30%; }

}

@media (max-width: 43.75em) { 

/* Breite beträgt höchstens 72.5em */ 
.block50 { width: 94%; }

}

/******************/
/*** Grundlagen  Textgestaltung***/
/******************/
body {
	font-style: normal;
	font-weight: 400;
        font-family: Verdana, 'Lucida Sans Unicode', sans-serif; 
        font-size:16px;
        color:#404040;
}


a,a:visited {
	color: #006400;
	text-decoration: unset;
}

a:hover {
	text-decoration: underline;
}

/****************/
/*** Portlets ***/
/****************/
#column-one h2,#column-one h3 {
	display: none;
}

.portlet {
	font-size: 1em;
	font-size: .9rem;
	float: left;
}

#p-logo {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: unset;
	height:unset;
}

.mw-wiki-logo {
	width:100% !important;
	height:150px !important;
	display:block !important;
	background-repeat:no-repeat !important;
	background-size:100% 150px !important;
}





#p-personal {
	margin-right: 10em;
}

#p-navigation {
	position: absolute;
	top: 150px;
	left: 0;
	right: 0;
	border-top: 0px solid #a9a9a9;
	border-bottom: 0px solid #a9a9a9;
	padding: 0px;
}

#p-navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 5px;
        font-size: 0px;
}

#p-navigation li {
	display: inline;
	margin-left: 20px;
}

#p-tp {
	margin-right: 10em;
}

#p-cactions {
	margin-right: 10em;
}

#p-personal {
	margin-right: 10em;
}

/* Suche */


div.searchresult {
    font-size: 95%;
    width: 100%;
    display: none;
}

.mw-search-result-data {
    color: gray;
    font-size: 80%;
width:100%;
}

ul.mw-search-results {
width:100%;
}

 /** Neues Spalten-col Layout **/
.group,
[class*=colgroup] { zoom:1 }
.group:after,
[class*=colgroup]:after { /** Alle Elemente, deren class "colgroup" enthält **/
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.col { position:relative}
.col :first-child { margin-top:0}

@media all and (min-width: 30em) and (max-width: 50em) {
    [class*=colgroup] .col {
        float:left;
        width:47.5%;
        margin-left:5%
    }

    [class*=colgroup] .col:nth-of-type(2n+1),
    .colspan-2+.col {
        clear:left;
        margin-left:0
    }

    .colgroup-1 .col {
        width:100%;
        float:none;
        margin-left:0
    }

    .colgroup-3 .colspan-2,
    .colgroup-3 .colspan-2+.col,
    .colgroup-3 .col.primary,
    .colgroup-3 .col.secondary {
        width:100%;
        float:none;
        margin-left:0
    }
    .colgroup-3 .col.secondary { margin:2em 0 0 0 }
}



@media all and (min-width: 50em) {
    [class*=colgroup] .col {
    margin-left:5%;
    float:left
    }

    [class*=colgroup] .col:first-of-type { margin-left:0 }
    .colgroup-4 .col { width:21.2% }
    .colgroup-4 .col:nth-of-type(4n+1) {
        clear:left;
        margin-left:0
    }

    .colgroup-4 .col.colspan-3 { width:73.8%}
    .colgroup-3 .col { width:30%}
    .colgroup-3 .col:nth-of-type(3n+1) {
        clear:left;
        margin-left:0
    }

    .colgroup-3 .col.colspan-2 { width:64% }
    .colgroup-3 .col.middle {
        margin:0 auto;
        float:none
    }

    .colgroup-3 .col.colspan-2>p {
        line-height:1.4;
        margin-top:0.7em
    }

    .colgroup-3 .col.primary { float:right }
    .colgroup-3 .col.secondary {
        float:left;
        margin-left:0
    }

    .colgroup-2 .col { width:47.5%}
    .colgroup-2 .col:nth-of-type(2n+1) {
        clear:left;
        margin-left:0
    }
    .colgroup-1 .col {
        width:100%;
        margin-left:0
    }
}


.btnsms {
display: block; width: 38px; 	height: 38px;	
background:url(https://haustechnik-hts.de/wp-content/uploads/2017/06/Icon-SMS-grau-e1496309249271.png) bottom;
text-indent: -99999px;
background-repeat:no-repeat;
float:left; margin-right:10px;
vertical-align:top;
} 

.btnsms:hover {
display: block; width: 38px; 	height: 38px;	
background:url(https://haustechnik-hts.de/wp-content/uploads/2017/05/Icon-SMS-e1496238830880.png) no-repeat; 
} 
.btnsms:active {
display: block; width: 38px; 	height: 38px;	
background:url(https://haustechnik-hts.de/wp-content/uploads/2017/05/Icon-SMS-e1496238830880.png) no-repeat; 
} 

.btnwordsap {
display: block; width: 40px; 	height: 40px;	
background:url(https://haustechnik-hts.de/wp-content/uploads/2017/05/Icon-Wordsapp-grau-e1496232988704.png) no-repeat;
text-indent: -99999px;
float:left; margin-right:10px;
vertical-align:top;
} 

.btnwordsap:hover {
display: block; width: 40px; 	height: 40px;	
background:url(https://haustechnik-hts.de/wp-content/uploads/2017/05/Icon-Wordsapp-e1496238708525.png) no-repeat; 
} 
.btnwordsap:active {
display: block; width: 40px; 	height: 40px;	
background:url(https://haustechnik-hts.de/wp-content/uploads/2017/05/Icon-Wordsapp-e1496238708525.png) no-repeat; 
}

.gallerybox {
min-width:320px;
max-width:640;
}