Chameleon.css

From LNTwww
Revision as of 17:01, 22 May 2018 by Tasnad (talk | contribs)

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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-info-sign, .glyphicon-th-large, .glyphicon-film, .glyphicon-exclamation-sign, .glyphicon-education */
.glyphicon- {
    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 {
    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;
}