MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Fahrradmonteur
Zur Navigation springenZur Suche springen
Zeile 185: Zeile 185:
 
color:silver;
 
color:silver;
 
}
 
}
ul#menu,ul #menu ul{
 
        margin:0; list-style:none; padding:0; background-color:#dedede;
 
        border-width:1px; border-style:solid; border-color:#5f5f5f; display: block;
 
        -moz-border-radius:5px;
 
        -webkit-border-radius:5px;
 
        border-radius:5px;}
 
ul#menu ul{
 
        display:none; position:absolute; left:0; top:100%;
 
        -moz-box-shadow:3.5px 3.5px 5px #000000;
 
        -webkit-box-shadow:3.5px 3.5px 5px #000000;
 
        box-shadow:3.5px 3.5px 5px #000000;
 
        background-color:#FFFFFF; border-radius:6px;
 
        -moz-border-radius:6px;
 
        -webkit-border-radius:6px;
 
        border-color:#d4d4d4; padding:0 10px 10px;}
 
ul#menu li:hover>*{display:block;}
 
ul#menu li{position:relative; display:block; white-space:nowrap; font-size:0; float:left;}
 
ul#menu li:hover{ z-index:1;}
 
ul#menu {font-size:0; z-index:999; position:relative; display:inline-block; zoom:1; padding:0; *display:inline;}
 
* html ul#menu li a{display:inline-block;}
 
ul#menu>li{margin:0;}
 
ul#menu a:active, ul#menu a:focus {outline-style:none;}
 
/* *** globale Schrifteinstellung *** */
 
a.br {display:block; }
 
