MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Fahrradmonteur
Zur Navigation springenZur Suche springen
 
(184 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
body {
+
/* unkomprimiert: MediaWiki:Common-tmp.css - http://csscompressor.com/*/
  background: #eaeeed!important;  
+
/* ############### unkomprimierte Version der common.css ####################### */
}
+
 
 +
/* Edit with Form  verbergen */
 +
/* body.page-Fahrradtechnik_und_Fotografie #ca-form_edit {display:none; }
 +
/* Add new section verbergen */
 +
body.page-Fahrradtechnik_und_Fotografie #ca-addsection {display:none; }
 +
/* Überschrift verbergen */
 +
body.page-Fahrradtechnik_und_Fotografie h1.firstHeading {display: none; }
 +
body.page-Mobil-speichenrechner h1.firstHeading {display: none; }
 +
/* Redirhinweis verbergen */
 +
body.page-Fahrradtechnik_und_Fotografie #contentSub {display: none; }
 +
 
 
small {font-size: 0.88em;}
 
small {font-size: 0.88em;}
pre, code { font-size:115%; }
+
pre, code, syntaxhighlight, source { font-size:115%; }
 +
/*#p-personal {display:none; }
 +
/*#mw-panel { display:none; }
 +
.vectorTabs {position:relative; left:-170px !important;}
 +
#content, #footer, .mw-body {margin-left:0 !important;}
 +
/* #content, .mw-body {position:absolute; left:-170px !important;} */
 
a.internal { color:navy !important;}
 
a.internal { color:navy !important;}
 
a.external { color:#006600 !important;}
 
a.external { color:#006600 !important;}
 
a:active { color: #002bb8; }
 
a:active { color: #002bb8; }
.editbutton {
+
.button {
font-size:0.9em; color:gray; font-family: Consolas, "Lucida Console", "Courier New", Courier, monospace; text-align:right;  !important;
+
border:1px solid silver; padding:9px; background-image: -webkit-linear-gradient(white 0%, #9FBFD2 100%);
font-weight:bolder;  
+
color:black !important;; text-decoration:none !important;;
 +
        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%);
 +
-moz-box-shadow:3.5px 3.5px 5px #8c8c8c;
 +
        -webkit-box-shadow:3.5px 3.5px 5px #8c8c8c;
 +
        box-shadow:3.5px 3.5px 5px #8c8c8c;
 +
        border-radius:16px;
 +
        -moz-border-radius:16px;
 +
        -webkit-border-radius:16px;
 +
}
 +
.button:hover {
 +
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(top bottom, #c1c1c1, #ffffff);
 +
-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;
 +
}
 +
#taxobox {font-size:0.9em; width: 33em; border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; float: right; margin-left:36px; margin-top:-2px; -webkit-box-shadow: 3px 2px 5px #aaa; -moz-box-shadow: 3px 2px 5px #aaa; box-shadow: 3px 2px 5px #aaa; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
 +
#taxobox-oben {text-align: center; background-color:#ccccff; font-size:1.5em; padding-top:6px; padding-bottom:6px; Color:#575757; }
 +
#taxobox-unten {background-Color:#ccccff; }
 +
td {vertical-align: top;}
 +
/* Aufklappmenü (Löschen, Verschieben...) nach oben */
 +
.vectorMenu ul {border:5px solid blue; z-index:999 !important; }
 +
#content h1 { border-bottom: dotted; color:navy; }
 +
#bodyContent h2, h3, h4 { border-bottom: none; }
 +
h2.box { color:black; font-family:Garamond, Times, serif; font-size:1.7em; font-variant:small-caps; font-weight:900;  }
 +
 
 +
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;
 +
}
 +
table.wikitable.zebra > tbody > :nth-child(odd):not([class*="hintergrundfarbe"]) {
 +
background: white;
 +
}
 +
table > * > tr.hintergrundfarbe1 > th,
 +
table > * > tr > th.hintergrundfarbe1,
 +
table.hintergrundfarbe1,
 +
.hintergrundfarbe1 { /* Wie Inhaltsverzeichnis */
 +
background-color: #f9f9f9;
 +
}
 +
table > * > tr.hintergrundfarbe2 > th,
 +
table > * > tr > th.hintergrundfarbe2,
 +
table.hintergrundfarbe2,
 +
.hintergrundfarbe2 { /* "Weiß", für Nicht-Artikel-Seiten, neutral */
 +
background-color: #fff;
 
}
 
}
.portlet h5    { font-weight:bold; background:black !important; }      /* alle Überschriften in der Sidebar fett */
+
table > * > tr.hintergrundfarbe3 > th,
sup.reference {
+
table > * > tr > th.hintergrundfarbe3,
  font-size: 0.8em;
+
table.hintergrundfarbe3,
  vertical-align:top;
+
.hintergrundfarbe3 { /* "Gelb", auffällig */
 +
background-color: #ffff40;
 
}
 
}
.prettytable {
+
table > * > tr.hintergrundfarbe4 > th,
background: #f9f9f9;
+
table > * > tr > th.hintergrundfarbe4,
border: 1px solid #aaa;
+
table.hintergrundfarbe4,
border-collapse: collapse;
+
.hintergrundfarbe4 { /* Sehr auffällig */
margin: 1em 1em 1em 0;
+
background-color: #fa0;
 
}
 
}
.prettytable th,
+
table > * > tr.hintergrundfarbe5 > th,
.prettytable td {
+
table > * > tr > th.hintergrundfarbe5,
border: 1px solid #aaa;
+
table.hintergrundfarbe5,
padding: 0.2em;
+
.hintergrundfarbe5 { /* Neutral, abgesetzt */
 +
background-color: #e0e0e0;
 
}
 
}
.prettytable th {
+
table > * > tr.hintergrundfarbe6 > th,
text-align: center;
+
table > * > tr > th.hintergrundfarbe6,
 +
table.hintergrundfarbe6,
 +
.hintergrundfarbe6 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
 +
background-color: #b3b7ff;
 
}
 
}
.prettytable caption {
+
table > * > tr.hintergrundfarbe7 > th,
font-weight: bold;
+
table > * > tr > th.hintergrundfarbe7,
 +
table.hintergrundfarbe7,
 +
.hintergrundfarbe7 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
 +
background-color: #ffcbcb;
 
}
 
}
.liste_weisz {
+
table > * > tr.hintergrundfarbe8 > th,
        background: #f9f9f9;
+
table > * > tr > th.hintergrundfarbe8,
 +
table.hintergrundfarbe8,
 +
.hintergrundfarbe8 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
 +
background-color: #ffebad;
 
}
 
}
.liste_blau {
+
table > * > tr.hintergrundfarbe9 > th,
        background: #c7e8ff;
+
table > * > tr > th.hintergrundfarbe9,
 +
table.hintergrundfarbe9,
 +
.hintergrundfarbe9 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
 +
background-color: #b9ffc5;
 
}
 
}
 +
.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;}
 
