MediaWiki:Monobook.css: Unterschied zwischen den Versionen

Version vom 10. Oktober 2012, 10:54 Uhr

/** Monobook Sidebar **/

/*Ohne hässliches Padding */
#p-navigation ul {
		margin: 0;
}
#p-navigation > div {
        border: none;
		background: transparent;
		padding: 0;
}
/*Anderes als eine Liste*/
#p-navigation li {
		display:block;
                list-style-image: none !important;
              /*  border: none; */
	 	font-weight: bold;
	        font-size: 110%;
		
}
/*allgemeine Gestaltung der Links*/
#p-navigation li > a {
	display: block;
	position: relative;
	background: #335AB6;
	color: white;
	padding: 0 0 0 10px;
	line-height: 24px;
	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 {
	background: #335AB6;
	margin: 1px 1px 0 1px;
	padding: 0 0 0 10px;
	color: white;
	width: auto;

}
#p-navigation > div > ul > li.hover > a {
	background-color: white;
        color: #335AB6;
        border: 1px solid #335AB6;
}
#p-navigation > div > ul > li > a > em {
	right: 10px;
}
/* Marker Untermenü */
#p-navigation 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 {
	background-color: white;
        color: #335AB6;
}
 
#p-navigation li.hover > ul.sub-menu {
	display:block;
}
 
/* general submenu*/
#p-navigation ul.sub-menu {
	border: 1px solid #aaa;
	display:none; background: white;
	position:absolute;
	padding: 1px;
	width: 180px;
	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 {
	margin-left: 12.6em;
}










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


#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(<!-- PFAD hier -->) repeat;
}


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

Suche

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


#searchInput {
	margin-bottom: 6px !important;
}
#mw-searchButton {
	display: none;
	margin-bottom: 10px !important;
}

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

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;
}





#p-search {
	background: #FFFFFF;
	width: 250;
	padding-top: 1px;
	border: 1px solid #000000;
	border-bottom-left-radius: 1em;
	border-top-left-radius: 1em;
	border-bottom-right-radius: 1em;
	border-top-right-radius: 1em;
}

#p-search h5 {
	display: block;
	border: none;
	position: relative;
	left: -180px;
	width: 282px;
	height: 16px;
/* 	background: url(<!-- Schriftzug für die Suche -->) no-repeat 180px top;  */

}

/* Search box */
#searchInput {
	background: #ffffff;
	border: 1px solid #000000;
	margin-bottom: 3px;
	padding: 2px;
	width: 110px;
}
#p-search .pBody {
	padding: 0;
	margin: 0;
}



div#footer {
	background-color: white;
	border-top: 2px solid #335AB6;
	border-bottom: 2px solid #335AB6;
	margin: .6em 0 1em 0;
	padding: .4em 0 1.2em 0;
	text-align: center;
	font-size: 90%;
}

#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;
}


#p-tb {

display: none;
}
pre {
	overflow: auto;
}