Jump to content

User:NKohli (WMF)/common.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
.ui-slider {
	height: 5px;
	margin: 50px;
}

.ui-slider .ui-slider-handle {
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid blue;
	background: white;
}

.ui-slider-tick-mark {
	display: 	inline-block;
	border: 	1px solid black;
	height:		8px;
	position:	absolute;
	top:		-4px;
	opacity: 	0.8;
	z-index:	100;
}

.ui-slider-tick-mark:hover {
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
	transition: all ease 0.2s;
}

.ui-widget-content .range-slider {
	border: none;
	background: none;
}

.range-slider {
	width: 80%;
	margin: 30px;
	text-align: center;
}