.pie-element, .search, .search .type, .search.big .go { behavior: url("../../../../../blog/wp-content/themes/prohqblog/stylesheets/PIE.htc"); position: relative } .icon { background-image: url("../../../../../blog/wp-content/themes/prohqblog/images/icons.png"); display: inline-block; background-repeat: no-repeat; width: 17px; height: 16px } .icon.home { background-position: -46px -530px } .icon.enter { background-position: -46px -458px } .icon.exit { background-position: -46px -484px } .icon.help { height: 18px; background-position: -46px -505px } .icon.help-grey { height: 18px; background-position: -124px -113px } .icon.loupe-white, .search.big .go .icon { width: 21px; height: 21px; background-position: -64px -861px } .icon.loupe-grey, .search.mini .go .icon { width: 21px; height: 21px; background-position: -10px -861px } .icon.phone-grey { width: 15px; height: 21px; background-position: -41px -861px } .icon.phone-white { width: 15px; height: 21px; background-position: -96px -861px } .icon.man-grey { background-position: -10px -320px } .icon.man-white { background-position: -46px -320px } .icon.folder-grey { background-position: -10px -230px } .icon.folder-white { background-position: -46px -230px } .icon.sheet-grey { background-position: -10px -205px } .icon.sheet-white { background-position: -46px -205px } .icon.bubble-grey { background-position: -10px -160px } .icon.bubble-white { background-position: -46px -160px } .icon.man-plus-grey { background-position: -10px -112px } .icon.man-plus-white { background-position: -46px -112px } .icon.favourite-grey { background-position: -10px -89px } .icon.favourite-white { background-position: -46px -89px } .icon.list-grey { background-position: -10px -436px } .icon.list-white { background-position: -46px -436px } .icon.thumbs-grey { background-position: -10px -413px } .icon.thumbs-white { background-position: -46px -413px } .icon.trash-grey { background-position: -10px -136px } .icon.trash-white { background-position: -46px -136px } .icon.pencil-grey { width: 13px; height: 16px; background-position: -13px -625px } .icon.pencil-white { width: 13px; height: 16px; background-position: -43px -625px } .icon.handle-grey { width: 16px; height: 18px; background-position: -9px -700px } .icon.handle-white { width: 16px; height: 18px; background-position: -37px -700px } .icon.red-flag { height: 17px; background-position: -124px -91px } .icon.red-star { height: 17px; background-position: -124px -66px } .icon.info-big { height: 32px; width: 31px; background-position: -137px -847px } .icon.house-grey { background-position: -185px -423px } .icon.house-blue { background-position: -214px -423px } .icon.picture-grey { background-position: -185px -450px } .icon.picture-blue { background-position: -214px -450px } .icon.bubbles-grey { background-position: -185px -477px } .icon.bubbles-blue { background-position: -214px -477px } .icon.megaphone-grey { background-position: -185px -504px } .icon.megaphone-blue { background-position: -214px -504px } .icon.money-grey { background-position: -185px -529px } .icon.money-blue { background-position: -214px -529px } .icon.umbrella-grey { background-position: -185px -556px } .icon.umbrella-blue { background-position: -214px -556px } .icon.puzzle-grey { background-position: -185px -583px } .icon.puzzle-blue { background-position: -214px -583px } .icon.key-grey { background-position: -185px -609px } .icon.key-blue { background-position: -214px -609px } .icon.phone-grey { background-position: -10px -251px } .icon.user-blue { background-position: -124px -320px } .icon.user-green { background-position: -153px -320px } .icon.sp { width: 15px; height: 15px; background-position: -186px -678px } .icon.llc { width: 15px; height: 16px; background-position: -186px -657px } .icon.checked { width: 10px; height: 12px; background-position: -217px -658px } .icon.rejected { width: 10px; height: 12px; background-position: -217px -671px } .icon.persons { width: 14px; height: 9px; background-position: -215px -722px } .icon.red-dot { width: 23px; height: 22px; background-position: -209px -17px } .icon.gear { background-position: -10px -554px } .icon.file-jpg { width: 24px; height: 24px; background: url("../../../../../blog/wp-content/themes/prohqblog/images/jpeg24.png") left top no-repeat } .icon.file-pdf { width: 24px; height: 24px; background: url("../../../../../blog/wp-content/themes/prohqblog/images/pdf24.png") left top no-repeat } .icon.file-pptx { width: 24px; height: 24px; background: url("../../../../../blog/wp-content/themes/prohqblog/images/pptx24.png") left top no-repeat } .icon.alert { height: 13px; background-position: -121px -652px } .icon.yes { background-position: -124px -580px } .icon.no { background-position: -121px -671px } .icon.yes-big { width: 30px; height: 27px; background-position: -100px -810px } .icon.star { width: 23px; height: 22px; background-position: -209px -17px } .search { display: table; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background-color: #fff } .search .drop-down, .search .value, .search .go { display: block; float: left } .search .type { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -o-border-top-right-radius: 0; -ms-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0 } .search .value { padding: 8px } .search .value input { padding: 0; border: 0; outline: none; width: 100% } .search .value input::-webkit-input-placeholder, .search .value input::-moz-placeholder, .search .value input.placeholder { font-style: italic } .search .go { border: 0; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -o-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -o-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px } .search.big .type, .search.big .value, .search.big .go, .search.big .drop-down { height: 34px } .search.big .type { width: 164px; font-size: 14px; height: 25px; padding-top: 9px } .search.big .value { height: 18px; width: 506px; -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 1px 1px 5px, inset rgba(0, 0, 0, 0.25) -1px -1px 5px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 1px 1px 5px, inset rgba(0, 0, 0, 0.25) -1px -1px 5px; -o-box-shadow: inset rgba(0, 0, 0, 0.25) 1px 1px 5px, inset rgba(0, 0, 0, 0.25) -1px -1px 5px; box-shadow: inset rgba(0, 0, 0, 0.25) 1px 1px 5px, inset rgba(0, 0, 0, 0.25) -1px -1px 5px } .search.big .value:hover { -moz-box-shadow: inset rgba(0, 0, 0, 0.45) 1px 1px 5px, inset rgba(0, 0, 0, 0.45) -1px -1px 5px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.45) 1px 1px 5px, inset rgba(0, 0, 0, 0.45) -1px -1px 5px; -o-box-shadow: inset rgba(0, 0, 0, 0.45) 1px 1px 5px, inset rgba(0, 0, 0, 0.45) -1px -1px 5px; box-shadow: inset rgba(0, 0, 0, 0.45) 1px 1px 5px, inset rgba(0, 0, 0, 0.45) -1px -1px 5px } .search.big .go { width: 50px; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #808285), color-stop(100%, #6d6e71)); background: -webkit-linear-gradient(#808285, #6d6e71); background: -moz-linear-gradient(#808285, #6d6e71); background: -o-linear-gradient(#808285, #6d6e71); background: -ms-linear-gradient(#808285, #6d6e71); -pie-background: linear-gradient(#808285, #6d6e71); background: linear-gradient(#808285, #6d6e71); -moz-box-shadow: inset rgba(0, 0, 0, 0.55) 1px 1px 1px, inset rgba(0, 0, 0, 0.55) -1px -1px 1px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.55) 1px 1px 1px, inset rgba(0, 0, 0, 0.55) -1px -1px 1px; -o-box-shadow: inset rgba(0, 0, 0, 0.55) 1px 1px 1px, inset rgba(0, 0, 0, 0.55) -1px -1px 1px; box-shadow: inset rgba(0, 0, 0, 0.55) 1px 1px 1px, inset rgba(0, 0, 0, 0.55) -1px -1px 1px } .search.big .go:hover { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7bc8eb), color-stop(100%, #25aae1)); background: -webkit-linear-gradient(#7bc8eb, #25aae1); background: -moz-linear-gradient(#7bc8eb, #25aae1); background: -o-linear-gradient(#7bc8eb, #25aae1); background: -ms-linear-gradient(#7bc8eb, #25aae1); -pie-background: linear-gradient(#7bc8eb, #25aae1); background: linear-gradient(#7bc8eb, #25aae1); -moz-box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 5px, rgba(0, 0, 0, 0.45) -1px -1px 5px, inset rgba(0, 0, 0, 0.75) 1px 1px 1px, inset rgba(0, 0, 0, 0.75) -1px -1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 5px, rgba(0, 0, 0, 0.45) -1px -1px 5px, inset rgba(0, 0, 0, 0.75) 1px 1px 1px, inset rgba(0, 0, 0, 0.75) -1px -1px 1px; -o-box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 5px, rgba(0, 0, 0, 0.45) -1px -1px 5px, inset rgba(0, 0, 0, 0.75) 1px 1px 1px, inset rgba(0, 0, 0, 0.75) -1px -1px 1px; box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 5px, rgba(0, 0, 0, 0.45) -1px -1px 5px, inset rgba(0, 0, 0, 0.75) 1px 1px 1px, inset rgba(0, 0, 0, 0.75) -1px -1px 1px } .search.big .go:active { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #199ed5), color-stop(100%, #6fbcdf)); background: -webkit-linear-gradient(#199ed5, #6fbcdf); background: -moz-linear-gradient(#199ed5, #6fbcdf); background: -o-linear-gradient(#199ed5, #6fbcdf); background: -ms-linear-gradient(#199ed5, #6fbcdf); -pie-background: linear-gradient(#199ed5, #6fbcdf); background: linear-gradient(#199ed5, #6fbcdf); -moz-box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 5px, rgba(0, 0, 0, 0.45) -1px -1px 5px, inset rgba(0, 0, 0, 0.34) 2px 2px 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 5px, rgba(0, 0, 0, 0.45) -1px -1px 5px, inset rgba(0, 0, 0, 0.34) 2px 2px 3px; -o-box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 5px, rgba(0, 0, 0, 0.45) -1px -1px 5px, inset rgba(0, 0, 0, 0.34) 2px 2px 3px; box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 5px, rgba(0, 0, 0, 0.45) -1px -1px 5px, inset rgba(0, 0, 0, 0.34) 2px 2px 3px } .search.big .go .icon { margin-top: 3px } .search.big .search-type-options { top: 33px } .search.big .search-type-options .option { width: 135px } .search.mini { -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 1px 1px 3px, inset rgba(0, 0, 0, 0.25) -1px -1px 3px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 1px 1px 3px, inset rgba(0, 0, 0, 0.25) -1px -1px 3px; -o-box-shadow: inset rgba(0, 0, 0, 0.25) 1px 1px 3px, inset rgba(0, 0, 0, 0.25) -1px -1px 3px; box-shadow: inset rgba(0, 0, 0, 0.25) 1px 1px 3px, inset rgba(0, 0, 0, 0.25) -1px -1px 3px; } .search.mini input { } .search.mini .type, .search.mini .value, .search.mini .go, .search.mini .drop-down { height: 29px } .search.mini .type { width: 121px; font-size: 14px; height: 22px; padding-top: 9px } .search.mini .type .arr { top: -1px } .search.mini .value { height: 16px; width: 179px; padding-right: 0 } .search.mini .value input { font: 14px 'PT Sans'; } .search.mini .go { width: 32px; background: transparent } .search.mini .go .icon { margin-top: 4px; margin-left: 1px } .search.mini .search-type-options { top: 30px } .search.mini .search-type-options .option { font-family: "PT Sans Narrow", Arial, sans; width: 92px; font-size: 13px } .search.mini .search-type-options .option.selected { background-position: 4px 8px } .search.mini.no-dropdown .value { width: 197px } /** форма на странице результатов поиска **/ .page-search-block .search.mini { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; background: url(../../../../../blog/wp-content/themes/prohqblog/images/page-search-bg.png); width: 301px; height: 30px; } .page-search-block .search.mini input { width: 250px; height: 30px; background: none; padding: 0 0 0 12px; font: 12px "PT Sans"; color: rgb(147,149,152); } .page-search-block .search.mini .type, .page-search-block .search.mini .value, .page-search-block .search.mini .go, .page-search-block .search.mini .drop-down { height: 30px } .page-search-block .search.mini .type { width: 121px; font-size: 14px; height: 22px; padding-top: 9px } .page-search-block .search.mini .type .arr { top: -1px } .page-search-block .search.mini .value { padding: 0; background: none; width: 262px; } .page-search-block .search.mini .value input { font: 14px 'PT Sans'; } .page-search-block .search.mini .go { width: 38px; height: 29px; background: url(../../../../../blog/wp-content/themes/prohqblog/images/page-search-button.png) 0 0 no-repeat; cursor: pointer; } .page-search-block .search.mini .go:hover { background-position: 0 -29px; } .page-search-block .search.mini .go:active { background-position: 0 -58px; } .page-search-block .search.mini .go .icon { margin:0; background: none; } .page-search-block .search.mini .search-type-options { top: 30px } .page-search-block .search.mini .search-type-options .option { font-family: "PT Sans Narrow", Arial, sans; width: 92px; font-size: 13px } .page-search-block .search.mini .search-type-options .option.selected { background-position: 4px 8px } .page-search-block .search.mini.no-dropdown .value { width: 197px } .page-search-block { margin: 0 0 14px; }