mirror of
https://github.com/gsi-upm/soil
synced 2024-11-26 21:02:29 +00:00
73 lines
1.1 KiB
CSS
73 lines
1.1 KiB
CSS
#slider3 {
|
|
margin: 0 0 10px 0;
|
|
}
|
|
|
|
.d3-slider {
|
|
position: relative;
|
|
font-family: Verdana,Arial,sans-serif;
|
|
font-size: 1.1em;
|
|
border: 1px solid #aaaaaa;
|
|
z-index: 2;
|
|
}
|
|
|
|
.d3-slider-horizontal {
|
|
height: 40px;
|
|
}
|
|
|
|
.d3-slider-range {
|
|
background:#2980b9;
|
|
left:0px;
|
|
right:0px;
|
|
height: 0.8em;
|
|
position: absolute;
|
|
}
|
|
|
|
.d3-slider-handle {
|
|
position: absolute;
|
|
width: .8em;
|
|
height: 48px;
|
|
border: 1px solid #d3d3d3;
|
|
border-radius: 4px;
|
|
background: #eee;
|
|
background: linear-gradient(to bottom, #eee 0%, #ddd 100%);
|
|
z-index: 3;
|
|
}
|
|
|
|
.d3-slider-handle:hover {
|
|
border: 1px solid #999999;
|
|
}
|
|
|
|
.d3-slider-horizontal .d3-slider-handle {
|
|
top: -.3em;
|
|
margin-left: -.4em;
|
|
}
|
|
|
|
.d3-slider-axis {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.d3-slider-axis-bottom {
|
|
top: 38px;
|
|
}
|
|
|
|
.d3-slider-axis-right {
|
|
left: .8em;
|
|
}
|
|
|
|
.d3-slider-axis path {
|
|
stroke-width: 0;
|
|
fill: none;
|
|
}
|
|
|
|
.d3-slider-axis line {
|
|
fill: none;
|
|
stroke: #aaa;
|
|
shape-rendering: crispEdges;
|
|
stroke-dasharray: 2;
|
|
}
|
|
|
|
.d3-slider-axis text {
|
|
font-size: 11px;
|
|
}
|