iBet uBet web content aggregator. Adding the entire web to your favor.
iBet uBet web content aggregator. Adding the entire web to your favor.



Link to original content: https://www.residents4u.org/wp-content/themes/adventurous-pro/style.css
/* Theme Name: Adventurous Pro Theme URI: https://catchthemes.com/themes/adventurous-pro/ Author: Catch Themes Author URI: https://catchthemes.com/ Description: Adventurous Pro is a Simple, Clean, Minimal, Lightweight, Box-Shaped and Full-Width Responsive WordPress Theme. It is based in HTML5, CSS3 and very own Catch Themes easy to use Theme Options panel, which make this theme highly customizable and flexible. Make your beautiful yet professional website in no time. Adventurous is a multi-purpose theme and is suitable for Photographers, Bloggers and Businesses. This theme is translation ready and also currently translated in Brazilian Portuguese, Hungarian, Dutch, German, Polish, Danish and Czech languages. Supports popular plugins like WP-PageNavi, Jetpack, Contact Form 7, Catch Web Tools and more. Check out Theme Instructions at https://catchthemes.com/theme-instructions/adventurous-pro/, Support at https://catchthemes.com/support/ and Demo at https://catchthemes.com/demo/adventurous/ Version: 4.4.4 Requires at least: 5.1 Tested up to: 5.6 Requires PHP: 5.6 License: GNU General Public License, version 3 (GPLv3) License URI: http://www.gnu.org/licenses/gpl-3.0.txt Tags: blog, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, front-page-post-form, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, holiday Text Domain: adventurous-pro */ /* =Reset -------------------------------------------------------------- */ 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; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } body { background: #fff; } article, aside, details, figcaption, figure, footer, header, #hgroup, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: thin dotted; } a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0; } a img { border: 0; } /* =Clearing ----------------------------------------------- */ /* Self Clearing Goodness */ .container:after, .header-sidebar:after, #secondary-menu:after, #footer-menu:after, #featured-post:after, .entry-container:after, .entry-header:after, .widget:after, #supplementary:after, .site-info:after, .featued-content-wrap:after, .author-info:after, .clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* =Genericons ----------------------------------------------- */ #header-search:before, .mobile-menu-bar:before, #slider-nav .slide-previous:before, #slider-nav .slide-next:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 20px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; } #header-search:before { content: "\f400"; } .mobile-menu-bar:before { content: "\f419"; } .mobile-nav.opened .mobile-menu-bar:before, #header-search.opened:before { content: "\f406"; } #slider-nav .slide-previous:before { content: "\f503"; font-size: 40px; } #slider-nav .slide-next:before { content: "\f501"; font-size: 40px; } /* =Structure ----------------------------------------------- */ .container { margin: 0 auto; position: relative; width: 1250px; } #header-featured-image { clear: both; display: block; text-align: center; overflow: hidden; width: 100%; } #header-featured-image img { margin: 0 auto; width: 100%; } #header-left { display: inline-block; float: left; max-width: 100%; } #primary { clear: both; float: left; width: 860px; } #secondary { float: right; width: 360px; } /* =Margins and Paddings ----------------------------------------------- */ #featured-post, #content-sidebar, #footer-sidebar { padding-top: 30px; } #header-right, #header-right .widget_nav_menu, #header-right .widget_search { padding-top: 5px; } .fixed-header #header-right { padding-top: 0; } .comments-area article { padding-bottom: 30px; } #featured-post .hentry, #featured-heading { padding-bottom: 20px; } #header-right #header-search-widget, #featured-post { padding-bottom: 10px; } #featured-heading h2, .entry-header .entry-title { padding-bottom: 5px; } .fixed-header #header-right #header-search-widget, .page .entry-header .entry-title, .tag-post-formats .entry-header .entry-title{ padding-bottom: 0; } #homepage-message, #site-generator .site-info { padding: 30px 0; } #content .hentry, #secondary .widget, #comments { padding: 30px; } #secondary .widget.widget_adventurous_social_widget { padding: 30px 40px 20px; } #masthead { padding-top: 15px; } #header-left { padding-bottom: 15px; } #masthead.fixed-header { padding-top: 6px; } #masthead.fixed-header #header-left { padding-bottom: 6px; } #homepage-message .right-section a { padding: 10px 25px; } #header-right .widget .menu a { padding: 0 10px 24px; } .page-links, .widget, blockquote, #content article, #content .site-navigation, #content .author-info, #infinite-handle, #comments, .hentry.sticky .featured-sticky, .page-header, .entry-header, p, .featured-image, .entry-content table, .comment-content table, #content .searchform, .page-link, .single-attachment .entry-attachment img, #reply-title, .comments-title, .mejs-container, .breadcrumb { margin-bottom: 30px; } .tag-post-formats .entry-header, .type-page .entry-header, .hentry.format-aside .entry-title, .comments-area article header, .widget-feat-content { margin-bottom: 20px; } .widget-title { margin-bottom: 10px; } .single-format-gallery .entry-meta { margin-top: 30px; } #header-right ul.social-profile li { margin: 0 0 0 10px; } #main-slider .entry-header, #main-slider .entry-content p, #featured-post .entry-header, #featured-heading p, .header-sidebar .widget-title{ margin-bottom: 0; } /* =Font Size ----------------------------------------------- */ body, button, input, select, textarea, #header-right .widget .menu li { font-size: 14px; } #site-title { font-size: 24px; font-weight: bold; line-height: 1.1; } #site-description { font-size: 13px; line-height: 1.1; } #masthead.fixed-header #site-description { font-size: 11px; } .entry-header .entry-title, #homepage-message h2, #featured-heading h2, #homepage-message .right-section { font-size: 22px; } #featured-post .entry-title { font-size: 20px; } .widget-title { font-size: 18px; } .header-sidebar .widget-title { font-size: 16px; } .entry-content h1, .comment-content h1 { font-size: 24px; } .comments-title, #reply-title, .entry-content h2, .comment-content h2 { font-size: 22px; } .entry-content h3, .comment-content h3 { font-size: 20px; } .entry-content h4, .comment-content h4 { font-size: 18px; } .entry-content h5, .comment-content h5 { font-size: 16px; } .entry-content h6, .comment-content h6 { font-size: 14px; } /* =Global ----------------------------------------------- */ body { background-color: #f9f9f9; } body, button, input, select, textarea { color: #404040; font-family: sans-serif, Arial; line-height: 1.65; text-rendering: optimizeLegibility; word-wrap: break-word; } hr { background-color: #ddd; border: 0; height: 1px; margin-bottom: 1.5em; } /* Text elements */ dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; } code, kbd, tt, var { font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } button, input, select, textarea { border: 1px solid #eee; font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ padding: 10px; vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ } button, input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ *overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */ } button, input[type="submit"], input[type="button"], input[type="reset"], .hentry.post-password-required input[type=submit], li.bypostauthor cite span { padding: 12px 20px 10px; font-size: 14px; line-height: 1.5; font-weight: normal; color: #7c7c7c; background-color: #ddd; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #ddd); background-image: -ms-linear-gradient(top, #f4f4f4, #ddd); background-image: -webkit-linear-gradient(top, #f4f4f4, #ddd); background-image: -o-linear-gradient(top, #f4f4f4, #ddd); background-image: linear-gradient(top, #f4f4f4, #ddd); border: 1px solid #d2d2d2; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); } button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa #bbb; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02); box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02); } button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb #bbb; -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15); -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15); } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea { color: #666; border: 1px solid #eee; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"] { padding: 10px; width: 60%; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ width: 90%; } /* Links */ a { color: #7c9b30; outline: none; text-decoration: none; } a:focus, a:active, a:hover { text-decoration: underline; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* Text meant only for screen readers */ .screen-reader-text, .assistive-text { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } /* Display */ .displayblock { display: block; } .displaynone { display: none; } img#wpstats { display: none; } /* =Fixed Header top ----------------------------------------------- */ #masthead { background-color: #fff; border-bottom: 1px solid #eee; position: relative; z-index: 999; width: 100%; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #masthead.fixed-header { position: fixed; top: 0; z-index: 999; min-height: 35px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .admin-bar #masthead.fixed-header { top: 32px; } #masthead a, #header-search { cursor: pointer; outline: none; } #header-search { display: block; } #header-search:hover { color: #7c9b30; cursor: pointer; text-decoration: none; } #header-right { float: right; } #header-right .widget { float: left; margin: 0; } #masthead.fixed-header #site-logo img { max-height: 32px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #masthead.fixed-header #site-title { font-size: 18px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .fixed-header #header-right .widget li > a { padding-bottom: 14px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .fixed-header #header-right .widget.widget_adventurous_social_widget li > a { padding-bottom: 0; } #header-right #header-search-widget { clear: none; display: block; float: right; margin-left: 5px; position: relative; width: 20px; } #header-right .header-search-wrap { background: #fff; border-top: 3px solid #7c9b30; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: none; padding: 20px; position: absolute; z-index: 20; top: 50px; right: 0; } .fixed-header #header-right .header-search-wrap { top: 40px; } #header-right .header-search-wrap input#s { background: none; padding: 5px 10px; width: 250px; } /* =Header ----------------------------------------------- */ #site-logo, #hgroup { display: inline-block; float: left; } #site-logo a { display: block; line-height: 0; } #site-logo img { float: left; height: auto; width: auto; max-height: 41px; max-width: 100%; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #hgroup.logo-enable.logo-left { padding-left: 10px; } #hgroup.logo-enable.logo-right { padding-right: 10px; } #hgroup.logo-enable.logo-left.assistive-text, #hgroup.logo-enable.logo-right.assistive-text { padding: 0; } #site-title { margin: 0; } #site-title a { color: #000; text-decoration: none; } #site-title a:hover, #site-title a:focus, #site-title a:active { color: #7c9b30; } #site-description { color: #333; font-style: italic; margin: 0; } /* =Menu ----------------------------------------------- */ #header-menu #access { float: left; } #header-right .widget ul.menu li { display: inline-block; float: left; padding-right: 10px; position: relative; line-height: 1.5; } #header-right .widget ul.menu ul li { padding-right: 0; width: 100%; } #header-right .widget ul.menu a { color: #757575; display: block; text-decoration: none; white-space: nowrap; } #header-right .widget ul.menu ul li a { padding: 10px; white-space: normal; } #header-right .widget ul.menu ul { background: #fff; border-top: 3px solid #7c9b30; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); float: left; margin: 0; padding: 10px; position: absolute; top: 44px; left: -999em; list-style: none; opacity: 0; width: 220px; z-index: 99999; } .fixed-header #header-right .widget ul.menu ul { top: 34px; } .fixed-header #header-right .widget ul.menu ul ul, #header-right .widget ul.menu ul ul { top: 0; } #header-right .widget ul.menu li:hover > ul, #header-right .widget ul.menu li.focus > ul { left: auto; right: 0; opacity: 1; } #header-right .widget ul.menu ul li:hover > ul, #header-right .widget ul.menu ul li.focus > ul { right: 100%; } #header-right .widget ul.menu li:hover > a, #header-right .widget ul.menu li.focus > a, #header-right .widget ul.menu a:focus, #header-right .widget ul.menu .current-menu-item > a, #header-right .widget ul.menu .current-menu-ancestor > a, #header-right .widget ul.menu .current_page_item > a, #header-right .widget ul.menu .current_page_ancestor > a { color: #7c9b30; } #header-right .widget ul.menu ul li:hover > a, #header-right .widget ul.menu ul li.focus > a, #header-right .widget ul.menu ul a:focus, #header-right .widget ul.menu ul .current-menu-item > a, #header-right .widget ul.menu ul .current-menu-ancestor > a, #header-right .widget ul.menu ul .current_page_item > a, #header-right .widget ul.menu ul .current_page_ancestor > a { background-color: #f8f8f8; } #secondary-menu, #footer-menu { background-color: #000; } #access-secondary, #access-footer { clear: both; display: block; float: left; margin: 0 auto; width: 100%; } #secondary-menu ul.menu, #footer-menu ul.menu { list-style: none; text-align: center; } #secondary-menu ul.menu li, #footer-menu ul.menu li { display: inline-block; position: relative; text-align: left; } #secondary-menu ul.menu a, #footer-menu ul.menu a { color: #ccc; display: block; line-height: 45px; padding: 5px 25px; text-decoration: none; white-space: nowrap; } #secondary-menu ul.menu ul a, #footer-menu ul.menu ul a { background-color: #222; border-bottom: 1px dotted #333; color: #fff; font-size: 13px; font-weight: 400; line-height: 23px; height: auto; padding: 10px 19px; width: 205px; white-space: normal; } #secondary-menu ul.menu ul, #footer-menu ul.menu ul { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); float: left; margin: 0; position: absolute; top: 55px; left: -999em; list-style: none; opacity: 0; width: 205px; z-index: 99999; } #secondary-menu ul.menu ul ul, #footer-menu ul.menu ul ul { top: 0; } #secondary-menu ul.menu li:last-child, #secondary-menu ul.menu ul li, #footer-menu ul.menu li:last-child, #footer-menu ul.menu ul li { border: none; } #secondary-menu ul.menu li:hover > ul, #secondary-menu ul.menu li.focus > ul, #footer-menu ul.menu li:hover > ul, #footer-menu ul.menu li.focus > ul { left: auto; opacity: 1; } #secondary-menu ul.menu ul li:hover > ul, #secondary-menu ul.menu ul li.focus > ul, #footer-menu ul.menu ul li:hover > ul, #footer-menu ul.menu ul li.focus > ul { left: 100%; } #secondary-menu ul.menu li:hover > a, #secondary-menu ul.menu a:focus, #secondary-menu .menu .current-menu-item > a, #secondary-menu .menu .current-menu-ancestor > a, #secondary-menu .menu .current_page_item > a, #secondary-menu .menu .current_page_ancestor > a, #footer-menu ul.menu li:hover > a, #footer-menu ul.menu li.focus > a, #footer-menu ul.menu a:focus, #footer-menu .menu .current-menu-item > a, #footer-menu .menu .current-menu-ancestor > a, #footer-menu .menu .current_page_item > a, #footer-menu .menu .current_page_ancestor > a { background-color: #222; color: #fff; } #secondary-menu ul.menu ul li:hover > a, #secondary-menu ul.menu ul li.focus > a, #secondary-menu ul.menu ul a:focus, #secondary-menu ul.menu ul .current-menu-item > a, #secondary-menu ul.menu ul .current-menu-ancestor > a, #secondary-menu ul.menu ul .current_page_item > a, #secondary-menu ul.menu ul .current_page_ancestor > a, #footer-menu ul.menu ul li:hover > a, #footer-menu ul.menu ul li.focus > a, #footer-menu ul.menu ul a:focus, #footer-menu ul.menu ul .current-menu-item > a, #footer-menu ul.menu ul .current-menu-ancestor > a, #footer-menu ul.menu ul .current_page_item > a, #footer-menu ul.menu ul .current_page_ancestor > a { background-color: #000; } /* =Slider -------------------------------------------------------------- */ #main-slider { clear: both; display: block; overflow: hidden; position: relative; width: 100%; } #main-slider .slides { margin: 0; padding: 0; } #main-slider img { box-shadow: none; margin: 0 auto; } #main-slider .entry-container { bottom: 20%; color: #fff; display: block; left: 25%; position: absolute; text-align: center; width: 50%; } #main-slider .entry-header .entry-title { font-size: 24px; font-weight: bold; } #main-slider .entry-header .entry-title a { color: #fff; cursor: pointer; } #main-slider .entry-content { font-size: 16px; } #main-slider .more-link { display: none; } #controllers { bottom: 2%; list-style: none outside none; position: absolute; right: 0; text-align: center; width: 100%; z-index: 20; } #controllers a { display: inline-block; width: 10px; height: 10px; cursor: pointer; background-color: #fff; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; color: #333; font-weight: 600; line-height: 24px; margin: 0 4px; text-indent: -48px; overflow: hidden; } #controllers a:hover, #controllers a.active { background-color: #7c9b30; } .slide-previous, .slide-next { top: 50%; display: block; margin-top: -24px; opacity: 0; position: absolute; z-index: 40; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slide-previous { left: -20px; } .slide-next { right: -20px; } #main-slider:hover .slide-previous { left: 20px; opacity: 1; } #main-slider:hover .slide-next { right: 20px; opacity: 1; } #slider-nav a { cursor: pointer; color: #fff; font-size: 28px; font-weight: 200; line-height: 35px; text-decoration: none; } #slider-nav a:hover { text-decoration: none; } #slider-nav span { display: none; } /* =Homepage Headline -------------------------------------------------------------- */ #homepage-message { background-color: #f9f9f9; border-top: 1px solid #eee; border-bottom: 1px solid #eee; color: #404040; line-height: 1.5; } #homepage-message .left-section { float: left; margin: 0; text-align: left; } #homepage-message .right-section { float: right; text-align: center; } #homepage-message p { margin: 0 } #homepage-message .right-section a { background-color: #9bc23c; border: 2px solid #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset; color: #fff; display: block; } #homepage-message .right-section a:hover { background-color: #87ae28; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2) inset; text-decoration: none; } /* =Featured Posts -------------------------------------------------------------- */ #featured-post { background-color: #fff; border-bottom: 1px solid #eee; text-align: center; } #featured-heading { display: block; margin: 0 auto; width: 80%; } #featured-post .featued-content-wrap { margin-left: -2%; } #featured-post.layout-three .featued-content-wrap { margin-left: -2.3%; } #featured-post.featued-content-wrap { display: block; margin: 0 auto; } #featured-post figure { margin-bottom: 10px; } #featured-post .entry-title { color: #222; padding-bottom: 2px; } #featured-post .post { display: inline; float: left; } #featured-post.layout-four .post { margin-left: 2%; width: 23%; } #featured-post.layout-three .post { margin-left: 2.3%; width: 31%; } #featured-post.layout-four .post:nth-child(4n+1), #featured-post.layout-three .post:nth-child(3n+1) { clear: both; } /* =Content ----------------------------------------------- */ #main { } #main-content { clear: both; } #content article, #content .page-header, #comments, #content .author-info { background-color: #fff; border: none; display: block; position: relative; } .entry-meta { clear: both; color: #757575; font-size: 14px; } #content .page .entry-meta { bottom: 0; position: absolute; right: 5px; } .entry-header .entry-title { color: #222; } .entry-header .entry-title a { color: #222; text-decoration: none; } .entry-header .entry-title a:hover { color: #7c9b30; } .page-header { color: #757575; font-size: 14px; line-height: 3.5; text-align: center; } .byline { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-links { clear: both; font-size: 20px; } #content article { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul { margin: 0 0 24px; line-height: 1.7; } .entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul { margin-bottom: 0; } .entry-content ul, .comment-content ul, .mu_register ul { list-style: disc outside; } .entry-content ol, .comment-content ol { list-style: decimal outside; } .entry-content li, .comment-content li, .mu_register li { margin: 0 0 0 36px; } .entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3 { margin-bottom: 10px; } .entry-content table, .comment-content table { border-bottom: 1px solid #eee; width: 100%; } .entry-content td, .comment-content td { border-top: 1px solid #eee; padding: 10px 10px 8px 0; } /* =Left Sidebar Content Layout -------------------------------------------------------------- */ .left-sidebar #primary { float: right; } .left-sidebar #secondary { float: left; } /* =Full WidthContent Layout & WooCommerce Layout -------------------------------------------------------------- */ .no-sidebar-full-width #primary, .woocommerce-nosidebar #primary { width: 100% } /* =No Sidebar One Column -------------------------------------------------------------- */ .no-sidebar-one-column .site { display: block; margin: 0 auto; width: 860px; } .no-sidebar-one-column #masthead, .no-sidebar-one-column #content-sidebar { width: 860px; } .no-sidebar-one-column .container { width: 820px; } .no-sidebar-one-column #primary { width: 100%; } /* =error404 ----------------------------------------------- */ .error404 #primary, .no-sidebar #primary { float: none; margin: 0 auto; } .error404 .searchform { margin-bottom: 30px; } .error404 #content article { border-bottom: 0; } .error404 #content ul li { margin: 0; } /* =Author Info ----------------------------------------------- */ .author-avatar { display: inline-block; float: left; height: 68px; margin: 4px 15px 0 0; text-align: center; width: 68px; } .author-avatar img { max-width: 100%; height: auto; } .author-description h2 { font-size: 18px; text-transform: capitalize; } /* =Sticky ----------------------------------------------- */ .hentry.sticky .featured-sticky { border-top: 4px double #ddd; border-bottom: 4px double #ddd; color: #757575; line-height: 3.5; text-align: center; } /* =Asides ----------------------------------------------- */ .hentry.format-aside .entry-header { margin-bottom: 0; } .hentry.format-aside .entry-title { font-size: 24px; padding-bottom: 0; } .hentry.format-aside .entry-title a { text-decoration: none; color: #222; } .hentry.format-aside .entry-title a:hover { color: #0088cc; } .hentry.format-aside .aside { margin-bottom: 30px; padding: 30px; background: #d2e0f9; border-left: 22px solid #a8bfe8; } .hentry.format-aside p { font-size: 14px; line-height: 1.5; color: #4a5466; } .hentry.format-aside blockquote:last-child, .hentry.format-aside p:last-child { margin-bottom: 0; } /* =Post Format ----------------------------------------------- */ .post-format .entry-format { background-color: #ebebeb; color: #848484; font-size: 11px; font-weight: bold; font-style: italic; padding: 2px 10px; position: absolute; top: 0; right: 0; text-transform: uppercase; } .post-format .entry-format a { color: #848484; text-decoration: none; } .post-format .entry-format a:hover { color: #7c9b30; } /* =Link ----------------------------------------------- */ .hentry.format-link .entry-content { float: left; font-size: 25px; line-height: 1.5; max-width: 85%; } .hentry.format-link .entry-content a { text-decoration: none; } /* =Image & Gallery ----------------------------------------------- */ .hentry.format-gallery .entry-format { clear: none; } .hentry.format-image .entry-title a { color: #222; text-decoration: none; } .hentry.format-image .entry-title a:hover { color: #0088cc; } /* =Quote posts ----------------------------------------------- */ blockquote { display: block; padding: 30px; color: #6a6a6a; background: #efefef; } blockquote p { margin-bottom: 0; } /* =Status posts ----------------------------------------------- */ .hentry.format-status .entry-format, .hentry.format-status .entry-title { clear: none; } .hentry.format-status .entry-title { float: left; padding-bottom: 0; } .format-status .entry-header img { float: left; margin-right: 15px; } /* =Chat ----------------------------------------------- */ .chat-transcript { background-color: #efefef; margin-bottom: 30px; padding: 0 30px 1px; } .chat-author { color: #757575; font-size: 13px; } .chat-row { border-bottom: 1px solid #eee; padding-top: 30px; } .chat-row:last-child { border: none; } /* =Media ----------------------------------------------- */ .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } #header-featured-image img, .featured-image img, .entry-content img, img.size-full, img.size-large, img.wp-post-image { display: block; max-width: 100%; height: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ } #header-featured-image a:hover img, .featured-image a:hover img, .entry-content a:hover img, .comment-content a:hover img, .widget a:hover img, .author-avatar a:hover img, a:hover img.wp-post-image { opacity: 0.9; } .entry-header img.wp-post-image { margin-bottom: 15px; } .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; display: inline-block; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { border: 1px solid #eee; max-width: 100%; } img.aligncenter, img.alignleft, img.alignright, .wp-caption.aligncenter, .wp-caption.alignleft, .wp-caption.alignright { margin-top: 8px; margin-bottom: 10px; } .wp-caption img { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { color: #757575; font-size: 14px; font-style: italic; text-align: center; } .wp-caption .wp-caption-text { margin: 10px auto; max-width: 98%; } .gallery-item a, .gallery-caption { width: 90%; } .gallery-item a { display: block; } .gallery-caption a { display: inline; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; } .gallery-columns-1 .gallery-icon img { padding: 3%; } .single-attachment .image-attachment img { display: block; margin: 0 auto; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* =Navigation ----------------------------------------------- */ #content .site-navigation, #infinite-handle { overflow: hidden; } #nav-above { display: none; } #content .nav-previous, #content .previous-image { float: left; width: 50%; } #content .nav-next, #content .next-image { float: right; text-align: right; width: 50%; } #image-navigation { padding-top: 10px; } /* =Scrollup ----------------------------------------------- */ a#scrollup { background-color: #000; bottom: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; display: none; -webkit-font-smoothing: antialiased; font: normal 24px/1 'Genericons'; padding: 5px; position: fixed; right: 20px; text-decoration: none; vertical-align: top; opacity: 0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ z-index: 999; } a#scrollup:before { content: '\f432'; } a#scrollup:hover { opacity: 1; filter:alpha(opacity=100); /* For IE8 and earlier */ } /* =Jetpack plugins ----------------------------------------------- */ /* Infinite Scroller */ #content #infinite-handle { display: block; text-align: center; width: 100%; } #content #infinite-handle span { background: none transparent; display: block; padding: 0; } #content #infinite-handle span button { background-color: #3a3d41; color: #fff; display: inline; font-size: 14px; padding: 10px 30px; width: 100%; } #content #infinite-handle span button:hover, #content #infinite-handle span button:focus { background-color: #000; } /* =WP-PageNavi plugins ----------------------------------------------- */ #content .wp-pagenavi { float: right; } #content .wp-pagenavi a, #content .wp-pagenavi span { border: 1px solid #7c9b30; display: inline-block; margin: 2px; padding: 3px 10px 2px; text-decoration: none; } #content .wp-pagenavi span.pages { border: none; } #content .wp-pagenavi a:hover, #content .wp-pagenavi span.current { background-color: #7c9b30; color: #fff; } /* =Comments ----------------------------------------------- */ .bypostauthor { } #commentform input { display: block; } #commentform .comment-subscription-form input { display: inline-block; } #respond p { margin-bottom: 20px; } #respond .form-submit { margin-bottom: 0; } #comments.comments-area article { border-bottom: 1px solid #eee; } .comments-area article header { overflow: hidden; position: relative; } .comments-area article header img { float: left; padding: 0; line-height: 0; } .comments-area article header cite, .comments-area article header time { display: block; margin-left: 80px; } .comments-area article header cite { font-style: normal; } .comments-area article header time { color: #757575; font-size: 12px; line-height: 1.2; } .comments-area article header a { text-decoration: none; color: #5e5e5e; } .comments-area article header a:hover { color: #7c9b30; } .comments-area article header cite a { color: #444; } .comments-area article header cite a:hover { text-decoration: underline; } .commentlist .children { margin-left: 48px; } .comments-area li.bypostauthor cite span { position: absolute; margin-left: 5px; padding: 2px 5px 1px; font-size: 10px; } li.bypostauthor cite span { color: #fff; background-color: #7c9b30; background-image: none; border: 1px solid #1f6f93; } /* =Widgets ----------------------------------------------- */ #secondary .widget { background-color: #fff; } .widget-title { color: #222; } .widget-area .widget a { color: #757575; } .widget-area .widget .widget-title a { color: #222; } .widget-area .widget a:hover { color: #7c9b30; } .widget ul, .widget ol { list-style: none; margin-left: 0; } #footer-sidebar .widget ul { list-style: disc outside none; margin-left: 15px; } #footer-sidebar .widget ol { list-style: decimal outside none; margin-left: 0; } .widget-area .widget ul ul { margin-left: 15px; } /* Calendar Widget */ #wp-calendar { } #wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; } #wp-calendar #next { padding-right: 35px; text-align: right; } /* Search Widget */ input#s { padding: 10px 2%; width: 96%; } #searchsubmit { display: none; } /* Header Right widget */ .header-sidebar #s { float: right; -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; width: 72px; } .header-sidebar #s:focus { width: 166px; } .header-sidebar .widget, input[type="text"], input[type="email"], textarea { color: #757575; } .header-sidebar .widget ul { list-style: none; } .header-sidebar .widget:last-child { margin-bottom: 0; } /* ==Social Profile ----------------------------------------------- */ ul.social-profile, #footer-sidebar .widget ul.social-profile { list-style: none; margin-left: -10px; } .header-sidebar ul.social-profile { float: right; } ul.social-profile li { display: inline-block; height: 42px; overflow: hidden; float: left; margin: 0 0 10px 10px; } ul.social-profile li a { display: block; background: url("images/social-profile.png") right bottom no-repeat; width: 33px; height: 33px; text-indent: -99999px; } ul.social-profile li.facebook a { background-position: 0 0; } ul.social-profile li.facebook a:hover { background-position: 0 -43px; } ul.social-profile li.twitter a { background-position: -44px 0; } ul.social-profile li.twitter a:hover { background-position: -44px -43px; } ul.social-profile li.you-tube a { background-position: -87px 0; } ul.social-profile li.you-tube a:hover { background-position: -87px -43px; } ul.social-profile li.rss a { background-position: -130px 0; } ul.social-profile li.rss a:hover { background-position: -130px -43px; } ul.social-profile li.google-plus a { background-position: -173px 0; } ul.social-profile li.google-plus a:hover { background-position: -173px -43px; } ul.social-profile li.pinterest a { background-position: -216px 0; } ul.social-profile li.pinterest a:hover { background-position: -216px -43px; } ul.social-profile li.slideshare a { background-position: -259px 0; } ul.social-profile li.slideshare a:hover { background-position: -259px -43px; } ul.social-profile li.foursquare a { background-position: -302px 0; } ul.social-profile li.foursquare a:hover { background-position: -302px -43px; } ul.social-profile li.viemo a { background-position: -345px 0; } ul.social-profile li.viemo a:hover { background-position: -345px -43px; } ul.social-profile li.myspace a { background-position: -388px 0; } ul.social-profile li.myspace a:hover { background-position: -388px -43px; } ul.social-profile li.flickr a { background-position: -431px 0; } ul.social-profile li.flickr a:hover { background-position: -431px -43px; } ul.social-profile li.dribbble a { background-position: -474px 0; } ul.social-profile li.dribbble a:hover { background-position: -474px -43px; } ul.social-profile li.wordpress a { background-position: -517px 0; } ul.social-profile li.wordpress a:hover { background-position: -517px -43px; } ul.social-profile li.deviantart a { background-position: -560px 0; } ul.social-profile li.deviantart a:hover { background-position: -560px -43px; } ul.social-profile li.linkedin a { background-position: -603px 0; } ul.social-profile li.linkedin a:hover { background-position: -603px -43px; } ul.social-profile li.tumblr a { background-position: -646px 0; } ul.social-profile li.tumblr a:hover { background-position: -646px -43px; } ul.social-profile li.delicious a { background-position: -689px 0; } ul.social-profile li.delicious a:hover { background-position: -689px -43px; } ul.social-profile li.lastfm a { background-position: -732px 0; } ul.social-profile li.lastfm a:hover { background-position: -732px -43px; } ul.social-profile li.instagram a { background-position: -775px 0; } ul.social-profile li.instagram a:hover { background-position: -775px -43px; } ul.social-profile li.github a { background-position: -818px 0; } ul.social-profile li.github a:hover { background-position: -818px -43px; } ul.social-profile li.odnoklassniki a { background-position: -860px 0; } ul.social-profile li.odnoklassniki a:hover { background-position: -860px -43px; } ul.social-profile li.vkontakte a { background-position: -903px 0; } ul.social-profile li.vkontakte a:hover { background-position: -903px -43px; } ul.social-profile li.myworld a { background-position: -946px 0; } ul.social-profile li.myworld a:hover { background-position: -946px -43px; } ul.social-profile li.goodreads a { background-position: -989px 0; } ul.social-profile li.goodreads a:hover { background-position: -989px -43px; } ul.social-profile li.skype a { background-position: -1033px 0; } ul.social-profile li.skype a:hover { background-position: -1033px -43px; } ul.social-profile li.soundcloud a { background-position: -1076px 0; } ul.social-profile li.soundcloud a:hover { background-position: -1076px -43px; } ul.social-profile li.email a { background-position: -1119px 0; } ul.social-profile li.email a:hover { background-position: -1119px -43px; } ul.social-profile li.contactus a { background-position: -1119px 0; } ul.social-profile li.contactus a:hover { background-position: -1119px -43px; } ul.social-profile li.xing a { background-position: -1162px 0; } ul.social-profile li.xing a:hover { background-position: -1162px -43px; } ul.social-profile li.meetup a { background-position: -1205px 0; } ul.social-profile li.meetup a:hover { background-position: -1205px -43px; } ul.social-profile li.custom-social a { background: none; display: inline; text-indent: 0; } ul.social-profile li.custom-social a img { border: 1px solid #bbb; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; box-shadow: none; max-height: 31px; } ul.social-profile li.custom-social a img.icon-hover{ display: none; } ul.social-profile li.custom-social.custom-social.custom-social > a:hover img.icon-hover{ display: block; } ul.social-profile li.custom-social.custom-social.custom-social > a:hover img.icon-static{ display: none; } /* =Footer ----------------------------------------------- */ #colophon { border-top: 1px solid #eee; clear: both; } #footer-sidebar { background-color: #222; } #site-generator { background-color: #000; color: #ccc; } #site-generator a { color: #eee; } #site-generator a:hover { color: #fff; text-decoration: none; } #supplementary { overflow: hidden; } #supplementary .widget-area { float: left; } #supplementary .widget-area, #supplementary .widget-area a { color: #ddd; } #supplementary .widget-title, #supplementary .widget-title a { color: #fff; } #supplementary .widget-title a:hover { text-decoration: none; } /* Two Footer Widget Areas */ #supplementary.two .widget-area { float: left; width: 48%; } #supplementary.two .widget-area + .widget-area { float: right; } /* Three Footer Widget Areas */ #supplementary.three .widget-area { float: left; margin-right: 4%; width: 30.6%; } #supplementary.three .widget-area + .widget-area + .widget-area { margin-right: 0; } /* Four Footer Widget Areas */ #supplementary.four .widget-area { float: left; margin-left: 2%; width: 23.5%; } #supplementary.four #first.widget-area { margin-left: 0; } #site-generator { font-size: 13px; } #site-generator .copyright, #site-generator .powered { width: 49%; } #site-generator .copyright { clear: both; float: left; text-align: left; } #site-generator .powered { float: right; text-align: right; } /* =Breadcrumb ----------------------------------------------- */ #masthead .breadcrumb { padding-top: 25px; } .breadcrumb ul { list-style: none; margin: 0 0 0 1px; float: left; } .breadcrumb ul li { float: left; margin: 0 0 0 -1px; font-size: 12px; line-height: 23px; border: 1px solid #eee; } .breadcrumb ul li a { background: url("images/breadcrumb-bg.png") no-repeat right 8px #fff; color: #7c9b30; display: block; float: left; font-style: italic; padding: 0 22px 0 12px; } .breadcrumb ul li a:hover { text-decoration: none; } .breadcrumb ul li a:hover, .breadcrumb ul li.current_item { background-position: right -12px; background-color: #7c9b30; color: #fff; } .breadcrumb ul li.current_item { background-image: none; padding: 0 15px; }