MediaWiki:Chameleon.css: Unterschied zwischen den Versionen
Aus LNTwww
Tasnad (Diskussion | Beiträge) (Der Seiteninhalt wurde durch einen anderen Text ersetzt: „→Das folgende CSS wird für alle Benutzeroberflächen geladen.: “) Markierung: Ersetzt |
Tasnad (Diskussion | Beiträge) |
||
(25 dazwischenliegende Versionen desselben Benutzers 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 */ | ||
+ | #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: 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 { | ||
+ | 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; | ||
+ | } |
Version vom 7. August 2018, 16:19 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: 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 { 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; }