iBet uBet web content aggregator. Adding the entire web to your favor.
iBet uBet web content aggregator. Adding the entire web to your favor.



Link to original content: http://web.archive.org/web/20170113141204cs_/http://www.praviteli.org/css/style-menu.css
/* ====================== MAIN ====================== */ .arch-menu { background-color: #a6393b; padding: 0; display: inline-block; position: relative; margin-bottom:0; } .arch-menu-front { background-color: #a6393b; padding: 0; display: inline-block; position: relative; margin-bottom:0; background-image:url(/web/20170517074618im_/http://www.praviteli.org/images/portraits.gif); background-repeat: no-repeat; } .arch-menu:before, .arch-menu ul, .arch-menu li, .arch-menu div, .arch-menu a, .arch-menu label, .arch-menu input, .arch-menu textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; outline: none; border: 0; list-style: none; } .arch-menu a { cursor: pointer; } .arch-menu h1, .arch-menu h2, .arch-menu h3, .arch-menu h4, .arch-menu h5, .arch-menu h6 { font-weight: normal; text-align: center; margin: 0; padding: 15px 0; color: #a68939; border-bottom: 1px solid #a68939; } .arch-menu.ar-full-width { display: block; } .arch-menu.ar-fixed { position: fixed; top: 0; left: 0; right: 0; } .arch-menu.ar-fixed.ar-position-left { top: 0; bottom: 0; left: 0; right: auto; } .arch-menu.ar-fixed.ar-position-right { top: 0; bottom: 0; left: auto; right: 0; } .arch-menu.ar-fixed.ar-position-bottom { top: auto; bottom: 0; left: 0; right: 0; } .arch-menu, .arch-menu a, .arch-menu a:visited { color: #ffffff; } .arch-menu > li { display: block; vertical-align: top; float: left; height: 50px; } .arch-menu > li.ar-right-item { margin-right: 0; float: right; } .arch-menu > li.ar-left-item { margin-right: 0; float: left; } .arch-menu > li > a { font-weight: normal; padding: 0 20px; line-height: 50px; } .arch-menu > li:hover, .arch-menu > li.ar-active { background-color: #a68939; } .arch-menu li { position: relative; cursor: default; } .arch-menu li > a { text-decoration: none; display: block; } .arch-menu li > ul, .arch-menu li > div { z-index: 1; } .arch-menu.ar-position-left > li, .arch-menu.ar-position-right > li { position: relative !important; } .arch-menu.ar-position-left > li, .arch-menu.ar-position-right > li, .arch-menu.ar-position-left > li.ar-logo, .arch-menu.ar-position-right > li.ar-logo { float: none; } .arch-menu.ar-position-left > li > a .ar-caret, .arch-menu.ar-position-right > li > a .ar-caret { float: right; } .arch-menu .fa { font-size: 12pt; letter-spacing: 13px; line-height: inherit; } .arch-menu .ar-caret { letter-spacing: 0; float: right; margin-left: 15px; } .arch-menu > li > a .ar-caret { float: none; } .arch-menu .ar-single-icon { letter-spacing: 0; } .arch-menu:after { content: ''; display: block; clear: both; } /* ====================== MENU DROP DOWN ====================== */ .arch-menu ul, .arch-menu div.ar-multi-column { position: absolute; display: none; } .arch-menu ul > li { min-height: 50px; } .arch-menu ul > li a { padding: 0 20px; line-height: 50px; } .arch-menu > li > ul, .arch-menu > li > ul ul, .arch-menu .ar-multi-column, .arch-menu .ar-multi-column > ul ul { background-color: #eaeaea; color: #a6393b; } .arch-menu > li > ul li > a, .arch-menu > li > ul ul li > a, .arch-menu .ar-multi-column li > a, .arch-menu .ar-multi-column > ul ul li > a, .arch-menu > li > ul li > a:visited, .arch-menu > li > ul ul li > a:visited, .arch-menu .ar-multi-column li > a:visited, .arch-menu .ar-multi-column > ul ul li > a:visited { color: #a6393b; } .arch-menu > li > ul li:hover, .arch-menu > li > ul ul li:hover, .arch-menu .ar-multi-column li:hover, .arch-menu .ar-multi-column > ul ul li:hover { background-color: #a68939; } .arch-menu > li > ul li:hover > a, .arch-menu > li > ul ul li:hover > a, .arch-menu .ar-multi-column li:hover > a, .arch-menu .ar-multi-column > ul ul li:hover > a, .arch-menu > li > ul li:hover > a:visited, .arch-menu > li > ul ul li:hover > a:visited, .arch-menu .ar-multi-column li:hover > a:visited, .arch-menu .ar-multi-column > ul ul li:hover > a:visited { color: #ffffff; } .arch-menu > li > ul, .arch-menu > li > div.ar-multi-column { top: 100%; left: 0; } .arch-menu > li > ul ul, .arch-menu > li > div.ar-multi-column ul { top: 0; left: 100%; } .arch-menu > li > ul ul.ar-drop-left, .arch-menu > li > div.ar-multi-column ul.ar-drop-left { left: auto; right: 100%; } .arch-menu.ar-position-bottom > li > ul, .arch-menu.ar-position-bottom > li > div.ar-multi-column { top: auto; bottom: 100%; left: 0; } .arch-menu.ar-position-bottom > li > ul ul, .arch-menu.ar-position-bottom > li > div.ar-multi-column ul { top: auto; bottom: 0; left: 100%; } .arch-menu.ar-position-bottom > li > ul ul.ar-drop-left, .arch-menu.ar-position-bottom > li > div.ar-multi-column ul.ar-drop-left { left: -100%; } .arch-menu.ar-position-left > li > ul, .arch-menu.ar-position-left > li > div.ar-multi-column { top: 0; left: 100%; } .arch-menu.ar-position-left > li > ul ul.ar-drop-left, .arch-menu.ar-position-left > li > div.ar-multi-column ul.ar-drop-left { top: 0; left: 100%; } .arch-menu.ar-position-right > li > ul, .arch-menu.ar-position-right > li > div.ar-multi-column { top: 0; left: auto; right: 100%; } .arch-menu.ar-position-right > li > ul ul.ar-drop-left, .arch-menu.ar-position-right > li > div.ar-multi-column ul.ar-drop-left { top: 0; left: auto; right: 100%; } .arch-menu.ar-position-right > li > ul ul, .arch-menu.ar-position-right > li > div.ar-multi-column > ul ul { top: 0; left: auto; right: 100%; } .arch-menu li:hover > ul, .arch-menu li:hover > div.ar-multi-column, .arch-menu li:hover > div.ar-multi-column > ul { display: block; } .arch-menu li > div.ar-multi-column > ul, .arch-menu.ar-position-bottom li > div.ar-multi-column > ul { left: 0; float: left; } .arch-menu > li > div.ar-multi-column > ul { position: relative; display: inline-block; } .arch-menu > li.ar-right-align > ul, .arch-menu > li.ar-right-align > div.ar-multi-column { left: auto; right: 0; } .arch-menu.ar-position-left > li.ar-right-align > ul, .arch-menu.ar-position-left > li.ar-right-align > div.ar-multi-column { left: 100%; right: auto; } .arch-menu.ar-position-left > li.ar-right-align > ul, .arch-menu.ar-position-left > li.ar-right-align > div.ar-multi-column { right: 100%; } /* ====================== CONTENT DROP DOWN ====================== */ .arch-menu > li.ar-content-full { position: static; } .arch-menu > li.ar-content-full > div { width: 100%; } .arch-menu > li.ar-content > div, .arch-menu > li.ar-content-full > div { position: absolute; display: none; right: 0; padding: 15px; background-color: #eaeaea; /*цвет формы письма*/ color: #a6393b; } .arch-menu > li.ar-content > div ul, .arch-menu > li.ar-content-full > div ul { display: block; position: relative; min-width: 0; } .arch-menu > li.ar-content > div ul li a, .arch-menu > li.ar-content-full > div ul li a, .arch-menu > li.ar-content > div ul li a:visited, .arch-menu > li.ar-content-full > div ul li a:visited { text-align: left; padding: 15px 0; line-height: 1; color: #a6393b; } .arch-menu > li.ar-content > div ul li:hover, .arch-menu > li.ar-content-full > div ul li:hover { background-color: transparent; } .arch-menu > li.ar-content > div ul li:hover a, .arch-menu > li.ar-content-full > div ul li:hover a, .arch-menu > li.ar-content > div ul li:hover a:visited, .arch-menu > li.ar-content-full > div ul li:hover a:visited { color: #a68939; text-decoration: underline; } .arch-menu > li.ar-content > div img, .arch-menu > li.ar-content-full > div img { width: 100%; margin: 15px 0; } .arch-menu > li.ar-content > div input, .arch-menu > li.ar-content-full > div input, .arch-menu > li.ar-content > div textarea, .arch-menu > li.ar-content-full > div textarea { width: 100%; margin-top: 10px; font: inherit; resize: none; padding: 15px; background-color: #ffffff; color: #a6393b; } .arch-menu > li.ar-content > div input.ar-button, .arch-menu > li.ar-content-full > div input.ar-button { cursor: pointer; font-weight: normal; background-color: #a68939; color: #ffffff; } .arch-menu > li.ar-content:hover > div, .arch-menu > li.ar-content-full:hover > div { display: block; } .arch-menu > li.ar-content > div, .arch-menu > li.ar-content-full > div { top: 100%; } .arch-menu.ar-position-bottom > li.ar-content > div, .arch-menu.ar-position-bottom > li.ar-content-full > div { top: auto; bottom: 100%; } .arch-menu.ar-position-left > li.ar-content > div, .arch-menu.ar-position-left > li.ar-content-full > div { top: 0; left: 100%; } .arch-menu.ar-position-right > li.ar-content > div, .arch-menu.ar-position-right > li.ar-content-full > div { top: 0; right: 100%; left: auto; } .arch-menu > li.ar-content.ar-right-align > div, .arch-menu > li.ar-content-full.ar-right-align > div { left: auto; right: 0; } .arch-menu.ar-position-left > li.ar-content.ar-right-align > div, .arch-menu.ar-position-left > li.ar-content-full.ar-right-align > div { left: 100%; right: auto; } /* ====================== GRID SYSTEM ====================== */ .arch-menu .ar-row { display: block; } .arch-menu .ar-row .ar-col { display: inline-block; margin-bottom: 5px; padding: 5px; vertical-align: top; float: left; } .arch-menu .ar-row .ar-col > .ar-grid-wrapper { padding: 15px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #eaeaea; color: #a6393b; } .arch-menu .ar-row .ar-col.c-12 { width: 100%; } .arch-menu .ar-row .ar-col.c-11 { width: 91.66666666666667%; } .arch-menu .ar-row .ar-col.c-10 { width: 83.33333333333334%; } .arch-menu .ar-row .ar-col.c-9 { width: 75%; } .arch-menu .ar-row .ar-col.c-8 { width: 66.66666666666667%; } .arch-menu .ar-row .ar-col.c-7 { width: 58.333333333333336%; } .arch-menu .ar-row .ar-col.c-6 { width: 50%; } .arch-menu .ar-row .ar-col.c-5 { width: 41.66666666666667%; } .arch-menu .ar-row .ar-col.c-4 { width: 33.333333333333336%; } .arch-menu .ar-row .ar-col.c-3 { width: 25%; } .arch-menu .ar-row .ar-col.c-2 { width: 16.666666666666668%; } .arch-menu .ar-row .ar-col.c-1 { width: 8.333333333333334%; } .arch-menu .w-1000 { width: 1000px; } .arch-menu .w-950 { width: 950px; } .arch-menu .w-900 { width: 900px; } .arch-menu .w-850 { width: 850px; } .arch-menu .w-800 { width: 800px; } .arch-menu .w-750 { width: 750px; } .arch-menu .w-700 { width: 700px; } .arch-menu .w-650 { width: 650px; } .arch-menu .w-600 { width: 600px; } .arch-menu .w-550 { width: 550px; } .arch-menu .w-500 { width: 500px; } .arch-menu .w-450 { width: 450px; } .arch-menu .w-400 { width: 400px; } .arch-menu .w-350 { width: 350px; } .arch-menu .w-300 { width: 300px; } .arch-menu .w-250 { width: 250px; } .arch-menu .w-200 { width: 200px; } .arch-menu .w-150 { width: 150px; } .arch-menu .w-100 { width: 100px; } .arch-menu .w-50 { width: 50px; } /* ====================== SEARCH ====================== */ .arch-menu .ar-search { position: relative; overflow: hidden; } .arch-menu .ar-search form > label { position: absolute; cursor: text; left: 0; top: 0; padding: 0 20px; line-height: 50px; } .arch-menu .ar-search input { height: 50px; padding: 0 27.5px; font-size: inherit; width: 0; opacity: 0.01; color: #ffffff; } .arch-menu .ar-search input:focus { width: 150px; opacity: 1; } .arch-menu .ar-search input:focus + label { display: none; } .arch-menu .ar-search input:focus, .arch-menu .ar-search input:hover { background-color: #a68939; } .arch-menu .ar-search:hover { background-color: #a68939; } .arch-menu.ar-position-right .ar-search, .arch-menu.ar-position-left .ar-search { float: none; } .arch-menu.ar-position-right .ar-search input, .arch-menu.ar-position-left .ar-search input { width: 100%; } /* ====================== ICON ====================== */ .arch-menu .icon-right { position: relative; overflow: hidden; float:right; width:50px } .arch-menu .icon-left { position: relative; overflow: hidden; float:left; width:60px } .arch-menu .icon-print { position: relative; overflow: hidden; float:right; width:55px } .arch-menu .icon-envelope { position: relative; overflow: hidden; float:right; width:55px } /* /* ====================== SHOW EFFECTS ====================== */ /* fade */ .arch-menu.ar-effect-fade > li > div, .arch-menu.ar-effect-fade li > ul { display: block; visibility: hidden; opacity: 0; -webkit-transition: opacity .4s ease, visibility .4s linear 0s; -moz-transition: opacity .4s ease, visibility .4s linear 0s; -ms-transition: opacity .4s ease, visibility .4s linear 0s; -o-transition: opacity .4s ease, visibility .4s linear 0s; transition: opacity .4s ease, visibility .4s linear 0s; } .arch-menu.ar-effect-fade > li:hover > div, .arch-menu.ar-effect-fade li:hover > ul { visibility: visible; opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; } /* slide */ .arch-menu.ar-effect-slide-top > li > div, .arch-menu.ar-effect-slide-top li > ul { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .arch-menu.ar-effect-slide-bottom > li > div, .arch-menu.ar-effect-slide-bottom li > ul { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } .arch-menu.ar-effect-slide-left > li > div, .arch-menu.ar-effect-slide-left li > ul { -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); } .arch-menu.ar-effect-slide-right > li > div, .arch-menu.ar-effect-slide-right li > ul { -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); } .arch-menu.ar-effect-slide-top > li > div, .arch-menu.ar-effect-slide-bottom > li > div, .arch-menu.ar-effect-slide-left > li > div, .arch-menu.ar-effect-slide-right > li > div, .arch-menu.ar-effect-slide-top li > ul, .arch-menu.ar-effect-slide-bottom li > ul, .arch-menu.ar-effect-slide-left li > ul, .arch-menu.ar-effect-slide-right li > ul { display: block !important; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s; -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s; -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s; -o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s; transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s; } .arch-menu.ar-effect-slide-top > li:hover > div, .arch-menu.ar-effect-slide-bottom > li:hover > div, .arch-menu.ar-effect-slide-left > li:hover > div, .arch-menu.ar-effect-slide-right > li:hover > div, .arch-menu.ar-effect-slide-top li:hover > ul, .arch-menu.ar-effect-slide-bottom li:hover > ul, .arch-menu.ar-effect-slide-left li:hover > ul, .arch-menu.ar-effect-slide-right li:hover > ul { visibility: visible; opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease; -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease; -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease; -o-transition: opacity 0.4s ease, -o-transform 0.4s ease; transition: opacity .4s ease, transform .4s ease; } /* ====================== RESPONSIVE ====================== */ @media screen and (max-width: 768px) { /* ====================== MAIN ====================== */ .arch-menu[class*='ar-response'] > li { position: relative; } .arch-menu[class*='ar-response'] > li > ul, .arch-menu[class*='ar-response'] > li > div.ar-multi-column > ul, .arch-menu[class*='ar-response'] > li > ul ul, .arch-menu[class*='ar-response'] > li > div.ar-multi-column > ul ul { left: 0; right: 0; width: auto !important; margin-right: 0; } .arch-menu[class*='ar-response'] > li > ul ul, .arch-menu[class*='ar-response'] > li > div.ar-multi-column > ul ul { top: 100%; margin-left: 50px !important; } .arch-menu[class*='ar-response'].ar-position-bottom > li > ul ul, .arch-menu[class*='ar-response'].ar-position-bottom > li > div.ar-multi-column > ul ul, .arch-menu[class*='ar-response'].ar-position-bottom > li > ul ul.ar-drop-left, .arch-menu[class*='ar-response'].ar-position-bottom > li > div.ar-multi-column > ul ul.ar-drop-left { left: 0; top: auto; bottom: 100%; } .arch-menu[class*='ar-response'].ar-position-left > li > ul, .arch-menu[class*='ar-response'].ar-position-left > li > div.ar-multi-column > ul, .arch-menu[class*='ar-response'].ar-position-right > li > ul, .arch-menu[class*='ar-response'].ar-position-right > li > div.ar-multi-column > ul { top: 100%; left: 0; right: 0; } .arch-menu[class*='ar-response'].ar-position-left > li > ul ul, .arch-menu[class*='ar-response'].ar-position-left > li > div.ar-multi-column > ul ul, .arch-menu[class*='ar-response'].ar-position-right > li > ul ul, .arch-menu[class*='ar-response'].ar-position-right > li > div.ar-multi-column > ul ul, .arch-menu[class*='ar-response'].ar-position-left > li > ul ul.ar-drop-left, .arch-menu[class*='ar-response'].ar-position-left > li > div.ar-multi-column > ul ul.ar-drop-left, .arch-menu[class*='ar-response'].ar-position-right > li > ul ul.ar-drop-left, .arch-menu[class*='ar-response'].ar-position-right > li > div.ar-multi-column > ul ul.ar-drop-left { left: 0; right: 0; top: 100%; } .arch-menu[class*='ar-response'].ar-position-left > li.ar-content > div, .arch-menu[class*='ar-response'].ar-position-left > li.ar-content-full > div, .arch-menu[class*='ar-response'].ar-position-right > li.ar-content > div, .arch-menu[class*='ar-response'].ar-position-right > li.ar-content-full > div { top: 100%; left: 0; right: 0; } .arch-menu[class*='ar-response'] li > div { top: 100%; left: 0 !important; right: 0; width: auto !important; } .arch-menu[class*='ar-response'] li > div.ar-multi-column > ul { width: 100% !important; } .arch-menu[class*='ar-response'] .ar-row .ar-col { display: block; margin-right: 0; width: 100% !important; float: none; } .arch-menu[class*='ar-response'] .w-50, .arch-menu[class*='ar-response'] .w-100, .arch-menu[class*='ar-response'] .w-150, .arch-menu[class*='ar-response'] .w-200, .arch-menu[class*='ar-response'] .w-250, .arch-menu[class*='ar-response'] .w-300, .arch-menu[class*='ar-response'] .w-350, .arch-menu[class*='ar-response'] .w-400, .arch-menu[class*='ar-response'] .w-450, .arch-menu[class*='ar-response'] .w-500, .arch-menu[class*='ar-response'] .w-550, .arch-menu[class*='ar-response'] .w-600, .arch-menu[class*='ar-response'] .w-650, .arch-menu[class*='ar-response'] .w-700, .arch-menu[class*='ar-response'] .w-750, .arch-menu[class*='ar-response'] .w-800, .arch-menu[class*='ar-response'] .w-850, .arch-menu[class*='ar-response'] .w-900, .arch-menu[class*='ar-response'] .w-950, .arch-menu[class*='ar-response'] .w-1000 { width: 100%; } /* ====================== SIMPLE ====================== */ .arch-menu.ar-response-simple > li { position: static; } .arch-menu.ar-response-simple > li > a { font-size: 0; } .arch-menu.ar-response-simple > li > a i { letter-spacing: 0; } .arch-menu.ar-response-simple > li > a .ar-caret { display: none; } .arch-menu.ar-response-simple > li.ar-logo { display: none; } .arch-menu.ar-response-simple > li.ar-search { position: relative; } /* ====================== STACK ====================== */ .arch-menu.ar-response-stack > li { display: block; float: none; } .arch-menu.ar-response-stack > li.ar-content-full { position: relative; } .arch-menu.ar-response-stack > li.ar-logo { text-align: center; } .arch-menu.ar-response-stack > li.ar-logo img { position: relative; } .arch-menu.ar-response-stack > li.ar-logo, .arch-menu.ar-response-stack > li.ar-right-item { position: relative; width: 100%; } .arch-menu.ar-response-stack > li > a .ar-caret { float: right; } .arch-menu.ar-response-stack .ar-search { float: none; } .arch-menu.ar-response-stack .ar-search input { width: 100%; } /* ====================== SWITCH ====================== */ .arch-menu.ar-response-switch > li { display: none; float: none; } .arch-menu.ar-response-switch > li.ar-content-full { position: relative; } .arch-menu.ar-response-switch > li.ar-logo { display: block; } .arch-menu.ar-response-switch > li.ar-logo img { position: relative; z-index: 1; } .arch-menu.ar-response-switch > li.ar-logo, .arch-menu.ar-response-switch > li.ar-right-item { position: relative; width: 100%; } .arch-menu.ar-response-switch:before { font-family: FontAwesome; content: '\f0c9'; float: right; cursor: pointer; line-height: 50px; height: 50px; padding: 0 20px; z-index: 1; } .arch-menu.ar-response-switch:hover:before { display: none; } .arch-menu.ar-response-switch:hover > li { display: block; } .arch-menu.ar-response-switch > li > a .ar-caret { float: right; } .arch-menu.ar-response-switch .ar-search { float: none; } .arch-menu.ar-response-switch .ar-search input { width: 100%; } /* FILE ARCHIVED ON 07:46:18 May 17, 2017 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 11:17:33 Nov 30, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.539 exclusion.robots: 0.037 exclusion.robots.policy: 0.027 esindex: 0.011 cdx.remote: 7.92 LoadShardBlock: 382.43 (3) PetaboxLoader3.datanode: 276.276 (5) PetaboxLoader3.resolve: 1355.824 (4) load_resource: 1314.272 (2) */