MediaWiki:Monobook.css: Unterschied zwischen den Versionen

Version vom 21. Oktober 2012, 14:27 Uhr

/** Monobook Sidebar **/

/*Ohne hässliches Padding */
#p-navigation ul, #p-tb ul{
		margin: 0;
}
#p-navigation > div, #p-tb > div {
        border: none;
		background: white;
		padding: 1px;
}
/*Anderes als eine Liste*/
#p-navigation li, #p-tb 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{
	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 {
	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 {
	background-color: white;
        color: #335AB6;
        border: 1px solid #335AB6;
}
#p-navigation > div > ul > li > a > em, #p-tb > div > ul > li > a > em {
	right: 10px;
}
/* Marker Untermenü */
#p-navigation em, #p-tb 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 {
	background-color: white;
        color: #335AB6;
}
 
#p-navigation li.hover > ul.sub-menu, #p-tb li.hover > ul.sub-menu {
	display:block;
}
 
/* general submenu*/
#p-navigation ul.sub-menu, #p-tb ul.sub-menu {
	border: 1px solid #aaa;
	display:none; background: white;
	position:absolute;
	padding: 1px;
	min-width: 180px;
        max-width: 380px;
	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 {
	margin-left: 12.1em;
}










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

#content {
	margin-left: 176px !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;
}


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

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 */ 
} 


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

Hintergrundbild

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

body {
	background: #000000 url(<!-- url hier -->) no-repeat;
   /*     background-attachment:fixed;   */

}


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

Suche

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


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

#p-search {
	background: #335AB6;
	width: 250;
	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: 1px solid #335AB6;
	border-bottom: none;
}
#p-cactions li.selected {
	border: 1px solid #335AB6;
	border-bottom: none;
}

#p-cactions li a:hover {
	z-index: 3;
	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 .pBody ul {
	background: #ffffff;
	border: 1px solid #335AB6;
	float: right;
	padding-left: 0;
	height: 32px;
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
        margin-top: 10px;
        margin-right: 15px;

}
#p-personal li {
	height: 32px;
	color: #000000;
	margin: 0;
}
#p-personal li a {
	color: #000000;
	padding: 0.5em;
}
#p-personal li a:hover {
	background: transparent;
}
#p-personal li a.new {
	color: #F00;
        font-weight: bold;
}

li#pt-userpage,
li#pt-anonuserpage,
li#pt-login {
	background: url(<!-- image hier -->) top left no-repeat;
	padding-left: 20px;
	text-transform: 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: 176px !important;
	margin-right: 25px !important;
	padding: 0px 1em 1.5em 1em !important;
	color: black !important;
	border: 1px solid #000000 !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;
}

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-Items { 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 {
        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 {
	margin: 1em 0;
	margin-left: 7px;
}


#p-navigation h5, #p-tb 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;
}