MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Homepage SC Haar 1931 e.V.
Zur Navigation springenZur Suche springen
imported>Wr
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(4 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. */


.schLine {
/* Zwei Boxen für Hauptseite Aktuelles, Hinweise */
     font-size:6px;
 
     background-color: #1e90ff;
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;
}
}


.schHeading1 {
div.sc_boxl_content{
     font-size:24px;
    width: 90%;
     font-weight: bold;
    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;
    }
}
}


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

Aktuelle Version vom 20. November 2024, 14:32 Uhr

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