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