ul#menu a{
 
        display:block; vertical-align:middle; text-align:left; text-decoration:none;
 
        letter-spacing: 0.1em;
 
        font:bold 14px Trebuchet MS; color:#000000;
 
        cursor:pointer;
 
        padding-top: 6px; padding-left: 24px; padding-bottom: 6px; padding-right: 24px;
 
        background-image: -webkit-linear-gradient(white 0%, #9FBFD2 100%);
 
        background-image: -moz-linear-gradient(white 0%, #9FBFD2 100%);
 
        background-image: -o-linear-gradient(white 0%, #9FBFD2 100%);
 
        background-image: linear-gradient(white 0%, #9FBFD2 100%);
 
        border-width:0 0 0 1px; border-style:solid; border-color:#C0C0C0;}
 
ul#menu ul li{ float:none; margin:10px 0 0;}
 
ul#menu ul a{
 
        text-align:left;padding:2px; background-color:#FFFFFF; background-image:none; border-width:0; border-radius:0px;
 
        -moz-border-radius:0px;
 
        -webkit-border-radius:0px;
 
        font:12px Tahoma; color:#000; text-decoration:none;}
 
ul#menu li:hover>a, ul#menu li a.gedrueckt{
 
        background-color:#c1c1c1;
 
        background-image: -webkit-gradient(linear, left top, left bottom, from(#c1c1c1), to(#ffffff));
 
        background-image: -webkit-linear-gradient(top, #c1c1c1, #ffffff);
 
        background-image: -moz-linear-gradient(top, #c1c1c1, #ffffff);
 
        background-image: -o-linear-gradient(top, #c1c1c1, #ffffff);
 
        background-image: linear-gradient(to bottom, #c1c1c1, #ffffff);
 
        border-color:#C0C0C0; border-style:solid; color:#000000; text-shadow:#FFF 0 0 1px;
 
        text-decoration:none;}
 
ul#menu span {display:block; overflow:visible; background-position:right center; background-repeat:no-repeat; padding-right:0px;}
 
ul#menu ul li:hover>a,ul#menu ul li a.gedrueckt {color:#868686; text-decoration:none; background-image: none; background-color:#ffffff; }
 
ul#menu li.oben-li>a{
 
        border-radius:5px 0 0 5px;
 
        -moz-border-radius:5px 0 0 5px;
 
        -webkit-border-radius:5px;
 
        -webkit-border-top-right-radius:0;
 
        -webkit-border-bottom-right-radius:0;}
 
ul#menu li.oben-re>a{
 
        border-radius:0 5px 5px 0;
 
        -moz-border-radius:0 5px 5px 0;
 
        -webkit-border-radius:0;
 
        -webkit-border-top-right-radius:5px;
 
        -webkit-border-bottom-right-radius:5px;}
 

Version vom 12. September 2013, 17:12 Uhr

body { background: #eaeeed; }
small {font-size: 0.88em;}
pre, code { font-size:115%; }
table { width:99%; }
a.internal { color:navy !important;}
a.external { color:#006600 !important;}
a:active { color: #002bb8; }
pre, code { font-size: 115%; }
td {vertical-align: top;}
#content h1 { border-bottom: dotted; color:navy; }
#bodyContent h2, h3, h4 { border-bottom: none; }
h2.box { color:white; font-family:Garamond, Times, serif; font-size:1.7em; font-variant:small-caps; font-weight:900;  }
/* Tree style lists */
.treeview ul {
    padding: 0;
    margin: 0;
}
.treeview li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    list-style-image: none;
    zoom: 1; /* BE KIND TO IE6 */;
}
.treeview li li {
    background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
    /* @noflip */
    padding-left: 20px;
    text-indent: 0.3em;
}
.treeview li li.lastline {
    background-position: 0 -5971px
}
.treeview li.emptyline > ul {
    /* @noflip */
    margin-left: -1px;
}
.treeview li.emptyline > ul > li:first-child {
    background-position: 0 9px
}
/* Menü links farbig gestalten */
#p-Fahrradtechnik A { color:black !important; }
#p-Fahrradtechnik { background-image: url(http://www.fahrradmonteur.de/m-0.png) !important;
background-position: top left; background-repeat: no-repeat;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
border: 1px solid gray; font-weight: bold; margin-bottom: 3px; }
#p-Fahrrad_allgemein A { color:black !important; }
#p-Fahrrad_allgemein { background-image: url(http://www.fahrradmonteur.de/m-4.png) !important;
background-position: top left; background-repeat: no-repeat;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
border: 1px solid gray; font-weight: bold; }
#p-Fahrradtouren A { color:black !important; }
#p-Fahrradtouren { background-image: url(http://www.fahrradmonteur.de/m-2.png) !important;
background-position: top left; background-repeat: no-repeat;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
border: 1px solid gray; font-weight: bold; }
#p-Fotografie A { color:black !important; }
#p-Fotografie { background-image: url(http://www.fahrradmonteur.de/m-3.png) !important;
background-position: top left; background-repeat: no-repeat;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
border: 1px solid gray; font-weight: bold; }
#p-Fahrradhersteller A { color:black !important; }
#p-Fahrradhersteller { background-image: url(http://www.fahrradmonteur.de/m-1.png) !important;
background-position: top left; background-repeat: no-repeat;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
border: 1px solid gray; font-weight: bold; }
#p-coll-print_export A { color:black !important; }
#p-coll-print_export { background-image: url(http://www.fahrradmonteur.de/m-5.png) !important;
background-position: top left; background-repeat: no-repeat;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
border: 1px solid gray; font-weight: bold; }
#p-tb A { color:black !important; }
#p-tb { background-image: url(http://www.fahrradmonteur.de/m-6.png) !important;
background-position: top left; background-repeat: no-repeat;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
border: 1px solid gray; font-weight: bold; }
/* Ende Menü links */
table.t {
   border-width:          2px; 
   border-style:          solid;
   border-color:          gray;
   border-collapse:       collapse; 
}
.t th {
   vertical-align:        middle;
   border-bottom-width:   2px;
   background-color:      #dddddd;
}
.t td {
   padding:               6px;
   vertical-align:        top;
   border-bottom-width:   1px;
   background-color:      #f2f2f2;
}
.t td, .t th {
   border-bottom-style:   solid;
   border-bottom-color:   gray;
   border-left-width:     1px;
   border-left-style:     solid;
   border-left-color:     silver;
}
.editbutton {
float:right;
display: block;
font-size:0.9em; 
font-family: Helvetica, Futura, "Century Gothic", "Calibri", "Franklin Gothic Book", Verdana, sans-serif; 
text-align:right; !important;
font-weight:bolder; 
border: 1px solid gray;
padding-left: 24px;
padding-right: 24px;
display: inline-block;
background-image: -webkit-linear-gradient(#f2f2f2 0%, #cfcfcf 100%); 
background-image: -moz-linear-gradient(#f2f2f2 0%, #cfcfcf 100%); 
background-image: -o-linear-gradient(#f2f2f2 0%, #cfcfcf 100%); 
background-image: linear-gradient(#f2f2f2 0%, #cfcfcf 100%);
}
.prettytable {background: #f9f9f9; border: 1px solid #aaa; border-collapse: collapse; margin: 1em 1em 1em 0;}
.prettytable th, .prettytable td {border: 1px solid #aaa; padding: 0.2em;}
.prettytable th {text-align: center;}
.prettytable caption {	font-weight: bold;}

.liste_weisz {background: #f9f9f9;}
.liste_blau {background: #c7e8ff;}

.mitte {text-align: center;}

.boxtop{
	background-color: #352C66;
	border-bottom: 1px solid #000000;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	background-image: url(http://www.fahrradmonteur.de/images/d/dd/Zahn.png);
	background-position: top left;
	background-repeat: no-repeat;
	-moz-border-radius-topright: 1em;
}
.zahn {
	background-image: url(http://www.fahrradmonteur.de/images/d/dd/Zahn.png);
	background-position: top left;
	background-repeat: no-repeat;
}
.li {
	float: left;
	width: 49%;
}
.re {
	float: right;
	width: 49%;
}
.in {
	padding: 4px;
	font-size: 85%;
	padding-bottom: 5px;
}

span[id ^='pedia'] { 
padding-left: 15px;
background: transparent url(/images/0/05/Wp-favicon.png) no-repeat center left;
}
/*personal toolbar oben rechts */
#p-personal ul li  {
background: white;
   margin: 0 .3em 0 0;
   padding: 0 .8em 0 .8em;
}
#p-personal a  {
color:silver;
}