23.03.2025 vx | wx


поделиться:


Старый шаблон страницы

Старый шаблон страницы
Мобильная версия сайта
/*выпадающее адаптивное меню*/ header, .h-menu * {transition: all linear .2s; -moz-transition: all linear .2s; -webkit-transition: all linear.2s; -o-transition: all linear .2s} header {margin-top:3px; background:#f4f4f4;width:100%;z-index:9;} /*position:fixed;top:0px;left:0px;*/ header .container {width:90%;text-align:right;padding:0px 10px;}/*добавил width:90%;padding:0px 10px;*/ .h-logo, .h-logo:hover {display:inline-block;text-transform:uppercase;font-size:19px;color:#000000;text-decoration:none;font-weight:bold;white-space:nowrap;opacity: 0.75;} .h-logo i {color:#ffd000;font-size:32px;margin-right:10px;vertical-align:middle;margin-top:-4px;} .h-menu-button {display:none} .h-menu-button div {position:relative;width:25px;height:20px} .hm1, .hm2, .hm3 {display:inline-block;width:100%;height:2px;background:#000000;position:absolute;left:0px;opacity:0.75;} .hm1 {top:-4px;} /*отступы между черточками меню */ .hm2 {top:3px;} /*отступы между черточками меню */ .hm3 {bottom:8px;} /*отступы между черточками меню */ .h-menu ul, .h-menu li {margin:0px;padding:0px;list-style-type:none} .h-menu ul {display:inline-block;border-collapse:collapse;} /*table-layout: fixed; white-space: nowrap;*/ .h-menu li {display: inline-block;position:relative;} .h-menu li:last-child {border-right:0px;} .h-menu li a {display:block;line-height:25px;padding:0px 0px;text-align:center;color:#a0a0a0;text-decoration:none;text-transform:none;/*настройки меню верх. адапт.*/} .h-menu li a:hover {color:#ff3300;} .h-menu li:hover > ul {visibility:visible;opacity:1;top:69px;} .h-menu li li:hover > ul {top:0px;} .h-menu li ul {visibility:hidden;opacity:0;position:absolute;top:45px;left:0px;display:block;white-space:nowrap;background:rgba(42, 42, 42, 0.8);box-shadow:0px 0px 5px rgba(0,0,0,0.1);z-index:9;border-radius:5px;} .h-menu li ul li {display:block;} .h-menu li ul li a, .h-menu li ul li a:hover {line-height:34px;text-align:left;text-transform:none;color:#efefef} .h-menu li ul li a:hover {background:rgba(255,255,255,0.15);color:#fff} .h-menu li li ul {top:-20px;left:100%} .h-menu .uWithSubmenu {padding-right:10px} .h-menu .uWithSubmenu:after {content:'';position:absolute;right:12px;top:32px;display:inline-block;width:0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 3px solid rgba(255,255,255,0.3);} .h-menu li .uWithSubmenu {padding-right:0px} .h-menu li .uWithSubmenu:after {display:none} .h-logo, .h-logo:hover, .h-menu a, .h-menu a:hover {line-height:25px;}/*2 настройки меню верх. адапт.*/ .h-logo:hover {opacity: 0.95;} .header-fixed {padding:0px 0px;} .tp-over {display:table;width:100%;} .tp-1,.tp-2,.tp-3 {display:table-cell;vertical-align:top;text-align:right} .tp-1 {text-align:left;} .tp-3 {width:20%;} .h-valign-over {display:table;width:100%;} .h-valign {display:table-cell;width:100%;height:440px;vertical-align:middle;} .container {width:970px;margin:0px auto} .headpoisk {float: right;width: 166px;border:2px solid #4b4c4e;border-radius: 5px;font-weight: bold;margin: 10px 0px 0px 10px;background-color:#f7f7f7;} .poiskico img { border:none; } .queryField2 { margin-left: 10px !important;; max-width:120px !important; background: none !important;; border:none !important;; color:#272b2e !important; line-height: 26px !important;; } @media only screen and (max-width: 970px) { .container {width:auto;padding:0px 20px;} .h-menu-button {display:inline-block!important;float:right;position:relative;margin-top:15px;cursor:pointer;font-size:24px;color:#b9d1e4} .h-menu-hidden {display:block!important} .h-menu {display:none;background:#555555;line-height: normal!important;height:auto;z-index:9;position:absolute;top:37px;left:0px;right:0px;width:100%;height:auto;overflow:auto} /*ширина, отступ сверху и настройки вып. меню*/ .h-menu * {line-height: normal!important;text-align:left!important} .h-menu ul, .h-menu li {display:block !important;padding:0px!important;margin:0px!important;} .h-menu li {border-top:1px solid rgba(255,255,255,0.0)}/*второй .0 регулирует прозр. полос под вып.меню - .0 отключено*/ .h-menu ul{visibility:visible!important;position:static!important;opacity:1!important;background:none!important;box-shadow:none!important} .h-menu ul ul li {padding-left:5px!important;}/*отступ вып. меню*/ .h-menu .uWithSubmenu:after {display:none!important} .h-menu li a, .h-menu li a:hover {color:#fff!important;padding:10px 5px!important;display:block!important;background:none!important;} .headpoisk {display:none!important} } /*/выпадающее адаптивное меню*/ /*/выпадающее адаптивное меню -поиск*/