.mitte {text-align: center;}
.box {
 
background-color: #FFFAEE;
 
color: #000000;
 
margin-bottom: 9px;
 
width: 99%;
 
-moz-border-radius: 1em;
 
border: 1px solid gray;
 
}
 
  
 
.boxtop{
 
.boxtop{
Zeile 61: Zeile 174:
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
 
-moz-border-radius-topright: 1em;
 
-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 {
 
.li {
 
float: left;
 
float: left;
 
width: 49%;
 
width: 49%;
padding-left: 9px;
 
 
}
 
}
 
.re {
 
.re {
Zeile 81: Zeile 188:
 
padding-bottom: 5px;
 
padding-bottom: 5px;
 
}
 
}
#footer {
 
  
}
 
/* linke Naviagtion per CSS anpassen */
 
div#p-Nav1 h5 {
 
color:#ffffff;
 
background-color:#00b1eb;
 
padding-left:12px;
 
padding-top:2px;
 
padding-bottom:2px;
 
-moz-border-radius-topright:1.5em;
 
}
 
div#p-Nav2 h5 {
 
color:#ffffff;
 
background-color:#003c65;
 
padding-left:12px;
 
padding-top:2px;
 
padding-bottom:2px;
 
-moz-border-radius-topright:1.5em;
 
}
 
