Portal:Gaming/CSS: Unterschied zwischen den Versionen

Aus Stupidedia, der sinnfreien Enzyklopädie!
Wechseln zu: Navigation, Suche
K (test2)
K (Komisches Zeug von Burschenmann I. weg, weil voriger Kram von Metallica-Fan besser war)
 
(6 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 7: Zeile 23:
 
z-index: auto;
 
z-index: auto;
 
width: 30.7%;
 
width: 30.7%;
flex: 1 1 auto;
 
 
position: static;
 
position: static;
 
cursor: default;
 
cursor: default;
Zeile 28: Zeile 43:
 
box-sizing: content-box;
 
box-sizing: content-box;
 
float: left;
 
float: left;
flex: 1 1 auto;
 
 
z-index: auto;
 
z-index: auto;
 
width: auto;
 
width: auto;
Zeile 53: Zeile 67:
 
z-index: auto;
 
z-index: auto;
 
width: 60%;
 
width: 60%;
flex: 1 1 auto;
+
min-width: 503px; /* Tabellenbreite * 1.25 (Tabelle macht 80% aus) */
 
height: auto;
 
height: auto;
 
position: static;
 
position: static;
Zeile 75: Zeile 89:
 
box-sizing: border-box;
 
box-sizing: border-box;
 
float: left;
 
float: left;
flex: 1 1 auto;
 
 
z-index: auto;
 
z-index: auto;
 
width: 50%;
 
width: 50%;
height: 480px;
 
 
cursor: default;
 
cursor: default;
 
opacity: 0.73;
 
opacity: 0.73;
Zeile 163: 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 196: 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=.boxes|style=
 
display: -webkit-flex;
 
display: flex;
 
-webkit-flex-direction: row;
 
flex-direction: row;
 
-webkit-flex-wrap: wrap;
 
flex-wrap: wrap;
 
 
}}
 
}}
  

Aktuelle Version vom 11. November 2015, 02:19 Uhr



Linktipps: Faditiva und 3DPresso