MediaWiki:Chameleon.css: Unterschied zwischen den Versionen

Aus LNTwww
Wechseln zu:Navigation, Suche
 
(27 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 4: Zeile 4:
 
img {
 
img {
 
     max-width: 100%;  
 
     max-width: 100%;  
height: auto;  
+
    height: auto;  
 
 
 
}
 
}
  
 
/*"Beobachten"-Link am Seitenende entfernen */
 
/*"Beobachten"-Link am Seitenende entfernen */
 
#contentSub {
 
#contentSub {
display:none
+
    display:none
 
}
 
}
 
.patrollink {
 
.patrollink {
display:none
+
    display:none
 
}
 
}
  
Zeile 20: Zeile 19:
 
/*Main Page*/
 
/*Main Page*/
 
.marketing .col-sm-3 {
 
.marketing .col-sm-3 {
  margin-bottom: 20px;
+
    margin-bottom: 20px;
  text-align: center;
+
    text-align: center;
 
}
 
}
 
.marketing h2 {
 
.marketing h2 {
  font-weight: normal;
+
    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 {
test-align: center;
+
    text-align: center;
  margin-right: 10px;
+
    margin-right: 10px;
  margin-left: 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 {
 
.applet-button {
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
+
    box-shadow: 1px 2px 4px rgba(0,0,0,.4);
font-size:16px;
+
    font-size:16px;
margin-left: auto;
+
    margin-left: auto;
margin-right: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;
+
    font-weight: 300;
  line-height: 1;
+
    line-height: 1;
  letter-spacing: -1px;
+
    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 116: 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 134: 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 {
+
    .pullright {
display: block;
+
        display: block;
    margin-left: auto;
+
        margin-left: auto;
    margin-right: 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: 1000px;
+
    /*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 189: 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 199: 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 {
 
.greybox {
padding: 1em;
+
    padding: 1em;
padding-bottom: 1px;
+
    padding-bottom: 1em;
background: #e5e5e5;
+
    background: #e5e5e5;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
+
    box-shadow: 1px 2px 4px rgba(0,0,0,.4);
 
}
 
}
  
 
.bluebox {
 
.bluebox {
padding: 1em;
+
    padding: 1em;
padding-bottom: 1px;
+
    padding-bottom: 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);
 
}
 
}
  
 
.redbox {
 
.redbox {
padding: 1em;
+
    padding: 1em;
padding-bottom: 1px;
+
    padding-bottom: 1em;
background: #ff5300;
+
    background: #ff5300;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
+
    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 265: 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 303: 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;
+
    text-align: left !important;
padding-left:1em;
+
    padding-left:1em;
 
}
 
}
  
 
.subpages {
 
.subpages {
display:none;
+
    display:none;
 
}
 
}
  
        .breadcrumb>li+li:before {color: rgba(204, 204, 204, 1); content: "\276F\00a0";}
+
.breadcrumb>li+li:before {color: rgba(204, 204, 204, 1); content: "\276F\00a0";}
        .breadcrumb {
+
.breadcrumb {
        font-size: .88em;
+
    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;
+
    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;
 
}
 
}
        .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 348: Zeile 352:
 
/*Musterlösung*/
 
/*Musterlösung*/
 
#accordion {
 
#accordion {
background: -webkit-linear-gradient(top, #f6f6f6, #f7f7f7);
+
    display: inline-block;
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) {
.collum-spacing {
+
    .buecher-colitem {
background: -webkit-linear-gradient(top, #f6f6f6, #f7f7f7);
+
        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);
  
.collum-spacing {
+
    padding: .8em;
background: -webkit-linear-gradient(top, #f6f6f6, #f7f7f7);
+
    margin-left: 1em;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
+
    margin-right: 1em;
padding: .8em;
+
    margin-bottom: 1em;
 
+
    text-align: center;
margin-bottom: 1em;
 
text-align: center;
 
 
}
 
}
 
+
.overview-colitem {
.row-mainpage {
+
    float: left !important;
-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);
 
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
 
padding: .8em;
 
margin-bottom: 1em;
 
 
text-align: center;
 
    }
 
}
 
  
.collum-spacing2 {
+
/* tasnad.kernetzky@tum.de: this made the quiz very ugly after pressing the show solutions button */
background: -webkit-linear-gradient(top, #f6f6f6, #f7f7f7);
+
.quiz a.input span {
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
+
    outline: #7f9db9 solid 0px;
padding: .8em;
 
margin-bottom: 1em;
 
text-align: center;
 
 
}
 
}

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