MediaWiki:Common.css
Aus Matura Wiki
Hinweis: Leere nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Extras → Internetspuren löschen … → Individuelle Auswahl → Den kompletten Cache löschen
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* viele Tipps finden sich auf: https://www.mediawiki.org/wiki/Manual:FAQ */
/* erste Überschrift soll nach oben mehr Platz bieten */
.firstHeading {margin-top:0.5em;}
/* Sidebar verschwindet für alle (bei angemeldeten User: siehe MediaWiki:Sidebar/Group:user) */
#column-content {margin: 0 0 .6em 0;}
#content {margin: 5.5em 0 0 0;}
.generated-sidebar, #p-lang, #p-tb {display:none;
}
#p-cactions { left: .1em; }
#mw_content { margin-left:0.2em; }
/* Ausblenden der Blue-Spice-Erweiterung */
#p-Fokus { display:none!important; }
/* Im Header verschwinden die Tabs -> siehe aber auch noch: Group-User.css (Info unter https://www.mediawiki.org/wiki/Manual:FAQ#How_do_I_add.2Fremove_tabs_throughout_my_wiki.3F */
#ca-watch {display:none !important;}
#ca-unwatch { display: none; }
#ca-talk { display:none!important; }
#ca-viewsource { display:none!important; }
#ca-view { display:none!important; }
#ca-nstab-main { display:none!important; }
#ca-history { display:none!important; }
#pt-watchlist { display:none !important; }
#pt-mytalk { display:none !important; }
#pt-mycontris { display:none !important; }
#pt-preferences {display:none !important;}
/* Toolbox anpassen (siehe auch: Group-bureaucrats) */
#t-whatlinkshere { display:none!important; }
#t-recentchangeslinked { display:none!important; }
#t-upload { display:none!important; }
#t-specialpages { display:none!important; }
#t-permalink { display:none!important; }
/*Cluster-markierungen für Teil B */
.clustersixoh{
background-color:yellow;
width:400px; height:12px;
margin:0px 0px 0px -14px;
padding:0px 0px 0px 0px;
font-size:10px;
font-familiy:arial;
}
.clustersixov {
background-color:yellow;
width:10px; height:100px;
margin:0px 0px 0px -14px;
padding:0px 0px 0px 0px;
overflow:hidden;
float:left;
font-size:10px;
font-familiy:arial;
}
.clustersixuh{
background-color:yellow;
width:400px; height:12px;
margin:0px 0px 0px -14px;
padding:0px 0px 0px 0px;
font-size:10px;
font-familiy:arial;
bottom:0px;
}
.clustersixuv { background-color:yellow;
background-color:yellow;
width:10px; height:100px;
margin:0px 0px 0px -14px;
padding:0px 0px 0px 0px;
overflow:hidden;
float:inherit left;
font-size:10px;
font-familiy:arial;
}
/*=================================================================*/
/* Hauptseite */
#bannerwrapper {width:100%; height:28em; clear:both; margin:0; padding:0; /*border-bottom:2em #eee solid;*/ }
.banner {height:100%; padding:0%; margin:0% 10% auto;}
ul.contentwrapper {list-style-image:none; overflow:hidden;
}
ul.contentwrapper a {text-decoration:none;
display:block;
width:100%;
height:1.5em;
padding:0 1em;
margin:0;
background-color:white;
color:blue;
margin-bottom:0.3em;
z-index:3;
}
li.contentbox {border-left:1em solid #63B8EE; border-radius:5px;
box-shadow: 10px 10px 5px #ddd;
float:left; overflow:hidden;
padding:0.2em 1em 0 0.5em; margin:1em 2em 2em 0;
color:blue;
font-size:1em;
}
li.contentbox ul {list-style-type:none; width:100%;
margin:0; padding:0; line-height: 2em;
list-style-image:none;
}
li.contentbox ul li {margin:0; border-top:1px solid #eee; z-index:2;}
li.contentbox ul li:hover > a {color:white; background-color:#63B8EE;} /* vorher war #00bbff */
/*############### Buttons ######################### */
/* siehe auch: http://www.cssportal.com/css3-button-generator/ */
.testbutton-blue {
text-align: center;
font-family: arial;
font-weight: bold;
color: #FFFFFF !important;
font-size: 15px;
text-shadow: 1px 1px 0px #7CACDE;
box-shadow: 1px 1px 1px #BEE2F9;
padding: 0; width:100%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1.5px solid #3866A3;
background: #63B8EE;
background: linear-gradient(top, #63B8EE, #468CCF);
background: -ms-linear-gradient(top, #63B8EE, #468CCF);
background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#468CCF));
background: -moz-linear-gradient(top, #63B8EE, #468CCF);
}
.testbutton-blue:hover {
color: #14396A !important;
background: #468CCF;
background: linear-gradient(top, #468CCF, #63B8EE);
background: -ms-linear-gradient(top, #468CCF, #63B8EE);
background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
background: -moz-linear-gradient(top, #468CCF, #63B8EE);
}
.testbutton-orange {
text-align: center;
font-family: arial;
font-weight: bold;
color: #FFFFFF !important;
font-size: 15px;
text-shadow: 1px 1px 0px #7CACDE;
box-shadow: 1px 1px 1px ##BEE2F9;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1.5px solid #A34803;
background: #EE9740;
background: linear-gradient(top, #E07C24, #F2BC74);
background: -ms-linear-gradient(top, #E07C24, #F2BC74);
background: -webkit-gradient(linear, left top, left bottom, from(#E07C24), to(#F2BC74));
background: -moz-linear-gradient(top, #E07C24, #F2BC74);
}
.testbutton-orange:hover {
color: #14396A !important;
background: #000000;
background: linear-gradient(top, #F2BC74, #E07C24);
background: -ms-linear-gradient(top, #F2BC74, #E07C24);
background: -webkit-gradient(linear, left top, left bottom, from(#F2BC74), to(#E07C24));
background: -moz-linear-gradient(top, #F2BC74, #E07C24);
}
.testbutton-green {
text-align: center;
font-family: arial;
font-weight: bold;
color: #FFFFFF !important;
font-size: 15px;
text-shadow: 1px 1px 0px #97DE99;
box-shadow: 1px 1px 1px #BEE2F9;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1.5px solid #196332;
background: #63B8EE;
background: linear-gradient(top, #0F8C0F, #40E366);
background: -ms-linear-gradient(top, #0F8C0F, #40E366);
background: -webkit-gradient(linear, left top, left bottom, from(#0F8C0F), to(#40E366));
background: -moz-linear-gradient(top, #0F8C0F, #40E366);
}
.testbutton-green:hover {
color: #14396A !important;
background: #468CCF;
background: linear-gradient(top, #40E366, #0F8C0F);
background: -ms-linear-gradient(top, #40E366, #0F8C0F);
background: -webkit-gradient(linear, left top, left bottom, from(#40E366), to(#0F8C0F));
background: -moz-linear-gradient(top, #40E366, #0F8C0F);
}
.testbutton-yellow {
text-align: center;
font-family: arial;
font-weight: bold;
color: #424242 !important;
font-size: 15px;
text-shadow: 1px 1px 0px #D5DE81;
box-shadow: 1px 1px 1px #BEE2F9;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1.5px solid #AB7A09;
background: #63B8EE;
background: linear-gradient(top, #CCCC00, #E8E35F);
background: -ms-linear-gradient(top, #CCCC00, #E8E35F);
background: -webkit-gradient(linear, left top, left bottom, from(#CCCC00), to(#E8E35F));
background: -moz-linear-gradient(top, #CCCC00, #E8E35F);
}
.testbutton-yellow:hover {
color: #14396A !important;
background: #FFD500;
}
.testbutton-tuerkis{
text-align: center;
font-family: arial;
font-weight: bold;
color: #FFFFFF !important;
font-size: 15px;
text-shadow: 1px 1px 0px #7CACDE;
box-shadow: 1px 1px 1px #BEE2F9;
padding: 0; width:100%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1.5px solid #3866A3;
background: #63B8EE;
background: linear-gradient(top, #30EEEE, #61C0CF);
background: -ms-linear-gradient(top, #30EEEE, #61C0CF);
background: -webkit-gradient(linear, left top, left bottom, from(#30EEEE), to(#61C0CF));
background: -moz-linear-gradient(top, #30EEEE, #61C0CF);
}
.testbutton-tuerkis:hover {
color: #14396A !important;
background: #468CCF;
background: linear-gradient(top, #61C0CF, #30EEEE);
background: -ms-linear-gradient(top, #61C0CF, #30EEEE);
background: -webkit-gradient(linear, left top, left bottom, from(#61C0CF), to(#30EEEE));
background: -moz-linear-gradient(top, #61C0CF, #30EEEE);
}
ul.buttonliste {
overflow: hidden;
display: inline; padding-bottom:1em; padding-top:2em; margin-bottom:0;
}
ul.buttonliste li {
height: 1.5em; width: 8em; /* Breite der Buttons */
display: inline; float:left;
list-style-type: none; padding-right: 20px; margin-bottom:2em;
}
.buttonli a, .buttonli a:visited {text-decoration:none;
display:block;
color:white;
width:100%;
height:100%;
padding:0; margin:0;
opacitiy:100%;
z-index:3;}
li.buttonli div a {padding:0.2em 0em;} /* dies hier sorgt dafür, dass button-links größer sind */
/*#####################################################################################################################
############################################################################################ */
/* Breadcrumbs (zurückgelegte Seiten) werden nicht am Anfang angezeigt */
.page-Hauptseite div#breadcrumbs {
display: none;
}
/* Buttons für "nächstes Tab" */
.testbutton{
text-align: center;
font-family: arial;
font-weight: bold;
color: #FFFFFF !important;
font-size: 15px;
text-shadow: 1px 1px 0px #7CACDE;
box-shadow: 1px 1px 1px #BEE2F9;
padding: 0; width:100%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1.5px solid #3866A3;
background: #63B8EE;
background: linear-gradient(top, #63B8EE, #468CCF);
background: -ms-linear-gradient(top, #63B8EE, #468CCF);
background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#468CCF));
background: -moz-linear-gradient(top, #63B8EE, #468CCF);
}
#ext-gen1018 .mw-content-ltr table {
min-width:100%;}
.testbutton:hover {
color: #14396A !important;
background: #468CCF;
background: linear-gradient(top, #468CCF, #63B8EE);
background: -ms-linear-gradient(top, #468CCF, #63B8EE);
background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
background: -moz-linear-gradient(top, #468CCF, #63B8EE);
}
/*#####################################################################################################################
############################################################################################ */
.bild{ /* nicht überlappende Bilder zu Text */
overflow:hidden;
}
table, tbody {border:none !important;}
tr:first-of-type {border:inherent !important;}
td {border:1px solid #000 !important; padding:0.5em; padding-top:0.15; padding-bottom:0.15; text-align:justify; line-height:1.15;}
table {border-spacing:0 !Important; border-collapse: collapse !important;}
th {border:1px solid #000 !important; padding-left:0.5em; padding-right:0.5em;}
th:nth-of-type(1), th:nth-of-type(2), th:nth-of-type(3), th:nth-of-type(4) {display:none !Important;}
td:nth-of-type(1) {text-align:center;}
a:hover {font-weight:600;}
td:nth-of-type(3) a, td:nth-of-type(4) a {color:#000; text-transform:uppercase; font-size:12px; font-weight:600; text-align:center;}
td:nth-of-type(3) a:hover, td:nth-of-type(4) a:hover {text-decoration:underline !important;}
.mw-body {padding: 1.25em 5em 1.25em 5em;}
#breadcrumbs a {color:#000; font-weight:600;}
p a {color:#000; font-weight:600;}
.toctoggle {display:none;}
.toctext, .tocnumber {color:#000;}
#toctitle {text-align:left !important;}
h2 {margin-bottom:1em !important;}
.mw-body p {line-height:1;}
div#footer {margin-left: auto; padding: 1.25em; width: 87.5%; margin-right: auto;}
div#footer ul {width: 33.3%;float: left;}
