Portal:Gaming/CSS: Unterschied zwischen den Versionen

Aus Stupidedia, der sinnfreien Enzyklopädie!
Wechseln zu: Navigation, Suche
K
(Markierung: Widget installiert)
K (Komisches Zeug von Burschenmann I. weg, weil voriger Kram von Metallica-Fan besser war)
 
(17 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 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%;
height: 480px;
 
 
cursor: default;
 
cursor: default;
 
opacity: 0.73;
 
opacity: 0.73;
Zeile 135: Zeile 151:
 
}}
 
}}
  
{{#widget:CSS|selectors=.tablestructure|style=background-image: url('{{filepath:Struktur3.jpg}}');
+
{{#widget:CSS|selectors=.columns|style=
opacity: 1;
+
-moz-column-width: 9.5em;
overflow: visible;
+
-webkit-column-width: 9.5em;  
color: black;
+
-moz-column-gap: 2em;
background-repeat: repeat;
+
-webkit-column-gap: 2em;
-webkit-background-origin: padding-box;
+
column-width: 9em;
background-origin: padding-box;
+
column-gap:2em;  
-webkit-background-clip: border-box;
+
text-align:left;
background-clip: border-box;
 
-webkit-background-size: auto;
 
background-size: auto;
 
 
}}
 
}}
 
 
{{#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



Linktipps: Faditiva und 3DPresso