Current File : /home/obaba/public_html/admin/assets/plugins/jQRangeSlider/demo/style.css |
body{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
h1{
text-align:center;
font-weight:normal;
font-size:25px;
}
h2{
margin-bottom:50px;
}
h3{
clear:both;
}
hr{
border:none;
clear: both;
margin: 0;
padding: 0;
}
.ui-sliderDemo{
margin-bottom:50px;
}
.slider,
.dateSlider{
width:100%;
margin:20px auto;
padding-top:20px;
}
.tick{
border-left:1px solid black;
position:absolute;
top:0;
height:20px;
text-align:right;
}
.sliderZone dl input{
text-align:right;
margin-left:5px;
margin-right:0;
width:200px;
}
.sliderZone img{
vertical-align:middle;
}
.sliderZone dl{
margin-bottom:50px;
}
.sliderZone{
height:40px;
}
pre{
overflow:auto;
margin-right:400px;
}
pre code{
tab-interval: 2pt;
display:block;
border-width:1px 1px 1px 15px;
border-style:solid;
border-color:#CCC;
color:#444;
padding:5px 10px;
margin:0 5px;
font-family:Consolas, Monaco, Arial, Helvetica, sans-serif;
font-size:12px;
}
pre code .comment{
color:#5e7f5f;
}
dt{
font-weight:bold;
float:left;
clear:left;
width:150px;
margin-bottom:2px;
}
dt+dd{
margin-top:2px;
}
dd{
padding-left:15px;
margin-left:0;
margin-left:150px;
}
.wrapper{
width:100%;
float:left;
}
.sliderZone,
.logZone{
margin-right:400px;
}
.options{
width:400px;
float:left;
margin-left:-400px;
}
input[type=number]{
width:3em;
}
.options form{
margin:0 10px;
}
.log{
height: 140px;
overflow: auto;
background-color:#555;
font-family:Consolas Courrier "Courrier New" Monospace;
color: #DDD;
padding: 5px;
list-style-type:none;
}
.log p{
margin:0;
padding: 0;
}
#themeSelector{
width:100%;
height:100px;
position: relative
}
#themeSelector dt,
#themeSelector dd{
position: absolute;
width:120px;
text-align:center;
margin:0 5px;
cursor: pointer;
border:3px solid transparent;
}
#themeSelector dt{
bottom:0;
-moz-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
}
#themeSelector dd{
top:0;
padding: 0;
-moz-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
}
#themeSelector .iThing{
left:130px;
}
#themeSelector .selected{
}
#themeSelector dd.selected{
border-color:#68a1d6;
border-bottom-color:transparent;
}
#themeSelector dt.selected{
border-color:#68a1d6;
border-top-color:transparent;
}