MediaWiki:Monobook.css: Unterschied zwischen den Versionen

Aktuelle Version vom 27. Juli 2016, 21:35 Uhr

/** Monobook Sidebar **/

/*Ohne hässliches Padding */
#p-navigation ul, #p-tb ul, #p-Community ul, #p-Offizielle_Links ul{
		margin: 0;
}
#p-navigation > div, #p-tb > div, #p-Community > div, #p-Offizielle_Links > div {
        border: none;
		background: white;
		padding: 1px;
}
/*Anderes als eine Liste*/
#p-navigation li, #p-tb li, #p-Community li, #p-Offizielle_Links li{
                margin-top: 1px;
		display:block;
                list-style-image: none !important;
                font-weight: bold;
	        font-size: 110%;
		
}
/*allgemeine Gestaltung der Links*/
#p-navigation li > a, #p-tb li > a, #p-Community li > a, #p-Offizielle_Links li > a{
	display: block;
	position: relative;
	background: #335AB6;
	color: white;
	padding: 0 0 0 10px;
	line-height: 22px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #EEEEEE;
	-moz-border-radius-topright: 1em;
	-moz-border-radius-bottomright: 1em;
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
	-webkit-border-top-right-radius: 1em;
 	-webkit-border-bottom-right-radius: 1em;

}
/*spezielles Menü nur für die erste Ebene*/
#p-navigation > div > ul > li > a, #p-tb > div > ul > li > a, #p-Community > div > ul > li > a, #p-Offizielle_Links > div > ul > li > a {
	background: #335AB6;
	margin: 1px 1px 0 1px;
	padding: 0 0 0 10px;
	color: white;
	width: auto;

}
#p-navigation > div > ul > li.hover > a, #p-tb > div > ul > li.hover > a, #p-Community > div > ul > li.hover > a, #p-Offizielle_Links > div > ul > li.hover > a{
	background-color: white;
        color: #335AB6;
        border: 1px solid #335AB6;
}
#p-navigation > div > ul > li > a > em, #p-tb > div > ul > li > a > em, #p-Community > div > ul > li > a > em, #p-Offizielle_Links > div > ul > li > a > em{
	right: 10px;
}
/* Marker Untermenü */
#p-navigation em, #p-tb em, #p-Community em, #p-Offizielle_Links em {
	font-style: normal;
	font-size:16pt;
	font-weight:bold;
	line-height:20px;
	position:absolute;
	right:8px;
	top:0px;
}


/*hover*/

#p-navigation li > ul > li.hover > a, #p-tb li > ul > li.hover > a, #p-Community li > ul > li.hover > a, #p-Offizielle_Links li > ul > li.hover > a {
	background-color: white;
        color: #335AB6;
}
 
#p-navigation li.hover > ul.sub-menu, #p-tb li.hover > ul.sub-menu, #p-Community li.hover > ul.sub-menu, #p-Offizielle_Links li.hover > ul.sub-menu{
	display:block;
}
 
/* general submenu*/
#p-navigation ul.sub-menu, #p-tb ul.sub-menu, #p-Community ul.sub-menu, #p-Offizielle_Links ul.sub-menu {
	border: 1px solid #aaa;
	display:none; background: white;
	position:absolute;
	padding: 1px;
        min-width: 196px !important;
        max-width: 380px !important;
	margin-left: 180px;
	margin-top: -22px;
	z-index: 100;
	-moz-border-radius-topright: 1em;
	-moz-border-radius-bottomright: 1em;
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
	-webkit-border-top-right-radius: 1em;
	-webkit-border-bottom-right-radius: 1em;
}
/* Nur die erste */
#p-navigation > div > ul > li > ul.sub-menu, #p-tb > div > ul > li > ul.sub-menu, #p-Community > div > ul > li > ul.sub-menu, #p-Offizielle_Links > div > ul > li > ul.sub-menu{
	margin-left: 12.1em;
}










/* CSS placed here will affect users of the Monobook skin */

#content {
        width: 1000px !important;
	margin-left: 196px !important;
	margin-right: 25px !important;
	padding: 0px 1em 1.5em 1em !important;
	background: white !important;
	color: black !important;
	border: 2px solid #335AB6 !important;
	line-height: 1.5em !important;
	z-index: 2 !important;
	border-top-left-radius: 1em;
	border-bottom-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;


}


#column-content {
	margin-top: 50px !important;
	margin-left: -196px !important;
}


#mw-content-text {
margin-right: 15px !important;
}

