MediaWiki:Chameleon.css: Unterschied zwischen den Versionen

Aktuelle Version vom 25. Februar 2026, 17:28 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;
}

/* Homepage icon styling — FA6 classes + legacy glyphicon fallback */
.fa-solid.fa-circle-info,
.fa-solid.fa-download,
.fa-solid.fa-graduation-cap,
.fa-solid.fa-film,
.fa-solid.fa-table-cells-large,
.fa-solid.fa-user,
.fa-solid.fa-book,
.fa-solid.fa-triangle-exclamation,
.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:50%;
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: 1.5em;
    color: white;
    margin-left:auto;
    margin-right: auto;
    background:#215fa6;
}

/* BS3 img-responsive -> BS4 img-fluid compatibility */
.img-responsive {
    margin: 0 auto;
    padding-bottom: 1em;
    max-width: 100%;
    height: auto;
}

/* BS3 btn-default -> BS4 compatibility */
.btn-default {
    background-color: #215fa6;
    border-color: #215fa6;
    color: #fff;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    background-color: #1a4d85;
    border-color: #1a4d85;
    color: #fff;
}

.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;
    }
}


.mw-body {
    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 {
    min-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;
}
.pager {
    float: right;
}
.bottomm {

    position:absolute;
    bottom:0;
    right:45px;
}


/*Musterlösung*/
#accordion {
    display: inline-block;
    background: #f6f6f6;
}
a{
    font-weight:400;
}

/* Übersichtsseiten zu Büchersammlung und Aufgabensammlung */
.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;
}