User:NKohli (WMF)/common.css

.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; }