/*********************************************************

Logo


*********************************************************/
#p-logo a, #p-logo a:hover {
	display: block !important;
	background-image: url(<!-- PFAD hier -->) !important;
	background-color: transparent;
}

#p-logo {
	margin-left: 5px; /* 21 */ 
        width: 165px; /* 233 */ 
} 



/*********************************************************

Suche

*********************************************************/


#searchInput {
	margin-bottom: 6px !important;
	background: #ffffff;
	border: 1px solid #335AB6;
	margin-bottom: 3px;
	padding: 2px;
	width: 110px;
}


#p-search, #p-facebook {
	background: #335AB6;
	padding-top: 1px;
	border: 1px solid #335AB6;
	border-bottom-left-radius: 1em;
	border-top-left-radius: 1em;
	border-bottom-right-radius: 1em;
	border-top-right-radius: 1em;
        margin: 1em 0;
	margin-left: 7px;
}

#p-search h5 {
	display: block;
	border: none;
	position: relative;
        color: black;
	left: -180px;
	width: 282px;
	height: 16px;
	background: url(http://kh.se-heaven.de/images/kh/f/fa/Sidebar-Suche.png) no-repeat 180px top;
}

#p-search .pBody {
	padding: 0;
	margin: 0;
}






/*********************************************************

Bearbeitungsbuttons oben

*********************************************************/
#p-cactions {
	margin-top: 53px !important;
	left: 183px !important;
	background-color: transparent;
	border-bottom: none;
}

#p-cactions li {
	border: 2px solid #335AB6;
	border-bottom: none;
}
#p-cactions li.selected {
	border: 1px solid #335AB6;
	border-bottom: none;
}

#p-cactions li a:hover {
	text-decoration: none;
	background-color: white;
	border: 1px solid #335AB6;
	border-bottom: none;
        color: black;
}

#p-cactions ul li, #p-cactions ul li a {
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
}


.toc {
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
}


/********************************************* 

Benutzerareal links oben 

**********************************************/