div#p-Nav3 h5 {
 
color:#ffffff;
 
background-color:#2274ac;
 
padding-left:12px;
 
padding-top:2px;
 
padding-bottom:2px;
 
-moz-border-radius-topright:1.5em;
 
}
 
div#p-Nav4 h5 {
 
color:#ffffff;
 
background-color:#51ae30;
 
padding-left:12px;
 
padding-top:2px;
 
padding-bottom:2px;
 
-moz-border-radius-topright:1.5em;
 
}
 
div#p-Nav5 h5 {
 
color:#ffffff;
 
background-color:#000000;
 
padding-left:12px;
 
padding-top:2px;
 
padding-bottom:2px;
 
-moz-border-radius-topright:1.5em;
 
}
 
div#p-Nav6 h5 {
 
color:#ffffff;
 
background-color:#33434c;
 
padding-left:12px;
 
padding-top:2px;
 
padding-bottom:2px;
 
-moz-border-radius-topright:1.5em;
 
}
 
div#p-Nav7 h5 {
 
color:#ffffff;
 
background-color:#8994a0;
 
padding-left:12px;
 
padding-top:2px;
 
padding-bottom:2px;
 
-moz-border-radius-topright:1.5em;
 
}
 
 
span[id ^='pedia'] {  
 
span[id ^='pedia'] {  
 
padding-left: 15px;
 
padding-left: 15px;
 
background: transparent url(/images/0/05/Wp-favicon.png) no-repeat center left;
 
background: transparent url(/images/0/05/Wp-favicon.png) no-repeat center left;
 
}
 
}
/* macht kleine Rahmen um die Personal-Bar oben rechts. sieht dann so aus wie bei den Artikellinks */
+
/*personal toolbar oben rechts */
 
#p-personal ul li  {
 
#p-personal ul li  {
  background-color: #f3f3ff;
+
background: white;
  border: 1px solid #aaa;
 
 
   margin: 0 .3em 0 0;
 
   margin: 0 .3em 0 0;
   padding: 0 .8em .3em .8em;
+
   padding: 0 .8em 0 .8em;
  -moz-border-radius-bottomleft: 0.5em;
+
}
  -moz-border-radius-bottomright: 0.5em;
+
#p-personal a  {
 +
color:silver;
 
}
 
}
/* Runde Fensterecken mit Gecko (Mozilla, Firefox etc.) */
 
#p-cactions ul li, #p-cactions ul li a { -moz-border-radius-topleft: 1em; -moz-border-radius-topright: 1em; }
 
#content                              { -moz-border-radius-topleft: 1em; -moz-border-radius-bottomleft: 1em; }
 
div.pBody                              { -moz-border-radius-topright: 1em; -moz-border-radius-bottomright: 1em; }
 
