MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus Homepage SC Haar 1931 e.V.
Zur Navigation springenZur Suche springen
imported>Wr Die Seite wurde neu angelegt: „→Das folgende CSS wird für alle Benutzeroberflächen geladen.: .schLine { font-size:6px; background-color: #1e90ff; } .schHeader1 { font-siz…“ |
Keine Bearbeitungszusammenfassung |
||
| (5 dazwischenliegende Versionen von 2 Benutzern 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. */ | ||
. | /* Zwei Boxen für Hauptseite Aktuelles, Hinweise */ | ||
background-color: | 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{ | ||
font-size: | 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; | |||
} | } | ||
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;
}