/* Theme Name: Digital DJ Tips v2 Theme URI: http://www.digitaldjtips.com/ Description: Child theme (based off of the Magazine child theme) created for the Genesis Framework, customized for DigitalDJ Tips. Author: StudioPress/Gabriel de Kadt Author URI: http://www.studiopress.com/ Version: 0.1 Tags: Template: genesis Template Version: 1.8.2 License: GNU General Public License v2.0 License URI: http://www.opensource.org/licenses/gpl-license.php */ /* Table of Contents * Import Fonts * Defaults * Fonts * Hyperlinks * Body * Wrap * Header * Image Header - Partial Width * Image Header - Full Width * Navigation Constants * Header Right Navigation * Primary Navigation * Primary Navigation Extras * Secondary Navigation * Inner * Homepage * Genesis Slider * Breadcrumb * Taxonomy Description * Content-Sidebar Wrap * Content * Column Classes * Featured Post Grid * Headlines * Ordered / Unordered Lists * Post Info * Post Meta * Author Box * Sticky Posts * Archive Page * Post Icons * Images * Post Navigation * Primary / Secondary Sidebars * Dropdowns * Featured Page / Post * User Profile * Buttons * Search Form * eNews & Updates Widget * Calendar Widget * Footer Widgets * Deep Footer * Footer * Comments * Gravity Forms * Magazine Red * Responsive Design */ /* Defaults ------------------------------------------------------------ */ body, h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6, p, select, textarea { color: #333; font-family: "open-sans", Arial, Helvetica, Tahoma, sans-serif; font-size: 14px; font-weight: normal; line-height: 22px; margin: 0; padding: 0; text-decoration: none; } input { color: #333; font-family: "open-sans", Arial, Helvetica, Tahoma, sans-serif; } input, select, textarea, .breadcrumb, .sticky, .taxonomy-description { background-color: #f5f5f5; border: 1px solid #ddd; } li, ol, ul { margin: 0; padding: 0; } ol li { list-style-type: decimal; } /* Fonts ------------------------------------------------------------ */ h1, h2, h3, h4, h5, h6, h2 a, h2 a:visited, #content .wooslider h2 a, #content .wooslider h2 a:visited, #cat, .widget_archive select, input[type="button"], input[type="submit"], #title, #subnav .wrap, .widget.popular-posts li { font-family: "futura-pt", Arial, Helvetica, Tahoma, sans-serif; } .single-post #content h4, .single-post #content h5, .single-post #content h6 { font-family: "open-sans", Arial, Helvetica, Tahoma, sans-serif; } /* Hyperlinks ------------------------------------------------------------ */ a, a:visited { color: #2186f7; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: none; } /* Body ------------------------------------------------------------ */ body { background: #e9e9e9; } /* Wrap ------------------------------------------------------------ */ #wrap { background: url(images/wrap.png) repeat-x; margin: 0 auto; } .magazine-landing #wrap { background: none; } /* Header ------------------------------------------------------------ */ #header { min-height: 105px; margin: 0 auto; overflow: hidden; width: 960px; } .magazine-landing-new #header { width: 700px; } .magazine-landing-small #header { width: 700px; min-height: 86px; } #title-area { float: left; overflow: hidden; padding: 20px 0 0; width: 490px; } #title { font-size: 48px; font-weight: bold; line-height: 48px; margin: 0; text-shadow: 2px 2px #000; text-transform: uppercase; } #title a, #title a:hover { color: #fff; text-decoration: none; } #description { color: #999; font-size: 13px; text-shadow: 1px 1px #000; text-transform: uppercase; } #header .widget-area { float: right; margin: 23px 0 0; width: 468px; border: solid 1px #555; } /* Image Header - Partial Width ------------------------------------------------------------ */ .header-image #title-area, .header-image #title, .header-image #title a { display: block; float: left; height: 105px; overflow: hidden; padding: 0; text-indent: -9999px; width: 490px; } .header-image #description { display: block; overflow: hidden; } /* Image Header - Full Width ------------------------------------------------------------ */ .header-full-width #title-area, .header-full-width #title, .header-full-width #title a { width: 960px; } /* Navigation Constants ------------------------------------------------------------ */ li:hover ul ul, li.sfHover ul ul { left: -9999px; } li:hover, li.sfHover { position: static; } li a .sf-sub-indicator { position: absolute; text-indent: -9999px; } /* Header Right Navigation ------------------------------------------------------------ */ #header ul.menu { float: right; } #header ul.menu ul { float: right; margin: 0; padding: 0; width: 100%; } #header ul.menu li { float: left; list-style-type: none; text-transform: uppercase; } #header ul.menu li a { color: #999; display: block; font-size: 12px; padding: 6px 15px 5px; position: relative; text-decoration: none; } #header ul.menu li a:hover, #header ul.menu li a:active, #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a { color: #2186f7; } #header ul.menu li li a, #header ul.menu li li a:link, #header ul.menu li li a:visited { background-color: #111; border: 1px solid #444; border-top-width: 0; color: #999; font-size: 11px; padding: 5px 10px; position: relative; text-transform: none; width: 128px; } #header ul.menu li li a:hover, #header ul.menu li li a:active { color: #2186f7; } #header ul.menu li ul { height: auto; left: -9999px; margin: 0 0 0 -1px; position: absolute; width: 150px; z-index: 9999; } #header ul.menu li ul a { width: 130px; } #header ul.menu li ul ul { margin: -33px 0 0 149px; } #header ul.menu li:hover>ul, #header ul.menu li.sfHover ul { left: auto; } /* Primary Navigation ------------------------------------------------------------ */ #nav { background-color: #111; clear: both; overflow: hidden; } #nav .wrap { color: #999; margin: 0 auto; text-transform: uppercase; width: 960px; } #nav ul { float: left; width: 100%; } #nav li { float: left; list-style-type: none; } #nav li a { color: #999; display: block; font-size: 9px; padding: 2px 10px 1px; position: relative; text-decoration: none; } #nav li a:hover, #nav li a:active, #nav .current_page_item a, #nav .current-cat a, #nav .current-menu-item a { color: #2186f7; } #nav li li a, #nav li li a:link, #nav li li a:visited { background-color: #111; border: 1px solid #444; border-top-width: 0; color: #999; font-size: 11px; padding: 5px 10px; position: relative; text-transform: none; width: 128px; } #nav li li a:hover, #nav li li a:active { color: #2186f7; } #nav li ul { height: auto; left: -9999px; margin: 0 0 0 -1px; position: absolute; width: 150px; z-index: 9999; } #nav li ul a { width: 130px; } #nav li ul ul { margin: -33px 0 0 149px; } #nav li:hover>ul, #nav li.sfHover ul { left: auto; } /* Primary Navigation Extras ------------------------------------------------------------ */ #nav li.right { float: right; font-size: 9px; padding: 2px 10px 1px; } #nav li.right a { background: none; border: none; color: #999; display: inline; text-decoration: none; } #nav li.right a:hover { color: #2186f7; text-decoration: none; } #nav li.search { padding: 0 10px; } #nav li.rss a { background: url(images/rss.png) no-repeat center left; margin: 0 0 0 20px; padding: 7px 0 5px 18px; } #nav li.twitter a { background: url(images/twitter-nav.png) no-repeat center left; padding: 7px 0 5px 20px; } /* Secondary Navigation ------------------------------------------------------------ */ #subnav { background: url(images/subnav.png); border-bottom: 1px solid #111; border-top: 1px solid #111; clear: both; overflow: hidden; } #subnav .wrap { color: #fff; margin: 0 auto; width: 960px; } #subnav ul { float: left; width: 100%; } #subnav li { float: left; list-style-type: none; } #subnav li a { color: #ccc; display: block; font-size: 19px; padding: 12px 15px 11px; position: relative; text-decoration: none; } #subnav li a:hover, #subnav li a:active, #subnav .current_page_item a, #subnav .current-cat a, #subnav .current-menu-item a { color: #2186f7; } #subnav li li a, #subnav li li a:link, #subnav li li a:visited { background-color: #111; border: 1px solid #444; border-top-width: 0; color: #fff; font-size: 17px; padding: 5px 10px; position: relative; text-transform: none; width: 168px; } #subnav li li a:hover, #subnav li li a:active { color: #2186f7; } #subnav li ul { height: auto; left: -9999px; margin: 1px 0 0 -1px; position: absolute; width: 190px; z-index: 9999; } #subnav li ul a { width: 170px; } #subnav li ul ul { margin: -33px 0 0 149px; } #subnav li:hover>ul, #subnav li.sfHover ul { left: auto; } /* Inner ------------------------------------------------------------ */ #inner { background: url(images/inner.png) repeat-x; overflow: hidden; } #inner .wrap { -moz-box-shadow: 0 1px 2px #666; -webkit-box-shadow: 0 1px 2px #666; background-color: #fff; box-shadow: 0 1px 1px #666; margin: 20px auto 40px; ; overflow: hidden; width: 960px; } .magazine-landing #inner .wrap, .magazine-landing-new #inner .wrap { margin: 20px auto; width: 700px; } .magazine-landing-small #inner .wrap { margin: 20px auto; width: 700px; } /* Homepage ------------------------------------------------------------ */ .home-bottom, .home-middle, .home-top { clear: both; font-size: 13px; line-height: 20px; margin: 0 0 20px; overflow: hidden; width: 610px; } .home-top { margin: 5px 0 10px} .home-bottom { margin: 0; } .home-left { float: left; width: 290px; } .home-right { float: right; width: 290px; } /* Genesis Slider ------------------------------------------------------------ */ #content .wooslider h2, #content .wooslider h2 { padding-right:20px; } #content .wooslider h2 a, #content .wooslider h2 a:visited, #content .wooslider h2 a, #content .wooslider h2 a:visited { color: #fff; font-size: 32px; line-height: 28px; text-decoration: none; } #content .wooslider h2 a:hover, #content .wooslider h2 a:hover { color: #2186f7; } #content #content .wooslider, #content #content .wooslider { background-color: #fff; border: solid 2px #ddd; padding: 0; } #content .wooslider .slide-image {background-color: black;} #content .wooslider a, #content .wooslider a:visited, #content .wooslider a, #content .wooslider a:visited { color: #fff; text-decoration: underline; } #content .wooslider a:hover, #content .wooslider a:hover { text-decoration: none; } #content .wooslider p, #content .wooslider p { color: #fff; font-size: 12px; line-height: 14px; } #content .wooslider .slide-excerpt { background-color: #222; border-left: 1px solid #333; border-top: 1px solid #333; filter: alpha(opacity=85); margin: 0; padding: 10px; opacity: 0.85; top: auto; width: 80%; } html > body .slide-excerpt-border { border: none !important; margin: 0 !important; padding: 0 !important; } .flex-control-nav {margin: 8px 0 5px!important;} #content .wooslider .overlay-full { height: 332px; overflow: hidden; } /* Breadcrumb ------------------------------------------------------------ */ .breadcrumb { border: none; font-size: 12px; line-height: 20px; margin: 0 0 30px; padding: 5px 10px; } /* Taxonomy Description ------------------------------------------------------------ */ .taxonomy-description { border: none; margin: 0 0 30px; padding: 10px; } /* Content-Sidebar Wrap ------------------------------------------------------------ */ #content-sidebar-wrap { float: left; width: 810px; } .content-sidebar #content-sidebar-wrap, .full-width-content #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap { width: 960px; } .sidebar-content-sidebar #content-sidebar-wrap, .sidebar-sidebar-content #content-sidebar-wrap { float: right; } .magazine-landing #content-sidebar-wrap, .magazine-landing-new #content-sidebar-wrap { width: 700px; } .magazine-landing-small #content-sidebar-wrap { width: 700px; } /* Content ------------------------------------------------------------ */ #content { float: left; padding: 20px 25px; width: 460px; } .content-sidebar #content, .sidebar-content #content { width: 610px; } .sidebar-content #content, .sidebar-sidebar-content #content { float: right; } .full-width-content #content { width: 910px; } .full-width-content.magazine-landing #content, .full-width-content.magazine-landing-new #content { width: 650px; } .full-width-content.magazine-landing-small #content p, .full-width-content.magazine-landing-small #content li { font-size: 16px; } .full-width-content.magazine-landing-small #content { width: 650px; } blockquote { background-color: #f5f5f5; margin: 5px 15px 20px; padding: 15px 20px 0; } blockquote p { color: #666; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; } .post { margin: 0 0 40px; } .single .post { margin: 0 0 20px; } .entry-content { overflow: hidden; } .entry-content p { padding: 0 0 25px; } p.subscribe-to-comments { padding: 20px 0 10px; } .after-post-ad { background-color: #f5f5f5; margin: 5px 0 10px; padding: 10px; overflow: hidden; } .after-content-ad { clear: both; margin: 0 auto; overflow: hidden; padding: 0 0 20px; text-align: center; width: 960px; } .more-from-category { background: url(images/list.png) no-repeat top left; margin: -5px 0 0; padding: 1px 0 0 18px; } .clear { clear: both; } .clear-line { border-bottom: 1px solid #ddd; clear: both; margin: 0 0 15px; } /* Column Classes ------------------------------------------------------------ */ .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { float: left; margin: 0 0 20px; padding-left: 3%; } .one-half, .three-sixths, .two-fourths { width: 48%; } .one-third, .two-sixths { width: 31%; } .four-sixths, .two-thirds { width: 65%; } .one-fourth { width: 22.5%; } .three-fourths { width: 73.5%; } .one-fifth { width: 17.4%; } .two-fifths { width: 37.8%; } .three-fifths { width: 58.2%; } .four-fifths { width: 78.6%; } .one-sixth { width: 14%; } .five-sixths { width: 82%; } .first { clear: both; padding-left: 0; } /* Featured Post Grid ------------------------------------------------------------ */ .genesis-grid-even { float: right; padding: 0 0 15px; width: 48%; } .genesis-grid-odd { clear: both; float: left; padding: 0 0 15px; width: 48%; } .genesis-grid-even, .genesis-grid-odd { margin: 0 0 20px; } /* Headlines ------------------------------------------------------------ */ h1, h2, h3, h4, h5, h6 { margin: 0 0 5px; } h1, h2, h2 a, h2 a:visited { font-size: 30px; line-height: 36px; } h2 a:hover { color: #2186f7; text-decoration: none; } .page h1 { margin: 0 0 10px; } .home h2 a, .home h2 a:visited { font-size: 20px; line-height: 24px; } .home h2 a, .home h2 a:visited, .home-middle h2 a { font-size: 26px; line-height: 1.1; color: #555; } .home-middle h2 a, .home-middle h2 a:visited { font-size: 26px; line-height: 1; color: #555; } .taxonomy-description h1, .widget-area h2, .widget-area h2 a { font-size: 18px; line-height: 24px; } h2 { font-size: 26px; line-height: 1.1; color: #555;} h3 { font-size: 24px; } h4 { font-size: 18px; } .home-bottom h4, .home-middle h4 { margin: 0 0 10px; } .widget-area h4 { font-size: 16px; text-transform: uppercase; } .widget-area h4 a { color: #333; text-decoration: none; } .footer-widgets h4 { background: none; border: none; margin: 0 0 5px; padding: 0; } h5 { font-weight: bold; } h6 { font-size: 16px; } #content .widgettitle { font-size: 16px; } .single-post #content h1 { font-size: 51px; line-height: 46px; color: #2186f7; letter-spacing: 0px; } .single-post #content h2 { font-size: 48px; line-height: 36px; color: #999; border-bottom: dotted 1px #999; text-transform: uppercase; margin: 0.458em 0; } .single-post #content h3 { font-size: 21px; display: inline-block; background-color: #2186f7; padding: 2px 10px 4px; color: #fff; text-shadow: 0 0 5px #2186f7; margin: 0 0 1.048em 0; } .single-post #content h4 { font-size: 18px; font-weight: bold; color: #2186f7; color: #555; } /* Reversed-out boxes */ #content .widgettitle:first-child, .footer-widgets .widgettitle { display: inline-block; background-color: #2186f7; padding: 2px 10px 2px; color: #fff; text-shadow: 0 0 5px #2186f7; } .footer-widgets .widgettitle { text-transform: uppercase; font-size: 18px; margin-bottom: 15px; } /* Ordered / Unordered Lists ------------------------------------------------------------ */ .entry-content ol, .entry-content ul { margin: 0; padding: 0 0 15px; } .entry-content ol { margin: 0; } .archive-page ul li, .entry-content ul li { list-style-type: square; margin: 0 0 0 30px; padding: 0; } .entry-content ol li { margin: 0 0 0 35px; } .archive-page ul ul, .entry-content ol ol, .entry-content ul ul { padding: 0; } /* Post Info ------------------------------------------------------------ */ .post-info { font-size: 11px; margin: 5px 0 15px; text-transform: uppercase; } /* Post Meta ------------------------------------------------------------ */ .post-meta { background-color: #f5f5f5; clear: both; font-size: 11px; padding: 7px 10px 5px; text-transform: uppercase; } /* Author Box ------------------------------------------------------------ */ .author-box { border: 1px solid #ddd !important; margin: 0 0 40px; overflow: hidden; } .author-box p { font-size: 13px; line-height: 20px; } .author-box div { background-color: #fff; border: 4px solid #f5f5f5; padding: 10px; } /* Sticky Posts ------------------------------------------------------------ */ .sticky { margin: 0 0 40px; padding: 20px; } /* Archive Page ------------------------------------------------------------ */ .archive-page { float: left; padding: 20px 0; width: 45%; } /* Post Icons ------------------------------------------------------------ */ .categories { background: url(images/icon-categories.png) no-repeat top left; padding: 3px 0 3px 22px; } .post-comments { background: url(images/icon-comments.png) no-repeat top left; margin: 0 0 0 10px; padding: 2px 0 2px 22px; } .tags { background: url(images/icon-tags.png) no-repeat top left; margin: 0 0 0 10px; padding: 3px 0 3px 20px; } .time { background: url(images/icon-time.png) no-repeat top left; padding: 2px 0 2px 21px; } /* Images ------------------------------------------------------------ */ img { height: auto; max-width: 100%; } .avatar { background-color: #fff; border: 4px solid #eee; padding: 1px; } .home-middle .featuredpost img { margin: 0 0 10px; } .author-box .avatar { background-color: #fff; float: left; height: 72px; margin: 0 10px 0 0; width: 72px; } .post-image { margin: 0 10px 10px 0; } .comment-list li .avatar { background-color: #fff; float: left; height: 30px; margin: 0 5px 0 0; width: 30px; } img.centered, .aligncenter { display: block; margin: 0 auto 10px; } img.alignnone { display: inline; margin: 0 0 15px; } img.alignleft { display: inline; margin: 0 15px 10px 0; } img.alignright { display: inline; margin: 0 0 10px 15px; } .alignleft { float: left; margin: 0 15px 0 0; } .alignright { float: right; margin: 0 0 0 15px; } .wp-caption { background-color: #f5f5f5; padding: 10px; text-align: left; } p.wp-caption-text { font-size: 11px; line-height: 15px; padding: 5px; } .full-width-content.magazine-landing-small #content p.wp-caption-text { font-size: 11px; } .wp-smiley, .wp-wink { border: none; float: none; } .gallery-caption { } /* Post Navigation ------------------------------------------------------------ */ .navigation { overflow: hidden; padding: 20px 0; width: 100%; } .navigation li { display: inline; } .navigation li a, .navigation li.disabled, .navigation li a:hover, .navigation li.active a { border: 1px solid #ddd; padding: 5px 8px; } .navigation li a:hover, .navigation li.active a { background-color: #f5f5f5; } /* Primary / Secondary Sidebars ------------------------------------------------------------ */ .sidebar { display: inline; float: right; font-size: 13px; line-height: 20px; width: 300px; } .sidebar p { font-size: 13px; line-height: 20px; } #sidebar-alt { float: left; width: 150px; } .sidebar-content #sidebar, .sidebar-sidebar-content #sidebar { float: left; } .content-sidebar-sidebar #sidebar-alt { float: right; } #sidebar .widget, #sidebar-alt .widget { border-bottom: 1px solid #ddd; } .content-sidebar #sidebar .widget, .sidebar-content-sidebar #sidebar .widget, .content-sidebar-sidebar #sidebar .widget, .content-sidebar-sidebar #sidebar-alt .widget { border-left: 1px solid #ddd; } .sidebar-content #sidebar .widget, .sidebar-content-sidebar #sidebar-alt .widget, .sidebar-sidebar-content #sidebar .widget, .sidebar-sidebar-content #sidebar-alt .widget { border-right: 1px solid #ddd; } .sidebar .widget-wrap { border: 4px solid #f5f5f5; padding: 15px 20px 20px; } .sidebar .widget ul { margin: 5px 0 -5px; } .home-middle .widget ul li, .sidebar .widget ul li, .sidebar .widget-area ul li { background: url(images/list.png) no-repeat top left; border-bottom: 1px dotted #ddd; list-style-type: none; margin: 0 0 7px; padding: 0 0 5px 18px; word-wrap: break-word; } /* Search */ #search-3 .widget-wrap {background-color: #222; } /* Newsletter subscribe */ #enews-ext-2 .widget-wrap, #enews-ext-4 .widget-wrap { background: url(images/wrap-2.gif) repeat #333; /* Old browsers */ background: url(images/wrap-2.gif) repeat, -moz-linear-gradient(top, #4d4d4d 0%, #333333 17%); /* FF3.6+ */ background: url(images/wrap-2.gif) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(17%,#333333)); /* Chrome,Safari4+ */ background: url(images/wrap-2.gif) repeat, -webkit-linear-gradient(top, #4d4d4d 0%,#333333 17%); /* Chrome10+,Safari5.1+ */ background: url(images/wrap-2.gif) repeat, -o-linear-gradient(top, #4d4d4d 0%,#333333 17%); /* Opera 11.10+ */ background: url(images/wrap-2.gif) repeat, -ms-linear-gradient(top, #4d4d4d 0%,#333333 17%); /* IE10+ */ background: url(images/wrap-2.gif) repeat, linear-gradient(to bottom, #4d4d4d 0%,#333333 17%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#333333',GradientType=0 ); /* IE6-9 */ padding-top: 45px; height: 208px; } #enews-ext-2 .widgettitle, #enews-ext-4 .widgettitle { color: #2186f7; font-size: 32px; line-height: 30px; text-shadow: 0 0 25px #2186f7; } #enews-ext-2 p, #enews-ext-4 p { color: #eee; } #enews-ext-2 p, #enews-ext-4 p { font-size: 20px; line-height: 1.2; margin-top: 10px; } /* Social media icons*/ .widget_social_links .widget-wrap { padding: 0; background: url(images/social-icons.png) no-repeat center 35px #f0f0f0; height: 110px;} .widget_social_links .widget-wrap .widgettitle { padding: 15px 20px 5px ; } .social_link { width: 70px; height: 70px; float: left; margin-right: 4px ; background: #555; } .social_link:last-child { margin-right: 0; } /* Popular now */ .widget.popular-posts ul { margin:0; } .widget.popular-posts ul li { background: #f0f0f0; margin: 0 0 10px ; padding: 0; overflow: hidden; border: none; } .widget.popular-posts li .wpp-comments { float: left; padding: 30px 0 25px; margin: 0 6px 0 0 ; width: 83px; text-align: center; background-color: #2186f7; } .widget.popular-posts li:nth-child(2) .wpp-comments { background-color: #2186f7; } .widget.popular-posts li:nth-child(3) .wpp-comments { background-color: #fcb408; } .widget.popular-posts .wpp-comments { font-size: 28px; line-height: 1; color: #fff; text-shadow: 0 0 5px #2186f7; text-decoration: none; } .widget.popular-posts .article { padding: 10px; display: block; } .widget.popular-posts .article a, .widget.popular-posts .article a:visited { font-size: 16px; color: #555; line-height: 1 ; text-decoration: none; } .widget.popular-posts .article a:hover { color: #2186f7; } /* Dropdowns ------------------------------------------------------------ */ #cat, .widget_archive select { display: inline; font-size: 12px; width: 100%; } /* Featured Page / Post ------------------------------------------------------------ */ .featuredpage, .featuredpost { clear: both; margin: 0 0 15px; overflow: hidden; } .featuredpage .page, .featuredpost .post { border-bottom: 1px dotted #ddd; margin: 0 0 15px; overflow: hidden; padding: 0 0 15px; } .home .featuredpost p { font-size: 13px; line-height: 20px; } /* User Profile ------------------------------------------------------------ */ .user-profile { overflow: hidden; } /* Buttons ------------------------------------------------------------ */ input[type="button"], input[type="submit"] { background: url(images/button.png) 0 0; border: 1px solid #2186f7; color: #fff; cursor: pointer; font-size: 13px; font-weight: normal; padding: 6px 5px 5px; text-decoration: none; position: relative; top: -1px;} input:hover[type="button"], input:hover[type="submit"] { background: url(images/button.png) 0 -25px; border: 1px solid #2186f7; color: #fff; text-decoration: none; } /* Search Form ------------------------------------------------------------ */ #header .searchform { float: right; padding: 25px 0 0; } #nav .searchform { float: right; } .s { font-size: 13px; margin: 5px -6px 0 0; padding: 5px; width: 180px; } /* eNews and Update Widget ------------------------------------------------------------ */ .enews { background: url(images/enews.png) no-repeat right 5px; } .enews { background: none; } .enews #subbox, #search-3 .s { font-size: 13px; margin: 10px -2px 0 0; padding: 5px; width: 175px; } /* Calendar Widget ------------------------------------------------------------ */ #wp-calendar { width: 100%; } #wp-calendar caption { font-size: 12px; font-style: italic; padding: 2px 5px 0 0; text-align: right; } #wp-calendar thead { background-color: #f5f5f5; font-weight: bold; margin: 10px 0 0; } #wp-calendar td { background-color: #f5f5f5; padding: 2px; text-align: center; } /* Deep Footer ------------------------------------------------------------ */ .footer-widgets { border-top: solid 2px #000; background: #2d2d2d; /* Old browsers */ background: -moz-linear-gradient(top, #2d2d2d 0%, #1c1c1c 20%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d2d2d), color-stop(20%, #1c1c1c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2d2d2d 0%, #1c1c1c 20%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2d2d2d 0%, #1c1c1c 20%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2d2d2d 0%, #1c1c1c 20%); /* IE10+ */ background: linear-gradient(to bottom, #2d2d2d 0%, #1c1c1c 20%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#1c1c1c', GradientType=0 ); /* IE6-9 */ } #footer-widgets { border-top: solid 1px #000; background: url(images/wrap-2.gif), #2d2d2d; /* Old browsers */ background: url(images/wrap-2.gif), -moz-linear-gradient(top, #222222 0%, #1c1c1c 40%); /* FF3.6+ */ background: url(images/wrap-2.gif), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222222), color-stop(40%, #1c1c1c)); /* Chrome,Safari4+ */ background: url(images/wrap-2.gif), -webkit-linear-gradient(top, #222222 0%, #1c1c1c 40%); /* Chrome10+,Safari5.1+ */ background: url(images/wrap-2.gif), -o-linear-gradient(top, #222222 0%, #1c1c1c 40%); /* Opera 11.10+ */ background: url(images/wrap-2.gif), -ms-linear-gradient(top, #222222 0%, #1c1c1c 40%); /* IE10+ */ background: url(images/wrap-2.gif), linear-gradient(to bottom, #222222 0%, #1c1c1c 40%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#1c1c1c', GradientType=0 ); /* IE6-9 */ } .footer-widgets .wrap { margin: 0 auto; overflow: hidden; width: 960px; border-top: solid 1px #000; padding: 40px 0 20px; } .footer-widgets .wrap:first-child { border-top: none; } .footer-widgets li { background: url(images/list.png) no-repeat -4px -4px; list-style-type: none; margin: 0 0 7px; padding: 0 0 5px 12px; word-wrap: break-word; } .footer-widgets h1, .footer-widgets h2, .footer-widgets a, .footer-widgets a:visited, .footer-widgets h3, .footer-widgets h4, .footer-widgets h5, .footer-widgets h6, .footer-widgets p, .footer-widgets li { color: #bcbcbc; font-size: 12px; line-height: 1.3; } .footer-widgets h2, .footer-widgets .widget a, .footer-widgets .widget a:visited { color: #ddd; } .footer-top-widgets-1 { width: 48%; height: 254px; float: left; margin: 0 3% 0 0; } .footer-top-widgets-2 { float: left; width: 48%; } /* video frame */ .footer-widgets .videosidebar { border: solid 4px #999; -moz-box-shadow: 0 1px 2px #000; -webkit-box-shadow: 0 1px 2px #000; box-shadow: 0 1px 1px #000; } .footer-widgets .enews-widget h4 { font-size: 60px; line-height: 0.8; background: none; } .footer-widgets .enews-widget input { font-size: 18px; width: 95%; padding:5px; display: block; margin: 15px auto; } /* blue button */ .footer-widgets .enews-widget input[type="submit"] { font-size: 32px; width: 98%; padding: 10px 20px; background: -moz-linear-gradient( top, #19e4ff 0%, #005bab); background: -webkit-gradient( linear, left top, left bottom, from(#19e4ff), to(#005bab)); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #13007d; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); text-shadow: 0px -1px 0px rgba(000,000,000,1), 0px 1px 0px rgba(255,255,255,0.6); clear: both; } /* red button */ .footer-widgets .enews-widget input[type="submit"] { font-size: 32px; width: 100%; margin-top: 10px; padding: 10px 20px; background: -moz-linear-gradient( top, #2186f7 0%, #2186f7); background: -webkit-gradient( linear, left top, left bottom, from(#2186f7), to(#2186f7)); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #2186f7; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); text-shadow: 0px -1px 0px rgba(000,000,000,1), 0px 1px 0px rgba(255,255,255,0.6); clear: both; } #footer-widgets .widget-area { width: 31%; float: left; margin-left: 3%; } #footer-widgets .widget-area:first-child { margin-left: 0; } .footer-widgets .enews-widget #subbox1, .footer-widgets .enews-widget #subbox2 { width: 44%; float: left; } .footer-widgets .enews-widget #subbox1 { margin-left: 1%; margin-right: 4%; } .footer-widgets .enews-widget #subbox2 { margin-right: 0; } .footer-widgets .enews-widget #subbox { width: 95%; margin: 15px auto; display: block; padding: 5px; font-size: 18px; } /* Footer ------------------------------------------------------------ */ #footer { background: url(images/footer.png); clear: both; overflow: hidden; } #footer .wrap { font-size: 11px; margin: 0 auto; padding: 16px 0 15px; overflow: hidden; text-shadow: -1px -1px #000; text-transform: uppercase; width: 960px; /* background: url(images/ddjt-logo-footer.png) no-repeat right center; */ background-size: 110px; } .magazine-landing-new #footer .wrap { width:700px; } .magazine-landing-small #footer .wrap { width:700px; } #footer p { color: #999; font-size: 11px; } #footer a, #footer a:visited { color: #999; } #footer a:hover { color: #2186f7; text-decoration: none; } #footer .gototop { float: left; width: 200px; } #footer .gototop a { background: url(images/footer-top.png) no-repeat center left; padding: 6px 0 4px 35px; } #footer .creds { float: right; text-align: right; max-width: 755px; /* padding-right: 120px; */ } /* Comments ------------------------------------------------------------ */ #comments, #respond { margin: 0 0 30px; overflow: hidden; } #comments { font-size: 13px; line-height: 20px; } #author, #comment, #email, #url { font-size: 12px; margin: 10px 5px 0 0; padding: 5px; width: 250px; } #comment { height: 150px; margin: 10px 0; width: 98%; } .ping-list { margin: 0 0 40px; } .comment-list ol, .ping-list ol { margin: 0; padding: 10px; } .comment-list li, .ping-list li { font-weight: bold; list-style: none; margin: 10px 0 0; padding: 10px; } .comment-list li ul li { list-style-type: none; } .comment-list p, .ping-list p { font-size: 13px; font-weight: normal; line-height: 20px; margin: 10px 5px 10px 0; padding: 0; text-transform: none; } .comment-list ul.children { margin-top: 20px; } .comment-list ul.children li.comment { background: #fff; } .comment-list cite, .ping-list cite { font-style: normal; font-weight: bold; } .commentmetadata { font-weight:normal; } .comment-author { background: #e5e5e5; font-size: 12px; font-weight: bold; padding: 8px 10px 0; } .comment-meta { background: #e5e5e5; font-size: 12px; padding: 0 10px 8px; } .nocomments { text-align: center; } #comments .navigation { display: block; padding: 0; } .bypostauthor { } .thread-alt, .thread-even { background: #f5f5f5; } .alt, .depth-1, .even { border: 1px solid #ddd; } /* Gravity Forms ------------------------------------------------------------ */ div.gform_wrapper input, div.gform_wrapper select, div.gform_wrapper textarea { color: #333; font-family: "open-sans", Arial, Helvetica, Tahoma, sans-serif; font-size: 12px !important; padding: 4px 5px !important; } div.gform_footer input.button { color: #fff; } div.gform_wrapper .ginput_complex label { font-size: 12px; } div.gform_wrapper li, div.gform_wrapper form li { margin: 0 0 10px; } div.gform_wrapper .gform_footer { border: none; margin: 0; padding: 0; } /* Magazine Red ------------------------------------------------------------ */ .magazine-red a, .magazine-red a:visited { color: #2186f7; text-decoration: none; } .magazine-red a:hover { text-decoration: underline; } .magazine-red #header ul.nav li li a, .magazine-red #header ul.nav li li a:link, .magazine-red #header ul.nav li li a:visited, .magazine-red #header ul.menu li li a, .magazine-red #header ul.menu li li a:link, .magazine-red #header ul.menu li li a:visited, .magazine-red #nav li li a, .magazine-red #nav li li a:link, .magazine-red #nav li li a:visited { color: #999; } .magazine-red #subnav li li a, .magazine-red #subnav li li a:link, .magazine-red #subnav li li a:visited { color: #fff; } .magazine-red h2 a, .magazine-red h2 a:visited { color: #555; } .magazine-red #header ul.nav li a:hover, .magazine-red #header ul.nav li a:active, .magazine-red #header ul.nav .current_page_item a, .magazine-red #header ul.nav .current-cat a, .magazine-red #header ul.nav .current-menu-item a, .magazine-red #header ul.menu li a:hover, .magazine-red #header ul.menu li a:active, .magazine-red #header ul.menu .current_page_item a, .magazine-red #header ul.menu .current-cat a, .magazine-red #header ul.menu .current-menu-item a, .magazine-red #header ul.nav li li a:hover, .magazine-red #header ul.nav li li a:active, .magazine-red #header ul.menu li li a:hover, .magazine-red #header ul.menu li li a:active, .magazine-red #nav li a:hover, .magazine-red #nav li a:active, .magazine-red #nav .current_page_item a, .magazine-red #nav .current-cat a, .magazine-red #nav .current-menu-item a, .magazine-red #nav li li a:hover, .magazine-red #nav li li a:active, .magazine-red #nav li.right a:hover, .magazine-red #subnav li a:hover, .magazine-red #subnav li a:active, .magazine-red #subnav .current_page_item a, .magazine-red #subnav .current-cat a, .magazine-red #subnav .current-menu-item a, .magazine-red #subnav li li a:hover, .magazine-red #subnav li li a:active, .magazine-red #content .wooslider h2 a:hover, .magazine-red #content .wooslider h2 a:hover, .magazine-red #content .wooslider h2 a:hover, .magazine-red h2 a:hover, .magazine-red #footer a:hover { color: #2186f7; } .magazine-red h2 a:hover { text-decoration: none; } .magazine-red input[type="button"], .magazine-red input[type="submit"] { background: url(images/blue/button.png) 0 0; border: 1px solid #2186f7; } .magazine-red input:hover[type="button"], .magazine-red input:hover[type="submit"] { background: url(images/blue/button.png) 0 -25px; border: 1px solid #2186f7; } .magazine-red #footer .gototop a { background: url(images/blue/footer-top.png) no-repeat center left; } /* Connect Navigation ------------------------------------------------------------ */ #nav_menu-2 .widget-wrap { background-color: #F5F5F5; } #menu-connect { list-style-type: none; } #menu-connect:after { content: ""; display: table; clear: both; } #menu-connect:after { list-style-type: none; } #menu-connect li, #menu-connect li a { width: 49px; height: 52px; display: block; padding: 0; margin: 0; } #menu-connect li { background: none; list-style-type: none; float: left; margin-left: 1.41em; } #menu-connect li:first-child { margin-left: 0; } #menu-connect li a { text-indent: -9999px; background-image: url('images/social-icons.png'); background-repeat: no-repeat; } #menu-item-200487 a { background-position: left top; } #menu-item-200487 a:hover { background-position: left bottom; } #menu-item-200488 a { background-position: -49px top; } #menu-item-200488 a:hover { background-position: -49px bottom; } #menu-item-200489 a { background-position: -98px top; } #menu-item-200489 a:hover { background-position: -98px bottom; } #menu-item-200490 a { background-position: right top; } #menu-item-200490 a:hover { background-position: right bottom; } /* Responsive Design ------------------------------------------------------------ */ @media only screen and (max-width: 960px) { body, .magazine-landing #inner .wrap, .magazine-landing-small #inner .wrap, .magazine-landing-new #inner .wrap, #inner .wrap { width: 100%; margin: 0 auto; } #header { background-color: #252525; } .archive-page, .content-sidebar #content, .content-sidebar #content-sidebar-wrap, .content-sidebar-sidebar #content, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .full-width-content.magazine-landing #content, .full-width-content.magazine-landing-new #content, .full-width-content.magazine-landing-small #content, .full-width-content #content, .full-width-content #content-sidebar-wrap, .home-bottom, .home-left, .home-middle, .home-right, .home-top, .magazine-landing .wrap, .magazine-landing-new .wrap, .magazine-landing-small .wrap, .sidebar, .sidebar-content #content, .sidebar-content #content-sidebar-wrap, .sidebar-content-sidebar #content, .sidebar-sidebar-content #content, #content-sidebar-wrap, #footer .wrap, .magazine-landing-new #footer .wrap, .magazine-landing-small #footer .wrap, #header, .magazine-landing-new #header, .magazine-landing-small #header, #sidebar-alt { box-sizing: border-box; width: 100%; } .footer-widgets .c2a input[type="submit"] { font-size: 28px; } .footer-widgets .wrap { width: 90%; margin: 0 auto; } #footer .creds, #footer .gototop, #header ul.menu, #nav .wrap, #subnav .wrap, #title-area { float: none; text-align: center; width: 100%; } #header .widget-area { padding: 10px 0; } #header .widget-area { border: none; } #header ul.menu { float: none; } #header li, #nav li, #subnav li { display: inline-block; float: none; } #header li li, #nav li li, #subnav li li { text-align: left; } #nav li.right { display: none; } .entry-content img, .featuredpage img, .featuredpost img, .post-image { border: none; padding: 0; } #footer { background: none; background-color: #252525; } #footer p { padding: 0 20px; } } @media only screen and (max-width: 600px) { #title { font-size: 36px; line-height: 1; } #nav li a, #subnav li a { padding: 7px 10px 6px; } #subnav { background: none; background-color: #111; border: none; } #content .wooslider h2, #content .wooslider h2 a {font-size: 32px; line-height: 28px!important; } #content .slide-excerpt { width: 92%!important; } h1, h2, h2 a, h2 a:visited { font-size: 30px; } h3, h4 { font-size: 24px; } .home-bottom h4, .home-middle h4 { font-size: 18px; } .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { padding: 0; width: 100%; } #footer .wrap {background-image: none; } } .om-helper-field { display: none !important; visibility: hidden !important; }