MediaWiki:Common.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* Zwei Boxen für Hauptseite Aktuelles, Hinweise */

div.sc_box_left {
    float:left;
    width: 45%;
    min-width:200px;
    height:200px;
    border: 2px groove lightgreen;
    background-color: cornsilk;
    margin-right:20px;
    margin-bottom:10px;
 }

div.sc_box_right {
    float:left;
    width: 45%;
    min-width:200px;
    height:200px;
    border: 2px groove lightgreen;
    background-color: whitesmoke;
}

div.sc_box_heading{
    width: 90%
    height:38px;
    padding-left:10px;
}

div.sc_boxl_content{
    width: 90%;
    height: 150px;
    padding-left:10px;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size:12pt;
    line-height:140%;
}
div.sc_boxr_content{
    width: 90%;
    height: 150px;
    padding-left:10px;
    overflow-y: auto;
    overflow-x: hidden;
    /* white-space: nowrap;
    text-overflow: ellipsis; */
}

div.sc_box_black{
    width: 98%;
    border: 2px solid black;
    padding:5px;
}

/*--Varianten für Handy-Display--*/

@media screen and (max-width: 640px) {
    div.sc_box_left {
       width: 98%;
       min-width:150px;
       height:200px;
       border: 2px groove lightgreen;
       background-color: cornsilk;
       margin-bottom:10px;
    }

    div.sc_box_right {
       width:98%;
       min-width:150px;
       height:200px;
       border: 2px groove lightgreen;
       background-color:whitesmoke;
    }
}

/* Flex-Anordnung für Tabellen auf Mannschaftsseiten */
.sc_flexed {
   display: flex;
   flex-wrap: wrap;
   gap:20px;
   justify-content: center;
   align-items: start;
}