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)
 
(11 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 31: Zeile 46:
 
width: auto;
 
width: auto;
 
height: auto;
 
height: 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;
 
text-align: left;
 
-o-text-overflow: ellipsis;
 
text-overflow: ellipsis;
 
}}
 
 
{{#widget:CSS|selectors=.box3|style=display: inline;
 
-webkit-box-sizing: content-box;
 
-moz-box-sizing: content-box;
 
box-sizing: content-box;
 
float: left;
 
z-index: auto;
 
width: 47%;
 
height: 530px;
 
 
position: static;
 
position: static;
 
cursor: default;
 
cursor: default;
Zeile 75: 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 98: 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 158: Zeile 150:
 
background-size: cover;
 
background-size: cover;
 
}}
 
}}
 
{{#widget:CSS|selectors=.abschnitt3|style=background-image: url('{{filepath:Metall.jpg}}');
 
opacity: 1;
 
height: 450px;
 
overflow: visible;
 
color: black;
 
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;
 
}}
 
 
 
  
 
{{#widget:CSS|selectors=.columns|style=
 
{{#widget:CSS|selectors=.columns|style=
Zeile 196: 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



Linktipps: Faditiva und 3DPresso