Benutzer:Jakob Warkotsch (WMDE)/rev-slider-prototype.css
aus Wikipedia, der freien Enzyklopädie
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Strg+F5
.ui-slider-tick-mark {
display: inline-block;
border: 1px solid black;
height: 9px;
position: absolute;
top: -3px;
opacity: 0.35;
z-index: 10;
}
.ui-slider-tick-mark:hover {
opacity: 0.65!important;
-webkit-transition: all ease 0.2s;
-moz-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.rvslider-legend-box {
opacity: 0.35;
font-size: 1.4em;
}
.revisions {
height: 150px;
}
.revisions-container {
width: 90%;
position: relative;
overflow: hidden;
}
.revisions-container, .arrow {
float: left;
}
.arrow {
width: 5%;
margin-top: 63px;
}
.left-arrow {
width: 0;
height: 0;
margin-right: 20px;
border-style: solid;
border-width: 12px 18px 12px 0;
border-color: transparent #424242 transparent transparent;
}
.right-arrow {
margin-left: 20px;
width: 0;
height: 0;
border-style: solid;
border-width: 12px 0 12px 18px;
border-color: transparent transparent transparent #424242;
}
.revision {
width: 1%;
margin-top: 75px;
}
.stopper {
position: absolute;
top: 50%;
margin-left: -10px;
height: 50px;
width: 0;
}
.slider {
position: relative;
}
.revision-slider {
position: relative;
width: 100%;
margin: 0 auto;
}
.pointer-container {
position: absolute;
clear: both;
width: 100%;
top: 77px;
z-index: 10;
}
.left-pointer {
border-color: transparent transparent #00f transparent;
}
.right-pointer {
border-color: transparent transparent #f00 transparent;
}
.pointer {
position: absolute !important;
z-index: 11;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
}
