| Current Path : /var/www/iplanru/data/www/iplan.5018.vps.agava.net/modules/mod_workfilter/tmpl/ |
| Current File : /var/www/iplanru/data/www/iplan.5018.vps.agava.net/modules/mod_workfilter/tmpl/style.css |
#workfilter{
padding: 17px 20px 17px 20px;
font-family: helveticaneuecyrroman;
color: #000000;
font-size: 14px;
text-align: left;
}
#workfilter p{
margin: 0px 0px 20px;
}
#workfilter label
{
float: left;
line-height: 33px
}
#workfilter label,
#workfilter input,
#workfilter select
{
font-family: helveticaneuecyrroman;
color: #000000;
font-size: 14px;
text-align: left;
}
#workfilter select option
{
margin-right: 22px;
}
#wfname{
box-shadow: 0px 1px 0px 0px #a8a8a8 inset;
width: 519px;
height: 30px;
background: #e9e9e9;
border-radius: 3px;
border: 1px solid #ffffff;
}
#wftype, #wfcat
{
/*background: -webkit-linear-gradient(90deg, rgba(230, 230, 230, 0) 0%, rgba(245, 245, 245, 0) 74%);
background: -moz-linear-gradient(90deg, rgba(230, 230, 230, 0) 0%, rgba(245, 245, 245, 0) 74%);
background: -o-linear-gradient(90deg, rgba(230, 230, 230, 0) 0%, rgba(245, 245, 245, 0) 74%);
background: -ms-linear-gradient(90deg, rgba(230, 230, 230, 0) 0%, rgba(245, 245, 245, 0) 74%);
background: linear-gradient(0deg, rgba(230, 230, 230, 0) 0%, rgba(245, 245, 245, 0) 74%);
box-shadow: 0px 1px 0px 0px #a8a8a8;*/
width: 200px;
height: 30px;
border-radius: 3px;
border: 0px solid #ffffff;
/*margin-left: 30px;*/
/*background-image: url('select.png');*/
}
#yearamountfrom, #yearamountto
{
border-radius: 3px;
border-width: 1px;
border-color: #bdbdbd;
border-style: solid;
background-color: #ffffff;
width: 48px;
height: 28px;
margin: 0 8px;
}
#priceamountfrom, #priceamountto
{
border-radius: 3px;
border-width: 1px;
border-color: #bdbdbd;
border-style: solid;
background-color: #ffffff;
width: 68px;
height: 28px;
margin: 0 8px;
}
#wflang, #wfreg
{
/*border-radius: 2px;
background: -webkit-linear-gradient(90deg, rgba(230, 230, 230, 0) 0%, rgba(245, 245, 245, 0) 74%);
background: -moz-linear-gradient(90deg, rgba(230, 230, 230, 0) 0%, rgba(245, 245, 245, 0) 74%);
background: -o-linear-gradient(90deg, rgba(230, 230, 230, 0) 0%, rgba(245, 245, 245, 0) 74%);
background: -ms-linear-gradient(90deg, rgba(230, 230, 230, 0) 0%, rgba(245, 245, 245, 0) 74%);
background: linear-gradient(0deg, rgba(230, 230, 230, 0) 0%, rgba(245, 245, 245, 0) 74%);
box-shadow: 0px 1px 0px 0px #a8a8a8;*/
width: 135px;
height: 30px;
border-radius: 3px;
border: 0px solid #ffffff;
/*background-image: url('select2.png');*/
}
#workfilter .wfsubmitp{
text-align: center;
margin: 0px 0px 0px;
}
#workfilter input[type="submit"]{
border-radius: 4px;
background: -webkit-linear-gradient(90deg, #699f25 0%, #77af30 46%, #87c23d 100%);
background: -moz-linear-gradient(90deg, #699f25 0%, #77af30 46%, #87c23d 100%);
background: -o-linear-gradient(90deg, #699f25 0%, #77af30 46%, #87c23d 100%);
background: -ms-linear-gradient(90deg, #699f25 0%, #77af30 46%, #87c23d 100%);
background: linear-gradient(0deg, #699f25 0%, #77af30 46%, #87c23d 100%);
box-shadow: 0px 1px 0px 0px #3d3d3d;
width: 200px;
height: 32px;
margin: 0 auto;
border: 0px solid #ffffff;
font-family: cuprumbold;
color: #ffffff;
font-size: 16px;
font-weight: 400;
text-align: left;
text-shadow: 0px 1px 0px #416911;
text-align: center;
}
.ui-widget-header {
border: 1px solid #000000;
background: #5f9406;
color: #222222;
font-weight: bold;
}
.ui-slider-horizontal
{
height: 2px;
}
.ui-widget-content
{
border: 1px solid #000000;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px/*{cornerRadius}*/; -webkit-border-top-left-radius: 0px/*{cornerRadius}*/; -khtml-border-top-left-radius: 0px/*{cornerRadius}*/; border-top-left-radius: 0px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px/*{cornerRadius}*/; -webkit-border-top-right-radius: 0px/*{cornerRadius}*/; -khtml-border-top-right-radius: 0px/*{cornerRadius}*/; border-top-right-radius: 0px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 0px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 0px/*{cornerRadius}*/; border-bottom-left-radius: 0px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 0px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 0px/*{cornerRadius}*/; border-bottom-right-radius: 0px/*{cornerRadius}*/; }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-state-default,
.ui-widget-content .ui-state-default
{
border: 0px solid #999999;
background: url(handle.png) 50% 50%;
}
#workfilter select {
border: none;
line-height: 30px;
position: relative; /* Это нужно, чтобы работал z-index */
background: none; /* Через прозрачный фон будет видно кнопку */
z-index: 100;
}
.select-outer {
border: #bdbdbd 1px solid;
overflow: hidden; /* Кнопка будет находиться за пределами "обертки" */
display: inline-block;
position: relative; /* Чтобы элементы с position:absolute позиционировались по "обертке" */
background: rgb(245,245,245); /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
box-shadow: 0px 1px 0px 0px #a8a8a8;*/
width: 200px;
height: 30px;
border-radius: 3px;
margin-left: 30px;
/*background: url('select.png');*/
}
.select-button {
/*background: url('select-btn.png') center center no-repeat;*/
height: 30px; /* Размеры подготовленной картинки */
width: 22px;
position: absolute; /* Размещаем объект по правому краю */
right: 0;
top: 0;
bottom: 0;
z-index: 50; /* И спускаем его на нижний слой - чтобы ссылка */
/* не перехватывала событие щелчка от select'а */
}