/*Editor CSS*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, /*cite,*/ code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, /*sub, sup,*/ tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } /*******Headings*************/ h1,h2,h3,h4,h5,h6 { font-family:Georgia, "Times New Roman", Times, serif; clear: both; color:black; line-height: 1.4; margin-bottom:10px; font-weight:500; -ms-word-wrap: break-word; word-wrap: break-word; } h1 { font-size:36px; } h2 { font-size:30px; } h3 { font-size:26px; } h4 { font-size:20px; } h5 { font-size:18px; } h6 { font-size:16px; } .hwite, .hwite a { color:white; } .hreview { margin:15px 20px 10px 20px; } .hreview a, .hreview a:hover, .hreview a:focus { text-decoration:none; } .hreview a:hover, .hreview a:focus { color: #b3ecff; } p, p a { line-height:1.2em; margin-top: 20px; margin-bottom:20px; } .inline-centered { width:100%; text-align:center; } table, th, td { border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.6em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } th, td { padding: 0.4em; } .break_words { word-wrap: break-word;} /***********Form elements*********/ input[type="text"], input[type="password"], input[type="radio"], input[type="checkbox"], input[type="file"], input[type="submit"], select { border: 1px solid #c4c4c4; font-size: 13px; padding: 4px 4px 4px 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0px 0px 8px #d9d9d9; -moz-box-shadow: 0px 0px 8px #d9d9d9; -webkit-box-shadow: 0px 0px 8px #d9d9d9; margin:5px; } input[type="text"]:focus, input[type="password"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="file"]:focus, input[type="submit"]:focus, select:focus { outline: none; border: 1px solid #7bc1f7; box-shadow: 0px 0px 8px #7bc1f7; -moz-box-shadow: 0px 0px 8px #7bc1f7; -webkit-box-shadow: 0px 0px 8px #7bc1f7; } input[type="submit"], button:not(.dropbtn) { background: #349299; background-image: -webkit-linear-gradient(top, #349299, #205c61); background-image: -moz-linear-gradient(top, #349299, #205c61); background-image: -ms-linear-gradient(top, #349299, #205c61); background-image: -o-linear-gradient(top, #349299, #205c61); background-image: linear-gradient(to bottom, #349299, #205c61); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; -webkit-box-shadow: 0px 1px 3px #525252; -moz-box-shadow: 0px 1px 3px #525252; box-shadow: 0px 1px 3px #525252; font-family: Arial, serif; color: #ffffff; font-size: 14px; padding: 8px 12px 8px 12px; text-decoration: none; } input[type="submit"]:hover, button:not(.dropbtn):hover { background: #3cb0fd; background: #205c61; background-image: -webkit-linear-gradient(top, #205c61, #102e30); background-image: -moz-linear-gradient(top, #205c61, #102e30); background-image: -ms-linear-gradient(top, #205c61, #102e30); background-image: -o-linear-gradient(top, #205c61, #102e30); background-image: linear-gradient(to bottom, #205c61, #102e30); text-decoration: none; } .left_menu input[type="submit"] { box-shadow: 0px 1px 3px #fff; } /*******LISTS*/ ul, ol { font-family:"Times New Roman", Times, serif; font-size:14px; display:block; list-style-position: inside; margin:5px 20px 5px 20px; } li { padding:3px; } ol li:before { font-size: 1.2em; } ol li { font-size: 1em; } ol.multilist li { list-style-type: none; } /* Убираем исходную нумерацию у списка */ ol.multilist { counter-reset: list1; } /* Инициируем счетчик */ ol.multilist li:before { counter-increment: list1; /* Увеличиваем значение счетчика */ content: counter(list1) ". "; /* Выводим число */ } ol.multilist ol { counter-reset: list2; } /* Инициируем счетчик вложенного списка */ ol.multilist ol li:before { counter-increment: list2; /* Увеличиваем значение счетчика вложенного списка */ content: counter(list1) "." counter(list2) ". "; /* Выводим число */ } ol.multilist ol ol { counter-reset: list3; } /* Инициируем счетчик вложенного списка */ ol.multilist ol ol li:before { counter-increment: list3; /* Увеличиваем значение счетчика вложенного списка */ content: counter(list1) "." counter(list2) "." counter(list3) ". "; /* Выводим число */ } dl { padding:5px; color:#003333; } dt { padding:3px 2px 3px 7px; font-weight:bold; } dd { padding:3px 2px 3px 15px; } /*********HELPERS****/ .vhide { visibility:hidden; } .dhide { display:none; } .la { float:left; } .ra { float:right; } a { color: #036a73; } a:hover, a:focus { color: #012e32; } .close_tag { clear:both; } /******RECORD********/ p { color:#000; font-family:"Times New Roman", Times, serif; font-size:16px; } a { font-family:"Times New Roman", Times, serif; } .attachment_img, .attachment-post-thumbnail { float:left; margin:10px; } .more_right { margin:10px; text-align:right; } /****COMMON******/ .m_inbox { margin:7px 5px 7px 5px; } .p_inbox { padding:7px 5px 7px 5px; } /***********INFO BLOCK***********/ ul.info_block { list-style-type:none; width:30%; margin:5px; } ul.info_block li:not(:first-child) { border:1px solid #83afaf; padding:10px 5px 5px 5px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 16px; /* Firefox 1-3.6 */ -moz-border-radius: 16px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 16px; font-size:14px; background-color:#DEF0FC; color:#004d4d; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } ul.info_block li:first-child { position:relative; z-index:1; top:5px; padding:5px 10px 5px 10px; display: inline-block; border:1px solid #83afaf; background-color:#009999; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 6px 6px 0px 0px; /* Firefox 1-3.6 */ -moz-border-radius: 6px 6px 0px 0px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 6px 6px 0px 0px; color:#fff; font-size:24px; background: rgba(183,222,237,1); background: -moz-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(61,120,117,1) 5%, rgba(17,106,107,1) 7%, rgba(17,66,66,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(183,222,237,1)), color-stop(5%, rgba(61,120,117,1)), color-stop(7%, rgba(17,106,107,1)), color-stop(100%, rgba(17,66,66,1))); background: -webkit-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(61,120,117,1) 5%, rgba(17,106,107,1) 7%, rgba(17,66,66,1) 100%); background: -o-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(61,120,117,1) 5%, rgba(17,106,107,1) 7%, rgba(17,66,66,1) 100%); background: -ms-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(61,120,117,1) 5%, rgba(17,106,107,1) 7%, rgba(17,66,66,1) 100%); background: linear-gradient(to bottom, rgba(183,222,237,1) 0%, rgba(61,120,117,1) 5%, rgba(17,106,107,1) 7%, rgba(17,66,66,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#114242', GradientType=0 ); } ul.info_block li.info_block_pict{ border:none; padding:10px 5px 5px 5px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 0px; /* Firefox 1-3.6 */ -moz-border-radius: 0px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 0px; background-color:transparent; color:#004d4d; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } ul.info_block li:last-child:hover { background-color:#94b8b8; } .info_block_bg_color { color:#94b8b8; } ul.info_block li:last-child a { text-decoration:none; color:#004d4d; } ul.info_block li { line-height:1.5em; font-family: "Times New Roman", Times, serif; } ul.info_block li:first-child:before{ content: '«'; display: inline-block; margin-right:5px; } ul.info_block li:first-child:after{ content: '»'; display: inline-block; margin-left:5px; } /********MISC*****************/ abbr[title]{ text-decoration:overline; cursor:help; } acronym { border-bottom:1px dotted black; } pre,code { background-color:#e6ffff; padding:1px 5px 1px 5px; margin:5px; border-left:1px solid #009999; border-top:1px solid #009999; } code { background-color:#f0f5f5; border:1px solid #009999; } .record_body blockquote p, blockquote p{ border-left:4px solid #004d4d; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; padding: 15px 20px 15px 20px; } blockquote p:before{ content: '“'; display: inline; margin-right:2px; } blockquote p:after{ content: '”'; display: inline; margin-right:2px; } strong { font-weight:bold; } address { font-style: italic; } big { font-size: larger; } small { font-size: smaller; } em { font-style: oblique; } kbd { font-weight: bold; padding: 0px 5px 0px 5px; background-color:#f0f5f5; } tt { font-family: monospace; } var { font-style: italic; } /***********Captions*************/ .wp-caption { margin-bottom: 1.6em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption-text { color: #707070; color: rgba(51, 51, 51, 0.7); font-family:Georgia, "Times New Roman", Times, serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0; } .sticky-post { background-color: #333; color: #fff; font-weight: 700; letter-spacing: 0.04em; padding: 0.25em 0.5em; position: absolute; top: 0; text-transform: uppercase; } .gallery-caption { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-family:Georgia, "Times New Roman", Times, serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0; } /***Alignments***/ .alignleft { display: inline; float: left; } .alignright { display: inline; float: right; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin: 0.5em 1em 0.5em 0; } .alignright { float: right; margin: 0.5em 0 0.5em 1em; } /*****Content width****/ .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } /***********Image Block**********/ .image_block { list-style: none; } ul.image_block li:first-child { overflow:hidden; } ul.image_block li:not(:first-child) div { position:relative; } ul.image_block li:not(:first-child) div a { font-weight:bold; color:#ddd; padding:2px; text-decoration:none; } ul.image_block li:not(:first-child) div a:hover { color:#fff; text-decoration:none; } ul.image_block li:first-child img { -webkit-transform: scale(1.0); /* Saf3.1+, Chrome */ -moz-transform: scale(1.0); /* FF3.5+ */ -ms-transform: scale(1.0); /* IE9 */ -o-transform: scale(1.0); /* Opera 10.5+ */ transform: scale(1.0); -webkit-transition: all .75s ease-out; -moz-transition: all .75s ease-out; -ms-transition: all .75s ease-out; -o-transition: all .75s ease-out; transition: all .75s ease-out; } ul.image_block li:first-child img:hover { -webkit-transform: scale(1.2); /* Saf3.1+, Chrome */ -moz-transform: scale(1.2); /* FF3.5+ */ -ms-transform: scale(1.2); /* IE9 */ -o-transform: scale(1.2); /* Opera 10.5+ */ transform: scale(1.2); } /***********Image Block 2**********/ .image_block2 { list-style: none; } ul.image_block2 li:first-child { overflow:hidden; } ul.image_block2 li:not(:first-child) div { position:relative; } ul.image_block2 li:not(:first-child) div a { font-weight:bold; color:#ddd; padding:2px; text-decoration:none; } ul.image_block2 li:not(:first-child) div a:hover { color:#fff; text-decoration:none; } ul.image_block2 li:first-child .ib2_grey { cursor:pointer; position:relative; display:table; /*vertical-align:middle;*/ opacity:0; -webkit-transition: all .75s ease-out; -moz-transition: all .75s ease-out; -ms-transition: all .75s ease-out; -o-transition: all .75s ease-out; transition: all .75s ease-out; background-color:#555; } ul.image_block2 li:first-child .ib2_grey:hover { opacity:0.7; } .ib2_grey_inner { display:table-cell; vertical-align:middle; text-align:center; } .ib2_grey_inner_img { display:inline-block; width:30px; height:30px; background:url(images/zoom.png) no-repeat; } /**********ON Hover transitions****************/ .init_transition { -webkit-transition: all .55s ease-out; -moz-transition: all .55s ease-out; -ms-transition: all .55s ease-out; -o-transition: all .55s ease-out; transition: all .55s ease-out; } .move_on_hover_right { margin-left:0px; } .move_on_hover_right:hover, .move_on_hover_right:focus { margin-left:5px; } .move_on_hover_left { margin-left:0px; } .move_on_hover_left:hover, .move_on_hover_left:focus { margin-left:-5px; } .increase_on_hover{ -webkit-transform: scale(1.0); /* Saf3.1+, Chrome */ -moz-transform: scale(1.0); /* FF3.5+ */ -ms-transform: scale(1.0); /* IE9 */ -o-transform: scale(1.0); /* Opera 10.5+ */ transform: scale(1.0); } .increase_on_hover:hover, .increase_on_hover:focus { -webkit-transform: scale(1.05); /* Saf3.1+, Chrome */ -moz-transform: scale(1.05); /* FF3.5+ */ -ms-transform: scale(1.05); /* IE9 */ -o-transform: scale(1.05); /* Opera 10.5+ */ transform: scale(1.05); } .decrease_on_hover{ -webkit-transform: scale(1.0); /* Saf3.1+, Chrome */ -moz-transform: scale(1.0); /* FF3.5+ */ -ms-transform: scale(1.0); /* IE9 */ -o-transform: scale(1.0); /* Opera 10.5+ */ transform: scale(1.0); } .decrease_on_hover:hover, .decrease_on_hover:focus { -webkit-transform: scale(0.95); /* Saf3.1+, Chrome */ -moz-transform: scale(0.95); /* FF3.5+ */ -ms-transform: scale(0.95); /* IE9 */ -o-transform: scale(0.95); /* Opera 10.5+ */ transform: scale(0.95); } .rotate_on_hover_cw{ -webkit-transform: scale(0deg); /* Saf3.1+, Chrome */ -moz-transform: scale(0deg); /* FF3.5+ */ -ms-transform: scale(0deg); /* IE9 */ -o-transform: scale(0deg); /* Opera 10.5+ */ transform: scale(0deg); } .rotate_on_hover_cw:hover, .rotate_on_hover_cw:focus { -webkit-transform: rotate(5deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(5deg); /* FF3.5+ */ -ms-transform: rotate(5deg); /* IE9 */ -o-transform: rotate(5deg); /* Opera 10.5+ */ transform: rotate(5deg); } .rotate_on_hover_ccw{ -webkit-transform: scale(0deg); /* Saf3.1+, Chrome */ -moz-transform: scale(0deg); /* FF3.5+ */ -ms-transform: scale(0deg); /* IE9 */ -o-transform: scale(0deg); /* Opera 10.5+ */ transform: scale(0deg); } .rotate_on_hover_ccw:hover, .rotate_on_hover_ccw:focus { -webkit-transform: rotate(-5deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(-5deg); /* FF3.5+ */ -ms-transform: rotate(-5deg); /* IE9 */ -o-transform: rotate(-5deg); /* Opera 10.5+ */ transform: rotate(-5deg); } /**************Flip Box ***************/ /* entire container, keeps perspective */ .flip-container { perspective: 1000; transform-style: preserve-3d; } /* UPDATED! flip the pane when hovered */ .flip-container:hover .back { transform: rotateY(0deg); } .flip-container:hover .front { transform: rotateY(180deg); } .flip-container, .front, .back { width: 320px; height: 480px; } /* flip speed goes here */ .flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; } /* hide back of pane during swap */ .front, .back { backface-visibility: hidden; transition: 0.6s; transform-style: preserve-3d; position: absolute; top: 0; left: 0; } /* UPDATED! front pane, placed above back */ .front { background-color:#ccc; z-index: 2; transform: rotateY(0deg); } /* back, initially hidden pane */ .back { background-color:#555; transform: rotateY(-180deg); } /* Some vertical flip updates */ .vertical.flip-container { position: relative; } .vertical .back { transform: rotateX(180deg); } .vertical.flip-container:hover .back { transform: rotateX(0deg); } .vertical.flip-container:hover .front { transform: rotateX(180deg); }