Yukii (Diskussion | Beiträge) KKeine Bearbeitungszusammenfassung |
Yukii (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
(26 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
.catlinks ul { | |||
display: inline; | |||
margin: 0; | |||
padding: 0; | |||
list-style: none none; | |||
} | |||
.catlinks li { | |||
display: inline-block; | |||
line-height: 1.25em; | |||
border-left: 1px solid #a2a9b1; | |||
margin: 0.125em 0; | |||
padding: 0 0.5em; | |||
zoom: 1; | |||
} | |||
.catlinks li:first-child { | |||
padding-left: 0.25em; | |||
border-left: 0; | |||
} | |||
/********************************* | /********************************* | ||
Zwei | Zwei container formatierung Responsive 50/50 | ||
Zeile 8: | Zeile 29: | ||
@media only screen { | @media only screen { | ||
/* klassischer Desktop, zweispaltig; Grundstruktur */ | /* klassischer Desktop, zweispaltig; Grundstruktur */ | ||
# | #container { | ||
overflow: auto; | overflow: auto; | ||
padding-bottom: 1px; | padding-bottom: 1px; | ||
} | } | ||
#links, | #container-links, | ||
#rechts { | #container-rechts { | ||
float: left; | float: left; | ||
width: calc(50% - 0.5em - 0.005px); | width: calc(50% - 0.5em - 0.005px); | ||
} | } | ||
#links { | #container-links { | ||
margin-right: 1em; | |||
} | |||
#container-unten { | |||
clear: both; | |||
} | |||
#container-oben, | |||
#container-unten { | |||
text-align: center; | |||
} | |||
} | |||
@media only screen and (max-width: 54rem) { | |||
/* Platzmangel */ | |||
#container-links, | |||
#container-rechts { | |||
float: none; | |||
margin-right: 0; | |||
width: auto; | |||
} | |||
#container-oben, | |||
#container-unten, p:first-child { | |||
text-align: left; | |||
} | |||
} | |||
@media only screen and (max-width: 42rem) { | |||
/* Besonders kleiner Screen */ | |||
#container-oben { | |||
display: none; | |||
} | |||
} | |||
@media only screen and (min-width: 180rem) { | |||
/* Mehr als zweispaltig; 121rem */ | |||
#container-links { | |||
float: none; | |||
margin-right: 0; | |||
width: auto; | |||
} | |||
#container-links-container-oben, | |||
#container-links-container-unten { | |||
float: left; | |||
} | |||
#container-oben, #container-unten { | |||
max-width: none; | |||
width: auto; | |||
} | |||
} | |||
@media only screen and (min-width: 99999rem) { | |||
/* Dreispaltig */ | |||
#container-links-container-oben, | |||
#container-links-container-unten { | |||
margin-right: 3%; | |||
width: 28%; | |||
} | |||
#container-rechts { | |||
width: 38%; | |||
} | |||
} | |||
@media only screen and (min-width: 180rem) { | |||
/* Vierspaltig */ | |||
#container-rechts { | |||
float: none; | |||
width: auto; | |||
} | |||
#container-links-container-oben, | |||
#container-links-container-unten, | |||
#container-rechts-container-oben, | |||
#container-rechts-container-unten { | |||
width: 23%; | |||
} | |||
#container-links-container-oben, | |||
#container-links-container-unten, | |||
#container-rechts-container-oben, | |||
#container-rechts-container-unten { | |||
margin-left: 1%; | |||
margin-right: 1%; | |||
} | |||
#container-rechts-container-oben, | |||
#container-rechts-container-unten { | |||
float: left; | |||
} | |||
} | |||
@media only screen and (min-width: 260rem) { | |||
/* Fünfspaltig */ | |||
#container-rechts-container-unten { | |||
float: none; | |||
width: auto; | |||
} | |||
#container-links-container-oben, | |||
#container-links-container-unten, | |||
#container-rechts-container-oben, | |||
#container-rechts-container-unten-1, | |||
#container-rechts-container-unten-2 { | |||
margin-left: 1%; | |||
margin-right: 1%; | |||
width: 18%; | |||
} | |||
#container-rechts-container-unten-1, | |||
#container-rechts-container-unten-2 { | |||
float: left; | |||
} | |||
#container-rechts-container-unten-2 { | |||
margin-right: 0; | |||
} | |||
#container-unten { | |||
max-width: none; | |||
} | |||
} | |||
/********************************* | |||
Zwei Spalten formatierung Responsive 75/25 | |||
*********************************/ | |||
@media only screen { | |||
/* klassischer Desktop, zweispaltig; Grundstruktur */ | |||
#container1 { | |||
overflow: auto; | |||
padding-bottom: 1px; | |||
} | |||
#container1-links{ | |||
float: left; | |||
width: calc(75% - 0.5em - 0.005px); | |||
} | |||
#container1-rechts { | |||
float: left; | |||
width: calc(25% - 0.5em - 0.005px); | |||
} | |||
#container1-links { | |||
margin-right: 1em; | margin-right: 1em; | ||
} | } | ||
#unten { | #container1-unten { | ||
clear: both; | clear: both; | ||
} | } | ||
#oben, | #container1-oben, | ||
#unten { | #container1-unten { | ||
text-align: center; | text-align: center; | ||
} | } | ||
Zeile 32: | Zeile 190: | ||
@media only screen and (max-width: 54rem) { | @media only screen and (max-width: 54rem) { | ||
/* Platzmangel */ | /* Platzmangel */ | ||
#links, | #container1-links, | ||
#rechts { | #container1-rechts { | ||
float: none; | float: none; | ||
margin-right: 0; | margin-right: 0; | ||
Zeile 40: | Zeile 198: | ||
#oben, | #container1-oben, | ||
#unten, | #container1-unten, | ||
#willkommen p:first-child { | #willkommen p:first-child { | ||
text-align: left; | text-align: left; | ||
Zeile 49: | Zeile 207: | ||
/* Besonders kleiner Screen */ | /* Besonders kleiner Screen */ | ||
#oben { | #container1-oben { | ||
display: none; | display: none; | ||
} | } | ||
Zeile 55: | Zeile 213: | ||
@media only screen and (min-width: 180rem) { | @media only screen and (min-width: 180rem) { | ||
/* Mehr als zweispaltig; 121rem */ | /* Mehr als zweispaltig; 121rem */ | ||
#links { | #container1-links { | ||
float: none; | float: none; | ||
margin-right: 0; | margin-right: 0; | ||
width: auto; | width: auto; | ||
} | } | ||
#links-oben, | #container1-links-oben, | ||
#links-unten { | #container1-links-unten { | ||
float: left; | float: left; | ||
} | } | ||
#oben, #unten { | #container1-oben, #container1-unten { | ||
max-width: none; | max-width: none; | ||
width: auto; | width: auto; | ||
Zeile 71: | Zeile 229: | ||
@media only screen and (min-width: 99999rem) { | @media only screen and (min-width: 99999rem) { | ||
/* Dreispaltig */ | /* Dreispaltig */ | ||
#links-oben, | #container1-links-oben, | ||
#links-unten { | #container1-links-unten { | ||
margin-right: 3%; | margin-right: 3%; | ||
width: 28%; | width: 28%; | ||
} | } | ||
#rechts { | #container1-rechts { | ||
width: 38%; | width: 38%; | ||
} | } | ||
Zeile 82: | Zeile 240: | ||
@media only screen and (min-width: 180rem) { | @media only screen and (min-width: 180rem) { | ||
/* Vierspaltig */ | /* Vierspaltig */ | ||
#rechts { | #container1-rechts { | ||
float: none; | float: none; | ||
width: auto; | width: auto; | ||
} | } | ||
#links-oben, | #container1-links-oben, | ||
#links-unten, | #container1-links-unten, | ||
#rechts-oben, | #container1-rechts-oben, | ||
#rechts-unten { | #container1-rechts-unten { | ||
width: 23%; | width: 23%; | ||
} | } | ||
#links-oben, | #container1-links-oben, | ||
#links-unten, | #container1-links-unten, | ||
#rechts-oben, | #container1-rechts-oben, | ||
#rechts-unten { | #container1-rechts-unten { | ||
margin-left: 1%; | margin-left: 1%; | ||
margin-right: 1%; | margin-right: 1%; | ||
} | } | ||
#rechts-oben, | #container1-rechts-oben, | ||
#rechts-unten { | #container1-rechts-unten { | ||
float: left; | float: left; | ||
} | } | ||
Zeile 106: | Zeile 264: | ||
@media only screen and (min-width: 260rem) { | @media only screen and (min-width: 260rem) { | ||
/* Fünfspaltig */ | /* Fünfspaltig */ | ||
#rechts-unten { | #container1-rechts-unten { | ||
float: none; | float: none; | ||
width: auto; | width: auto; | ||
} | } | ||
#links-oben, | #container1-links-oben, | ||
#links-unten, | #container1-links-unten, | ||
#rechts-oben, | #container1-rechts-oben, | ||
#rechts-unten-1, | #container1-rechts-unten-1, | ||
#rechts-unten-2 { | #container1-rechts-unten-2 { | ||
margin-left: 1%; | margin-left: 1%; | ||
margin-right: 1%; | margin-right: 1%; | ||
width: 18%; | width: 18%; | ||
} | } | ||
#rechts-unten-1, | #container1-rechts-unten-1, | ||
#rechts-unten-2 { | #container1-rechts-unten-2 { | ||
float: left; | float: left; | ||
} | } | ||
#rechts-unten-2 { | #container1-rechts-unten-2 { | ||
margin-right: 0; | margin-right: 0; | ||
} | } | ||
#unten { | #container1-unten { | ||
max-width: none; | max-width: none; | ||
} | } | ||
Zeile 136: | Zeile 294: | ||
Zwei Spalten formatierung Responsive 75 | Zwei Spalten formatierung Responsive 25/75 | ||
Zeile 142: | Zeile 300: | ||
@media only screen { | @media only screen { | ||
/* klassischer Desktop, zweispaltig; Grundstruktur */ | /* klassischer Desktop, zweispaltig; Grundstruktur */ | ||
# | #container2 { | ||
overflow: auto; | overflow: auto; | ||
padding-bottom: 1px; | padding-bottom: 1px; | ||
} | } | ||
# | #container2-links{ | ||
float: left; | float: left; | ||
width: calc(25% - 0.5em - 0.005px); | width: calc(25% - 0.5em - 0.005px); | ||
} | } | ||
# | #container2-rechts { | ||
float: left; | float: left; | ||
width: calc(75% - 0.5em - 0.005px); | width: calc(75% - 0.5em - 0.005px); | ||
} | } | ||
# | #container2-links { | ||
margin-right: 1em; | |||
} | |||
#container2-unten { | |||
clear: both; | |||
} | |||
#container2-oben, | |||
#container2-unten { | |||
text-align: center; | |||
} | |||
} | |||
@media only screen and (max-width: 54rem) { | |||
/* Platzmangel */ | |||
#container2-links, | |||
#container2-rechts { | |||
float: none; | |||
margin-right: 0; | |||
width: auto; | |||
} | |||
#container2-oben, | |||
#container2-unten, | |||
#willkommen p:first-child { | |||
text-align: left; | |||
} | |||
} | |||
@media only screen and (max-width: 42rem) { | |||
/* Besonders kleiner Screen */ | |||
#container2-oben { | |||
display: none; | |||
} | |||
} | |||
@media only screen and (min-width: 180rem) { | |||
/* Mehr als zweispaltig; 121rem */ | |||
#container2-links { | |||
float: none; | |||
margin-right: 0; | |||
width: auto; | |||
} | |||
#container2-links-oben, | |||
#container2-links-unten { | |||
float: left; | |||
} | |||
#container2-oben, #container2-unten { | |||
max-width: none; | |||
width: auto; | |||
} | |||
} | |||
@media only screen and (min-width: 99999rem) { | |||
/* Dreispaltig */ | |||
#container2-links-oben, | |||
#container2-links-unten { | |||
margin-right: 3%; | |||
width: 28%; | |||
} | |||
#container2-rechts { | |||
width: 38%; | |||
} | |||
} | |||
@media only screen and (min-width: 180rem) { | |||
/* Vierspaltig */ | |||
#container2-rechts { | |||
float: none; | |||
width: auto; | |||
} | |||
#container2-links-oben, | |||
#container2-links-unten, | |||
#container2-rechts-oben, | |||
#container2-rechts-unten { | |||
width: 23%; | |||
} | |||
#container2-links-oben, | |||
#container2-links-unten, | |||
#container2-rechts-oben, | |||
#container2-rechts-unten { | |||
margin-left: 1%; | |||
margin-right: 1%; | |||
} | |||
#container2-rechts-oben, | |||
#container2-rechts-unten { | |||
float: left; | |||
} | |||
} | |||
@media only screen and (min-width: 260rem) { | |||
/* Fünfspaltig */ | |||
#container2-rechts-unten { | |||
float: none; | |||
width: auto; | |||
} | |||
#container2-links-oben, | |||
#container2-links-unten, | |||
#container2-rechts-oben, | |||
#container2-rechts-unten-1, | |||
#container2-rechts-unten-2 { | |||
margin-left: 1%; | |||
margin-right: 1%; | |||
width: 18%; | |||
} | |||
#container2-rechts-unten-1, | |||
#container2-rechts-unten-2 { | |||
float: left; | |||
} | |||
#container2-rechts-unten-2 { | |||
margin-right: 0; | |||
} | |||
#container2-unten { | |||
max-width: none; | |||
} | |||
} | |||
/********************************* | |||
Zwei Spalten formatierung Responsive 70/30 | |||
*********************************/ | |||
@media only screen { | |||
/* klassischer Desktop, zweispaltig; Grundstruktur */ | |||
#container4 { | |||
overflow: auto; | |||
padding-bottom: 1px; | |||
} | |||
#container4-links{ | |||
float: left; | |||
width: calc(70% - 0.5em - 0.005px); | |||
} | |||
#container4-rechts { | |||
float: left; | |||
width: calc(30% - 0.5em - 0.005px); | |||
} | |||
#container4-links { | |||
margin-right: 1em; | margin-right: 1em; | ||
} | } | ||
# | #container4-unten { | ||
clear: both; | clear: both; | ||
} | } | ||
# | #container4-oben, | ||
# | #container4-unten { | ||
text-align: center; | text-align: center; | ||
} | } | ||
Zeile 170: | Zeile 466: | ||
@media only screen and (max-width: 54rem) { | @media only screen and (max-width: 54rem) { | ||
/* Platzmangel */ | /* Platzmangel */ | ||
# | #container4-links, | ||
# | #container4-rechts { | ||
float: none; | float: none; | ||
margin-right: 0; | margin-right: 0; | ||
Zeile 178: | Zeile 474: | ||
# | #container4-oben, | ||
# | #container4-unten, | ||
#willkommen p:first-child { | #willkommen p:first-child { | ||
text-align: left; | text-align: left; | ||
Zeile 187: | Zeile 483: | ||
/* Besonders kleiner Screen */ | /* Besonders kleiner Screen */ | ||
# | #container4-oben { | ||
display: none; | display: none; | ||
} | } | ||
Zeile 193: | Zeile 489: | ||
@media only screen and (min-width: 180rem) { | @media only screen and (min-width: 180rem) { | ||
/* Mehr als zweispaltig; 121rem */ | /* Mehr als zweispaltig; 121rem */ | ||
# | #container4-links { | ||
float: none; | float: none; | ||
margin-right: 0; | margin-right: 0; | ||
width: auto; | width: auto; | ||
} | } | ||
# | #container4-links-oben, | ||
# | #container4-links-unten { | ||
float: left; | float: left; | ||
} | } | ||
# | #container4-oben, #container4-unten { | ||
max-width: none; | max-width: none; | ||
width: auto; | width: auto; | ||
Zeile 209: | Zeile 505: | ||
@media only screen and (min-width: 99999rem) { | @media only screen and (min-width: 99999rem) { | ||
/* Dreispaltig */ | /* Dreispaltig */ | ||
# | #container4-links-oben, | ||
# | #container4-links-unten { | ||
margin-right: 3%; | margin-right: 3%; | ||
width: 28%; | width: 28%; | ||
} | } | ||
# | #container4-rechts { | ||
width: 38%; | width: 38%; | ||
} | } | ||
Zeile 220: | Zeile 516: | ||
@media only screen and (min-width: 180rem) { | @media only screen and (min-width: 180rem) { | ||
/* Vierspaltig */ | /* Vierspaltig */ | ||
# | #container4-rechts { | ||
float: none; | float: none; | ||
width: auto; | width: auto; | ||
} | } | ||
# | #container4-links-oben, | ||
# | #container4-links-unten, | ||
# | #container4-rechts-oben, | ||
# | #container4-rechts-unten { | ||
width: 23%; | width: 23%; | ||
} | } | ||
# | #container4-links-oben, | ||
# | #container4-links-unten, | ||
# | #container4-rechts-oben, | ||
# | #container4-rechts-unten { | ||
margin-left: 1%; | margin-left: 1%; | ||
margin-right: 1%; | margin-right: 1%; | ||
} | } | ||
# | #container4-rechts-oben, | ||
# | #container4-rechts-unten { | ||
float: left; | float: left; | ||
} | } | ||
Zeile 244: | Zeile 540: | ||
@media only screen and (min-width: 260rem) { | @media only screen and (min-width: 260rem) { | ||
/* Fünfspaltig */ | /* Fünfspaltig */ | ||
# | #container4-rechts-unten { | ||
float: none; | float: none; | ||
width: auto; | width: auto; | ||
} | } | ||
# | #container4-links-oben, | ||
# | #container4-links-unten, | ||
# | #container4-rechts-oben, | ||
# | #container4-rechts-unten-1, | ||
# | #container4-rechts-unten-2 { | ||
margin-left: 1%; | margin-left: 1%; | ||
margin-right: 1%; | margin-right: 1%; | ||
width: 18%; | width: 18%; | ||
} | } | ||
# | #container4-rechts-unten-1, | ||
# | #container4-rechts-unten-2 { | ||
float: left; | float: left; | ||
} | } | ||
# | #container4-rechts-unten-2 { | ||
margin-right: 0; | margin-right: 0; | ||
} | } | ||
# | #container4-unten { | ||
max-width: none; | max-width: none; | ||
} | } | ||
Zeile 275: | Zeile 571: | ||
drei container formatierung Responsive 33/33/33 | |||
*********************************/ | *********************************/ | ||
@media only screen { | |||
/* klassischer Desktop, dreispaltig; Grundstruktur */ | |||
#container3 { | |||
overflow: auto; | |||
padding-bottom: 1px; | |||
} | |||
#container3-links, | |||
#container3-mitte { | |||
float: left; | |||
width: calc(33% - 0.5em - 0.005px); | |||
} | |||
#container3-rechts { | |||
float: right; | |||
width: calc(33% - 0.5em - 0.005px); | |||
} | |||
#container3-links, | |||
#container3-mitte { | |||
margin-right: 1em; | |||
} | |||
- | |||
- | |||
#container3-unten { | |||
clear: both; | |||
} | |||
#container3-oben, | |||
#container3-unten { | |||
text-align: center; | |||
} | |||
} | |||
@media only screen and (max-width: 54rem) { | |||
/* Platzmangel */ | |||
#container3-links, | |||
#container3-rechts, | |||
#container3-mitte { | |||
float: none; | |||
margin-right: 0; | |||
width: auto; | |||
} | |||
#container3-oben, | |||
#container3-unten, p:first-child { | |||
text-align: left; | |||
} | |||
} | |||
@media only screen and (max-width: 42rem) { | |||
/* Besonders kleiner Screen */ | |||
#container3-oben { | |||
display: none; | |||
} | |||
} | |||
@media only screen and (min-width: 180rem) { | |||
/* Mehr als zweispaltig; 121rem */ | |||
#container3-links, | |||
#container3-mitte { | |||
float: none; | |||
margin-right: 0; | |||
width: auto; | |||
} | |||
#container3-links-container3-oben, | |||
#container3-links-container3-unten { | |||
float: left; | |||
} | |||
#container3-oben, #container3-unten { | |||
max-width: none; | |||
width: auto; | |||
} | |||
} | |||
@media only screen and (min-width: 99999rem) { | |||
/* Dreispaltig */ | |||
#container3-links-container3-oben, | |||
#container3-links-container3-unten { | |||
margin-right: 3%; | |||
width: 28%; | |||
} | |||
#container3-rechts { | |||
width: 38%; | |||
} | |||
} | |||
@media only screen and (min-width: 180rem) { | |||
/* Vierspaltig */ | |||
#container3-rechts { | |||
float: none; | |||
width: auto; | |||
} | |||
#container3-links-container3-oben, | |||
#container3-links-container3-unten, | |||
#container3-rechts-container3-oben, | |||
#container3-rechts-container3-unten { | |||
width: 23%; | |||
} | |||
#container3-links-container3-oben, | |||
#container3-links-container3-unten, | |||
#container3-rechts-container3-oben, | |||
#container3-rechts-container3-unten { | |||
margin-left: 1%; | |||
margin-right: 1%; | |||
} | |||
#container3-rechts-container3-oben, | |||
#container3-rechts-container3-unten { | |||
float: left; | |||
} | |||
} | |||
@media only screen and (min-width: 260rem) { | |||
/* Fünfspaltig */ | |||
#container3-rechts-container3-unten { | |||
float: none; | |||
width: auto; | |||
} | |||
#container3-links-container3-oben, | |||
#container3-links-container3-unten, | |||
#container3-rechts-container3-oben, | |||
#container3-rechts-container3-unten-1, | |||
#container3-rechts-container3-unten-2 { | |||
margin-left: 1%; | |||
margin-right: 1%; | |||
width: 18%; | |||
} | |||
#container3-rechts-container3-unten-1, | |||
#container3-rechts-container3-unten-2 { | |||
float: left; | |||
} | |||
#container3-rechts-container3-unten-2 { | |||
margin-right: 0; | |||
} | |||
#container3-unten { | |||
max-width: none; | |||
} | |||
} | } | ||
/********************************* | /********************************* | ||
Zwei Spalten formatierung Responsive 30/70 | |||
*********************************/ | *********************************/ | ||
@media only screen { | |||
/* klassischer Desktop, zweispaltig; Grundstruktur */ | |||
#container5 { | |||
overflow: auto; | |||
padding-bottom: 1px; | |||
} | |||
#container5-links{ | |||
float: left; | |||
width: calc(70% - 0.5em - 0.005px); | |||
} | |||
#container5-rechts { | |||
float: left; | |||
width: calc(30% - 0.5em - 0.005px); | |||
} | |||
#container5-links { | |||
margin-right: 1em; | |||
} | |||
#container5-unten { | |||
clear: both; | |||
} | |||
#container5-oben, | |||
#container5-unten { | |||
text-align: center; | |||
} | |||
} | |||
@media only screen and (max-width: 54rem) { | |||
/* Platzmangel */ | |||
#container5-links, | |||
#container5-rechts { | |||
float: none; | |||
margin-right: 0; | |||
width: auto; | |||
} | |||
#container5-oben, | |||
#container5-unten, | |||
#willkommen p:first-child { | |||
text-align: left; | |||
} | |||
} | |||
@media only screen and (max-width: 42rem) { | |||
/* Besonders kleiner Screen */ | |||
#container5-oben { | |||
display: none; | |||
} | |||
} | |||
@media only screen and (min-width: 180rem) { | |||
/* Mehr als zweispaltig; 121rem */ | |||
#container5-links { | |||
float: none; | |||
margin-right: 0; | |||
width: auto; | |||
} | |||
#container5-links-oben, | |||
#container5-links-unten { | |||
float: left; | |||
} | |||
#container5-oben, #container5-unten { | |||
max-width: none; | |||
width: auto; | |||
} | |||
} | |||
@media only screen and (min-width: 99999rem) { | |||
/* Dreispaltig */ | |||
#container5-links-oben, | |||
#container5-links-unten { | |||
margin-right: 3%; | |||
width: 28%; | |||
} | |||
#container5-rechts { | |||
width: 38%; | |||
} | |||
} | |||
@media only screen and (min-width: 180rem) { | |||
/* Vierspaltig */ | |||
#container5-rechts { | |||
float: none; | |||
width: auto; | |||
} | |||
#container5-links-oben, | |||
#container5-links-unten, | |||
#container5-rechts-oben, | |||
#container5-rechts-unten { | |||
width: 23%; | |||
} | |||
#container5-links-oben, | |||
#container5-links-unten, | |||
#container5-rechts-oben, | |||
#container5-rechts-unten { | |||
margin-left: 1%; | |||
margin-right: 1%; | |||
} | |||
#container5-rechts-oben, | |||
#container5-rechts-unten { | |||
float: left; | |||
} | |||
} | |||
@media only screen and (min-width: 260rem) { | |||
/* Fünfspaltig */ | |||
#container5-rechts-unten { | |||
float: none; | |||
width: auto; | |||
} | |||
#container5-links-oben, | |||
#container5-links-unten, | |||
#container5-rechts-oben, | |||
#container5-rechts-unten-1, | |||
#container5-rechts-unten-2 { | |||
margin-left: 1%; | |||
margin-right: 1%; | |||
width: 18%; | |||
} | |||
#container5-rechts-unten-1, | |||
#container5-rechts-unten-2 { | |||
float: left; | |||
} | |||
#container5-rechts-unten-2 { | |||
margin-right: 0; | |||
} | |||
#container5-unten { | |||
max-width: none; | |||
} | |||
} | |||
/************************************************ | |||
Überschriften Formatierung | |||
************************************************/ | |||
h1 { | h1 { | ||
font-size: 22px; | |||
font-weight: bold; | |||
color: #0F2A3A; | |||
} | } | ||
h2 { | h2 { | ||
border-left: 4px solid #0D1E41; | |||
padding: 4px 8px; | |||
font-size: 20px; | |||
font-weight: bold; | |||
border-bottom: 4px solid #0D1E41; | |||
margin: 5px 0 10px 0; | |||
color: #0F2A3A; | |||
} | |||
h3 { | |||
border-left: 4px solid #0D1E41; | |||
padding: 4px 8px; | |||
font-size: 18px; | |||
font-weight: bold; | |||
border-bottom: 4px solid #0D1E41; | |||
margin: 5px 0 10px 0; | |||
color: #0F2A3A; | |||
} | } | ||
h4 { | |||
border-left: 4px solid #0D1E41; | |||
padding: 4px 8px; | |||
font-size: 16px; | |||
font-weight: bold; | |||
border-bottom: 4px solid #0D1E41; | |||
margin: 5px 0 10px 0; | |||
color: #0F2A3A; | |||
} | |||
h5 { | |||
border-left: 4px solid #0D1E41; | |||
padding: 4px 8px; | |||
font-size: 14px; | |||
font-weight: bold; | |||
border-bottom: 4px solid #0D1E41; | |||
margin: 5px 0 10px 0; | |||
color: #0F2A3A; | |||
} | |||
/*********************************************** | |||
Entfernt pfeil bei externen links | |||
***********************************************/ | |||
#bodyContent a.external[href^="http://www.playonline.com"], | |||
[href^="http://lodestone.finalfantasyxiv.com"], | |||
[href^="https://secure.square-enix.com"], | |||
[href^="http://de.finalfantasyxiv.com"], | |||
[href^="http://sqex.to"], | |||
[href^="http://www.finalfantasyxi.com"], | |||
[href^="http://www.finalfantasyxiv.com"], | |||
[href^="http://forum.square-enix.com"], | |||
[href^="http://www.square-enix.com"], | |||
[href^="https://www.sevengamer.de"], | |||
[href^="https://ffxi.sevengamer.de"], | |||
[href^="https://archiv.ffxiv.sevengamer.de"], | |||
[href^="https://ffxiv.sevengamer.de"], | |||
[href^="https://facebook.sevengamer.de"], | |||
[href^="https://twitter.sevengamer.de"], | |||
[href^="https://youtube.sevengamer.de"], | |||
[href^="https://steam.sevengamer.de"] | |||
{ | |||
background-image: none !important; | |||
padding-right: 0 !important; | |||
} | } | ||
/************************************** | |||
SEVENGAMER Tabelle | |||
**************************************/ | |||
table.datatable-SGtable, | |||
table.SGtable { | |||
border: 1px solid black; | |||
border-collapse: collapse; | |||
background-color: transparent; | |||
color: black; | |||
} | |||
table.datatable-SGtable th, | |||
table.SGtable th, table.datatable td { | |||
border: 1px solid black; | |||
font-weight: bold; | |||
color:#ffffff; | |||
padding: 4px; | |||
} | |||
table.datatable-SGtable th, | |||
table.SGtable th { | |||
border: 1px solid black; | |||
text-align: left; | |||
background-color: #4876FF; | |||
} | |||
table.datatable-SGtable tr, | |||
table.SGtable tr { | |||
border: 1px solid black; | |||
background-color: #D7D8DB; | |||
} | |||
table.datatable-SGtable tr:hover, | |||
table.SGtable tr:hover { | |||
border: 1px solid black; | |||
background-color: #EBECF0; | |||
} | |||
/********************************* | |||
infobox | |||
*********************************/ | |||
.infobox { | |||
border: solid 2px #929DA3; | |||
box-shadow: inset 0px 0px 0px 2px #FFFFFD; | |||
background-color: #62C694; | |||
-webkit-border-radius: 5px; | |||
-moz-border-radius: 5px; | |||
border-radius: 5px; | |||
} | |||
/***************************************** | /***************************************** | ||
Zeile 410: | Zeile 1.083: | ||
/*Bürokraten & Admins*/ | /*Bürokraten & Admins*/ | ||
.page-Spezial_Letzte_Änderungen a[title="Benutzer:BlueAngel"], | .page-Spezial_Letzte_Änderungen a[title="Benutzer:BlueAngel"], | ||
.page-Spezial_Letzte_Änderungen a[title="Benutzer: | .page-Spezial_Letzte_Änderungen a[title="Benutzer:Fyoouki"], | ||
.page-Spezial_Letzte_Änderungen a[title="Benutzer:Sunset"], | .page-Spezial_Letzte_Änderungen a[title="Benutzer:Sunset"], | ||
.page-Spezial_WhosOnline a[href$="Benutzer:BlueAngel"], | .page-Spezial_WhosOnline a[href$="Benutzer:BlueAngel"], | ||
.page-Spezial_WhosOnline a[href$="Benutzer: | .page-Spezial_WhosOnline a[href$="Benutzer:Fyoouki"], | ||
.page-Spezial_WhosOnline a[href$="Benutzer:Sunset"] | .page-Spezial_WhosOnline a[href$="Benutzer:Sunset"] | ||
Zeile 545: | Zeile 1.216: | ||
div.gallerytext{overflow:hidden;font-size:94%;padding:2px 4px;word-wrap:break-word;} | div.gallerytext{overflow:hidden;font-size:94%;padding:2px 4px;word-wrap:break-word;} | ||
/************************************* | /************************************* | ||
site Notice | |||
**************************************/ | |||
#siteNotice { | #siteNotice { | ||
Zeile 558: | Zeile 1.228: | ||
bottom:0px !important; | bottom:0px !important; | ||
} | } | ||
Aktuelle Version vom 30. Dezember 2023, 22:16 Uhr
.catlinks ul { display: inline; margin: 0; padding: 0; list-style: none none; } .catlinks li { display: inline-block; line-height: 1.25em; border-left: 1px solid #a2a9b1; margin: 0.125em 0; padding: 0 0.5em; zoom: 1; } .catlinks li:first-child { padding-left: 0.25em; border-left: 0; } /********************************* Zwei container formatierung Responsive 50/50 *********************************/ @media only screen { /* klassischer Desktop, zweispaltig; Grundstruktur */ #container { overflow: auto; padding-bottom: 1px; } #container-links, #container-rechts { float: left; width: calc(50% - 0.5em - 0.005px); } #container-links { margin-right: 1em; } #container-unten { clear: both; } #container-oben, #container-unten { text-align: center; } } @media only screen and (max-width: 54rem) { /* Platzmangel */ #container-links, #container-rechts { float: none; margin-right: 0; width: auto; } #container-oben, #container-unten, p:first-child { text-align: left; } } @media only screen and (max-width: 42rem) { /* Besonders kleiner Screen */ #container-oben { display: none; } } @media only screen and (min-width: 180rem) { /* Mehr als zweispaltig; 121rem */ #container-links { float: none; margin-right: 0; width: auto; } #container-links-container-oben, #container-links-container-unten { float: left; } #container-oben, #container-unten { max-width: none; width: auto; } } @media only screen and (min-width: 99999rem) { /* Dreispaltig */ #container-links-container-oben, #container-links-container-unten { margin-right: 3%; width: 28%; } #container-rechts { width: 38%; } } @media only screen and (min-width: 180rem) { /* Vierspaltig */ #container-rechts { float: none; width: auto; } #container-links-container-oben, #container-links-container-unten, #container-rechts-container-oben, #container-rechts-container-unten { width: 23%; } #container-links-container-oben, #container-links-container-unten, #container-rechts-container-oben, #container-rechts-container-unten { margin-left: 1%; margin-right: 1%; } #container-rechts-container-oben, #container-rechts-container-unten { float: left; } } @media only screen and (min-width: 260rem) { /* Fünfspaltig */ #container-rechts-container-unten { float: none; width: auto; } #container-links-container-oben, #container-links-container-unten, #container-rechts-container-oben, #container-rechts-container-unten-1, #container-rechts-container-unten-2 { margin-left: 1%; margin-right: 1%; width: 18%; } #container-rechts-container-unten-1, #container-rechts-container-unten-2 { float: left; } #container-rechts-container-unten-2 { margin-right: 0; } #container-unten { max-width: none; } } /********************************* Zwei Spalten formatierung Responsive 75/25 *********************************/ @media only screen { /* klassischer Desktop, zweispaltig; Grundstruktur */ #container1 { overflow: auto; padding-bottom: 1px; } #container1-links{ float: left; width: calc(75% - 0.5em - 0.005px); } #container1-rechts { float: left; width: calc(25% - 0.5em - 0.005px); } #container1-links { margin-right: 1em; } #container1-unten { clear: both; } #container1-oben, #container1-unten { text-align: center; } } @media only screen and (max-width: 54rem) { /* Platzmangel */ #container1-links, #container1-rechts { float: none; margin-right: 0; width: auto; } #container1-oben, #container1-unten, #willkommen p:first-child { text-align: left; } } @media only screen and (max-width: 42rem) { /* Besonders kleiner Screen */ #container1-oben { display: none; } } @media only screen and (min-width: 180rem) { /* Mehr als zweispaltig; 121rem */ #container1-links { float: none; margin-right: 0; width: auto; } #container1-links-oben, #container1-links-unten { float: left; } #container1-oben, #container1-unten { max-width: none; width: auto; } } @media only screen and (min-width: 99999rem) { /* Dreispaltig */ #container1-links-oben, #container1-links-unten { margin-right: 3%; width: 28%; } #container1-rechts { width: 38%; } } @media only screen and (min-width: 180rem) { /* Vierspaltig */ #container1-rechts { float: none; width: auto; } #container1-links-oben, #container1-links-unten, #container1-rechts-oben, #container1-rechts-unten { width: 23%; } #container1-links-oben, #container1-links-unten, #container1-rechts-oben, #container1-rechts-unten { margin-left: 1%; margin-right: 1%; } #container1-rechts-oben, #container1-rechts-unten { float: left; } } @media only screen and (min-width: 260rem) { /* Fünfspaltig */ #container1-rechts-unten { float: none; width: auto; } #container1-links-oben, #container1-links-unten, #container1-rechts-oben, #container1-rechts-unten-1, #container1-rechts-unten-2 { margin-left: 1%; margin-right: 1%; width: 18%; } #container1-rechts-unten-1, #container1-rechts-unten-2 { float: left; } #container1-rechts-unten-2 { margin-right: 0; } #container1-unten { max-width: none; } } /********************************* Zwei Spalten formatierung Responsive 25/75 *********************************/ @media only screen { /* klassischer Desktop, zweispaltig; Grundstruktur */ #container2 { overflow: auto; padding-bottom: 1px; } #container2-links{ float: left; width: calc(25% - 0.5em - 0.005px); } #container2-rechts { float: left; width: calc(75% - 0.5em - 0.005px); } #container2-links { margin-right: 1em; } #container2-unten { clear: both; } #container2-oben, #container2-unten { text-align: center; } } @media only screen and (max-width: 54rem) { /* Platzmangel */ #container2-links, #container2-rechts { float: none; margin-right: 0; width: auto; } #container2-oben, #container2-unten, #willkommen p:first-child { text-align: left; } } @media only screen and (max-width: 42rem) { /* Besonders kleiner Screen */ #container2-oben { display: none; } } @media only screen and (min-width: 180rem) { /* Mehr als zweispaltig; 121rem */ #container2-links { float: none; margin-right: 0; width: auto; } #container2-links-oben, #container2-links-unten { float: left; } #container2-oben, #container2-unten { max-width: none; width: auto; } } @media only screen and (min-width: 99999rem) { /* Dreispaltig */ #container2-links-oben, #container2-links-unten { margin-right: 3%; width: 28%; } #container2-rechts { width: 38%; } } @media only screen and (min-width: 180rem) { /* Vierspaltig */ #container2-rechts { float: none; width: auto; } #container2-links-oben, #container2-links-unten, #container2-rechts-oben, #container2-rechts-unten { width: 23%; } #container2-links-oben, #container2-links-unten, #container2-rechts-oben, #container2-rechts-unten { margin-left: 1%; margin-right: 1%; } #container2-rechts-oben, #container2-rechts-unten { float: left; } } @media only screen and (min-width: 260rem) { /* Fünfspaltig */ #container2-rechts-unten { float: none; width: auto; } #container2-links-oben, #container2-links-unten, #container2-rechts-oben, #container2-rechts-unten-1, #container2-rechts-unten-2 { margin-left: 1%; margin-right: 1%; width: 18%; } #container2-rechts-unten-1, #container2-rechts-unten-2 { float: left; } #container2-rechts-unten-2 { margin-right: 0; } #container2-unten { max-width: none; } } /********************************* Zwei Spalten formatierung Responsive 70/30 *********************************/ @media only screen { /* klassischer Desktop, zweispaltig; Grundstruktur */ #container4 { overflow: auto; padding-bottom: 1px; } #container4-links{ float: left; width: calc(70% - 0.5em - 0.005px); } #container4-rechts { float: left; width: calc(30% - 0.5em - 0.005px); } #container4-links { margin-right: 1em; } #container4-unten { clear: both; } #container4-oben, #container4-unten { text-align: center; } } @media only screen and (max-width: 54rem) { /* Platzmangel */ #container4-links, #container4-rechts { float: none; margin-right: 0; width: auto; } #container4-oben, #container4-unten, #willkommen p:first-child { text-align: left; } } @media only screen and (max-width: 42rem) { /* Besonders kleiner Screen */ #container4-oben { display: none; } } @media only screen and (min-width: 180rem) { /* Mehr als zweispaltig; 121rem */ #container4-links { float: none; margin-right: 0; width: auto; } #container4-links-oben, #container4-links-unten { float: left; } #container4-oben, #container4-unten { max-width: none; width: auto; } } @media only screen and (min-width: 99999rem) { /* Dreispaltig */ #container4-links-oben, #container4-links-unten { margin-right: 3%; width: 28%; } #container4-rechts { width: 38%; } } @media only screen and (min-width: 180rem) { /* Vierspaltig */ #container4-rechts { float: none; width: auto; } #container4-links-oben, #container4-links-unten, #container4-rechts-oben, #container4-rechts-unten { width: 23%; } #container4-links-oben, #container4-links-unten, #container4-rechts-oben, #container4-rechts-unten { margin-left: 1%; margin-right: 1%; } #container4-rechts-oben, #container4-rechts-unten { float: left; } } @media only screen and (min-width: 260rem) { /* Fünfspaltig */ #container4-rechts-unten { float: none; width: auto; } #container4-links-oben, #container4-links-unten, #container4-rechts-oben, #container4-rechts-unten-1, #container4-rechts-unten-2 { margin-left: 1%; margin-right: 1%; width: 18%; } #container4-rechts-unten-1, #container4-rechts-unten-2 { float: left; } #container4-rechts-unten-2 { margin-right: 0; } #container4-unten { max-width: none; } } /********************************* drei container formatierung Responsive 33/33/33 *********************************/ @media only screen { /* klassischer Desktop, dreispaltig; Grundstruktur */ #container3 { overflow: auto; padding-bottom: 1px; } #container3-links, #container3-mitte { float: left; width: calc(33% - 0.5em - 0.005px); } #container3-rechts { float: right; width: calc(33% - 0.5em - 0.005px); } #container3-links, #container3-mitte { margin-right: 1em; } #container3-unten { clear: both; } #container3-oben, #container3-unten { text-align: center; } } @media only screen and (max-width: 54rem) { /* Platzmangel */ #container3-links, #container3-rechts, #container3-mitte { float: none; margin-right: 0; width: auto; } #container3-oben, #container3-unten, p:first-child { text-align: left; } } @media only screen and (max-width: 42rem) { /* Besonders kleiner Screen */ #container3-oben { display: none; } } @media only screen and (min-width: 180rem) { /* Mehr als zweispaltig; 121rem */ #container3-links, #container3-mitte { float: none; margin-right: 0; width: auto; } #container3-links-container3-oben, #container3-links-container3-unten { float: left; } #container3-oben, #container3-unten { max-width: none; width: auto; } } @media only screen and (min-width: 99999rem) { /* Dreispaltig */ #container3-links-container3-oben, #container3-links-container3-unten { margin-right: 3%; width: 28%; } #container3-rechts { width: 38%; } } @media only screen and (min-width: 180rem) { /* Vierspaltig */ #container3-rechts { float: none; width: auto; } #container3-links-container3-oben, #container3-links-container3-unten, #container3-rechts-container3-oben, #container3-rechts-container3-unten { width: 23%; } #container3-links-container3-oben, #container3-links-container3-unten, #container3-rechts-container3-oben, #container3-rechts-container3-unten { margin-left: 1%; margin-right: 1%; } #container3-rechts-container3-oben, #container3-rechts-container3-unten { float: left; } } @media only screen and (min-width: 260rem) { /* Fünfspaltig */ #container3-rechts-container3-unten { float: none; width: auto; } #container3-links-container3-oben, #container3-links-container3-unten, #container3-rechts-container3-oben, #container3-rechts-container3-unten-1, #container3-rechts-container3-unten-2 { margin-left: 1%; margin-right: 1%; width: 18%; } #container3-rechts-container3-unten-1, #container3-rechts-container3-unten-2 { float: left; } #container3-rechts-container3-unten-2 { margin-right: 0; } #container3-unten { max-width: none; } } /********************************* Zwei Spalten formatierung Responsive 30/70 *********************************/ @media only screen { /* klassischer Desktop, zweispaltig; Grundstruktur */ #container5 { overflow: auto; padding-bottom: 1px; } #container5-links{ float: left; width: calc(70% - 0.5em - 0.005px); } #container5-rechts { float: left; width: calc(30% - 0.5em - 0.005px); } #container5-links { margin-right: 1em; } #container5-unten { clear: both; } #container5-oben, #container5-unten { text-align: center; } } @media only screen and (max-width: 54rem) { /* Platzmangel */ #container5-links, #container5-rechts { float: none; margin-right: 0; width: auto; } #container5-oben, #container5-unten, #willkommen p:first-child { text-align: left; } } @media only screen and (max-width: 42rem) { /* Besonders kleiner Screen */ #container5-oben { display: none; } } @media only screen and (min-width: 180rem) { /* Mehr als zweispaltig; 121rem */ #container5-links { float: none; margin-right: 0; width: auto; } #container5-links-oben, #container5-links-unten { float: left; } #container5-oben, #container5-unten { max-width: none; width: auto; } } @media only screen and (min-width: 99999rem) { /* Dreispaltig */ #container5-links-oben, #container5-links-unten { margin-right: 3%; width: 28%; } #container5-rechts { width: 38%; } } @media only screen and (min-width: 180rem) { /* Vierspaltig */ #container5-rechts { float: none; width: auto; } #container5-links-oben, #container5-links-unten, #container5-rechts-oben, #container5-rechts-unten { width: 23%; } #container5-links-oben, #container5-links-unten, #container5-rechts-oben, #container5-rechts-unten { margin-left: 1%; margin-right: 1%; } #container5-rechts-oben, #container5-rechts-unten { float: left; } } @media only screen and (min-width: 260rem) { /* Fünfspaltig */ #container5-rechts-unten { float: none; width: auto; } #container5-links-oben, #container5-links-unten, #container5-rechts-oben, #container5-rechts-unten-1, #container5-rechts-unten-2 { margin-left: 1%; margin-right: 1%; width: 18%; } #container5-rechts-unten-1, #container5-rechts-unten-2 { float: left; } #container5-rechts-unten-2 { margin-right: 0; } #container5-unten { max-width: none; } } /************************************************ Überschriften Formatierung ************************************************/ h1 { font-size: 22px; font-weight: bold; color: #0F2A3A; } h2 { border-left: 4px solid #0D1E41; padding: 4px 8px; font-size: 20px; font-weight: bold; border-bottom: 4px solid #0D1E41; margin: 5px 0 10px 0; color: #0F2A3A; } h3 { border-left: 4px solid #0D1E41; padding: 4px 8px; font-size: 18px; font-weight: bold; border-bottom: 4px solid #0D1E41; margin: 5px 0 10px 0; color: #0F2A3A; } h4 { border-left: 4px solid #0D1E41; padding: 4px 8px; font-size: 16px; font-weight: bold; border-bottom: 4px solid #0D1E41; margin: 5px 0 10px 0; color: #0F2A3A; } h5 { border-left: 4px solid #0D1E41; padding: 4px 8px; font-size: 14px; font-weight: bold; border-bottom: 4px solid #0D1E41; margin: 5px 0 10px 0; color: #0F2A3A; } /*********************************************** Entfernt pfeil bei externen links ***********************************************/ #bodyContent a.external[href^="http://www.playonline.com"], [href^="http://lodestone.finalfantasyxiv.com"], [href^="https://secure.square-enix.com"], [href^="http://de.finalfantasyxiv.com"], [href^="http://sqex.to"], [href^="http://www.finalfantasyxi.com"], [href^="http://www.finalfantasyxiv.com"], [href^="http://forum.square-enix.com"], [href^="http://www.square-enix.com"], [href^="https://www.sevengamer.de"], [href^="https://ffxi.sevengamer.de"], [href^="https://archiv.ffxiv.sevengamer.de"], [href^="https://ffxiv.sevengamer.de"], [href^="https://facebook.sevengamer.de"], [href^="https://twitter.sevengamer.de"], [href^="https://youtube.sevengamer.de"], [href^="https://steam.sevengamer.de"] { background-image: none !important; padding-right: 0 !important; } /************************************** SEVENGAMER Tabelle **************************************/ table.datatable-SGtable, table.SGtable { border: 1px solid black; border-collapse: collapse; background-color: transparent; color: black; } table.datatable-SGtable th, table.SGtable th, table.datatable td { border: 1px solid black; font-weight: bold; color:#ffffff; padding: 4px; } table.datatable-SGtable th, table.SGtable th { border: 1px solid black; text-align: left; background-color: #4876FF; } table.datatable-SGtable tr, table.SGtable tr { border: 1px solid black; background-color: #D7D8DB; } table.datatable-SGtable tr:hover, table.SGtable tr:hover { border: 1px solid black; background-color: #EBECF0; } /********************************* infobox *********************************/ .infobox { border: solid 2px #929DA3; box-shadow: inset 0px 0px 0px 2px #FFFFFD; background-color: #62C694; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /***************************************** Tabellenformatierung *****************************************/ table.table, table.innerborder {border-collapse:collapse;} table.table > thead > tr > td, table.table > thead > tr > th, table.table > tbody > tr > td, table.table > tbody > tr > th, table.table > tfoot > tr > td, table.table > tfoot > tr > th {border:2px outset #0D1E41;} /********************************************************************************** Sevengamer - Standard-Tabelle ***********************************************************************************/ table.datatable-SGtable, table.SGtable { border-collapse:collapse; background-color: transparent; } table.datatable-SGtable th, table.SGtable th, table.datatable td { font-weight: bold; color:#ffffff; padding: 4px; } table.datatable-SGtable th, table.SGtable th { text-align: left; background-color: #335AB6; } table.datatable-SGtable tr, table.SGtable tr { border: 1px solid black; background-color: #E8E8E8; } table.datatable-SGtable tr:hover, table.SGtable tr:hover { background-color: #CFCFCF; } /********************************* Ansicht der Kategoriebox *********************************/ div.catlinks { background:#f9f9f9; background:linear-gradient(top,#f9f9f9,#ddd); background:-o-linear-gradient(top,#f9f9f9,#ddd); background:-ms-linear-gradient(top,#f9f9f9,#ddd); background:-moz-linear-gradient(top,#f9f9f9,#ddd); background:-webkit-linear-gradient(top,#f9f9f9,#ddd); border-radius:8px; padding:5px 11px !important; } div.catlinks span { padding:0 8px; } /********************************* Markierung von Weiterleitungen in [[Special:Allpages]] *********************************/ .allpagesredirect { font-weight: bold; } /********************************* ± Zahl) wird in den letzen Änderungen bei minus rot dargestellt, bei plus grün *********************************/ span.mw-plusminus-pos {color: #006400 !important; font-weight: bold;} span.mw-plusminus-neg {color: #8B0000 !important; font-weight: bold;} /********************************* Farbeneinteilung von Bestimmten User *********************************/ /*Bürokraten & Admins*/ .page-Spezial_Letzte_Änderungen a[title="Benutzer:BlueAngel"], .page-Spezial_Letzte_Änderungen a[title="Benutzer:Fyoouki"], .page-Spezial_Letzte_Änderungen a[title="Benutzer:Sunset"], .page-Spezial_WhosOnline a[href$="Benutzer:BlueAngel"], .page-Spezial_WhosOnline a[href$="Benutzer:Fyoouki"], .page-Spezial_WhosOnline a[href$="Benutzer:Sunset"] { font-weight: bold; color:#000; text-shadow: 0 0 6px #D2691E, 0 0 7px #D2691E, 0 0 9px #D2691E, 0 0 12px #D2691E, 0 0 17px #D2691E; background-image: url(http://sqex.sevengamer.de/images/se/8/8a/Logo-mini.jpg); background-position: left center; background-repeat: no-repeat; height:16px; font-family:'Viner Hand ITC'; padding-left: 18px; /* Or size of icon + spacing */ } /*********************************************** Entfernt pfeil bei externen links ***********************************************/ #bodyContent a.external[href^="http://www.playonline.com"], [href^="http://lodestone.finalfantasyxiv.com"], [href^="http://sqex.to"], [href^="http://www.finalfantasyxi.com"], [href^="http://www.finalfantasyxiv.com"], [href^="http://forum.square-enix.com"], [href^="http://www.square-enix.com"], [href^="http://www.sevengamer.de"], [href^="http://archiv.ffxiv.sevengamer.de"], [href^="http://facebook.sevengamer.de"], [href^="http://twitter.sevengamer.de"], [href^="http://youtube.sevengamer.de"], [href^="http://steam.sevengamer.de"] { background-image: none !important; padding-right: 0 !important; } /********************************* Ausblenden diverser Inhalte *********************************/ #f-poweredbyico { display: none; } /************************************************************ Test ************************************************************/ .navi > li { position: relative; align: center; display: inline-block; } .navi > li > ul { position: absolute; align: center; width: 96px; top: 100%; left: 0; margin: 0; display: none; } .navi > li:hover > ul { align: center; display: block; } .navi > li > ul > li { align: center; display: block; } /************************************ TOC-format ************************************* / .toc { float: right !important; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; } /************************************* Gallery-format **************************************/ li.gallerybox{vertical-align:top;display:-moz-inline-box;display:inline-block} ul.gallery,li.gallerybox{zoom:1;*display:inline} ul.gallery{margin:2px;padding:2px;display:block} li.gallerycaption{font-weight:bold;text-align:center;display:block;word-wrap:break-word} li.gallerybox div.thumb { text-align:center; border:1px solid #ccc; margin:2px; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !importrant; border-radius: 10px !important; } div.gallerytext{overflow:hidden;font-size:94%;padding:2px 4px;word-wrap:break-word;} /************************************* site Notice **************************************/ #siteNotice { position:fixed !important; right:0px !important; bottom:0px !important; }