MediaWiki:Chameleon.css: Unterschied zwischen den Versionen
Aus LNTwww
David (Diskussion | Beiträge) |
Tasnad (Diskussion | Beiträge) |
||
(52 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 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 */ | /*"Beobachten"-Link am Seitenende entfernen */ | ||
+ | #contentSub { | ||
+ | display:none | ||
+ | } | ||
.patrollink { | .patrollink { | ||
− | display:none | + | display:none |
} | } | ||
Zeile 11: | Zeile 19: | ||
/*Main Page*/ | /*Main Page*/ | ||
.marketing .col-sm-3 { | .marketing .col-sm-3 { | ||
− | + | margin-bottom: 20px; | |
− | + | text-align: center; | |
} | } | ||
.marketing h2 { | .marketing h2 { | ||
− | + | font-weight: normal; | |
} | } | ||
.col-sm-3 { | .col-sm-3 { | ||
− | text-align: center; | + | text-align: center; |
} | } | ||
.marketing .col-sm-3 p { | .marketing .col-sm-3 p { | ||
− | + | text-align: center; | |
− | + | margin-right: 10px; | |
− | + | margin-left: 10px; | |
} | } | ||
− | .glyphicon-book, .user-alt, .glyphicon-download, .glyphicon-exclamation-sign, .glyphicon-education { | + | .glyphicon-book, .user-alt, .glyphicon-download, .glyphicon-info-sign, .glyphicon-th-large, .glyphicon-film, .glyphicon-exclamation-sign, .glyphicon-education { |
− | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
− | border-radius:100px; | + | border-radius:100px; |
− | padding:20px; | + | padding:20px; |
− | font-size: 1.5em; | + | font-size: 1.5em; |
− | color: white; | + | color: white; |
− | margin-left:auto; | + | margin-left:auto; |
− | margin-right: auto; | + | margin-right: auto; |
− | background:#215fa6; | + | background:#215fa6; |
} | } | ||
.img-responsive { | .img-responsive { | ||
− | margin: 0 auto; | + | margin: 0 auto; |
− | padding-bottom: 1em; | + | padding-bottom: 1em; |
} | } | ||
.btn-lg { | .btn-lg { | ||
− | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
− | font-size:23px; | + | font-size:23px; |
− | margin-left: auto; | + | margin-left: auto; |
− | margin-right: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 { | .button-large { | ||
− | text-align: center; | + | text-align: center; |
− | padding-bottom: 2em; | + | padding-bottom: 2em; |
} | } | ||
a.btn-lg:link { | a.btn-lg:link { | ||
− | color: white; | + | color: white; |
} | } | ||
a.btn-lg:visited { | a.btn-lg:visited { | ||
− | color:white; | + | color:white; |
} | } | ||
.featurette-heading { | .featurette-heading { | ||
− | + | font-weight: 300; | |
− | + | line-height: 1; | |
− | + | letter-spacing: -1px; | |
} | } | ||
.col-md-7{ | .col-md-7{ | ||
− | padding-top:.4em; | + | padding-top:.4em; |
} | } | ||
.col-md-5{ | .col-md-5{ | ||
− | text-align:right; | + | text-align:right; |
− | float:right; | + | float:right; |
} | } | ||
.col-xs-15, | .col-xs-15, | ||
.col-sm-15 { | .col-sm-15 { | ||
− | position: relative; | + | position: relative; |
min-height: 1px; | min-height: 1px; | ||
padding-right: 10px; | padding-right: 10px; | ||
Zeile 100: | Zeile 115: | ||
@media (min-width: 768px) { | @media (min-width: 768px) { | ||
− | .col-sm-15 { | + | .col-sm-15 { |
width: 20%; | width: 20%; | ||
float: left; | float: left; | ||
Zeile 118: | Zeile 133: | ||
} | } | ||
@media screen and (min-width : 800px) { | @media screen and (min-width : 800px) { | ||
− | .pullright{ | + | .pullright{ |
− | float:right; | + | float:right; |
− | } | + | } |
} | } | ||
@media only screen and (max-width : 800px){ | @media only screen and (max-width : 800px){ | ||
− | + | .pullright { | |
− | display: block; | + | display: block; |
− | + | margin-left: auto; | |
− | + | margin-right: auto; | |
− | } | + | } |
} | } | ||
@media (max-width: 768px){ | @media (max-width: 768px){ | ||
− | .col-sm-15{ | + | .col-sm-15{ |
− | display:none; | + | display:none; |
− | } | + | } |
} | } | ||
@media (max-width: 1200px){ | @media (max-width: 1200px){ | ||
− | .col-sm-5{ | + | .col-sm-5{ |
− | padding-top:2em; | + | padding-top:2em; |
− | } | + | } |
} | } | ||
@media(max-width:890px){ | @media(max-width:890px){ | ||
− | .navbar-personaltools{ | + | .navbar-personaltools{ |
− | display:none; | + | display:none; |
− | } | + | } |
} | } | ||
/* remove Toolbox */ | /* remove Toolbox */ | ||
− | #p-tb { display:none !important; } | + | /*#p-tb { display:none !important; }*/ |
/*remove Subpage breadcrumb */ | /*remove Subpage breadcrumb */ | ||
− | .subpages { | + | /*.subpages { |
− | display:none !important; | + | display:none !important; |
} | } | ||
− | + | */ | |
.mw-body { | .mw-body { | ||
− | max-width: | + | /*max-width: 1100px;*/ |
− | margin: 0 auto !important; | + | margin: 0 auto !important; |
} | } | ||
/*Rahmen für Inhaltsverzeichnis*/ | /*Rahmen für Inhaltsverzeichnis*/ | ||
#toc ul { | #toc ul { | ||
− | border-radius: 3px; | + | border-radius: 3px; |
− | border: #e4e2e0 solid 1px; | + | border: #e4e2e0 solid 1px; |
− | display: inline-block; | + | display: inline-block; |
− | background: #f9f9f9; | + | background: #f9f9f9; |
− | padding: 10px; | + | padding: 10px; |
} | } | ||
Zeile 173: | Zeile 188: | ||
/*Anpassungen für Bootstrap skin, nicht notwendig für vector*/ | /*Anpassungen für Bootstrap skin, nicht notwendig für vector*/ | ||
.quiz .sign { | .quiz .sign { | ||
− | padding: 0.1em 0.4em 0.1em 0.4em; | + | padding: 0.1em 0.4em 0.1em 0.4em; |
} | } | ||
.quiz table.object, .quiz table.correction { | .quiz table.object, .quiz table.correction { | ||
− | height: 4em; | + | height: 4em; |
} | } | ||
Zeile 183: | Zeile 198: | ||
.definition:before { | .definition:before { | ||
− | content:"Definition"; | + | content:"Definition"; |
− | font-weight: bold; | + | font-weight: bold; |
− | font-size: 18px; | + | font-size: 18px; |
} | } | ||
.definition { | .definition { | ||
− | padding: 1em; | + | padding: 1em; |
− | background: #c9dff7; | + | background: #c9dff7; |
− | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
} | } | ||
.box_notitle { | .box_notitle { | ||
− | padding: 1em; | + | padding: 1em; |
− | background: #c9dff7; | + | background: #c9dff7; |
− | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
+ | } | ||
+ | |||
+ | .greybox { | ||
+ | padding: 1em; | ||
+ | padding-bottom: 1em; | ||
+ | background: #e5e5e5; | ||
+ | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | ||
+ | } | ||
+ | |||
+ | .bluebox { | ||
+ | padding: 1em; | ||
+ | padding-bottom: 1em; | ||
+ | background: #c9dff7; | ||
+ | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | ||
+ | } | ||
+ | |||
+ | .redbox { | ||
+ | padding: 1em; | ||
+ | padding-bottom: 1em; | ||
+ | background: #ff5300; | ||
+ | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | ||
+ | } | ||
+ | |||
+ | /* move the content of Collapse templates a bit to the right */ | ||
+ | .lntwwwCollapsible { | ||
+ | position:relative; left:1em; | ||
} | } | ||
.example:before { | .example:before { | ||
− | content:"Beispiel"; | + | content:"Beispiel"; |
− | font-weight: bold; | + | font-weight: bold; |
− | font-size: 18px; | + | font-size: 18px; |
} | } | ||
.example { | .example { | ||
− | padding: 1em; | + | padding: 1em; |
− | padding-bottom: 1px; | + | padding-bottom: 1px; |
− | background: #e5e5e5; | + | background: #e5e5e5; |
− | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
} | } | ||
.example-right:before { | .example-right:before { | ||
− | content:"Beispiel"; | + | content:"Beispiel"; |
− | font-weight: bold; | + | font-weight: bold; |
− | font-size: 18px; | + | font-size: 18px; |
} | } | ||
.example-right{ | .example-right{ | ||
− | padding: 1em; | + | padding: 1em; |
− | padding-bottom: 1px; | + | padding-bottom: 1px; |
− | background: #e5e5e5; | + | background: #e5e5e5; |
− | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
} | } | ||
Zeile 228: | Zeile 269: | ||
.example-right { | .example-right { | ||
padding: 1em; | padding: 1em; | ||
− | padding-bottom: 1px; | + | padding-bottom: 1px; |
− | background: #e5e5e5; | + | background: #e5e5e5; |
− | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
− | display:inline-block; | + | display:inline-block; |
− | float:right; | + | float:right; |
− | width:50%; | + | width:50%; |
− | margin-left:2em; | + | margin-left:2em; |
} | } | ||
} | } | ||
.proof:before { | .proof:before { | ||
− | content:"Beweis"; | + | content:"Beweis"; |
− | font-weight: bold; | + | font-weight: bold; |
− | font-size: 18px; | + | font-size: 18px; |
} | } | ||
.proof{ | .proof{ | ||
− | padding: 1em; | + | padding: 1em; |
− | background: #c9dff7; | + | background: #c9dff7; |
− | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
} | } | ||
h3{ | h3{ | ||
− | font-weight:500; | + | font-weight:500; |
} | } | ||
.satz:before { | .satz:before { | ||
− | content:"Satz"; | + | content:"Satz"; |
− | font-weight: bold; | + | font-weight: bold; |
− | font-size: 18px; | + | font-size: 18px; |
} | } | ||
.satz{ | .satz{ | ||
− | padding: 1em; | + | padding: 1em; |
− | background: #c9dff7; | + | background: #c9dff7; |
− | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
} | } | ||
Zeile 266: | Zeile 307: | ||
/*Header*/ | /*Header*/ | ||
h2{ | h2{ | ||
− | color: black; | + | color: black; |
− | font-weight:390; | + | font-weight:390; |
− | padding-top:1.5em; | + | padding-top:1.5em; |
} | } | ||
.MathJax_Display { | .MathJax_Display { | ||
− | + | text-align: left !important; | |
− | padding-left: | + | padding-left:1em; |
} | } | ||
.subpages { | .subpages { | ||
− | display:none; | + | display:none; |
} | } | ||
− | + | .breadcrumb>li+li:before {color: rgba(204, 204, 204, 1); content: "\276F\00a0";} | |
− | + | .breadcrumb { | |
− | + | font-size: .88em; | |
− | background: white; | + | background: white; |
− | border: solid #ddd 1px; | + | border: solid #ddd 1px; |
− | border-radius: 0px; | + | border-radius: 0px; |
− | + | } | |
.container-breadcrumb { | .container-breadcrumb { | ||
− | + | float:left; | |
− | margin-bottom: 1em; | + | margin-bottom: 1em; |
+ | } | ||
+ | .active { | ||
+ | padding-right: 1.5em; | ||
+ | padding-bottom: 5.5px; | ||
+ | padding-top: 5.5px; | ||
+ | ma | ||
+ | } | ||
+ | .pager { | ||
+ | float: right; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.bottomm { | .bottomm { | ||
− | position:absolute; | + | position:absolute; |
− | bottom:0; | + | bottom:0; |
− | right:45px; | + | right:45px; |
} | } | ||
Zeile 311: | Zeile 352: | ||
/*Musterlösung*/ | /*Musterlösung*/ | ||
#accordion { | #accordion { | ||
− | + | display: inline-block; | |
− | + | background: #f6f6f6; | |
} | } | ||
a{ | a{ | ||
− | font-weight:400; | + | font-weight:400; |
} | } | ||
a:link { | a:link { | ||
− | color: #215fa6; | + | color: #215fa6; |
− | |||
} | } | ||
− | /*Büchersammlung*/ | + | /* Übersichtsseiten zu Büchersammlung und Aufgabensammlung */ |
− | + | /* | |
@media screen and (min-width: 980px) { | @media screen and (min-width: 980px) { | ||
− | . | + | .buecher-colitem { |
− | background: | + | background: #f6f6f6; |
− | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
− | padding: .8em; | + | padding: .8em; |
− | margin-bottom: 1em; | + | margin-bottom: 1em; |
− | min-height:13.5em; | + | min-height:13.5em; |
− | text-align: center; | + | text-align: center; |
} | } | ||
} | } | ||
+ | */ | ||
+ | .overview-colitem { | ||
+ | background: #f6f6f6; | ||
+ | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | ||
− | + | padding: .8em; | |
− | + | margin-left: 1em; | |
− | + | margin-right: 1em; | |
− | padding: .8em; | + | margin-bottom: 1em; |
− | + | text-align: center; | |
− | margin- | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .overview-colitem { | |
− | . | + | float: left !important; |
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | . | + | /* tasnad.kernetzky@tum.de: this made the quiz very ugly after pressing the show solutions button */ |
− | + | .quiz a.input span { | |
− | + | outline: #7f9db9 solid 0px; | |
− | |||
− | |||
− | |||
} | } |
Aktuelle Version vom 25. Februar 2021, 21:57 Uhr
/* 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 { text-align: center; margin-right: 10px; margin-left: 10px; } .glyphicon-book, .user-alt, .glyphicon-download, .glyphicon-info-sign, .glyphicon-th-large, .glyphicon-film, .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: 1100px;*/ 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: 1em; background: #e5e5e5; box-shadow: 1px 2px 4px rgba(0,0,0,.4); } .bluebox { padding: 1em; padding-bottom: 1em; background: #c9dff7; box-shadow: 1px 2px 4px rgba(0,0,0,.4); } .redbox { padding: 1em; padding-bottom: 1em; background: #ff5300; box-shadow: 1px 2px 4px rgba(0,0,0,.4); } /* move the content of Collapse templates a bit to the right */ .lntwwwCollapsible { position:relative; left:1em; } .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 { display: inline-block; background: #f6f6f6; } a{ font-weight:400; } a:link { color: #215fa6; } /* Übersichtsseiten zu Büchersammlung und Aufgabensammlung */ /* @media screen and (min-width: 980px) { .buecher-colitem { background: #f6f6f6; box-shadow: 1px 2px 4px rgba(0,0,0,.4); padding: .8em; margin-bottom: 1em; min-height:13.5em; text-align: center; } } */ .overview-colitem { background: #f6f6f6; box-shadow: 1px 2px 4px rgba(0,0,0,.4); padding: .8em; margin-left: 1em; margin-right: 1em; margin-bottom: 1em; text-align: center; } .overview-colitem { float: left !important; } /* tasnad.kernetzky@tum.de: this made the quiz very ugly after pressing the show solutions button */ .quiz a.input span { outline: #7f9db9 solid 0px; }