/*
Theme Name: Blue Squirrel
Theme URI:
Description: Theme for blogs and sites with adaptive design in blue tones.
Version: 1.0
Author: AlexDtn
Author URI: http://insportgame.org/uk/wp_articles
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: green, red, black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, squirrel
*/
@charset "utf-8";
/* CSS Document */
html {
overflow-y: scroll;
}
body, .nullmargin {
padding:0; margin:0;
}
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, .hwite a:visited {
color:white;
}
.hreview {
margin:15px 20px 10px 20px;
}
.hreview a, .hreview a:hover, .hreview a:focus, .hreview a:active {
text-decoration:none;
}
.hreview a:hover, .hreview a:focus, .hreview a:active {
color: #ffb3b3;
}
p, p a {
line-height:1.2em;
margin-top: 20px;
margin-bottom:20px;
}
.inline-centered {
width:100%;
text-align:center;
}
.img404 {
height: auto;
max-width: 100%;
}
/***********Site Name**/
.site-title a, .site-title a:visited {
text-decoration:none;
font-family:Georgia, Times, serif;
color:white;
font-weight:bold;
font-size:36px;
line-height:0.70em;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.site-title a:hover, .site-title a:focus, .site-title a:active {
color:#cccccc;
}
.site-title {
margin:5px;
line-height:0.85em;
font-weight:bold;
font-family:Georgia, Times, serif;
font-size:36px;
}
.site-description {
font-size:15px;
margin-bottom:0px;
margin-left:5px;
margin-top:20px;
}
@media all and (min-width: 1130px) and (max-width: 1320px) {
.site-title, .site-title a {
font-size:30px;
line-height:0.80em;
}
.site-description {
font-size:14px;
}
}
@media all and (min-width: 830px) and (max-width: 1129px) {
.site-title, .site-title a {
font-size:24px;
line-height:0.80em;
}
.site-description {
font-size:12px;
}
}
@media all and (min-width: 500px) and (max-width: 829px) {
.site-title, .site-title a {
font-size:20px;
line-height:0.80em;
}
.site-description {
font-size:11px;
margin-top:15px;
}
}
@media all and (max-width: 500px) {
.site-title, .site-title a {
font-size:14px;
line-height:0.80em;
}
.site-description {
font-size:9px;
margin-top:10px;
}
}
/***********TABLE**/
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 #ff3300;
font-size: 13px;
padding: 4px 4px 4px 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0px 0px 8px #991f00;
-moz-box-shadow: 0px 0px 8px #991f00;
-webkit-box-shadow: 0px 0px 8px #991f00;
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 #ff3300;
box-shadow: 0px 0px 8px #ff9980;
-moz-box-shadow: 0px 0px 8px #ff9980;
-webkit-box-shadow: 0px 0px 8px #ff9980;
}
input[type="submit"],
button:not(.dropbtn) {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c45258+0,9b313e+26,5b1018+49,540203+100 */
background: #c45258; /* Old browsers */
background: -moz-linear-gradient(top, #c45258 0%, #9b313e 26%, #5b1018 49%, #540203 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c45258 0%,#9b313e 26%,#5b1018 49%,#540203 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c45258 0%,#9b313e 26%,#5b1018 49%,#540203 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c45258', endColorstr='#540203',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,
input[type="submit"]:focus,
button:not(.dropbtn):focus {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce565e+0,9e3239+26,9b1d23+48,910412+100 */
background: #ce565e; /* Old browsers */
background: -moz-linear-gradient(top, #ce565e 0%, #9e3239 26%, #9b1d23 48%, #910412 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ce565e 0%,#9e3239 26%,#9b1d23 48%,#910412 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ce565e 0%,#9e3239 26%,#9b1d23 48%,#910412 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce565e', endColorstr='#910412',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-left:0px; color:#003333; }
dt {
padding:3px 2px 3px 7px;
font-weight:bold;
}
dd { padding:3px 2px 3px 15px; }
/*********HELPERS****/
.vhide {
visibility:hidden;
opacity:0;
}
.dhide {
display:none;
}
.la {
float:left;
}
.ra {
float:right;
}
a {
color: #ff0000;
}
a:visited {
color: #cc0000;
}
a:hover, a:focus, a:active {
color: #800000;
}
.close_tag {
clear:both;
}
/********SCROLL BAR COLOR (IE)*********/
HTML,BODY
{
scrollbar-face-color:#ffb3b3;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#800000;
scrollbar-shadow-color:rgb(0,0,0);
scrollbar-highlight-color:rgb(0,0,0);
scrollbar-3dlight-color:#808080;
scrollbar-darkshadow-Color:#202020;
}
/******************/
/********SCROLL BAR COLOR (WEBKIT)*********/
::-webkit-scrollbar
{
width: 12px; /* for vertical scrollbars */
height: 12px; /* for horizontal scrollbars */
}
::-webkit-scrollbar-track
{
background: #800000;
}
::-webkit-scrollbar-thumb
{
background: #ffb3b3;
}
/******************/
.ovf {
overflow:hidden;
}
.main_content {
width:100%;
/*height:100%;*/
height:inherit;
background:#ffcccc url(_red-images/bg_grad.png) repeat-x;
}
.head {
width:100%;
height:229px;
overflow:hidden;
}
.head_part_one {
height:229px; float:left;
display:inline-block;
font-size: 0;
clear:both;
}
.full_part {display:-moz-inline-box; display:inline-block; vertical-align:bottom; zoom:1; //display:inline}
.helper {display:-moz-inline-box; display:inline-block; height:100%; width:0px; vertical-align:bottom; zoom:1; //display:inline}
/*SAFARI*************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 5+ ONLY */
::i-block-chrome, .head_part_one {
display:inline-table;
}
}
/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{
.head_part_one {
display:inline-table;
}
}}
/*******************/
/*MOZILLA ONLY*/
@-moz-document url-prefix() {
.head_part_one {
display:inline-block;
}
}
/**********************/
/* IE9, IE10 */
@media screen and (min-width:0\0) {
.head_part_one {height:229px; float:left;
display:table;
font-size: 0;
}
.full_part {
display:table-cell;
vertical-align:bottom;
}
}
/********************/
.dropdown-content {
font-size:12pt;
}
.head_part_three{
float:left;
height:229px;
width:auto;
margin:0;
}
.head_part_two{
float:left;
background:url(_red-images/menu_perehod.png) no-repeat;
width:114px;
height:229px;
}
.menu_first{
background:url(_red-images/menu_bg_bottom.png) repeat-x;
height:105px;
width:100%;
text-align:center;
}
.menu_second{
background:url(_red-images/menu_bg_top.png) repeat-x;
height:105px;
width:100%;
text-align:center;
}
.logo {
}
.div_logo{
}
/******************BOTTOM MENU & COMMON***************/
.dropdown_wrapper {
float:left;
width:30%;
height:100%;
position:relative;
z-index:2;
}
.dropdown_outter {
height:100%;
display:table;
background: url(_red-images/separator.jpg) no-repeat;
-webkit-transform: translateZ(0);
}
.dropdown_inner {
display:table-cell;
vertical-align:middle;
}
.dropbox_btn_wrapper, .dropbox_btn_wrapper_top {
text-align:center;
height:inherit;
overflow:hidden;
}
/* Dropdown Button */
.dropbtn {
padding: 0;
border: none;
background: none;
color: #ff9999;
padding: 3px;
font-size: 20px;
font-family:Georgia, "Times New Roman", Times, serif;
text-shadow: 1px 1px 2px black;
-moz-text-shadow: 1px 1px 2px black;
-webkit-text-shadow: 1px 1px 2px black;
width:100%;
border: none;
cursor: pointer;
}
/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus{
background-color:transparent;
outline: none;
color:white;
border: none;
}
/* The container
- needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content, .dropdown-subcontent {
/* display: none; */
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index:10;
width:100%;
}
/* Links inside the dropdown */
.dropdown-content a, .dropdown-subcontent a, .dropdown-content a:visited, .dropdown-subcontent a:visited {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
line-height:1.2em;
font-size:14px;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover, .dropdown-content a:focus, .dropdown-subcontent a:hover, .dropdown-subcontent a:focus {
background-color: #f1f1f1;
color: grey;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.hide { left:-10000px; }
.show { left:0px; }
.mhide { margin-left:-10000px; }
.mshow { margin-left:0px; }
.dispshow { display:block; }
.disphide, .hlabel { display:none; }
.vshow { /* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
/* IE 5-7 */
filter: alpha(opacity=100);
/* Netscape */
-moz-opacity: 1;
/* Safari 1.x */
-khtml-opacity: 1;
/* Good browsers */
opacity: 1;
display:block;
}
/******************TOP MENU ADDITIONAL***********/
.dropdown_wrapper_top {
position:relative;
z-index:2;
float:left;
width:14%;
height:100%;
}
.dropdown_wrapper_top_more {
float:left;
width:14%;
height:100%;
}
.hidden_top_menu_elems {
position:absolute;
z-index:10;
top:100px;
width:100%;
background:#660000;
/* display:none;*/
}
.hidden_bottom_menu_elems {
position:absolute;
z-index:10;
top:100px;
width:100%;
background:#660000;
/* display:none;*/
}
.dropdown_wrapper_bottom_more {
float:left;
width:14%;
height:100%;
}
.hd {
display:none;
}
/******************IE8 and lower**********/
.ie8_submenu {
width: 100%;
height: 35px;
font-size: 16px;
font-family: Tahoma, Geneva, sans-serif;
font-weight: bold;
text-align: center;
text-shadow: 3px 2px 3px #333333;
-moz-text-shadow: 3px 2px 3px #333333;
-webkit-text-shadow: 3px 2px 3px #333333;
background-color: #ff8d8a;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 8px;
/* Firefox 1-3.6 */
-moz-border-radius: 8px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 8px;
}
.ie8_submenu li {
display: inline;
padding: 20px;
}
.ie8_submenu a{
color:gray;
}
/******************END TOP MENU***********/
.menu_main_link, .menu_main_link:visited {
padding: 0;
border: none;
background: none;
color: #ff9999;
padding: 3px;
font-size: 20px;
font-family:Georgia, "Times New Roman", Times, serif;
text-shadow: 1px 1px 2px black;
-moz-text-shadow: 1px 1px 2px black;
-webkit-text-shadow: 1px 1px 2px black;
width:100%;
border: none;
cursor: pointer;
text-decoration:none;
display:inline-block;
}
.menu_main_link:hover, .menu_main_link:focus, .menu_main_link:active, wht {
color: #fff;
text-decoration:none;
}
.desc_head {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10pt;
color:#333;
margin:20px;
height:84px;
overflow:hidden;
}
.left_menu_outter {
width:302px;
margin: 10px;
border:1px solid black;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 12px;
/* Firefox 1-3.6 */
-moz-border-radius: 12px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 12px;
}
.left_menu_head {
-webkit-border-radius: 12px 12px 0px 0px;
/* Firefox 1-3.6 */
-moz-border-radius: 12px 12px 0px 0px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 12px 12px 0px 0px;
background-color: #990000;
padding:10px 5px 10px 5px;
}
.left_menu_head h3, .left_menu_head h3 a{
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:22px;
margin-bottom:1px;
display: inline;
}
.left_menu_head h3 a{
text-decoration:none;
}
.left_menu_head h3 a:hover{
text-decoration:none;
color: #e7b1b5;
}
.left_menu * {
font-family:"Times New Roman", Times, serif;
font-size:15px;
}
.left_menu {
width:300px;
display:block;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 12px;
/* Firefox 1-3.6 */
-moz-border-radius: 12px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 12px;
background-color:#069;
border:1px solid white;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f98189+0,ad303d+100 */
background: #f98189; /* Old browsers */
background: -moz-linear-gradient(top, #f98189 0%, #ad303d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f98189 0%,#ad303d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f98189 0%,#ad303d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98189', endColorstr='#ad303d',GradientType=0 ); /* IE6-9 */
}
.left_menu li a, .left_menu li a:visited {
color:#fff;
text-decoration:none;
text-shadow: 1px 1px 2px black;
-moz-text-shadow: 1px 1px 2px black;
-webkit-text-shadow: 1px 1px 2px black;
}
.left_menu li{
list-style: none;
}
.left_menu li:before{
content: '';
display: inline-block;
height: 9px;
width: 20px;
/* background: url(_red-images/punkt.png) no-repeat;*/
margin-right:5px;
}
.left_menu li a:hover, .left_menu li a:focus, .left_menu li a:active {
color: #e7b1b5;
text-decoration:none;
}
.left_menu ul {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 10px;
}
.left_menu_wrapper {
display:inline-block;
width: 322px;
}
.content_wrapper {
}
.content {
width: 100%;
overflow:hidden;
}
.left_sidebar {
margin-left: 322px;
}
.right_sidebar {
margin-right: 322px;
}
.left_sidebar_minus {
margin-left: -322px;
}
.right_sidebar_minus {
margin-right: -322px;
}
.main_info_block {
width:100%;
height:inherit;
overflow:hidden;
/* visibility:none;*/
}
/**************SLIDER SETTINGS**********/
.simple_slider_content, .simple_slider_content_inner {
background-color:#000;
margin:initial;
transform-origin: top left;
vertical-align:middle;
}
.simple_slider_content{
z-index: 0;
}
.simple_slider_content_inner {
transform: translateZ(0);
overflow:hidden;
z-index: 10;
position:relative;
}
.simple_slider_wrapper {
}
.simple_slider {
margin:10px;
background: #fff;
display: block;
width: inherit;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}
.simple_slider_skotch {
position:absolute;
z-index:21;
width:inherit;
}
.dos:before, .dos:after
{
content: "";
display: block;
width: 100px;
height: 30px;
position: relative;
top: 20px;
margin: auto;
background: rgba(255,255,200,0.6);
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}
.dos:before, .dos:after {
position: absolute;
top: 20px;
}
.dos:before {
left: -10px;
-webkit-transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
transform: rotate(-35deg);
}
.dos:after {
right: -10px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
/*
.slide_img_img, .slide_img_img_next, .inner_html {
position:absolute;
}
*/
.slide_img, .slide_img1, .slide_img2 {
position:absolute;
left:0px;
top:0px;
z-index:1;
overflow:hidden;
transform:translateZ(0);
}
.slide_img_next, .slide_img_next1, .slide_img_next2 {
position:absolute;
left:0px;
top:0px;
z-index:0;
overflow:hidden;
transform:translateZ(0);
}
.slide_img_img, .slide_img_img_next {
transform:translateZ(0);
}
.slider_caption_otstup {
margin-left:90%;
}
.sb {
pointer-events: visible;
position:relative;
z-index:5;
margin:3px;
vertical-align:bottom;
cursor: pointer;
}
.slider_buttons {
vertical-align:bottom;
display:table-cell;
width:100%;
}
.slider_buttons_outter {
pointer-events:none;
position:absolute;
width:100%;
height:100%;
text-align:right;
display:table;
z-index:21;
}
.preloader {
position:absolute;
z-index:2;
width:inherit;
height:inherit;
background-color:#000;
}
.container_records {
width:inherit;
}
.inner_html {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
width: inherit;
height: inherit;
}
/******************BODY BLOG RECORDS***/
.record_outter {
margin-top:50px;
}
.record {
border:1px solid #660000;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 12px;
/* Firefox 1-3.6 */
-moz-border-radius: 12px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 12px;
/* padding:10px;*/
margin:10px;
background-color:#fff;
}
.record_head {
-webkit-border-radius: 12px 12px 0px 0px;
/* Firefox 1-3.6 */
-moz-border-radius: 12px 12px 0px 0px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 12px 12px 0px 0px;
/*background-color: #205c61; */
/*border:1px solid gray;*/
padding:1px 10px 1px 10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce5662+0,ce565c+4,87040c+8,84030c+100 */
background: #ce5662; /* Old browsers */
background: -moz-linear-gradient(top, #ce5662 0%, #ce565c 4%, #87040c 8%, #84030c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ce5662 0%,#ce565c 4%,#87040c 8%,#84030c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ce5662 0%,#ce565c 4%,#87040c 8%,#84030c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce5662', endColorstr='#84030c',GradientType=0 ); /* IE6-9 */
}
.sticky .record_head {
-webkit-border-radius: 12px 12px 0px 0px;
/* Firefox 1-3.6 */
-moz-border-radius: 12px 12px 0px 0px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 12px 12px 0px 0px;
/*background-color: #205c61; */
/*border:1px solid gray;*/
padding:1px 10px 1px 10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd1a27+0,8e252c+100 */
background: #dd1a27; /* Old browsers */
background: -moz-linear-gradient(top, #dd1a27 0%, #8e252c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #dd1a27 0%,#8e252c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #dd1a27 0%,#8e252c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd1a27', endColorstr='#8e252c',GradientType=0 ); /* IE6-9 */
}
.record_head p{
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:28px;
}
.record_head .recdate, .record_head .reccom, .record_head .recauth{
color:#a7b0b1;
font-family:"Times New Roman", Times, serif;
font-size:14px;
padding:1px 10px 1px 10px;
}
.record_head .reccom{
padding-left:0px;
}
.record_head .recdate a, .record_head .reccom a, .record_head .recauth a{
color:#b1a7ad;
font-family:"Times New Roman", Times, serif;
font-size:14px;
}
.record_head .recdate a:hover, .record_head .reccom a:hover, .record_head .recauth a:hover, .record_head .recdate a:focus, .record_head .reccom a:focus, .record_head .recauth a:focus{
color:#7a6c74;
}
.search_phrase, .records_period h1, .author_caption {
margin-right:10px;
text-align:right;
margin-top:15px;
color:#ff9999;
font-size:18px;
font-weight:bold;
text-shadow: #4d0002 1px 0px, #4d0002 1px 1px, #4d0002 0px 1px, #4d0002 -1px 1px, #4d0002 -1px 0px, #4d0002 -1px -1px, #4d0002 0px -1px, #4d0002 1px -1px;
}
.records_period h1 {
font-size:22px;
}
.search_phrase {
font-size:20px;
}
.record_head .recauth:after, .author_caption:after {
content: "";
display: inline-block;
/*background: url("_red-images/author_pict.png") no-repeat;*/
background: url("_red-images/icon/114-user.png") no-repeat;
width: 20px;
height: 20px;
margin: 0 6px 0 0;
}
.record_head .recdate:after {
content: "";
display: inline-block;
/* background: url("_red-images/calendar_pict.png") no-repeat;*/
background: url("_red-images/icon/084-calendar.png") no-repeat;
width: 20px;
height: 20px;
margin: 0 6px 0 0;
}
.record_head .reccom:after {
content: "";
display: inline-block;
/*background: url("_red-images/comments_pict.png") no-repeat;*/
background: url("_red-images/icon/110-bubbles2.png") no-repeat;
width: 20px;
height: 20px;
margin: 0 6px 0 0;
}
.record_body {
margin:10px;
overflow:hidden;
}
.record_body p {
color:#000;
font-family:"Times New Roman", Times, serif;
font-size:16px;
}
.record_body a {
font-family:"Times New Roman", Times, serif;
}
.attachment_img, .attachment-post-thumbnail {
float:none;/*left;*/
margin:10px;
}
.record_footer {
margin-top:20px;
}
.record_footer p {
color:#000;
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
margin:10px;
}
.record_footer p a{
color: #660000;
font-weight:normal;
}
.record .more_right {
margin:10px;
text-align:right;
}
.record .entry-footer {
margin:10px;
text-align:right;
}
.record .entry-footer a {
color:#4d0000;
text-decoration:none;
}
.record .entry-footer a:hover, .record .entry-footer a:focus {
color:#e60000;
}
.record_hang {
display:table;
position:relative;
top:-27px;
width:100%;
z-index:1;
}
.record_main_part {
position:relative;
top:-58px;
}
.record_hang_row {
display:table-row;
}
.left_hang {
display:table-cell;
width:20px;
height:54px;
}
.right_hang {
display:table-cell;
text-align:right;
width:20px;
height:54px;
}
.bs_hang {
background:url("_red-images/hang.png") no-repeat;
width: inherit;
height: inherit;
display: inline-block;
}
.all_tags {
margin-left:40px;
display:block;
margin-top: 25px;
}
.all_tags a{
color:#4d0000;
text-decoration:none;
font-family:Verdana, Times, serif;
font-size:12px;
}
.all_tags a:hover, .all_tags a:focus{
color:#b30000;
}
.all_tags_wrapper {
display:block;
min-height:30px;
vertical-align:middle;
margin-top:50px;
}
.all_tags_marker {
display: block;
background: url("_red-images/tags_pict.png") no-repeat;
width: 20px;
height: 20px;
margin: 1px 1px 0 15px;
float:left;
}
.read_more {
color:#004d4d;
text-decoration:none;
font-family:Verdana, Times, serif;
font-size:14px;
}
.read_more:hover, .read_more:focus {
color:#000;
text-decoration:none;
}
.read_more:after{
content: '';
display: inline-block;
height: 20px;
width: 20px;
background: url(_red-images/more_pict.png) no-repeat;
margin-right:5px;
margin-left:5px;
}
/******************Category Links In Post***************/
.category_links {
margin-top:20px;
}
.category_links
{
background:url("_red-images/category_pict.png") no-repeat;
padding-left:25px;
min-height:25px;
}
.category_links a, .category_links a:visited{
text-decoration:none;
color:#ffb3b3;
text-shadow: 1px 1px 1px black;
-moz-text-shadow: 1px 1px 1px black;
-webkit-text-shadow: 1px 1px 1px black;
}
.category_links a:hover, .category_links a:focus{
color:#ff4d4d;
}
/******************FOOTER RECORDS***/
.footer {
padding-left:15px;
padding-right:15px;
padding-top:15px;
background-color:#ce6477;
}
.footer .company_info p {
color:#333;
font-family:"Times New Roman", Times, serif;
font-size:14px;
}
.footer .company_info p a {
color:#b30000;
}
.footer .company_info p a:hover {
color:#000;
}
.footer .company_info p:before{
content: '';
display: inline-block;
margin-right:2px;
width:16px;
height:16px;
background:url("_red-images/icon/004-office.png") no-repeat;
}
.footer .company_info p span{
display:block;
}
.footer .company_info {
width: 20%;
float: left;
}
.footer .company_info a { color: #ff0000; }
.footer .company_info a:visited { color: #cc0000; }
.footer .company_info a:hover, .footer .company_info a:focus, .footer .company_info a:active { color: #800000; }
.other_info {
float:left;
margin-left:5%;
width:70%;
}
.other_info_outter h3 {
font-size:25px;
color:#4d0000;
}
.other_info_outter ul {
list-style-type: none;
}
.other_info_outter li, .other_info_outter li a, .other_info_outter p a , .other_info_outter a {
color:#b30000;
}
.other_info_outter li a:hover, .other_info_outter p a:hover, .other_info_outter a:hover, .other_info_outter li a:focus, .other_info_outter p a:focus, .other_info_outter a:focus {
color:#000;
}
.other_info_outter {
float:left;
margin-left:20%;
}
/******************WIDGET CALENDAR******************/
.calendar_wrap table {
margin: auto;
padding:5px 10px 5px 10px;
/* background-color:#a3c2c2;*/
}
.calendar_wrap td,
.calendar_wrap th {
line-height: 2.3333;
text-align: center;
padding: 0;
/*border:1px solid grey;*/
background-color:#b08286;
}
.calendar_wrap caption {
font-family: "Noto Serif", serif;
font-weight: 700;
margin: 0 0 1.6em;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.calendar_wrap tbody a {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
background-color: #333;
color: #fff;
display: block;
font-weight: 700;
}
.calendar_wrap tbody a:hover, .calendar_wrap tbody a:focus {
color:#008080;
}
.calendar_wrap tbody a:hover,
.calendar_wrap tbody a:focus {
background-color: #707070;
background-color: rgba(51, 51, 51, 0.7);
color: #fff;
}
.calendar_wrap #prev, .calendar_wrap #next {
background-color:#c2a3a8;
}
.calendar_wrap #prev:hover, .calendar_wrap #next:hover, .calendar_wrap #prev:focus, .calendar_wrap #next:focus {
background-color:#9d626c;
}
.calendar_wrap a{
text-decoration:none;
}
/******************WIDGET TAG CLOUD******************/
.tagcloud a {
text-decoration:none;
color:#400d0e;
margin:2px 5px 2px 5px;
-moz-text-shadow:3px 3px 10px #fff;
-webkit-text-shadow:3px 3px 10px #fff;
text-shadow:3px 3px 10px #fff;
}
/******************SEARCH BOX***/
.search_box_wrapper {
display: block;
margin-top:30px;
margin-left:30%;
margin-right:30px;
height:54px;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 7px;
/* Firefox 1-3.6 */
-moz-border-radius: 7px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 7px;
/* width:auto;
height:auto;*/
}
.search_box {
border:1px solid #fff;
box-shadow: 0 0 3px #000;
display: inline-block;
width:100%;
height:54px;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 7px;
/* Firefox 1-3.6 */
-moz-border-radius: 7px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 7px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f78f91+0,ba5d61+24,93363b+50,ba5d61+79,f78f91+100 */
background: #f78f91; /* Old browsers */
background: -moz-linear-gradient(top, #f78f91 0%, #ba5d61 24%, #93363b 50%, #ba5d61 79%, #f78f91 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f78f91 0%,#ba5d61 24%,#93363b 50%,#ba5d61 79%,#f78f91 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f78f91 0%,#ba5d61 24%,#93363b 50%,#ba5d61 79%,#f78f91 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78f91', endColorstr='#f78f91',GradientType=0 ); /* IE6-9 */
}
/**********SEARCH FORM**********/
.search_frm {
width:55%;
margin:12px 0 0 2%;
height:25px;
}
.search_sbm {
width:18%;
margin:12px 0 0 2%;
height:35px;
font-size: 14px!important;
padding: 4px 1px 4px 1px!important;
}
.search_main {
margin:0px 0px 5px 0px;
}
.search_box {
padding-top:10px;
}
.search_box input[type="submit"] {
text-decoration:none; text-align:center;
padding:11px 32px;
border:solid 1px #801a00;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius: 4px;
font:18px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffc2b3;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc7981+0,f9616b+44,ed4048+100 */
background: #fc7981; /* Old browsers */
background: -moz-linear-gradient(top, #fc7981 0%, #f9616b 44%, #ed4048 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fc7981 0%,#f9616b 44%,#ed4048 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fc7981 0%,#f9616b 44%,#ed4048 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7981', endColorstr='#ed4048',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow:0px 0px 1px #ffffff;
-moz-box-shadow: 0px 0px 1px #ffffff;
box-shadow:0px 0px 1px #ffffff;
}
.search_box input[type="submit"]:hover, .search_box input[type="submit"]:focus {
padding:11px 32px;
border:solid 1px #cc2900;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius: 4px;
font:18px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcb0b4+0,fc6767+100 */
background: #fcb0b4; /* Old browsers */
background: -moz-linear-gradient(top, #fcb0b4 0%, #fc6767 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcb0b4 0%,#fc6767 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcb0b4 0%,#fc6767 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb0b4', endColorstr='#fc6767',GradientType=0 ); /* IE6-9 */
}
/****Pagination**/
.paging {
margin-top:20px;
}
.paging ul {
float:right;
list-style-type: none;
margin-right:5px;
}
.paging .pinside {
float:right;
margin-right:5px;
margin-bottom: 20px;
}
.paging ul li {
float:left;
margin:0px 0px 22px 0px;
}
.paging a, .paging ul li a, .paging a:visited, .paging ul li a:visited{
background-color:#660000;
color:#FFF;
border:solid 1px #000;
margin-left:1px;
}
.paging ul li .current, .paging ul li .dots {
background-color:#FFF;
color:#000;
border:solid 1px #000;
margin-left:1px;
}
.paging a:hover, .paging ul li a:hover, .paging a:focus, .paging ul li a:focus {
background-color:#333;
color:white;
}
.paging a, .paging ul li a, .paging ul li .current, .paging ul li .dots {
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 5px;
/* Firefox 1-3.6 */
-moz-border-radius: 5px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 5px;
padding:7px 11px 7px 11px;
border:1px solid #fff;
box-shadow: 0 0 3px #000;
font-size:14px;
text-decoration:none;
}
/*****Pagination Additional******/
.page_parts a, .page_parts a:visited{
background-color:#631f25;
color:#FFF;
border:solid 1px #000;
margin-left:1px;
padding:5px;
}
.page_parts a:hover, .page_parts a:focus {
background-color:#333;
color:#fff;
}
/****COMMON******/
.m_inbox {
margin:7px 5px 7px 5px;
}
.p_inbox {
padding:7px 5px 7px 5px;
}
/***COMMENTS*****/
.comments-area {
background-color: #ffe6e6;
/* border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);*/
border:1px solid white;
box-shadow: 0 0 3px #000;
padding: 7.6923%;
margin-top:40px;
margin:5px;
}
.comments-area .screen-reader-text {
font-size:18px;
}
.comments-area > :last-child {
margin-bottom: 0;
}
.comment-list + .comment-respond {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.6em;
}
.comment-reply-title:before{
content: '';
display: inline-block;
height: 39px;
width: 30px;
background-image: url(_red-images/penwrite_pict.png);
margin-right:5px;
}
.comments-title,
.comment-reply-title {
font-family: "Noto Serif", serif;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
}
.comments-title {
margin-bottom: 1.3333em;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-list p{
background-color:#ffb3b3;
border:1px solid #800000;
padding:5px;
margin-top:10px;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 5px;
/* Firefox 1-3.6 */
-moz-border-radius: 5px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 5px;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
padding: 1.6em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.8em;
}
.comment-author {
color: #707070;
color: rgba(51, 51, 51, 0.7);
margin-bottom: 0.4em;
}
.comment-author a:hover {
/*
border-bottom: 1px solid #707070;
border-bottom: 1px solid rgba(51, 51, 51, 0.7);
*/
}
.comment-author .avatar {
float: left;
height: 24px;
margin-right: 0.8em;
width: 24px;
}
.bypostauthor > article .fn:after {
content: "\f304";
position: relative;
top: 5px;
left: 3px;
}
.comment-metadata,
.pingback .edit-link {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
}
.comment-metadata a,
.pingback .edit-link a {
color: #707070;
color: rgba(51, 51, 51, 0.7);
}
.comment-metadata a:hover,
.pingback .edit-link a:hover {
border-bottom: 1px solid #333;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .edit-link a:hover,
.pingback .edit-link a:focus {
color: #333;
}
.comment-metadata {
margin-bottom: 1.6em;
}
.comment-metadata .edit-link {
margin-left: 1em;
}
.pingback .edit-link {
margin-left: 1em;
}
.pingback .edit-link:before {
top: 5px;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 1.6em 1.3333em;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-content > :last-child {
margin-bottom: 0;
}
.comment-list .reply {
font-size: 12px;
/*font-size: 1.2rem;*/
}
.comment-list .reply a {
border: 1px solid #eaeaea;
border: 1px solid rgba(51, 51, 51, 0.1);
color: #707070;
color: rgba(51, 51, 51, 0.7);
display: inline-block;
font-family: "Noto Sans", sans-serif;
font-weight: 700;
line-height: 1;
margin-top: 2em;
padding: 0.4167em 0.8333em;
text-transform: uppercase;
}
.comment-list .reply a:hover,
.comment-list .reply a:focus {
border-color: #333;
color: #333;
outline: 0;
}
.comment-form {
padding-top: 1.6em;
}
.comment-form label {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
display: block;
letter-spacing: 0.04em;
line-height: 1.5;
text-transform: uppercase;
}
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"]
{
width: 100%;
}
.comment-form input[type="submit"] {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c65359+0,9b3133+26,591018+49,54020a+100 */
background: #c65359; /* Old browsers */
background: -moz-linear-gradient(top, #c65359 0%, #9b3133 26%, #591018 49%, #54020a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c65359 0%,#9b3133 26%,#591018 49%,#54020a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c65359 0%,#9b3133 26%,#591018 49%,#54020a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c65359', endColorstr='#54020a',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
font-family: Arial;
color: #ffffff;
font-size: 20px;
padding: 10px 20px 10px 20px;
text-decoration: none;
width: 50%;
}
.comment-form input[type="submit"]:hover, .comment-form input[type="submit"]:focus {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc555d+0,9b313e+26,9e1e33+48,91040b+100 */
background: #cc555d; /* Old browsers */
background: -moz-linear-gradient(top, #cc555d 0%, #9b313e 26%, #9e1e33 48%, #91040b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cc555d 0%,#9b313e 26%,#9e1e33 48%,#91040b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cc555d 0%,#9b313e 26%,#9e1e33 48%,#91040b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc555d', endColorstr='#91040b',GradientType=0 ); /* IE6-9 */
text-decoration: none;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
margin-bottom: 2em;
}
.logged-in-as a:hover {
/* border-bottom: 1px solid #333;*/
}
.no-comments {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-family: "Noto Sans", sans-serif;
font-weight: 700;
padding-top: 1.6em;
}
.comment-navigation + .no-comments {
border-top: 0;
}
.form-allowed-tags code {
font-family: Inconsolata, monospace;
}
.form-submit {
margin-bottom: 0;
}
.required {
color: #c0392b;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
float: right;
height: 32px;
overflow: hidden;
width: 26px;
}
.comment-reply-title small a:before {
content: "\f405";
font-size: 32px;
position: relative;
top: -3px;
}
.comment-form-comment label,
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
font-size:15px;
}
.comment-meta a, .comment-author a, .logged-in-as a {
text-decoration: none;
color:grey;
}
.comment-author a:hover, .comment-meta a:hover, .logged-in-as a:hover, .url:hover {
text-decoration: none;
color:#555;
}
.image-navigation,
.comment-navigation {
color: #707070;
color: rgba(51, 51, 51, 0.7);
font-size: 12px;
font-size: 1.2rem;
font-family: "Noto Sans", sans-serif;
font-weight: 700;
line-height: 1.5;
text-transform: uppercase;
}
.image-navigation a,
.comment-navigation a {
color: #707070;
color: rgba(51, 51, 51, 0.7);
}
.nav-previous a, .nav-next a{
font-size:12px;
}
.image-navigation a:hover,
.image-navigation a:focus,
.comment-navigation a:hover,
.comment-navigation a:focus {
color: #333;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
display: inline-block;
}
.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
content: "\2215";
font-weight: 400;
margin: 0 0.7em;
}
.image-navigation .nav-previous a:before,
.comment-navigation .nav-previous a:before {
content: "<<";
margin-right: 0.2em;
position: relative;
}
.image-navigation .nav-next a:after,
.comment-navigation .nav-next a:after {
content: ">>";
margin-left: 0.2em;
position: relative;
}
.comment-navigation {
border-top: 1px solid #eaeaea;
border-top: 1px solid rgba(51, 51, 51, 0.1);
border-bottom: 1px solid #eaeaea;
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
padding: 2em 0;
}
.comments-title + .comment-navigation {
border-bottom: 0;
}
.image-navigation {
padding: 0 7.6923%;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty) {
margin-bottom: 2em;
}
/*********AUTO SCROLL MARKER***********/
.scroll_top a{
color:grey;
cursor:pointer;
text-decoration:none;
}
.scroll_top a:hover, .scroll_top a:focus{
color:black;
text-decoration:none;
}
/***********SKIP LINKS***********/
.skip-link {
position: absolute;
top:-100px;
opacity:0;
/* Styled to match the default WordPress screen reader text */
background-color: #f1f1f1;
-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);
box-shadow:0 0 2px 2px rgba(0,0,0,.6);
color: #21759b;
display: block;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-weight: 700;
height: auto;
left:6px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
width: auto;
z-index: 100000; /* Above WP toolbar */
-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;
}
.skip-link:focus {
color: #21759b;
top: 7px;
opacity:1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-ms-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
/***********INFO BLOCK***********/
ul.info_block {
list-style-type:none;
width:30%;
margin:5px;
}
ul.info_block li:not(:first-child) {
border:1px solid #800000;
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:#ffb3b3;
color:#660000;
-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/#ce5662+0,ce565c+4,87040c+8,84030c+100 */
background: #ce5662; /* Old browsers */
background: -moz-linear-gradient(top, #ce5662 0%, #ce565c 4%, #87040c 8%, #84030c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ce5662 0%,#ce565c 4%,#87040c 8%,#84030c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ce5662 0%,#ce565c 4%,#87040c 8%,#84030c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce5662', endColorstr='#84030c',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:#004d4d;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
ul.info_block li:last-child:hover {
background-color:#ff6666;
}
.info_block_bg_color {
color:#ff6666;
}
ul.info_block li:last-child a {
text-decoration:none;
color:#660000;
}
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:#ffcccc;
padding:1px 5px 1px 5px;
margin:5px;
border-left:1px solid #cc0000;
border-top:1px solid #cc0000;
}
code {
background-color:#ffb3b3;
border:1px solid #cc0000;
}
.record_body blockquote p, blockquote p{
border-left:4px solid #b30000;
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:#ffcccc;
}
tt {
font-family: monospace;
}
var {
font-style: italic;
}
/******RESPONSIVE LEFT & TOP MENU & H TAG****/
@media all and (max-width: 500px) {
.head_part_two{
background: url(_red-images/menu_perehod.png) 100% 100% no-repeat;
background-size: 30px 229px;
width:30px;
}
.search_box_wrapper {
margin-left:1%;
margin-right:20px;
height:44px;
}
.search_box {
padding-top:1px;
height:44px;
}
.left_menu {
width:260px;
}
.left_menu_outter {
width:262px;
}
.left_menu_wrapper {
width: 282px;
}
.left_sidebar {
margin-left: 282px;
}
.right_sidebar {
margin-right: 282px;
}
.left_sidebar_minus {
margin-left: -282px;
}
.right_sidebar_minus {
margin-right: -282px;
}
.comment-form input[type="submit"] {
width: 80%;
}
ul.info_block {
width:60%;
}
h1 {
font-size:27px;
}
h2 {
font-size:22px;
}
h3 {
font-size:21px;
}
}
/*********WOOCOMMERCE**************/
.wootitle {
margin:15px 25px 15px 25px;
}
.woocommerce-product-search, .tagcloud {
padding:5px;
}
/**********BBPress*****************/
.bbp-logged-in, .bbp-login-form{
margin:5px;
}
.left_menu p a, .bbp-logged-in a, .bbp-login-links a { color:black; }
.left_menu p a:hover, .bbp-logged-in a:hover, .bbp-login-links a:hover, .left_menu p a:focus, .bbp-logged-in a:focus, .bbp-login-links a:focus { color:#334d4d; }
/*********Attachments************/
.attachment_main_title {
font-family: "Noto Serif", serif;
}
.post-attachments li{
list-style: none;
}
.post-attachments li:before{
content: '';
display: inline-block;
height: 16px;
width: 16px;
background: url("_red-images/icon/037-file-empty.png") no-repeat;
margin-right:5px;
}
/**********************************/
.copyright, .copyright a, .copyright a:visited{
color:#f3d8dd;
text-decoration:none;
font-size:12px;
}
/***********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***/
.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;
}
/******************SINGLE PAGE**********************/
.single_page_main_wrapper {
width:100%;
text-align:center;
background-color:#000;
}
.single_page_main_content_wrapper {
max-width:1200px;
margin:auto;
}
.single_page_main_content {
padding-top:20px;
}
.single_page_head {
background:url("images/single_page_header.jpg") no-repeat;
max-width:1200px;
height:371px;
}
.single_page_main_content_wrapper .site-title {
text-align:left;
padding-top:15px;
padding-left:20px;
margin-top:0px;
}
.single_page_main_content_wrapper .site-description{
margin-right:20px;
width:30%;
float:right;
}
.single_page_main_content{
background:url("images/single_page_bg.jpg") repeat-y;
padding-bottom:20px;
}
.single_page_main_content .hreview_single_page, .single_page_main_content .hreview_single_page_left{
font-family:Impact, Times, serif;
}
@media all and (min-width: 1200px) {
.single_page_main_content .hreview_single_page, .single_page_main_content .hreview_single_page_left{
font-size:22pt;
}
}
@media all and (min-width: 800px) and (max-width: 1199px) {
.single_page_main_content .hreview_single_page, .single_page_main_content .hreview_single_page_left{
font-size:16pt;
}
}
@media all and (min-width: 400px) and (max-width: 799px) {
.single_page_main_content .hreview_single_page, .single_page_main_content .hreview_single_page_left{
font-size:14pt;
}
}
@media all and (max-width: 399px) {
.single_page_main_content .hreview_single_page, .single_page_main_content .hreview_single_page_left{
font-size:10pt;
line-height:1em;
}
}
.record_outter_sp .article_title h2 {
display: inline-block;
padding-bottom:10px;
display:table;
}
.record_outter_sp .article_title h2 .title_text {
display:table-cell;
vertical-align:middle;
padding-left:20px;
padding-right:20px;
background:url("images/single_page_title_r_bg.png") repeat-x;
}
.record_outter_sp .article_title h2:before{
content: '';
display: inline-block;
height: 77px;
width: 39px;
background: url("images/single_page_title_r_l.png") no-repeat;
}
.record_outter_sp .article_title h2:after{
content: '';
display: inline-block;
height: 77px;
width: 54px;
background: url("images/single_page_title_r_r.png") no-repeat;
}
.record_outter_sp_left .article_title h2 {
display: inline-block;
padding-bottom:10px;
display:table;
}
.record_outter_sp_left .article_title h2 .title_text {
display:table-cell;
vertical-align:middle;
padding-left:20px;
padding-right:20px;
background:url("images/single_page_title_r_bg.png") repeat-x;
}
.record_outter_sp_left .article_title h2:before{
content: '';
display: inline-block;
height: 77px;
width: 54px;
background: url("images/single_page_title_l_l.png") no-repeat;
}
.record_outter_sp_left .article_title h2:after{
content: '';
display: inline-block;
height: 77px;
width: 39px;
background: url("images/single_page_title_l_r.png") no-repeat;
}
.record_outter_sp .article_content, .record_outter_sp_left .article_content {
width:90%;
min-height:100px;
overflow:hidden;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#93cede+0,75bdd1+41,49a5bf+100;Blue+3D+%235 */
background: rgb(147,206,222); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzY2VkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQxJSIgc3RvcC1jb2xvcj0iIzc1YmRkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OWE1YmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(147,206,222,1)), color-stop(41%,rgba(117,189,209,1)), color-stop(100%,rgba(73,165,191,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom, rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf',GradientType=0 ); /* IE6-8 */
}
.record_outter_sp .hreview_single_page {
float:right;
}
.record_outter_sp .hreview_single_page_left {
float:left;
}
.record_head_sp, .record_head_sp_left {
display:block;
}
.record_outter_sp .article_content, .record_outter_sp_left .article_content {
margin:auto;
padding: 5px 10px 5px 10px;
}
.record_outter_sp .article_content p, .record_outter_sp_left .article_content p {
color:black;
}
.single_page_main_content_wrapper .footer {
background-color:#000;
}
.single_page_main_content .head_inc {
width:100%;
height:0px;
overflow:hidden;
}
/**********Social**************/
.social_btn {
width:16px;
height:16px;
margin:3px;
}
.all_social_buttons {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#991e33+0,9b1f31+8,ce4e5b+12,d35b5d+89,9b1f25+93,9b1f25+100 */
background: #991e33; /* Old browsers */
background: -moz-linear-gradient(top, #991e33 0%, #9b1f31 8%, #ce4e5b 12%, #d35b5d 89%, #9b1f25 93%, #9b1f25 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #991e33 0%,#9b1f31 8%,#ce4e5b 12%,#d35b5d 89%,#9b1f25 93%,#9b1f25 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #991e33 0%,#9b1f31 8%,#ce4e5b 12%,#d35b5d 89%,#9b1f25 93%,#9b1f25 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#991e33', endColorstr='#9b1f25',GradientType=0 ); /* IE6-9 */
}
.social_amazon { background:url(images/icon/social/392-amazon.png) no-repeat; }
.social_google_plus { background:url(images/icon/social/396-google-plus.png) no-repeat; }
.social_facebook { background:url(images/icon/social/401-facebook.png) no-repeat; }
.social_instagram { background:url(images/icon/social/403-instagram.png) no-repeat; }
.social_twitter { background:url(images/icon/social/407-twitter.png) no-repeat; }
.social_vk { background:url(images/icon/social/409-vk.png) no-repeat; }
.social_youtube { background:url(images/icon/social/414-youtube.png) no-repeat; }
.social_vimeo { background:url(images/icon/social/417-vimeo.png) no-repeat; }
.social_flickr { background:url(images/icon/social/420-flickr.png) no-repeat; }
.social_tumblr { background:url(images/icon/social/442-tumblr.png) no-repeat; }
.social_rss { background:url(images/icon/social/412-rss.png) no-repeat; }
.social_amazon:hover, .social_amazon:focus { background:url(images/icon/social/392-amazon_hover.png) no-repeat; }
.social_google_plus:hover, .social_google_plus:focus { background:url(images/icon/social/396-google-plus_hover.png) no-repeat; }
.social_facebook:hover, .social_facebook:focus { background:url(images/icon/social/401-facebook_hover.png) no-repeat; }
.social_instagram:hover, .social_instagram:focus { background:url(images/icon/social/403-instagram_hover.png) no-repeat; }
.social_twitter:hover, .social_twitter:focus { background:url(images/icon/social/407-twitter_hover.png) no-repeat; }
.social_vk:hover, .social_vk:focus { background:url(images/icon/social/409-vk_hover.png) no-repeat; }
.social_youtube:hover, .social_youtube:focus { background:url(images/icon/social/414-youtube_hover.png) no-repeat; }
.social_vimeo:hover, .social_vimeo:focus { background:url(images/icon/social/417-vimeo_hover.png) no-repeat; }
.social_flickr:hover, .social_flickr:focus { background:url(images/icon/social/420-flickr_hover.png) no-repeat; }
.social_tumblr:hover, .social_tumblr:focus { background:url(images/icon/social/442-tumblr_hover.png) no-repeat; }
.social_rss:hover, .social_rss:focus { background:url(images/icon/social/412-rss_hover.png) no-repeat; }
/***********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;
}
/********************************/
.noborder, .noborder tr, .noborder th, .noborder td { border: none; }
.noborder td { vertical-align: middle; padding:0px; overflow:hidden; }
.noborder { table-layout:fixed; width: 100%; margin:5px; }
.recent_posts_caption {
padding:5px 5px 5px 10px;
color:#333;
font-weight:bold;
}
.recent_posts_image_wrapper {
width:inherit;
height:inherit;
overflow:hidden;
margin:5px 0px 5px 0px;
}
.recent_posts_image {
-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;
}
.recent_posts_image: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);
}
/**************POSTS SLIDER****************/
.posts_slider_caption_a, .posts_slider_caption_a:visited {
display: table-cell;
vertical-align: bottom;
padding: 5px;
background-color:rgba(181, 181, 181, 0.48);
color:#222;
font-weight:bold;
font-size:14px;
text-decoration:none;
}
.posts_slider_caption_a:hover, .posts_slider_caption_a:focus, .posts_slider_caption_a:active {
color:black;
font-weight:bold;
}
.posts_slider_caption {
display: table-cell;
line-height: 100%;
width: 100%;
vertical-align: bottom;
padding-bottom: 30px;
width: 100%;
}
.posts_slider_caption_wrapper {
display: table;
height: 100%;
width: 100%;
}
/****************Feature image effect******************/
.attachment-post-thumbnail {
-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;
}
.attachment-post-thumbnail:hover {
-webkit-transform: scale(1.1); /* Saf3.1+, Chrome */
-moz-transform: scale(1.1); /* FF3.5+ */
-ms-transform: scale(1.1); /* IE9 */
-o-transform: scale(1.1); /* Opera 10.5+ */
transform: scale(1.1);
}
/**********ON Hover transitions****************/
.head_init_transition {
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.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: 1000px;
-webkit-perspective: 1000px;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
/* UPDATED! flip the pane when hovered */
.flip-container:hover .back, .flip-container:focus .back {
transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
}
.flip-container:hover .front, .flip-container:focus .front {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
}
.flip-container, .front, .back {
width: 320px;
height: 480px;
}
/* flip speed goes here */
.flipper {
transition: 0.6s;
-webkit-transition: 0.6s;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
position: relative;
}
/* hide back of pane during swap */
.front, .back {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: 0.6s;
-webkit-transition: 0.6s;
transform-style: preserve-3d;
-webkit-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);
-webkit-transform: rotateY(0deg);
}
/* back, initially hidden pane */
.back {
background-color:#555;
transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
}
/*
Some vertical flip updates
*/
.vertical.flip-container {
position: relative;
}
.vertical .back {
transform: rotateX(180deg);
-webkit-transform: rotateX(180deg);
}
.vertical.flip-container:hover .back, .vertical.flip-container:focus .back {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
}
.vertical.flip-container:hover .front, .vertical.flip-container:focus .front {
transform: rotateX(180deg);
-webkit-transform: rotateX(180deg);
}
/**************HIDDEN SIDE MENU*******************/
.menu_pict {
cursor: pointer;
width:30px;
height:30px;
background:url(_red-images/hidden_menu_pict.png) no-repeat;
}
.menu_pict_hover {
cursor: pointer;
width:30px;
height:30px;
background:url(_red-images/hidden_menu_pict_hover.png) no-repeat;
}
.menu_pict_close {
cursor: pointer;
width:30px;
height:30px;
background:url(_red-images/hidden_menu_pict_close.png) no-repeat;
}
.menu_pict_close:hover, .menu_pict_close:focus {
border:1px solid black;
}
.menu_picts_size {
width:30px;
height:30px;
background:none;
}
.menu_hidden_panel {
width:300px;
background-color:#8b2729;
}
/*****************Hidden Menu Styles***********************/
.menu_hidden_panel a {
color:white;
}
.menu_hidden_panel a:visited {
color:#e6e6e6;
}
.menu_hidden_panel a:hover, .menu_hidden_panel a:focus {
color:#bfbfbf;
}
.menu_hidden_panel li{
list-style: none;
}
.menu_hidden_panel li:before{
content: '';
display: inline-block;
height: 9px;
width: 20px;
background: url(_red-images/punkt_hidden.png) no-repeat;
margin-right:5px;
}
/********************Styling Lower Resolution TOP MENU**************/
.lower_resolution_right, .lower_resolution_left {
position:absolute;
z-index:10;
background:#660000;
padding:5px;
}
.lower_resolution_right .dropdown_outter, .lower_resolution_left .dropdown_outter {
background:none;
}
.lower_resolution_right .menu_sublinks, .lower_resolution_right .menu_subsublinks, .lower_resolution_left .menu_sublinks, .lower_resolution_left .menu_subsublinks {
color:white;
text-decoration:none;
}
.lower_resolution_right .menu_sublinks:hover, .lower_resolution_right .menu_subsublinks:hover, .lower_resolution_left .menu_sublinks:hover, .lower_resolution_left .menu_subsublinks:hover,
.lower_resolution_right .menu_sublinks:focus, .lower_resolution_right .menu_subsublinks:focus, .lower_resolution_left .menu_sublinks:focus, .lower_resolution_left .menu_subsublinks:focus {
color:#d9d9d9;
text-decoration:none;
}
/********************************/