MediaWiki:Chameleon.css: Difference between revisions
From LNTwww
Der Seiteninhalt wurde durch einen anderen Text ersetzt: „→Das folgende CSS wird für alle Benutzeroberflächen geladen.: “ Tag: Replaced |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
/*Bilder an Fenstergröße anpassen */ | |||
img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
/*"Beobachten"-Link am Seitenende entfernen */ | |||
/*#contentSub { | |||
display:none | |||
} | |||
.patrollink { | |||
display:none | |||
} | |||
*/ | |||
#content { font:Georgia; } | |||
/*Main Page*/ | |||
.marketing .col-sm-3 { | |||
margin-bottom: 20px; | |||
text-align: center; | |||
} | |||
.marketing h2 { | |||
font-weight: normal; | |||
} | |||
.col-sm-3 { | |||
text-align: center; | |||
} | |||
.marketing .col-sm-3 p { | |||
test-align: center; | |||
margin-right: 10px; | |||
margin-left: 10px; | |||
} | |||
.glyphicon-book, .user-alt, .glyphicon-download, .glyphicon-exclamation-sign, .glyphicon-education { | |||
box-shadow: 1px 2px 4px rgba(0,0,0,.4); | |||
border-radius:100px; | |||
padding:20px; | |||
font-size: 1.5em; | |||
color: white; | |||
margin-left:auto; | |||
margin-right: auto; | |||
background:#215fa6; | |||
} | |||
.img-responsive { | |||
margin: 0 auto; | |||
padding-bottom: 1em; | |||
} | |||
.btn-lg { | |||
box-shadow: 1px 2px 4px rgba(0,0,0,.4); | |||
font-size:23px; | |||
margin-left: auto; | |||
margin-right:auto; | |||
} | |||
.applet-button { | |||
box-shadow: 1px 2px 4px rgba(0,0,0,.4); | |||
font-size:16px; | |||
margin-left: auto; | |||
margin-right:auto; | |||
} | |||
.button-large { | |||
text-align: center; | |||
padding-bottom: 2em; | |||
} | |||
a.btn-lg:link { | |||
color: white; | |||
} | |||
a.btn-lg:visited { | |||
color:white; | |||
} | |||
.featurette-heading { | |||
font-weight: 300; | |||
line-height: 1; | |||
letter-spacing: -1px; | |||
} | |||
.col-md-7{ | |||
padding-top:.4em; | |||
} | |||
.col-md-5{ | |||
text-align:right; | |||
float:right; | |||
} | |||
.col-xs-15, | |||
.col-sm-15 { | |||
position: relative; | |||
min-height: 1px; | |||
padding-right: 10px; | |||
padding-left: 10px; | |||
} | |||
.col-md-15, | |||
.col-lg-15 { | |||
position: relative; | |||
min-height: 1px; | |||
padding-right: 10px; | |||
padding-left: 10px; | |||
} | |||
.col-xs-15 { | |||
width: 20%; | |||
float: left; | |||
} | |||
@media (min-width: 768px) { | |||
.col-sm-15 { | |||
width: 20%; | |||
float: left; | |||
} | |||
} | |||
@media (min-width: 992px) { | |||
.col-md-15 { | |||
width: 20%; | |||
float: left; | |||
} | |||
} | |||
@media (min-width: 1200px) { | |||
.col-lg-15 { | |||
width: 20%; | |||
float: left; | |||
} | |||
} | |||
@media screen and (min-width : 800px) { | |||
.pullright{ | |||
float:right; | |||
} | |||
} | |||
@media only screen and (max-width : 800px){ | |||
.pullright { | |||
display: block; | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | |||
} | |||
@media (max-width: 768px){ | |||
.col-sm-15{ | |||
display:none; | |||
} | |||
} | |||
@media (max-width: 1200px){ | |||
.col-sm-5{ | |||
padding-top:2em; | |||
} | |||
} | |||
@media(max-width:890px){ | |||
.navbar-personaltools{ | |||
display:none; | |||
} | |||
} | |||
/* remove Toolbox */ | |||
/*#p-tb { display:none !important; }*/ | |||
/*remove Subpage breadcrumb */ | |||
/*.subpages { | |||
display:none !important; | |||
} | |||
*/ | |||
.mw-body { | |||
/*max-width: 1000px;*/ | |||
margin: 0 auto !important; | |||
} | |||
/*Rahmen für Inhaltsverzeichnis*/ | |||
#toc ul { | |||
border-radius: 3px; | |||
border: #e4e2e0 solid 1px; | |||
display: inline-block; | |||
background: #f9f9f9; | |||
padding: 10px; | |||
} | |||
/*Anpassungen für Bootstrap skin, nicht notwendig für vector*/ | |||
.quiz .sign { | |||
padding: 0.1em 0.4em 0.1em 0.4em; | |||
} | |||
.quiz table.object, .quiz table.correction { | |||
height: 4em; | |||
} | |||
/* Definitionskasten */ | |||
.definition:before { | |||
content:"Definition"; | |||
font-weight: bold; | |||
font-size: 18px; | |||
} | |||
.definition { | |||
padding: 1em; | |||
background: #c9dff7; | |||
box-shadow: 1px 2px 4px rgba(0,0,0,.4); | |||
} | |||
.box_notitle { | |||
padding: 1em; | |||
background: #c9dff7; | |||
box-shadow: 1px 2px 4px rgba(0,0,0,.4); | |||
} | |||
.greybox { | |||
padding: 1em; | |||
padding-bottom: 1px; | |||
background: #e5e5e5; | |||
box-shadow: 1px 2px 4px rgba(0,0,0,.4); | |||
} | |||
.bluebox { | |||
padding: 1em; | |||
padding-bottom: 1px; | |||
background: #c9dff7; | |||
box-shadow: 1px 2px 4px rgba(0,0,0,.4); | |||
} | |||
.redbox { | |||
padding: 1em; | |||
padding-bottom: 1px; | |||
background: #ff5300; | |||
box-shadow: 1px 2px 4px rgba(0,0,0,.4); | |||
} | |||
.example:before { | |||
content:"Beispiel"; | |||
font-weight: bold; | |||
font-size: 18px; | |||
} | |||
.example { | |||
padding: 1em; | |||
padding-bottom: 1px; | |||
background: #e5e5e5; | |||
box-shadow: 1px 2px 4px rgba(0,0,0,.4); | |||
} | |||
.example-right:before { | |||
content:"Beispiel"; | |||
font-weight: bold; | |||
font-size: 18px; | |||
} | |||
.example-right{ | |||
padding: 1em; | |||
padding-bottom: 1px; | |||
background: #e5e5e5; | |||
box-shadow: 1px 2px 4px rgba(0,0,0,.4); | |||
} | |||
@media screen and (min-width: 980px) { | |||
.example-right { | |||
padding: 1em; | |||
padding-bottom: 1px; | |||
background: #e5e5e5; | |||
box-shadow: 1px 2px 4px rgba(0,0,0,.4); | |||
display:inline-block; | |||
float:right; | |||
width:50%; | |||
margin-left:2em; | |||
} | |||
} | |||
.proof:before { | |||
content:"Beweis"; | |||
font-weight: bold; | |||
font-size: 18px; | |||
} | |||
.proof{ | |||
padding: 1em; | |||
background: #c9dff7; | |||
box-shadow: 1px 2px 4px rgba(0,0,0,.4); | |||
} | |||
h3{ | |||
font-weight:500; | |||
} | |||
.satz:before { | |||
content:"Satz"; | |||
font-weight: bold; | |||
font-size: 18px; | |||
} | |||
.satz{ | |||
padding: 1em; | |||
background: #c9dff7; | |||
box-shadow: 1px 2px 4px rgba(0,0,0,.4); | |||
} | |||
/*Header*/ | |||
h2{ | |||
color: black; | |||
font-weight:390; | |||
padding-top:1.5em; | |||
} | |||
.MathJax_Display { | |||
text-align: left !important; | |||
padding-left:1em; | |||
} | |||
.subpages { | |||
display:none; | |||
} | |||
.breadcrumb>li+li:before {color: rgba(204, 204, 204, 1); content: "\276F\00a0";} | |||
.breadcrumb { | |||
font-size: .88em; | |||
background: white; | |||
border: solid #ddd 1px; | |||
border-radius: 0px; | |||
} | |||
.container-breadcrumb { | |||
float:left; | |||
margin-bottom: 1em; | |||
} | |||
.active { | |||
padding-right: 1.5em; | |||
padding-bottom: 5.5px; | |||
padding-top: 5.5px; | |||
ma | |||
} | |||
.pager { | |||
float: right; | |||
} | |||
.bottomm { | |||
position:absolute; | |||
bottom:0; | |||
right:45px; | |||
} | |||
/*Musterlösung*/ | |||
#accordion { | |||
background: -webkit-linear-gradient(top, #f6f6f6, #f7f7f7); | |||
display: inline-block; | |||
} | |||
a{ | |||
font-weight:400; | |||
} | |||
a:link { | |||
color: #215fa6; | |||
} | |||
/*Büchersammlung*/ | |||
@media screen and (min-width: 980px) { | |||
.collum-spacing { | |||
/*background: -webkit-linear-gradient(top, #f6f6f6, #f7f7f7);*/ | |||
background: #f6f6f6; | |||
box-shadow: 1px 2px 4px rgba(0,0,0,.4); | |||
padding: .8em; | |||
margin-bottom: 1em; | |||
min-height:13.5em; | |||
text-align: center; | |||
} | |||
} | |||
.collum-spacing { | |||
/*background: -webkit-linear-gradient(top, #f6f6f6, #f7f7f7);*/ | |||
background: #f6f6f6; | |||
box-shadow: 1px 2px 4px rgba(0,0,0,.4); | |||
padding: .8em; | |||
margin-bottom: 1em; | |||
text-align: center; | |||
} | |||
.row-mainpage { | |||
-moz-column-width: 25em; | |||
-webkit-column-width: 25em; | |||
-moz-column-gap: 1em; | |||
-webkit-column-gap:1em; | |||
} | |||
.item { | |||
display: inline-block; | |||
padding: .25rem; | |||
width: 100%; | |||
} | |||
/*Aufgabensammlung*/ | |||
@media screen and (min-width: 980px) { | |||
.collum-spacing2 { | |||
/*background: -webkit-linear-gradient(top, #f6f6f6, #f7f7f7);*/ | |||
background: #f6f6f6; | |||
box-shadow: 1px 2px 4px rgba(0,0,0,.4); | |||
padding: .8em; | |||
margin-bottom: 1em; | |||
text-align: center; | |||
} | |||
} | |||
.collum-spacing2 { | |||
/*background: -webkit-linear-gradient(top, #f6f6f6, #f7f7f7);*/ | |||
background: #f6f6f6; | |||
box-shadow: 1px 2px 4px rgba(0,0,0,.4); | |||
padding: .8em; | |||
margin-bottom: 1em; | |||
text-align: center; | |||
} | |||
Revision as of 16:23, 22 May 2018
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/*Bilder an Fenstergröße anpassen */
img {
max-width: 100%;
height: auto;
}
/*"Beobachten"-Link am Seitenende entfernen */
/*#contentSub {
display:none
}
.patrollink {
display:none
}
*/
#content { font:Georgia; }
/*Main Page*/
.marketing .col-sm-3 {
margin-bottom: 20px;
text-align: center;
}
.marketing h2 {
font-weight: normal;
}
.col-sm-3 {
text-align: center;
}
.marketing .col-sm-3 p {
test-align: center;
margin-right: 10px;
margin-left: 10px;
}
.glyphicon-book, .user-alt, .glyphicon-download, .glyphicon-exclamation-sign, .glyphicon-education {
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
border-radius:100px;
padding:20px;
font-size: 1.5em;
color: white;
margin-left:auto;
margin-right: auto;
background:#215fa6;
}
.img-responsive {
margin: 0 auto;
padding-bottom: 1em;
}
.btn-lg {
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
font-size:23px;
margin-left: auto;
margin-right:auto;
}
.applet-button {
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
font-size:16px;
margin-left: auto;
margin-right:auto;
}
.button-large {
text-align: center;
padding-bottom: 2em;
}
a.btn-lg:link {
color: white;
}
a.btn-lg:visited {
color:white;
}
.featurette-heading {
font-weight: 300;
line-height: 1;
letter-spacing: -1px;
}
.col-md-7{
padding-top:.4em;
}
.col-md-5{
text-align:right;
float:right;
}
.col-xs-15,
.col-sm-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
@media screen and (min-width : 800px) {
.pullright{
float:right;
}
}
@media only screen and (max-width : 800px){
.pullright {
display: block;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 768px){
.col-sm-15{
display:none;
}
}
@media (max-width: 1200px){
.col-sm-5{
padding-top:2em;
}
}
@media(max-width:890px){
.navbar-personaltools{
display:none;
}
}
/* remove Toolbox */
/*#p-tb { display:none !important; }*/
/*remove Subpage breadcrumb */
/*.subpages {
display:none !important;
}
*/
.mw-body {
/*max-width: 1000px;*/
margin: 0 auto !important;
}
/*Rahmen für Inhaltsverzeichnis*/
#toc ul {
border-radius: 3px;
border: #e4e2e0 solid 1px;
display: inline-block;
background: #f9f9f9;
padding: 10px;
}
/*Anpassungen für Bootstrap skin, nicht notwendig für vector*/
.quiz .sign {
padding: 0.1em 0.4em 0.1em 0.4em;
}
.quiz table.object, .quiz table.correction {
height: 4em;
}
/* Definitionskasten */
.definition:before {
content:"Definition";
font-weight: bold;
font-size: 18px;
}
.definition {
padding: 1em;
background: #c9dff7;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
.box_notitle {
padding: 1em;
background: #c9dff7;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
.greybox {
padding: 1em;
padding-bottom: 1px;
background: #e5e5e5;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
.bluebox {
padding: 1em;
padding-bottom: 1px;
background: #c9dff7;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
.redbox {
padding: 1em;
padding-bottom: 1px;
background: #ff5300;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
.example:before {
content:"Beispiel";
font-weight: bold;
font-size: 18px;
}
.example {
padding: 1em;
padding-bottom: 1px;
background: #e5e5e5;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
.example-right:before {
content:"Beispiel";
font-weight: bold;
font-size: 18px;
}
.example-right{
padding: 1em;
padding-bottom: 1px;
background: #e5e5e5;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
@media screen and (min-width: 980px) {
.example-right {
padding: 1em;
padding-bottom: 1px;
background: #e5e5e5;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
display:inline-block;
float:right;
width:50%;
margin-left:2em;
}
}
.proof:before {
content:"Beweis";
font-weight: bold;
font-size: 18px;
}
.proof{
padding: 1em;
background: #c9dff7;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
h3{
font-weight:500;
}
.satz:before {
content:"Satz";
font-weight: bold;
font-size: 18px;
}
.satz{
padding: 1em;
background: #c9dff7;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
/*Header*/
h2{
color: black;
font-weight:390;
padding-top:1.5em;
}
.MathJax_Display {
text-align: left !important;
padding-left:1em;
}
.subpages {
display:none;
}
.breadcrumb>li+li:before {color: rgba(204, 204, 204, 1); content: "\276F\00a0";}
.breadcrumb {
font-size: .88em;
background: white;
border: solid #ddd 1px;
border-radius: 0px;
}
.container-breadcrumb {
float:left;
margin-bottom: 1em;
}
.active {
padding-right: 1.5em;
padding-bottom: 5.5px;
padding-top: 5.5px;
ma
}
.pager {
float: right;
}
.bottomm {
position:absolute;
bottom:0;
right:45px;
}
/*Musterlösung*/
#accordion {
background: -webkit-linear-gradient(top, #f6f6f6, #f7f7f7);
display: inline-block;
}
a{
font-weight:400;
}
a:link {
color: #215fa6;
}
/*Büchersammlung*/
@media screen and (min-width: 980px) {
.collum-spacing {
/*background: -webkit-linear-gradient(top, #f6f6f6, #f7f7f7);*/
background: #f6f6f6;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
padding: .8em;
margin-bottom: 1em;
min-height:13.5em;
text-align: center;
}
}
.collum-spacing {
/*background: -webkit-linear-gradient(top, #f6f6f6, #f7f7f7);*/
background: #f6f6f6;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
padding: .8em;
margin-bottom: 1em;
text-align: center;
}
.row-mainpage {
-moz-column-width: 25em;
-webkit-column-width: 25em;
-moz-column-gap: 1em;
-webkit-column-gap:1em;
}
.item {
display: inline-block;
padding: .25rem;
width: 100%;
}
/*Aufgabensammlung*/
@media screen and (min-width: 980px) {
.collum-spacing2 {
/*background: -webkit-linear-gradient(top, #f6f6f6, #f7f7f7);*/
background: #f6f6f6;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
padding: .8em;
margin-bottom: 1em;
text-align: center;
}
}
.collum-spacing2 {
/*background: -webkit-linear-gradient(top, #f6f6f6, #f7f7f7);*/
background: #f6f6f6;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
padding: .8em;
margin-bottom: 1em;
text-align: center;
}