/* Theme Name: Blue Squirrel Theme URI: Description: Theme for blogs and sites with responsive (adaptive) design in blue, pink, red, green, gray and yellow tones. You can choose any of these color scheme. In post or page edit you will have additional 7 buttons with custom elements. You will have posts slider and slider to add to any page. You can get access to in-built widget with animated recent posts with feature images. Some options you can setup in customizer & some in theme options page. This theme can work with many plugins, some of them : Woocommerce, bbPress & JetPack. You can get with this theme additional single page template if you want to gather all information on one page. W3C markup validation checked (errors can be in content of posts or pages). Seo friendly. Social buttons and many others capabilities you get with this theme. Version: 1.0.9 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: two-columns, left-sidebar, right-sidebar, 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 Text Domain: blue-squirrel Domain Path: /languages */ @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-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } 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 { text-decoration:none; } .hreview a:hover, .hreview a:focus { color: #b3ecff; } p, p a { line-height:1.2em; margin-top: 20px; margin-bottom:20px; } .inline-centered { width:100%; text-align:center; } .img404 { height: auto; max-width: 100%; } /***********Site Name**/ .site-title, .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-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .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) { h1.site-title, h1.site-title a, .a-site-title, .site-title, .site-title a { font-size:14px!important; 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 { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } /***********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 #c4c4c4; font-size: 13px; padding: 4px 4px 4px 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0px 0px 8px #d9d9d9; -moz-box-shadow: 0px 0px 8px #d9d9d9; -webkit-box-shadow: 0px 0px 8px #d9d9d9; margin:5px; } input[type="text"]:focus, input[type="password"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="file"]:focus, input[type="submit"]:focus, input[type="email"]:focus, select:focus, textarea:focus { outline: none; border: 1px solid #7bc1f7; box-shadow: 0px 0px 8px #7bc1f7; -moz-box-shadow: 0px 0px 8px #7bc1f7; -webkit-box-shadow: 0px 0px 8px #7bc1f7; } input[type="submit"], button:not(.dropbtn), .btn { background: #349299; background-image: -webkit-linear-gradient(top, #349299, #205c61); background-image: -moz-linear-gradient(top, #349299, #205c61); background-image: -ms-linear-gradient(top, #349299, #205c61); background-image: -o-linear-gradient(top, #349299, #205c61); background-image: linear-gradient(to bottom, #349299, #205c61); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; -webkit-box-shadow: 0px 1px 3px #525252; -moz-box-shadow: 0px 1px 3px #525252; box-shadow: 0px 1px 3px #525252; font-family: Arial, serif; color: #ffffff; font-size: 14px; padding: 8px 12px 8px 12px; text-decoration: none; } input[type="submit"]:hover, button:not(.dropbtn):hover, input[type="submit"]:focus, button:not(.dropbtn):focus, .btn:hover, .btn:focus { background: #3cb0fd; background: #205c61; background-image: -webkit-linear-gradient(top, #205c61, #102e30); background-image: -moz-linear-gradient(top, #205c61, #102e30); background-image: -ms-linear-gradient(top, #205c61, #102e30); background-image: -o-linear-gradient(top, #205c61, #102e30); background-image: linear-gradient(to bottom, #205c61, #102e30); text-decoration: none; } .left_menu input[type="submit"] { box-shadow: 0px 1px 3px #fff; } /*******LISTS*/ ul, ol { font-family:"Times New Roman", Times, serif; font-size:14px; display:block; list-style-position: inside; margin:5px 20px 5px 20px; } li { padding:3px; } ol li:before { font-size: 1.2em; } ol li { font-size: 1em; } ol.multilist li { list-style-type: none; } /* Убираем исходную нумерацию у списка */ ol.multilist { counter-reset: list1; } /* Инициируем счетчик */ ol.multilist li:before { counter-increment: list1; /* Увеличиваем значение счетчика */ content: counter(list1) ". "; /* Выводим число */ } ol.multilist ol { counter-reset: list2; } /* Инициируем счетчик вложенного списка */ ol.multilist ol li:before { counter-increment: list2; /* Увеличиваем значение счетчика вложенного списка */ content: counter(list1) "." counter(list2) ". "; /* Выводим число */ } ol.multilist ol ol { counter-reset: list3; } /* Инициируем счетчик вложенного списка */ ol.multilist ol ol li:before { counter-increment: list3; /* Увеличиваем значение счетчика вложенного списка */ content: counter(list1) "." counter(list2) "." counter(list3) ". "; /* Выводим число */ } dl { padding-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: #036a73; } a:visited { color: #04a0ae; } a:hover, a:focus, a:active { color: #012e32; } .close_tag { clear:both; } /********SCROLL BAR COLOR (IE)*********/ HTML,BODY { scrollbar-face-color:#00264d; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#66b2ff; 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: #66b2ff; } ::-webkit-scrollbar-thumb { background: #00264d; } /******************/ .ovf { overflow:hidden; } .main_content { width:100%; /*height:100%;*/ height:inherit; background:#e5fdfb url(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(images/menu_perehod.png) no-repeat; width:114px; height:229px; } .menu_first{ background:url(images/menu_bg_bottom.png) repeat-x; height:105px; width:100%; text-align:center; } .menu_second{ background:url(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(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: #00eaff; 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:#099; /* display:none;*/ } .hidden_bottom_menu_elems { position:absolute; z-index:10; top:100px; width:100%; background:#099; /* 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: #8AD9FF; /* 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: #00eaff; 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: #007399;/*#205c61; */ 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: #b3ecff; } .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; /********GRADIENT***********/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7fb3f9+0,2f89ab+100 */ background: #7fb3f9; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdmYjNmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjg5YWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #7fb3f9 0%, #2f89ab 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fb3f9), color-stop(100%,#2f89ab)); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(top, #7fb3f9 0%,#2f89ab 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, #7fb3f9 0%,#2f89ab 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(top, #7fb3f9 0%,#2f89ab 100%); /* IE10 preview */ background: linear-gradient(to bottom, #7fb3f9 0%,#2f89ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fb3f9', endColorstr='#2f89ab',GradientType=0 ); /* IE6-8 */ /**********/ } .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(images/punkt.png) no-repeat;*/ margin-right:5px; } .left_menu li a:hover, .left_menu li a:focus, .left_menu li a:active { color: #00eaff; 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 #009999;/*gray;*/ /* 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; background: rgba(183,222,237,1); background: -moz-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(61,120,117,1) 5%, rgba(17,106,107,1) 7%, rgba(17,66,66,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(183,222,237,1)), color-stop(5%, rgba(61,120,117,1)), color-stop(7%, rgba(17,106,107,1)), color-stop(100%, rgba(17,66,66,1))); background: -webkit-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(61,120,117,1) 5%, rgba(17,106,107,1) 7%, rgba(17,66,66,1) 100%); background: -o-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(61,120,117,1) 5%, rgba(17,106,107,1) 7%, rgba(17,66,66,1) 100%); background: -ms-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(61,120,117,1) 5%, rgba(17,106,107,1) 7%, rgba(17,66,66,1) 100%); background: linear-gradient(to bottom, rgba(183,222,237,1) 0%, rgba(61,120,117,1) 5%, rgba(17,106,107,1) 7%, rgba(17,66,66,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#114242', GradientType=0 ); } .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/#1aa6dd+0,23538a+100 */ background: rgb(26,166,221); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYTZkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzUzOGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(26,166,221,1) 0%, rgba(35,83,138,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26,166,221,1)), color-stop(100%,rgba(35,83,138,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(top, rgba(26,166,221,1) 0%,rgba(35,83,138,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, rgba(26,166,221,1) 0%,rgba(35,83,138,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(top, rgba(26,166,221,1) 0%,rgba(35,83,138,1) 100%); /* IE10 preview */ background: linear-gradient(to bottom, rgba(26,166,221,1) 0%,rgba(35,83,138,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aa6dd', endColorstr='#23538a',GradientType=0 ); /* IE6-8 */ } .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:#a7b0b1; 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:#788687; } .search_phrase, .records_period h1, .author_caption { margin-right:10px; text-align:right; margin-top:15px; color:#99ffff; font-size:18px; font-weight:bold; text-shadow: #004d4d 1px 0px, #004d4d 1px 1px, #004d4d 0px 1px, #004d4d -1px 1px, #004d4d -1px 0px, #004d4d -1px -1px, #004d4d 0px -1px, #004d4d 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("images/author_pict.png") no-repeat;*/ background: url("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("images/calendar_pict.png") no-repeat;*/ background: url("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("images/comments_pict.png") no-repeat;*/ background: url("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: #036a73; font-weight:normal; } .record .more_right { margin:10px; text-align:right; } .record .entry-footer { margin:10px; text-align:right; } .record .entry-footer a { color:#004d4d; text-decoration:none; } .record .entry-footer a:hover, .record .entry-footer a:focus { color:#000; } .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("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:#004d4d; text-decoration:none; font-family:Verdana, Times, serif; font-size:12px; } .all_tags a:hover, .all_tags a:focus{ color:#000; } .all_tags_wrapper { display:block; min-height:30px; vertical-align:middle; margin-top:50px; } .all_tags_marker { display: block; background: url("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(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("images/category_pict.png") no-repeat; padding-left:25px; } .category_links a, .category_links a:visited{ text-decoration:none; color:#cceeff; 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:#80d4ff; } /******************FOOTER RECORDS***/ .footer { padding-left:15px; padding-right:15px; padding-top:15px; background-color:#a3c2c2; } .footer .company_info p { color:#333; font-family:"Times New Roman", Times, serif; font-size:14px; } .footer .company_info p:before{ content: ''; display: inline-block; margin-right:2px; width:16px; height:16px; background:url("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: #036a73; } .footer .company_info a:visited { color: #04a0ae; } .footer .company_info a:hover, .footer .company_info a:focus, .footer .company_info a:active { color: #012e32; } .other_info { float:left; margin-left:5%; width:70%; } .other_info_outter h3 { font-size:25px; color:#1f2e2e; } .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:#334c4c; } .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:#84aeae; } .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:#a3c2c2; } .calendar_wrap #prev:hover, .calendar_wrap #next:hover, .calendar_wrap #prev:focus, .calendar_wrap #next:focus { background-color:#659a9a; } .calendar_wrap a{ text-decoration:none; } /******************WIDGET TAG CLOUD******************/ .tagcloud a { text-decoration:none; color:#0e3e3e; 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/#d0e4f7+0,5db0ba+24,357d93+50,5db0ba+79,87bcea+100 */ background: rgb(208,228,247); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZTRmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iIzVkYjBiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzM1N2Q5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iIzVkYjBiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4N2JjZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(208,228,247,1) 0%, rgba(93,176,186,1) 24%, rgba(53,125,147,1) 50%, rgba(93,176,186,1) 79%, rgba(135,188,234,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(208,228,247,1)), color-stop(24%,rgba(93,176,186,1)), color-stop(50%,rgba(53,125,147,1)), color-stop(79%,rgba(93,176,186,1)), color-stop(100%,rgba(135,188,234,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(93,176,186,1) 24%,rgba(53,125,147,1) 50%,rgba(93,176,186,1) 79%,rgba(135,188,234,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(93,176,186,1) 24%,rgba(53,125,147,1) 50%,rgba(93,176,186,1) 79%,rgba(135,188,234,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(93,176,186,1) 24%,rgba(53,125,147,1) 50%,rgba(93,176,186,1) 79%,rgba(135,188,234,1) 100%); /* IE10 preview */ background: linear-gradient(to bottom, rgba(208,228,247,1) 0%,rgba(93,176,186,1) 24%,rgba(53,125,147,1) 50%,rgba(93,176,186,1) 79%,rgba(135,188,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-8 */ } /**********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 #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#e5ffff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7abcff+0,60abf8+44,4096ee+100;Blue+3D+%2314 */ background: rgb(122,188,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYmNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzYwYWJmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDk2ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10 preview */ background: linear-gradient(to bottom, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-8 */ -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 #004F72; -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/#b2e1ff+0,66b6fc+100;Blue+3D+%236 */ background: rgb(178,225,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyZTFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NmI2ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(178,225,255,1) 0%, rgba(102,182,252,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,225,255,1)), color-stop(100%,rgba(102,182,252,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(top, rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(top, rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* IE10 preview */ background: linear-gradient(to bottom, rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* IE6-8 */ } /****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:#205c61; 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:#205c61; 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: #e6f7ff;/*#fff;*/ /* 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(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:#cce5ff; border:1px solid #9fbfdf; 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"] { background: #349299; background-image: -webkit-linear-gradient(top, #349299, #205c61); background-image: -moz-linear-gradient(top, #349299, #205c61); background-image: -ms-linear-gradient(top, #349299, #205c61); background-image: -o-linear-gradient(top, #349299, #205c61); background-image: linear-gradient(to bottom, #349299, #205c61); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; 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 { background: #205c61; background-image: -webkit-linear-gradient(top, #205c61, #102e30); background-image: -moz-linear-gradient(top, #205c61, #102e30); background-image: -ms-linear-gradient(top, #205c61, #102e30); background-image: -o-linear-gradient(top, #205c61, #102e30); background-image: linear-gradient(to bottom, #205c61, #102e30); text-decoration: none; } .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 #83afaf; padding:10px 5px 5px 5px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 16px; /* Firefox 1-3.6 */ -moz-border-radius: 16px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 16px; font-size:14px; background-color:#DEF0FC; color:#004d4d; -webkit-transition: background-color, 0.2s, ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } ul.info_block li:first-child { position:relative; z-index:1; top:5px; padding:5px 10px 5px 10px; display: inline-block; border:1px solid #83afaf; background-color:#009999; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 6px 6px 0px 0px; /* Firefox 1-3.6 */ -moz-border-radius: 6px 6px 0px 0px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 6px 6px 0px 0px; color:#fff; font-size:24px; background: rgba(183,222,237,1); background: -moz-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(61,120,117,1) 5%, rgba(17,106,107,1) 7%, rgba(17,66,66,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(183,222,237,1)), color-stop(5%, rgba(61,120,117,1)), color-stop(7%, rgba(17,106,107,1)), color-stop(100%, rgba(17,66,66,1))); background: -webkit-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(61,120,117,1) 5%, rgba(17,106,107,1) 7%, rgba(17,66,66,1) 100%); background: -o-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(61,120,117,1) 5%, rgba(17,106,107,1) 7%, rgba(17,66,66,1) 100%); background: -ms-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(61,120,117,1) 5%, rgba(17,106,107,1) 7%, rgba(17,66,66,1) 100%); background: linear-gradient(to bottom, rgba(183,222,237,1) 0%, rgba(61,120,117,1) 5%, rgba(17,106,107,1) 7%, rgba(17,66,66,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#114242', GradientType=0 ); } ul.info_block li.info_block_pict{ border:none; padding:10px 5px 5px 5px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 0px; /* Firefox 1-3.6 */ -moz-border-radius: 0px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 0px; background-color:transparent; color:#004d4d; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } ul.info_block li:last-child:hover { background-color:#94b8b8; } .info_block_bg_color { color:#94b8b8; } ul.info_block li:last-child a { text-decoration:none; color:#004d4d; } ul.info_block li { line-height:1.5em; font-family: "Times New Roman", Times, serif; } ul.info_block li:first-child:before{ content: '«'; display: inline-block; margin-right:5px; } ul.info_block li:first-child:after{ content: '»'; display: inline-block; margin-left:5px; } /********MISC*****************/ abbr[title]{ text-decoration:overline; cursor:help; } acronym { border-bottom:1px dotted black; } pre,code { background-color:#e6ffff; padding:1px 5px 1px 5px; margin:5px; border-left:1px solid #009999; border-top:1px solid #009999; } code { background-color:#f0f5f5; border:1px solid #009999; } .record_body blockquote p, blockquote p{ border-left:4px solid #004d4d; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; padding: 15px 20px 15px 20px; } blockquote p:before{ content: '“'; display: inline; margin-right:2px; } blockquote p:after{ content: '”'; display: inline; margin-right:2px; } strong { font-weight:bold; } address { font-style: italic; } big { font-size: larger; } small { font-size: smaller; } em { font-style: oblique; } kbd { font-weight: bold; padding: 0px 5px 0px 5px; background-color:#f0f5f5; } tt { font-family: monospace; } var { font-style: italic; } /******RESPONSIVE LEFT & TOP MENU & H TAG****/ @media all and (max-width: 500px) { .head_part_two{ background: url(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("images/icon/037-file-empty.png") no-repeat; margin-right:5px; } /**********************************/ .copyright, .copyright a, .copyright a:visited{ color:#008080; 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/#1f919b+0,1f979b+8,29c7d8+12,29dbd5+89,1f8d9b+93,1e9696+100 */ background: #1f919b; /* Old browsers */ background: -moz-linear-gradient(top, #1f919b 0%, #1f979b 8%, #29c7d8 12%, #29dbd5 89%, #1f8d9b 93%, #1e9696 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #1f919b 0%,#1f979b 8%,#29c7d8 12%,#29dbd5 89%,#1f8d9b 93%,#1e9696 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #1f919b 0%,#1f979b 8%,#29c7d8 12%,#29dbd5 89%,#1f8d9b 93%,#1e9696 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f919b', endColorstr='#1e9696',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:#555; 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(images/hidden_menu_pict.png) no-repeat; } .menu_pict_hover { cursor: pointer; width:30px; height:30px; background:url(images/hidden_menu_pict_hover.png) no-repeat; } .menu_pict_close { cursor: pointer; width:30px; height:30px; background:url(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:#5a85a5; } /*****************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(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:#099; 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; /* border-top:1px solid black; border-bottom:1px solid black;*/ /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */ text-align: center; /* box-shadow: 0px 0px 10px 1px #0299fd; -moz-box-shadow: 0px 0px 10px 1px #0299fd; -webkit-box-shadow: 0px 0px 10px 1px #0299fd; */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1374eb+1,2c83c1+7,0f6096+10,10a0cc+48,0f6096+92,2c83c1+95,1374eb+100 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#197ffc+0,35a2ea+6,1477ba+9,10a0cc+48,1477ba+92,35a2ea+95,197ffc+100 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#35a2c6+0,85eefc+6,74d3e0+9,99d5e5+48,74d3e0+92,85eefc+95,35a2c6+100 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60a8b2+0,85eefc+6,60a8b2+9,6b9099+48,60a8b2+92,85eefc+95,60a8b2+100 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60a8b2+0,85eefc+6,60a8b2+9,05717f+48,60a8b2+92,85eefc+95,60a8b2+100 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60a8b2+0,85eefc+6,60a8b2+9,60a8b2+92,85eefc+95,60a8b2+100 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60a8b2+0,85eefc+2,60a8b2+4,60a8b2+96,85eefc+98,60a8b2+100 */ background: #85D8CE; /* fallback for old browsers */ background: -webkit-linear-gradient(to left, #085078 , #85D8CE); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, #085078 , #85D8CE); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ /*background-image:url("images/invitation_bg.png");*/ 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; /* text-shadow: -1px -1px 0 #014559, 1px -1px 0 #014559, -1px 1px 0 #014559, 1px 1px 0 #014559; */ /*color:#000;*/ 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 { /*font-family:Georgia, "Times New Roman", Times, serif; */ 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:-43px; left:-20px; } .marker_invite_inside_right { position:absolute; top:-43px; right:-20px; }