.pBody                                { background-color:#f3f3ff; } /* Hintergrund für die Sidebar-Elemente */
 

Aktuelle Version vom 22. Januar 2021, 22:55 Uhr

/* unkomprimiert: MediaWiki:Common-tmp.css - http://csscompressor.com/*/
/* ############### unkomprimierte Version der common.css ####################### */

 /* Edit with Form  verbergen */
 /* body.page-Fahrradtechnik_und_Fotografie #ca-form_edit {display:none; }
/* Add new section verbergen */
body.page-Fahrradtechnik_und_Fotografie #ca-addsection {display:none; }
 /* Überschrift verbergen */
body.page-Fahrradtechnik_und_Fotografie h1.firstHeading {display: none; }
body.page-Mobil-speichenrechner h1.firstHeading {display: none; }
 /* Redirhinweis verbergen */
body.page-Fahrradtechnik_und_Fotografie #contentSub {display: none; }

small {font-size: 0.88em;}
pre, code, syntaxhighlight, source { font-size:115%; }
/*#p-personal {display:none; }
/*#mw-panel { display:none; }
.vectorTabs {position:relative; left:-170px !important;}
#content, #footer, .mw-body {margin-left:0 !important;}
/* #content, .mw-body {position:absolute; left:-170px !important;} */
a.internal { color:navy !important;}
a.external { color:#006600 !important;}
a:active { color: #002bb8; }
.button {
border:1px solid silver; padding:9px; background-image: -webkit-linear-gradient(white 0%, #9FBFD2 100%);
color:black !important;; text-decoration:none !important;;
        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%);
-moz-box-shadow:3.5px 3.5px 5px #8c8c8c;
        -webkit-box-shadow:3.5px 3.5px 5px #8c8c8c;
        box-shadow:3.5px 3.5px 5px #8c8c8c;
        border-radius:16px;
        -moz-border-radius:16px;
        -webkit-border-radius:16px;
}
.button:hover {
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(top bottom, #c1c1c1, #ffffff);
-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;
}
#taxobox {font-size:0.9em; width: 33em; border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; float: right; margin-left:36px; margin-top:-2px; -webkit-box-shadow: 3px 2px 5px #aaa; -moz-box-shadow: 3px 2px 5px #aaa; box-shadow: 3px 2px 5px #aaa; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
#taxobox-oben {text-align: center; background-color:#ccccff; font-size:1.5em; padding-top:6px; padding-bottom:6px; Color:#575757; }
#taxobox-unten {background-Color:#ccccff; }
td {vertical-align: top;}
/* Aufklappmenü (Löschen, Verschieben...) nach oben */
.vectorMenu ul {border:5px solid blue; z-index:999 !important; }
#content h1 { border-bottom: dotted; color:navy; }
#bodyContent h2, h3, h4 { border-bottom: none; }
h2.box { color:black; font-family:Garamond, Times, serif; font-size:1.7em; font-variant:small-caps; font-weight:900;  }

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;
}
table.wikitable.zebra > tbody > :nth-child(odd):not([class*="hintergrundfarbe"]) {
	background: white;
}
table > * > tr.hintergrundfarbe1 > th,
table > * > tr > th.hintergrundfarbe1,
table.hintergrundfarbe1,
.hintergrundfarbe1 { /* Wie Inhaltsverzeichnis */
	background-color: #f9f9f9;
}
table > * > tr.hintergrundfarbe2 > th,
table > * > tr > th.hintergrundfarbe2,
table.hintergrundfarbe2,
.hintergrundfarbe2 { /* "Weiß", für Nicht-Artikel-Seiten, neutral */
	background-color: #fff;
}
table > * > tr.hintergrundfarbe3 > th,
table > * > tr > th.hintergrundfarbe3,
table.hintergrundfarbe3,
.hintergrundfarbe3 { /* "Gelb", auffällig */
	background-color: #ffff40;
}
table > * > tr.hintergrundfarbe4 > th,
table > * > tr > th.hintergrundfarbe4,
table.hintergrundfarbe4,
.hintergrundfarbe4 { /* Sehr auffällig */
	background-color: #fa0;
}
table > * > tr.hintergrundfarbe5 > th,
table > * > tr > th.hintergrundfarbe5,
table.hintergrundfarbe5,
.hintergrundfarbe5 { /* Neutral, abgesetzt */
	background-color: #e0e0e0;
}
table > * > tr.hintergrundfarbe6 > th,
table > * > tr > th.hintergrundfarbe6,
table.hintergrundfarbe6,
.hintergrundfarbe6 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
	background-color: #b3b7ff;
}
table > * > tr.hintergrundfarbe7 > th,
table > * > tr > th.hintergrundfarbe7,
table.hintergrundfarbe7,
.hintergrundfarbe7 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
	background-color: #ffcbcb;
}
table > * > tr.hintergrundfarbe8 > th,
table > * > tr > th.hintergrundfarbe8,
table.hintergrundfarbe8,
.hintergrundfarbe8 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
	background-color: #ffebad;
}
table > * > tr.hintergrundfarbe9 > th,
table > * > tr > th.hintergrundfarbe9,
table.hintergrundfarbe9,
.hintergrundfarbe9 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
	background-color: #b9ffc5;
}
.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;
}
.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;
}