/* Theme Name: Blue Squirrel Theme URI: Description: Theme for blogs and sites with adaptive design in blue tones. Version: 1.0.1 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), .btn { /* 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, .btn:hover, .btn: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 .pinside a{ display:inline-block; margin:5px; } .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 #800000; /* 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; } /******************************HOME PAGE************************************/ .invitation_home { width:100%; text-align:center; } .invitation_wrapper { margin:20px auto; padding:20px; background:#006699; min-height:100px; text-align: center; background: #b14331; /* fallback for old browsers */ background: -webkit-linear-gradient(to left, #190A05 , #b14331); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, #190A05 , #b14331); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ background-repeat:no-repeat; } .invitation_left, .invitation_right { float:left; width:50%; } .invitation_right_insider { padding-left:10px; padding-top:10px; overflow:hidden; } .invitation_right_brd { border-top: 1px solid black; border-bottom: 1px solid black; } .invitation_left h2, .invitation_left h1 { margin-top:10px; color: rgba(0,0,0,0.6); text-shadow: 2px 2px 3px rgba(255,255,255,0.1); font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin-left:30px; } .invitation_left p { color:#000; } .features_home { width:100%; } .features_wrapper { width:90%; margin:0 auto; } .features_wrapper_inside { width:inherit; margin:0 auto; display: inline-block; } ul.feature_block { display:inline-block; width:auto; margin:5px; } .ib_wrapper { float:left; width:25%; } .btn { display:inline-block; margin:5px; } .btn:hover, .btn:focus { color:#999; } ul.info_block, .ib_wrapper { min-width:195px; } .marker_invite { position:relative; } .marker_invite_inside { position:absolute; top:-41px; left:-20px; } .marker_invite_inside_right { position:absolute; top:-43px; right:-20px; }