#p-personal li{
    padding: 3px;
    background-image: -moz-linear-gradient(bottom, #FFFFFF, #FFFFFF);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF, #FFFFFF); /* Webkit */
    background-image: -o-linear-gradient(bottom, #FFFFFF, #FFFFFF); /* Opera */
    background-image: -ms-linear-gradient(bottom, #FFFFFF, #FFFFFF); /* IE */
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px; /* FF 3.6 */
    border-top:0;
    border: 1px solid#335AB6;
    -moz-transition-duration: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s;
    -moz-transition-property: padding, font-size, opacity, border, background;
    -moz-transition-timing-function: ease-in, ease-out, ease-out, linear, ease-out;

}

#p-personal li:hover{
    padding:5px 3px;
    background-image: -moz-radial-gradient(center left, ellipse farthest-corner, #FFFFFF, #FFFFFF, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -moz-linear-gradient(bottom, #EAFBC1, rgba(255, 255, 255, 0.3));
    background-image: -webkit-radial-gradient(center left, ellipse farthest-corner, white 0, white 33.33%, rgba(255, 255, 255, 0) 66.67%, rgba(255, 255, 255, 0) 100%), -webkit-linear-gradient(left, #EAFBC1 0, rgba(255, 255, 255, 0.3) 100%); /* Webkit */
    background-image: -o-linear-gradient(left, #FFFFFF 0, rgba(255, 255, 255, 0.3) 100%); /* Opera (doesn't support radial gradients yet) */
    background-image: -ms-radial-gradient(center left, ellipse farthest-corner, #FFFFFF 0, #FFFFFF 33.33%, rgba(255, 255, 255, 0) 66.67%, rgba(255, 255, 255, 0) 100%), -ms-linear-gradient(left, #EAFBC1 0, rgba(255, 255, 255, 0.3) 100%); /* IE */
    border:2px solid#335AB6;

    border-top:0;
}

#p-personal li a:hover{
    background:none;
}







/********************************************* 

Footer

**********************************************/


div#footer {
	background:#f9f9f9;
	background:linear-gradient(top,#f9f9f9,#ddd);
	background:-o-linear-gradient(top,#f9f9f9,#ddd);
	background:-ms-linear-gradient(top,#f9f9f9,#ddd);
	background:-moz-linear-gradient(top,#f9f9f9,#ddd);
	background:-webkit-linear-gradient(top,#f9f9f9,#ddd);
	margin-left: 196px !important;
	margin-right: 25px !important;
	padding: 0px 1em 1.5em 1em !important;
	color: black !important;
	border: 1px solid #335AB6 !important;
	line-height: 1.5em !important;
	z-index: 2 !important;
	border-top-left-radius: 1em;
	border-bottom-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
        width: 1000px !important;
}

li#lastmod { display: none !important; }


/********************************************* 

Seitennotiz 

**********************************************/




#siteNotice {
	padding: 10px 0.9em 0 0.9em;
	background: white;
	margin-bottom: 5px;
	border-radius: 0.5em;
	border: none;
}

/**********  Tauscht das * gegen ein anderes icon, wenn man ein bild einbindet wie bei .portlet ul *************/


ul {
	line-height: 1.5em;
	list-style-type: square;

	margin: .5em 0 0 1.5em;
	padding: 0;

}
/**********  Bild vor den Menüpunkten *************/

.portlet ul {
	line-height: 1.5em;
	list-style-type: none;
	list-style-image: url(http://ffxiii.se-heaven.de/images/ff13/c/c7/Finger.png);
        margin: 0 0 0 3em;
	font-size: 95%;
}


.portlet ul a:hover {
font-size: 100%;
font-weight: bold;
}



pre {
	overflow: auto;
}

/*******************************************************

Menüpunkte ausblenden

*******************************************************/


#p-Auktionshaus { display: none !important; }

#p-Vorlagen { display: none !important; }

#p-Hauptnavigation { dislpay: none !important; }

#p-Grundlagen { display: none !important; }

#p-Anderes { display: none !important; }

#p-Kampf_und_Missionen { display: none !important; }


/********************************************* 

Buttonstyle

**********************************************/


input[type='submit'], input[type='reset'], input[type='button'] {
 padding:1px 6px 3px;
 border:3px double #aaa;
 border-radius:4px;
 cursor:pointer;
 color:#222;
 background:#f7f7f7;
 background:linear-gradient(top,#f7f7f7,#e7e7e7);
 background:-o-linear-gradient(top,#f7f7f7,#e7e7e7);
 background:-ms-linear-gradient(top,#f7f7f7,#e7e7e7);
 background:-moz-linear-gradient(top,#f7f7f7,#e7e7e7);
 background:-webkit-linear-gradient(top,#f7f7f7,#e7e7e7);
 text-shadow:1px 1px 2px #aaa;
}
input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover {
 border-color:#335AB6;
 box-shadow:0 0 5px #5D6D91;
}
input[type='submit']:active, input[type='reset']:active, input[type='button']:active {
 padding:1px 5px 3px 7px;
}




/*********************************************************

Navigation & Werkzeug

*********************************************************/


#p-navigation, #p-tb, #p-Community, #p-Offizielle_Links {
        margin-top: 15px;
	background: #335AB6;
	padding-top: 1px;
	border: 1px solid #335AB6;
	border-bottom-left-radius: 1em;
	border-top-left-radius: 1em;
	border-bottom-right-radius: 1em;
	border-top-right-radius: 1em;
}

#p-navigation, #p-tb, #p-Community, #p-Offizielle_Links {
	margin: 1em 0;
	margin-left: 7px;
}


#p-navigation h5, #p-tb h5, #p-Community h5, #p-Offizielle_Links h5 {
	display: block;
	border: none;
	position: relative;
        top: 3px;
	left: -180px;
	width: 282px;
	height: 16px;
}


#p-navigation h5 {
	background: url(http://kh.se-heaven.de/images/kh/2/2f/Sidebar-Navigation.png) no-repeat 180px top; }

#p-tb h5 {
	background: url(http://kh.se-heaven.de/images/kh/5/5f/Sidebar-Werkzeuge.png) no-repeat 180px top;
}

#p-Community h5 {
	background: url(http://kh.se-heaven.de/images/kh/9/93/Sidebar-Community.png) no-repeat 180px top;
}

#p-search h5 {
	background: url(http://kh.se-heaven.de/images/kh/f/fa/Sidebar-Suche.png) no-repeat 180px top;
}

#p-lang h5 {
	background: url(http://kh.se-heaven.de/images/kh/9/96/Sidebar-Andere_Wikis.png) no-repeat 180px top;
}

#p-Offizielle_Links h5 {
	background: url(http://kh.se-heaven.de/images/kh/9/93/Sidebar-Community.png) no-repeat 180px top;
}

#p-facebook h5 {
	background: url(http://kh.se-heaven.de/images/kh/9/93/Sidebar-Community.png) no-repeat 180px top;
}

#p-facebookbody {background-color: white !important;}