/* =Plugins ----------------------------------------------- */ img#wpstats { display: block; margin: 0 auto 24px; margin: 0 auto 1.714285714rem; } /* jQuery Vertical Accordion Menu PLUGIN - for Mobile Nav - "!important" used in each property to override the Plugin's Stylesheet ------------------------------------------------------------------*/ #dc_jqaccordion_widget-2-item ul a, #dc_jqaccordion_widget-2-item ul a.dcjq-parent { background: #ffffff !important; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)) !important; background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%) !important; background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%) !important; background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%) !important; background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ) ; /* IE6-9 */ border-bottom: 1px solid #EFEFEF; color: #222222; display: block; font-weight: bold; padding: 10px 15px; text-decoration: none; text-transform: uppercase; } #dc_jqaccordion_widget-2-item ul a:hover, #dc_jqaccordion_widget-2-item ul a.dcjq-parent:hover { background: none #cccccc !important; } /*------------------------------------------------------------ WP UI Accordians and Tabs Style These are jquery styles that I copied out of a jquery theme roller. I didn't need the massive theme file so I just pulled out a few chunks and put them here. This could stll be widdled down further. A lot of these lines aren't even used. ------------------------------------------------------------*/ /* Component containers */ .wpui-custom .ui-widget { font-family: Arial,sans-serif; font-size: 1.1em; } .wpui-custom .ui-widget .ui-widget { font-size: 1em; } .wpui-custom .ui-widget input, .wpui-custom .ui-widget select, .wpui-custom .ui-widget textarea, .wpui-custom .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; } .wpui-custom .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(https://houxhandyman.com/wp-content/themes/armstrongchild/stylesheets/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .wpui-custom .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(https://houxhandyman.com/wp-content/themes/armstrongchild/stylesheets/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } /* Interaction states */ .wpui-custom .ui-state-default, .wpui-custom .ui-widget-content .ui-state-default, .wpui-custom .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(https://houxhandyman.com/wp-content/themes/armstrongchild/stylesheets/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .wpui-custom .ui-state-default a, .wpui-custom .ui-state-default a:link, .wpui-custom .ui-state-default a:visited { color: #555555; text-decoration: none; } .wpui-custom .ui-state-hover, .wpui-custom .ui-widget-content .ui-state-hover, .wpui-custom .ui-widget-header .ui-state-hover, .wpui-custom .ui-state-focus, .wpui-custom .ui-widget-content .ui-state-focus, .wpui-custom .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(https://houxhandyman.com/wp-content/themes/armstrongchild/stylesheets/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .wpui-custom .ui-state-hover a, .wpui-custom .ui-state-hover a:hover { color: #212121; text-decoration: none; } .wpui-custom .ui-state-active, .wpui-custom .ui-widget-content .ui-state-active, .wpui-custom .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(https://houxhandyman.com/wp-content/themes/armstrongchild/stylesheets/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .wpui-custom .ui-state-active a, .wpui-custom .ui-state-active a:link, .wpui-custom .ui-state-active a:visited { color: #212121; text-decoration: none; } .wpui-custom .ui-widget :active { outline: none; } .wpui-custom .ui-tabs-nav .ui-tabs-selected { border-bottom: none; } .wpui-custom .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0;} .wpui-custom .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 18px 12px 18px 12px; background: none; } .wp-tabs .ui-tabs { padding: 0 !important;} /* WP UI Vertical Tabs Skin --------------------------------------------------------------*/ div.ui-tabs-vertical ul li a { font-size: 16px; font-size: 1rem !important; padding-top: 0px !important; padding-bottom: 0px !important; } div.ui-tabs-vertical ul { background: none !important; } div.ui-tabs-vertical ul li { background: none !important; border-bottom: 1px solid #c6c6c6 !important; border: none !important; } div.ui-tabs-vertical ul li.ui-tabs-selected { padding-top: 4px !important; background: url(https://houxhandyman.com/wp-content/themes/armstrongchild/stylesheets/images/vertical-tab-selected.png) center right no-repeat !important; } div.ui-tabs-vertical ul li:hover { background: url(https://houxhandyman.com/wp-content/themes/armstrongchild/stylesheets/images/vertical-tab-hover.png) center right no-repeat !important; } div.ui-tabs-vertical div.ui-tabs-panel { } /* WP UI Tabs Content and Google Map Adjustments ---------------------------------------------------------------*/ /* This style overrides jquery hiding behavior by simply moving the tab off the screen. This fixes Google Map size computation bug */ .wpui-custom .ui-tabs .ui-tabs-hide { position: absolute !important; left: -10000px !important; display:block !important; } .wp-tab-content-wrapper .location-details { width: 33%; float: left; } .wp-tab-content-wrapper .map { width: 67%; float: left; } .wp-tab-content { margin-top: -24px !important; } .google-map-placeholder { width: 580px; } div.map .view-larger-map-link { margin: 4px 0px 4px 0px; } @media screen and (max-width: 950px) { .wp-tab-content-wrapper .location-details { width: 35%; } .wp-tab-content-wrapper .map { width: 65%; } .google-map-placeholder { width: 500px;} } @media screen and (max-width: 870px) { .wp-tab-content-wrapper .location-details { width: 45%; } .wp-tab-content-wrapper .map { width: 55%; } .google-map-placeholder { width: 374px;} } @media screen and (max-width: 700px) { .wp-tab-content-wrapper .location-details { width: 100%; } .wp-tab-content-wrapper .map { width: 100%; } .google-map-placeholder { width: 500px; } } @media screen and (max-width: 600px) { .google-map-placeholder {width: 450px;} } @media screen and (max-width: 500px) { .google-map-placeholder { width: 350px; } } @media screen and (max-width: 400px) { .google-map-placeholder { width: 250px; } } @media screen and (max-width: 300px) { .google-map-placeholder { width: 200px; } } /* Revolution Slider ----------------------------------------------------------- */ .rev_slider_wrapper { *display: none; /* Don't display the Revolution Slider for IE 7. Its too bulky for old hardware and creates z-index problems too. */ } /* =Widgets -------------------------------------------------------------- */ .widget-area .widget ul ul { margin-left: 12px; margin-left: 0.75rem; } .widget_rss li { margin: 12px 0; margin: 0.75rem 0; } .widget_recent_entries .post-date, .widget_rss .rss-date { color: #aaa; font-size: 11px; font-size: 0.6875rem; margin-left: 12px; margin-left: 0.75rem; } #wp-calendar { margin: 0; width: 100%; font-size: 13px; font-size: 0.8125rem; line-height: 1.846153846; color: #686868; } #wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; } #wp-calendar #next { padding-right: 24px; padding-right: 1.714285714rem; text-align: right; } .widget_search label { display: block; font-size: 13px; font-size: 0.8125rem; line-height: 1.846153846; }