MediaWiki:Chameleon.css: Unterschied zwischen den Versionen

Aus LNTwww
Wechseln zu:Navigation, Suche
(Der Seiteninhalt wurde durch einen anderen Text ersetzt: „→‎Das folgende CSS wird für alle Benutzeroberflächen geladen.: “)
Markierung: Ersetzt
 
(26 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: 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;
 +
}

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;
}
Abgerufen von „http://www.lntwww.de/index.php?title=MediaWiki:Chameleon.css&oldid=31509“
  • Powered by MediaWiki