/* Theme Name: Rodwell Scientific Theme URI: http://www.rodwell-autoclave.com/ Author: HappyKite Media Author URI: http://happykite.co.uk Description: Bespoke theme built for Rodwell Engineering Group Ltd Version: 1.0 License: GNU General Public License License URI: license.txt Text Domain: pxb Domain Path: /languages/ Tags: This theme, like WordPress, is licensed under the GPL. Rodwell Scientific is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc. Designed & Developed by the HappyKite Team */ /* =========================== CONTENTS: 01 Global Style and Typography 02 Header Styles 03 General Content Styling 04 Comments Styles 05 Sidebar / Widget Styles 06 Homepage Styling 07 Plugin Styles 08 Footer Styles 09 Slider Styles =========================== */ /* ---------------------------------------------------------------------------------------------------------- 01 Global Style and Typography ------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ body { background: #edf0f7; color: #7c7c7c; } a { color: #354897; } a:hover, a:focus, a:active { color: #111; } .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; } .button, input.button, a.button, input.buttons, .entry-content .metro-button { display: inline-block; cursor: pointer; text-decoration: none; padding: 7px 12px 6px; font-size: 15px; font-weight: bold; border: 1px solid #314596; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.6); -o-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.6); -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.6); background: #8895c2; /* Old browsers */ background: -moz-linear-gradient(top, #8895c2 0%, #5e6ca4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8895c2), color-stop(100%,#5e6ca4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8895c2 0%,#5e6ca4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #8895c2 0%,#5e6ca4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #8895c2 0%,#5e6ca4 100%); /* IE10+ */ background: linear-gradient(to bottom, #8895c2 0%,#5e6ca4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8895c2', endColorstr='#5e6ca4',GradientType=0 ); /* IE6-9 */ } .entry-content .metro-button { padding: 15px 20px; } .button:hover, input.button:hover, a.button:hover, input.buttons:hover, .entry-content .metro-button:hover { background: none; background: #314596; border: 1px solid #314596; box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; } /* ---------------------------------------------------------------------------------------------------------- 02 Header Styles -------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .top-nav { background: #3e5092; color: #fff; font-size: 12px; padding: 9px 0; box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.25); -webkit-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.25); -o-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.25); background: -moz-linear-gradient(top, #435698 0%, #374888 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#435698), color-stop(100%,#374888)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #435698 0%,#374888 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #435698 0%,#374888 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #435698 0%,#374888 100%); /* IE10+ */ background: linear-gradient(to bottom, #435698 0%,#374888 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#435698', endColorstr='#374888',GradientType=0 ); /* IE6-9 */ } .top-nav .container { position: relative; } .site-header { background: #fff; padding: 20px 0; margin: 0 0 20px; position: relative; z-index: 3; box-shadow: 0 5px 30px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.15); -o-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.15); } .site-branding { float: left; max-width: 20%; } .site-title a { display: block; text-indent: -9999px; height: 87px; width: 164px; background: url(img/logo.png) no-repeat center; } .site-phone { float: right; max-width: 50%; padding: 10px 0 15px; vertical-align: baseline; } .site-phone strong { font-size: 20px; color: #686868; font-weight: 600; } .skip-link { display: none; } .main-navigation { clear: right; display: block; float: right; max-width: 80%; margin: 0 0 -20px; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: left; position: relative; padding: 0 0 0 2px; } .main-navigation a { display: block; text-decoration: none; color: #7c7c7c; padding: 15px 10px 16px; border-bottom: 4px solid #fff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .main-navigation a:hover { color: #333; border-bottom: 4px solid #32417a; } .main-navigation ul ul { background: #fff; display: none; float: left; position: absolute; top: 100%; left: 2px; z-index: 999; border-top: 2px solid #32417a; padding: 2px 0; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -o-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); } .main-navigation ul ul ul { left: 100%; top: 0; } .main-navigation ul ul a { width: 200px; border-bottom: none; padding: 8px 10px; } .main-navigation ul ul li { padding: 0 2px; } .main-navigation li:hover > a { color: #333; border-bottom: 4px solid #32417a; } .main-navigation ul ul :hover > a { border-bottom: none; } .main-navigation ul ul a:hover { border-bottom: none; background: #eee; padding: 8px 6px 8px 14px; } .main-navigation ul li:hover > ul { display: block; } .main-navigation li.current_page_item a, .main-navigation li.current-menu-item a { } .menu-toggle { display: none; cursor: pointer; } .rodwell-group { cursor: pointer; position: absolute; top: -9px; right: 0; display: block; padding: 9px 12px 9px 12px; background: #2d4088; border-left: 1px solid #435698; border-right: 1px solid #435698; color: rgba(255,255,255,0.6); box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.2); -o-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.2); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .rodwell-group span { font-size: 10px; padding-left: 2px; } .rodwell-group:hover { background: #1a2963; color: #fff; box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; } .rodwell-group ul { list-style: none; position: absolute; top: 100%; display: none; right: 0; opacity: 0; text-align: left; background: #1a2963; margin: 0; min-width: 200px; } .rodwell-group:hover ul { z-index: 50; opacity: 1; top: 100%; display: block; } .rodwell-group ul li a { color: #fff; color: rgba(255,255,255,0.5); padding: 7px 10px; display: block; text-decoration: none; border-bottom: 1px solid #121e4d; } .rodwell-group ul li a:hover { background: #121e4d; color: #fff; } .rodwell-group ul li a.active { color: #fff; } .logged-status { position: absolute; top: -9px; right: 150px; padding: 9px 12px; color: #eee; text-align: right; } .logged-status a { color: #eee; } .logged-status a:hover { text-decoration: none; } .top-banner { background: #d3dae5 url(img/banner-back.jpg) no-repeat center top; padding: 20px 0; margin: -20px 0 20px; z-index: 0; border-bottom: 1px solid #fff; } .home .top-banner { padding: 0; margin-bottom: 30px; position: relative; } .home .top-banner:after { position: absolute; bottom: 0; left: 0; right: 0; height: 45px; display: block; content: ''; background: rgba(79,115,163,0.4); } .top-banner .hentry { margin-bottom: 0; } .top-banner .hentry p { line-height: 150%; font-size: 16px; color: #4f5b62; } .site-language {float:right; padding: 6px 20px;} .menu-language {list-style-type: none;} .menu-language li {float:left; padding:10px 5px 15px;} /* ---------------------------------------------------------------------------------------------------------- 03 General Content Styling ---------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .breadcrumbs { font-size: 12px; margin: -3px 0 0; color: rgba(0,0,0,0.5); } .breadcrumbs .trail-before { font-size: 11px; } .breadcrumbs a { color: #666; color: rgba(0,0,0,0.6); } .sticky { } .gallery-caption { } .hentry { margin: 0 0 1.5em; } .byline, .updated { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-links { clear: both; margin: 0 0 1.5em; } h1, h2, h3, h4, h5, h6 { font-family: "Roboto Slab", Serif; } .content-area h1, .content-area h2 { font-weight: bold; color: #354897; padding-bottom: 5px; margin-bottom: 16px; font-size: 20px; border-bottom: 4px dotted #ccc; } .content-area h3, .content-area h4 { color: #444; font-weight: bold; font-size: 16px; padding-bottom: 15px; } .content-area h1 { font-size: 30px; } .content-area { font-size: 14px; } h1.entry-title, h3.entry-title { font-weight: bold; color: #354897; font-size: 36px; } .ls-wp-container h3 { font-weight: bold; color: #354897; font-size: 36px; margin-bottom: 15px; } .ls-wp-container p { line-height: 160%; font-size: 17px; color: #4f5b62; } .ls-wp-container a.button { padding: 10px 15px; } .content-area blockquote { font-size: 18px; font-family: "Roboto Slab", Serif; color: #666; padding-left: 50px; margin-left: 20px; background: url(img/quote.png) no-repeat 0 0; min-height: 32px; } .content-area article { margin: 0 0 1.5em; background: #fff; padding: 20px; font-size: 14px; border-radius: 5px; box-shadow: 0 1px 4px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.15); -o-box-shadow: 0 1px 4px rgba(0,0,0,0.15); } .entry-content > p:last-of-type { margin-bottom: 0; } .page .entry-content:after { clear: both; content: ''; height: 0; display: table; } .column-grid { margin-bottom: 30px; } .post-382 .column-grid { text-align: center; } .entry-content > .column-grid:last-of-type { margin-bottom: 0; } .site-content [class*="navigation"] { margin: 0 0 1.5em; overflow: hidden; } [class*="navigation"] .nav-previous { float: left; width: 50%; } [class*="navigation"] .nav-next { float: right; text-align: right; width: 50%; } .autoclave-listing a { display: block; text-align: center; padding: 15px; background: #fff; margin-bottom: 20px; text-decoration: none; border-radius: 5px; box-shadow: 0 1px 4px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.15); -o-box-shadow: 0 1px 4px rgba(0,0,0,0.15); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .autoclave-listing a:hover { margin-top: -5px; margin-bottom: 25px; box-shadow: 0 3px 6px rgba(0,0,0,0.3); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.3); -o-box-shadow: 0 3px 6px rgba(0,0,0,0.3); } .autoclave-listing .img-wrap { display: block; height: 230px; overflow: hidden; width: 100%; margin-bottom: 8px; } .autoclave-page .img-wrap{ display: block; text-align: center; padding: 15px; background: #fff; margin-bottom: 20px; border-radius: 5px; box-shadow: 0 1px 4px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.15); -o-box-shadow: 0 1px 4px rgba(0,0,0,0.15); } .contact-left { color: #4F5B62; } .contact-right { text-align: right; color: #4F5B62; font-weight: bold; } .contact-right address { font-size: 13px; line-height: 160%; } /* ---------------------------------------------------------------------------------------------------------- 04 Comments Styles ------------------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { } /* ---------------------------------------------------------------------------------------------------------- 05 Sidebar / Widget Styles ---------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .widget { margin: 0 0 1.5em; background: #fff; padding: 15px; font-size: 14px; border-radius: 5px; box-shadow: 0 1px 4px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.15); -o-box-shadow: 0 1px 4px rgba(0,0,0,0.15); } .widget select { max-width: 100%; } .widget-title { margin: -15px -15px 15px; padding: 10px 15px; color: #fff; background: #3e5092; font-size: 17px; border-radius: 5px 5px 0 0; box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.25); -webkit-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.25); -o-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.25); background: -moz-linear-gradient(top, #435698 0%, #374888 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#435698), color-stop(100%,#374888)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #435698 0%,#374888 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #435698 0%,#374888 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #435698 0%,#374888 100%); /* IE10+ */ background: linear-gradient(to bottom, #435698 0%,#374888 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#435698', endColorstr='#374888',GradientType=0 ); /* IE6-9 */ } /* Search widget */ .widget_search .search-submit { display: none; } .widget-area #wp-members .err { width: auto; font-size: 12px; font-weight: bold; text-align: center; } .widget-area #wp-members input[type="submit"] { font-size: 12px; text-transform: uppercase; padding: 7px 12px 6px; margin: 4px 8px 0 0 !important; } /* ---------------------------------------------------------------------------------------------------------- 06 Homepage Styling ----------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .home { } .home h3.entry-title { margin-bottom: 15px; } /* ---------------------------------------------------------------------------------------------------------- 07 Plugin Styles ----------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ /* JetPack Infinite Scroll */ .infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer { display: block; } .pw_map_canvas { margin-bottom: 20px; } .caroufredsel_wrapper { min-height: 85px; } .ninja-forms-all-fields-wrap .label-left label { min-width: 120px; display: inline-block !important; } .ninja-forms-all-fields-wrap .label-left input { min-width: 200px; } .ninja-forms-required-items { margin: -8px 0 10px; font-size: 12px; font-style: italic; color: #777; display: block; text-align: right; } .list-checkbox-wrap.label-above ul li, .list-checkbox-wrap.label-below ul li { display: inline; padding: 0 12px 0 0 !important; } .list-radio-wrap ul, .list-checkbox-wrap ul { padding-top: 10px; } .list-checkbox-wrap.label-above ul li label, .list-checkbox-wrap.label-below ul li label { display: inline; } .ninja-forms-all-fields-wrap input.button { padding: 8px 15px !important; text-shadow: none !important; border: 1px solid #314596 !important; } #wpmem_login { padding: 20px; background: #d2d9e4; margin: 15px 0; } #wpmem_login fieldset, #wpmem_reg fieldset { margin: 0 !important; padding: 0; } #wpmem_login legend { font-weight: bold; color: #4f5b62; font-family:"Roboto Slab", Serif; margin-bottom: 15px; } #wpmem_login label { display: block; float: left; clear: left; min-width: 100px; } #wpmem_login .div_text { margin: 0 0 12px 0 !important; width: 420px !important; float: left; } #wpmem_login .button_div, #wpmem_reg .button_div { clear: both; } .button_div .buttons { font-weight: normal; font-size: 16px; padding: 12px 18px; margin: 0 5px !important; } .button_div input[type=reset] { opacity: 0.8; } .button_div input[type=reset]:hover { opacity: 1; } #post-1234 p { padding-bottom: 0; margin: 0; } #post-1234 #wpmem_reg { margin-top: -20px; } #wpmem_msg, .wpmem_msg { padding: 20px !important; font-family: "Roboto Slab", Serif !important; margin-bottom: 20px; width: auto !important; } #post-1234 .wpmem_msg { margin-bottom: 40px !important; } #content #wpmem_reg label { display: block; float: left; clear: left; min-width: 170px; } #content #wpmem_reg .div_text, #content #wpmem_reg .div_select { margin: 0 0 12px 0 !important; width: 360px !important; float: left; } #content #wpmem_reg legend { margin: 0 -20px 20px; padding: 10px 20px; color: #fff; background: #3e5092; font-size: 17px; display: block; width: 100%; font-family: "Roboto Slab", Serif; font-weight: normal; line-height: 1.5; border-radius: 5px 5px 0 0; box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.25); -webkit-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.25); -o-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.25); background: -moz-linear-gradient(top, #435698 0%, #374888 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#435698), color-stop(100%,#374888)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #435698 0%,#374888 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #435698 0%,#374888 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #435698 0%,#374888 100%); /* IE10+ */ background: linear-gradient(to bottom, #435698 0%,#374888 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#435698', endColorstr='#374888',GradientType=0 ); /* IE6-9 */ } .req-text { display: none !important; } /* ---------------------------------------------------------------------------------------------------------- 08 Footer Styling ------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .site-footer { margin-top: 10px; background: #fff; padding: 20px 0; border-bottom: 6px solid #32417a; box-shadow: 0 -5px 30px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 -5px 30px 0 rgba(0,0,0,0.15); -o-box-shadow: 0 -5px 30px 0 rgba(0,0,0,0.15); } .site-footer h4 { font-size: 24px; margin-bottom: 15px; } .site-footer .site-info { margin: 20px 0 -20px; padding: 20px; background: #a2b5cf; color: #484f59; font-size: 12px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; } .site-footer .menu-footer-container { float: right; } .site-footer .menu-footer-container ul { list-style: none; display: inline; } .site-footer .menu-footer-container li { display: inline; padding: 0 0 0 10px; } .site-footer .menu-footer-chinese-simplified-container { float: right; } .site-footer .menu-footer-chinese-simplified-container ul { list-style: none; display: inline; } .site-footer .menu-footer-chinese-simplified-container li { display: inline; padding: 0 0 0 10px; } /* ---------------------------------------------------------------------------------------------------------- 09 Slider Styling ------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */