Benutzer:WiMu/vector.css: Unterschied zwischen den Versionen

aus Kamelopedia, der wüsten Enzyklopädie
Zur Navigation springen Zur Suche springen
K
K (WiMu verschob die Seite Kamel:WiMu/Vector.css nach Kamel:WiMu/vector.css, ohne dabei eine Weiterleitung anzulegen: nö, daran liegt's nicht)
 
(63 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* work in progress
+
/* commons-Kategorien blau machen, auch wenn noch nicht angelegt */
  
body {
+
.ns-6 #catlinks a.new { color: #0645ad !important; }
    background-color: #f6f1d4;
+
 
     background-image: url('/images/5/56/Headbg00.jpg') !important;
+
/* Sidebar festtackern */
 +
 
 +
div#mw-panel {
 +
     position:fixed !important;
 
}
 
}
  
#mw-head {
+
/* MiniPreview */
     background-image: url('/images/d/dd/Düne_Gross.jpg');
+
 
     height:187px;
+
#MiniPreview {
     z-index:1;
+
    width:250px;
 +
    background-color: #e5ecf4;
 +
    border:3px solid #365f91;
 +
}
 +
 
 +
#MiniPreview .MiniPreview_category {
 +
     background-color: #ffffff;
 +
    margin:0.5em;
 +
    border:1px solid #ffffff;
 +
    border-radius: 0.5em;
 +
}
 +
 
 +
/* Mal gucken, ob es damit funktioniert */
 +
 
 +
div.wimu {
 +
    position:relative;
 +
    overflow:hidden;
 +
    padding:5px 20px 20px;
 +
    background: url(../images/f/f2/WiMu%27s_Tapete.jpg);
 +
     -moz-box-shadow:1px 1px 8px rgba(0,0,0,0.5);
 +
    -webkit-box-shadow:1px 1px 8px rgba(0,0,0,0.5);
 +
    box-shadow:1px 1px 8px rgba(0,0,0,0.5);
 +
    border:5px solid rgba(221,210,105,0.75);
 +
    -moz-border-radius:10px;
 +
    -webkit-border-radius:10px;
 +
    border-radius:10px;
 +
    text-shadow:0 1px 1px #fff;
 +
}
 +
 
 +
div.wimu h2 {
 +
    position:relative;
 +
     z-index:2;
 +
    margin:.5em 0 1em;
 +
    background-color:#fff;
 +
    background-image:-moz-linear-gradient(top,rgba(180,180,180,0.2),rgba(0,0,0,0));
 +
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(180,180,180,0.2)), to(rgba(0,0,0,0)));
 +
    border:1px solid #ccc;
 +
    border-top-color:#fff;
 +
    border-bottom-color:#bbb;
 +
    -moz-border-radius:5px;
 +
    -webkit-border-radius:5px;
 +
    border-radius:5px;
 +
    -moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);
 +
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);
 +
    box-shadow:0 1px 4px rgba(0,0,0,0.2);
 +
    color:#666;
 +
    padding:0px;
 +
    font-size:1.4em;
 +
    line-height:2em;
 +
    text-align:center;
 
}
 
}
  
#mw-panel {
+
div.wimu div.count {
 +
    position:absolute;
 
     z-index:2;
 
     z-index:2;
 +
    font-weight:bold;
 +
    color:#444;
 
}
 
}
  
#content {
+
div.wimu embed, div.wimu iframe {
 
     position:relative;
 
     position:relative;
 +
    display:block;
 
     z-index:2;
 
     z-index:2;
 +
    width:500px;
 +
    height:405px;
 +
    padding:5px;
 +
    margin:.5em auto;
 +
    -moz-border-radius:10px;
 +
    -webkit-border-radius:10px;
 +
    border-radius:10px;
 +
    background-color:rgba(221,210,105,0.75);
 +
    background-image: url(../images/c/ce/Bufferingbuffering.gif);
 +
    background-position: center center;
 +
    background-repeat:no-repeat;
 +
    overflow:hidden;
 
}
 
}
  
#p-logo a {
+
div.wimu div.navigation {
     background:none !important;
+
    position:relative;
 +
    z-index:2;
 +
    width:500px;
 +
     margin:0 auto 1em auto;
 
}
 
}
  
#p-logo {
+
div.wimu div.navigation a {
     background: url('/images/a/a9/Kamel2.png') center center no-repeat !important;
+
     position:relative;
 
     z-index:2;
 
     z-index:2;
} */
+
    display:block;
 +
    background-color:#fff !important;
 +
    border:1px solid #ccc;
 +
    border-top-color:#fff;
 +
    border-bottom-color:#bbb;
 +
    -moz-border-radius:5px;
 +
    -webkit-border-radius:5px;
 +
    border-radius:5px;
 +
    -moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);
 +
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2)
 +
    box-shadow:0 1px 4px rgba(0,0,0,0.2);
 +
    background-image:-moz-linear-gradient(top,rgba(180,180,180,0.2),rgba(0,0,0,0)) !important;
 +
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(180,180,180,0.2)), to(rgba(0,0,0,0))) !important;
 +
    padding:3px 10px !important;
 +
    color:#666 !important;
 +
    font-weight:bold;
 +
}
  
