Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Скачиваний:
53
Добавлен:
06.02.2015
Размер:
4.13 Кб
Скачать

/*----------------------------------Поисковик в шапке -----------------------------------------*/
body {
padding: 0px;
margin: 0px;
}

.headerSearch form {
width: 180px;
margin: 0px;
padding: 0px;
position: absolute;
margin-left: 100px;
}

.headerSearch {
}

.headerSearch input {
display: inline;
}

.headerSearch input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
font-family: inherit;
font-size: 14px;
}

.headerSearch input::-webkit-search-decoration,
.headerSearch input::-webkit-search-cancel-button {
display: none;
}

.headerSearch input[type=search] {
padding: 5px 6px 5px 32px;
width: 55px; /* Ширина по умолчанию */
border: solid 1px #ccc;
-moz-border-radius: 10em;
-webkit-border-radius: 10em;
border-radius: 10em;
background: #ededed url("/Content/Images/search-icon.png") no-repeat 9px center;
-moz-transition: all .5s;
-o-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
}

.headerSearch input[type=search]:focus {
width: 180px; /* Ширина при наличии фокуса ввода */
background-color: #fff;
border-color: #6dcff6;
-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
box-shadow: 0 0 5px rgba(109,207,246,.5); /* Эффект свечения */
}
/*----------------------------------Поисковик в шапке -----------------------------------------*/




/* Стилизация формы поиска */
.filterForms {
width: 300px;
display: block;
float: right;
}

.formSearch section {
float: left;
width: 520px;
border-right: 2px dashed red;
padding: 5px;
}

.formSearch input {
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
-webkit-text-shadow: none;
text-shadow: none;
display: inline-block;
text-align: -webkit-auto;
-webkit-rtl-ordering: logical;
width: 450px;
-webkit-user-select: text;
outline: none;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
font-size: 11px;
font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
cursor: auto;
}

.formSearch input.text {
background: white;
color: black;
border: 1px solid #C0CAD5;
padding: 3px;
margin: 0px;
}




.headline {
float: right;
position: relative;
padding: 15px 0;
background: #e5e5e5;
background: -moz-linear-gradient(#f5f5f5, #e5e5e5);
background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
background: -webkit-linear-gradient(#f5f5f5, #e5e5e5);
background: -o-linear-gradient(#f5f5f5, #e5e5e5);
background: -ms-linear-gradient(#f5f5f5, #e5e5e5);
background: linear-gradient(#f5f5f5, #e5e5e5);
-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
-moz-box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;
-webkit-text-shadow: 0 1px 0 #fff;
text-shadow: 0 1px 0 #fff;
}

.headline:before, .headline:after {
position: absolute;
left: 0;
bottom: -6px;
content: '';
border-top: 6px solid #555;
border-left: 6px solid transparent;
}

.headline:before {
border-top: 6px solid #555;
border-right: 6px solid transparent;
border-left: none;
left: auto;
right: 0;
bottom: -6px;
}

Соседние файлы в папке styles