Portal:Gaming/CSS: Unterschied zwischen den Versionen
Aus Stupidedia, der sinnfreien Enzyklopädie!
K (dann eben so) (Markierung: Widget installiert) |
K (Komisches Zeug von Burschenmann I. weg, weil voriger Kram von Metallica-Fan besser war) |
||
(14 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
{{#widget:ColoredLinks|color=black|selector=.box}} | {{#widget:ColoredLinks|color=black|selector=.box}} | ||
+ | |||
+ | {{#widget:CSS|selectors=.boxes|style= | ||
+ | display: -webkit-flex; | ||
+ | display: flex; | ||
+ | -webkit-flex-direction: row; | ||
+ | flex-direction: row; | ||
+ | -webkit-flex-wrap: wrap; | ||
+ | flex-wrap: wrap; | ||
+ | }} | ||
+ | |||
+ | {{#widget:CSS|selectors=.box, .box2, .box3, .box-leseprobe, .box-top-QO|style= | ||
+ | min-width: 250px; | ||
+ | -webkit-flex: 1 1 auto; | ||
+ | flex: 1 1 auto; | ||
+ | }} | ||
+ | |||
{{#widget:CSS|selectors=.box|style=display: block; | {{#widget:CSS|selectors=.box|style=display: block; | ||
-webkit-box-sizing: content-box; | -webkit-box-sizing: content-box; | ||
Zeile 6: | Zeile 22: | ||
float: left; | float: left; | ||
z-index: auto; | z-index: auto; | ||
− | width: | + | width: 30.7%; |
− | |||
position: static; | position: static; | ||
cursor: default; | cursor: default; | ||
Zeile 45: | Zeile 60: | ||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||
}} | }} | ||
+ | |||
{{#widget:CSS|selectors=.box-leseprobe|style=display: block; | {{#widget:CSS|selectors=.box-leseprobe|style=display: block; | ||
-webkit-box-sizing: content-box; | -webkit-box-sizing: content-box; | ||
Zeile 51: | Zeile 67: | ||
z-index: auto; | z-index: auto; | ||
width: 60%; | width: 60%; | ||
+ | min-width: 503px; /* Tabellenbreite * 1.25 (Tabelle macht 80% aus) */ | ||
height: auto; | height: auto; | ||
position: static; | position: static; | ||
Zeile 74: | Zeile 91: | ||
z-index: auto; | z-index: auto; | ||
width: 50%; | width: 50%; | ||
− | |||
cursor: default; | cursor: default; | ||
opacity: 0.73; | opacity: 0.73; | ||
Zeile 135: | Zeile 151: | ||
}} | }} | ||
− | {{#widget:CSS|selectors=. | + | {{#widget:CSS|selectors=.columns|style= |
− | + | -moz-column-width: 9.5em; | |
− | + | -webkit-column-width: 9.5em; | |
− | + | -moz-column-gap: 2em; | |
− | + | -webkit-column-gap: 2em; | |
− | -webkit- | + | column-width: 9em; |
− | + | column-gap:2em; | |
− | -webkit- | + | text-align:left; |
− | |||
− | - | ||
− | |||
}} | }} | ||
− | |||
{{#widget:CSS|selectors=#heading|style=color: #CCCCCC; | {{#widget:CSS|selectors=#heading|style=color: #CCCCCC; | ||
text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF; | text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF; | ||
Zeile 160: | Zeile 172: | ||
margin-left: 15px; | margin-left: 15px; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
+ | }} | ||
+ | |||
+ | {{#widget:CSS|selectors=.box3|style=display: inline; | ||
+ | display: -webkit-flex; | ||
+ | display: flex; | ||
+ | -webkit-flex-direction: column; | ||
+ | flex-direction: column; | ||
+ | -webkit-box-sizing: content-box; | ||
+ | -moz-box-sizing: content-box; | ||
+ | box-sizing: content-box; | ||
+ | float: left; | ||
+ | z-index: auto; | ||
+ | width: 47%; | ||
+ | flex: 1 1 auto; | ||
+ | position: static; | ||
+ | cursor: default; | ||
+ | opacity: 0.73; | ||
+ | margin: 5px; | ||
+ | padding: 10px; | ||
+ | overflow: visible; | ||
+ | border: 1px double black; | ||
+ | border-left-color: white; | ||
+ | border-top-color: white; | ||
+ | font: normal 16px/1 "Times New Roman", Times, serif; | ||
+ | color: white; | ||
+ | text-align: left; | ||
+ | -o-text-overflow: ellipsis; | ||
+ | text-overflow: ellipsis; | ||
+ | }} | ||
+ | |||
+ | {{#widget:CSS|selectors=.abschnitt3|style=background-image: url('{{filepath:Metall.jpg}}'); | ||
+ | opacity: 1; | ||
+ | overflow: visible; | ||
+ | background-repeat: no-repeat; | ||
+ | -webkit-background-origin: padding-box; | ||
+ | background-origin: padding-box; | ||
+ | -webkit-background-clip: border-box; | ||
+ | background-clip: border-box; | ||
+ | -webkit-background-size: cover; | ||
+ | background-size: cover; | ||
+ | -webkit-flex: 1 1 auto; | ||
+ | flex: 1 1 auto; | ||
+ | }} | ||
+ | |||
+ | {{#widget:CSS|selectors=.mw-headline-number|style= | ||
+ | display: none; | ||
}} | }} |
Aktuelle Version vom 11. November 2015, 02:19 Uhr