/*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: #fff8b3;
}
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"],
input[type="email"],
select,
textarea
{
border: 1px solid #808000;
font-size: 13px;
padding: 4px 4px 4px 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0px 0px 8px #b3b300;
-moz-box-shadow: 0px 0px 8px #b3b300;
-webkit-box-shadow: 0px 0px 8px #b3b300;
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,
input[type="email"]:focus,
select:focus,
textarea:focus
{
outline: none;
border: 1px solid #808000;
box-shadow: 0px 0px 8px #ffff80;
-moz-box-shadow: 0px 0px 8px #ffff80;
-webkit-box-shadow: 0px 0px 8px #ffff80;
}
input[type="submit"],
button:not(.dropbtn) {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6c153+0,998e30+26,56560f+49,544a02+100 */
background: #c6c153; /* Old browsers */
background: -moz-linear-gradient(top, #c6c153 0%, #998e30 26%, #56560f 49%, #544a02 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c6c153 0%,#998e30 26%,#56560f 49%,#544a02 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c6c153 0%,#998e30 26%,#56560f 49%,#544a02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c153', endColorstr='#544a02',GradientType=0 ); /* IE6-9 */
-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 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cece56+0,a09b33+26,9e951e+48,938c04+100 */
background: #cece56; /* Old browsers */
background: -moz-linear-gradient(top, #cece56 0%, #a09b33 26%, #9e951e 48%, #938c04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cece56 0%,#a09b33 26%,#9e951e 48%,#938c04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cece56 0%,#a09b33 26%,#9e951e 48%,#938c04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cece56', endColorstr='#938c04',GradientType=0 ); /* IE6-9 */
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: #757202;
}
a:hover, a:focus {
color: #333200;
}
.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 #4d4d00;
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:#ffff99;
color:#4d4d00;
-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;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cebc56+0,cec256+2,876a04+5,847c03+100 */
background: #cebc56; /* Old browsers */
background: -moz-linear-gradient(top, #cebc56 0%, #cec256 2%, #876a04 5%, #847c03 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cebc56 0%,#cec256 2%,#876a04 5%,#847c03 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cebc56 0%,#cec256 2%,#876a04 5%,#847c03 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cebc56', endColorstr='#847c03',GradientType=0 ); /* IE6-9 */
}
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:#4d4d00;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
ul.info_block li:last-child:hover {
background-color:#b3b300;
}
.info_block_bg_color {
color:#b3b300;
}
ul.info_block li:last-child a {
text-decoration:none;
color:#4d4d00;
}
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:#ffffb3;
padding:1px 5px 1px 5px;
margin:5px;
border-left:1px solid #988c01;
border-top:1px solid #988c01;
}
code {
background-color:#ffffb3;
border:1px solid #988c01;
}
.record_body blockquote p, blockquote p{
border-left:4px solid #988c01;
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:#ffffb3;
}
tt {
font-family: monospace;
}
var {
font-style: italic;
}
/***********Captions*************/
.record_body .wp-caption, .wp-caption {
margin-bottom: 1.6em;
max-width: 100%;
}
.record_body .wp-caption img, .wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.record_body .wp-caption-text, .wp-caption-text {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-size: 1.2rem;
line-height: 1.5;
padding: 0.5em 0;
}
.record_body .gallery-caption, .gallery-caption {
color: #707070;
color: rgba(51, 51, 51, 0.7);
display: block;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 16px;
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**********/
ul.image_block {
list-style: none;
}
ul.image_block li:not(:first-child) {
position:relative;
}
/***********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);
}
/********************************/