Benutzer:Metallica-Fan/vector.css: Unterschied zwischen den Versionen
Aus Stupidedia, der sinnfreien Enzyklopädie!
(Ich brauch mal wieder was Neues hier) |
K (bisschen was Altes doch übernehmen) |
||
Zeile 7: | Zeile 7: | ||
span:target{ | span:target{ | ||
color:#ff0000; | color:#ff0000; | ||
+ | } | ||
+ | |||
+ | /* Toolbar */ | ||
+ | #toolbar { | ||
+ | background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2)); | ||
+ | background-color: #ccc; | ||
+ | box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5) inset; | ||
+ | padding:5px; | ||
+ | line-height: 2em; | ||
+ | } | ||
+ | #toolbar .spacer { | ||
+ | display: inline-block; | ||
+ | width: 5em; | ||
+ | } | ||
+ | #toolbar select { | ||
+ | vertical-align: baseline; | ||
+ | height: 22px; | ||
+ | } | ||
+ | |||
+ | /* Linkbox */ | ||
+ | #toolbox{ | ||
+ | background: -moz-linear-gradient(to right bottom, #ddd, #555) repeat scroll 0 0 transparent; | ||
+ | background: linear-gradient(left top, #ddd, #555); | ||
+ | background: -o-linear-gradient(left top, #ddd, #555); | ||
+ | background: -moz-linear-gradient(left top, #ddd, #555); | ||
+ | background: -webkit-linear-gradient(left top, #ddd, #555); | ||
+ | background: -ms-linear-gradient(left top, #ddd, #555); | ||
+ | background: -webkit-gradient(linear, left top, right bottom, from(#ddd), to(#555)); | ||
+ | border-bottom-right-radius: 25px; | ||
+ | font-size: 8pt; | ||
+ | height: 300px; | ||
+ | left: -300px; | ||
+ | opacity: 0.8; | ||
+ | padding: 10px; | ||
+ | position: absolute; | ||
+ | top: -300px; | ||
+ | width: 300px; | ||
+ | z-index: 5; | ||
+ | transition: left 2s ease, top 2s ease; | ||
+ | -moz-transition: left 2s ease, top 2s ease; | ||
+ | -webkit-transition: left 2s ease, top 2s ease; | ||
+ | -o-transition: left 2s ease, top 2s ease; | ||
+ | |||
+ | } | ||
+ | #toolbox:hover{ | ||
+ | left: 0; | ||
+ | top: 0; | ||
} | } |
Version vom 2. März 2014, 18:44 Uhr
/* Werbung und sonstigen überflüssigen Kram wegmachen */
#werbung, #buch, #buch-neu, #facebook, #twitter, #social, #editpage-copywarn, .mw-newarticletext, #talkpagetext, #anontalkpagetext, #sbgdde {
display: none;
}
/* Überschrift färben */
span:target{
color:#ff0000;
}
/* Toolbar */
#toolbar {
background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2));
background-color: #ccc;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5) inset;
padding:5px;
line-height: 2em;
}
#toolbar .spacer {
display: inline-block;
width: 5em;
}
#toolbar select {
vertical-align: baseline;
height: 22px;
}
/* Linkbox */
#toolbox{
background: -moz-linear-gradient(to right bottom, #ddd, #555) repeat scroll 0 0 transparent;
background: linear-gradient(left top, #ddd, #555);
background: -o-linear-gradient(left top, #ddd, #555);
background: -moz-linear-gradient(left top, #ddd, #555);
background: -webkit-linear-gradient(left top, #ddd, #555);
background: -ms-linear-gradient(left top, #ddd, #555);
background: -webkit-gradient(linear, left top, right bottom, from(#ddd), to(#555));
border-bottom-right-radius: 25px;
font-size: 8pt;
height: 300px;
left: -300px;
opacity: 0.8;
padding: 10px;
position: absolute;
top: -300px;
width: 300px;
z-index: 5;
transition: left 2s ease, top 2s ease;
-moz-transition: left 2s ease, top 2s ease;
-webkit-transition: left 2s ease, top 2s ease;
-o-transition: left 2s ease, top 2s ease;
}
#toolbox:hover{
left: 0;
top: 0;
}