/* fixes für zum feedback in die sidebar quetschen
+
div.wimu div.navigation div.prev {
  besser wäre es, aus den einzelnen labeln h5-Elemente (evtl. sogar zum ein- und ausklappen) zu machen */
+
    float:left;
 +
}
  
#mw-panel .feedback_reviewform p { display:none; } /* dürfte jetzt ja wohl selbsterklärend sein */
+
div.wimu div.navigation div.next {
#mw-panel .feedback_reviewform label { font-size:12px } /* nur zum Testen, wie's aussieht ... auf keinen Fall hier noch Schriftgrößen absolut angeben! */
+
    float:right;
#mw-feedbackform { display:none; } /* bis ich mal dazu komme, das Teil fertig zu scripten */
+
    margin-right:10px; /* keine Ahnung wieso ... aber sonst isses nicht mittig */
 +
}
  
/* commons-Kategorien Wegradieren */
+
div.wimu div.description {
 +
    position:relative;
 +
    z-index:2;
 +
    margin:1em 0 .5em 0;
 +
    padding:5px 10px;
 +
    -moz-border-radius:5px;
 +
    -webkit-border-radius:5px;
 +
    border-radius:5px;
 +
    background-color:rgba(221,210,105,0.75);
 +
}
  
.ns-6 a.new { display: none; }
+
div.wimu img.anim {
 +
    display:block;
 +
    position:absolute;
 +
    z-index:1;
 +
    /*opacity:0.65;*/
 +
}

Aktuelle Version vom 24. Oktober 2014, 09:33 Uhr

/* commons-Kategorien blau machen, auch wenn noch nicht angelegt */

.ns-6 #catlinks a.new { color: #0645ad !important; }

/* Sidebar festtackern */

div#mw-panel {
    position:fixed !important;
}

/* MiniPreview */

#MiniPreview {
    width:250px;
    background-color: #e5ecf4;
    border:3px solid #365f91;
}

#MiniPreview .MiniPreview_category {
    background-color: #ffffff;
    margin:0.5em;
    border:1px solid #ffffff;
    border-radius: 0.5em;
}

/* Mal gucken, ob es damit funktioniert */

div.wimu {
    position:relative;
    overflow:hidden;
    padding:5px 20px 20px;
    background: url(../images/f/f2/WiMu%27s_Tapete.jpg);
    -moz-box-shadow:1px 1px 8px rgba(0,0,0,0.5);
    -webkit-box-shadow:1px 1px 8px rgba(0,0,0,0.5);
    box-shadow:1px 1px 8px rgba(0,0,0,0.5);
    border:5px solid rgba(221,210,105,0.75);
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    text-shadow:0 1px 1px #fff;
}

div.wimu h2 {
    position:relative;
    z-index:2;
    margin:.5em 0 1em;
    background-color:#fff;
    background-image:-moz-linear-gradient(top,rgba(180,180,180,0.2),rgba(0,0,0,0));
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(180,180,180,0.2)), to(rgba(0,0,0,0)));
    border:1px solid #ccc;
    border-top-color:#fff;
    border-bottom-color:#bbb;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);
    box-shadow:0 1px 4px rgba(0,0,0,0.2);
    color:#666;
    padding:0px;
    font-size:1.4em;
    line-height:2em;
    text-align:center;
}

div.wimu div.count {
    position:absolute;
    z-index:2;
    font-weight:bold;
    color:#444;
}

div.wimu embed, div.wimu iframe {
    position:relative;
    display:block;
    z-index:2;
    width:500px;
    height:405px;
    padding:5px;
    margin:.5em auto;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    background-color:rgba(221,210,105,0.75);
    background-image: url(../images/c/ce/Bufferingbuffering.gif);
    background-position: center center;
    background-repeat:no-repeat;
    overflow:hidden;
}

div.wimu div.navigation {
    position:relative;
    z-index:2;
    width:500px;
    margin:0 auto 1em auto;
}

div.wimu div.navigation a {
    position:relative;
    z-index:2;
    display:block;
    background-color:#fff !important;
    border:1px solid #ccc;
    border-top-color:#fff;
    border-bottom-color:#bbb;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2)
    box-shadow:0 1px 4px rgba(0,0,0,0.2);
    background-image:-moz-linear-gradient(top,rgba(180,180,180,0.2),rgba(0,0,0,0)) !important;
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(180,180,180,0.2)), to(rgba(0,0,0,0))) !important;
    padding:3px 10px !important;
    color:#666 !important;
    font-weight:bold;
}

div.wimu div.navigation div.prev {
    float:left;
}

div.wimu div.navigation div.next {
    float:right;
    margin-right:10px; /* keine Ahnung wieso ... aber sonst isses nicht mittig */
}

div.wimu div.description {
    position:relative;
    z-index:2;
    margin:1em 0 .5em 0;
    padding:5px 10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:rgba(221,210,105,0.75);
}

div.wimu img.anim {
    display:block;
    position:absolute;
    z-index:1;
    /*opacity:0.65;*/
}