Portal:Gaming/CSS: Unterschied zwischen den Versionen

Aus Stupidedia, der sinnfreien Enzyklopädie!
Wechseln zu: Navigation, Suche
K
K (Komisches Zeug von Burschenmann I. weg, weil voriger Kram von Metallica-Fan besser war)
 
(9 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: 22%;
+
width: 30.7%;
height: 500px;
 
 
position: static;
 
position: static;
 
cursor: default;
 
cursor: default;
Zeile 52: 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 75: Zeile 91:
 
z-index: auto;
 
z-index: auto;
 
width: 50%;
 
width: 50%;
height: 480px;
 
 
cursor: default;
 
cursor: default;
 
opacity: 0.73;
 
opacity: 0.73;
Zeile 160: Zeile 175:
  
 
{{#widget:CSS|selectors=.box3|style=display: inline;
 
{{#widget:CSS|selectors=.box3|style=display: inline;
 +
display: -webkit-flex;
 +
display: flex;
 +
-webkit-flex-direction: column;
 +
flex-direction: column;
 
-webkit-box-sizing: content-box;
 
-webkit-box-sizing: content-box;
 
-moz-box-sizing: content-box;
 
-moz-box-sizing: content-box;
Zeile 166: Zeile 185:
 
z-index: auto;
 
z-index: auto;
 
width: 47%;
 
width: 47%;
height: 550px;
+
flex: 1 1 auto;
 
position: static;
 
position: static;
 
cursor: default;
 
cursor: default;
Zeile 185: Zeile 204:
 
{{#widget:CSS|selectors=.abschnitt3|style=background-image: url('{{filepath:Metall.jpg}}');  
 
{{#widget:CSS|selectors=.abschnitt3|style=background-image: url('{{filepath:Metall.jpg}}');  
 
opacity: 1;
 
opacity: 1;
height: 500px;
 
 
overflow: visible;
 
overflow: visible;
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
Zeile 194: Zeile 212:
 
-webkit-background-size: cover;
 
-webkit-background-size: cover;
 
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



Linktipps: Faditiva und 3DPresso