/* Theme Name: Twenty Twelve Child Theme URI: Description: Child theme for the Twenty Twelve theme Author: Bruce Warner Author URI: Template: twentytwelve Version: 0.1.0 */ /* Google CSS link is now injected into the by a function in the child function.php */ /* @import url('http://fonts.googleapis.com/css?family=Forum|Basic|Josefin+Slab|Merriweather:400,300|Antic+Didone|Quattrocento|Raleway|Questrial|Nobile|News+Cycle|Oxygen'); */ @import url("../twentytwelve/style.css"); /* Styles below have been edited for redundant styles */ /* See Andras additions below */ /* Page structure */ .site { background-color: #000000; } .site-header h1, .site-header h2 { text-align: center; border-bottom: solid 1px; letter-spacing: 15px; } .site-header h1 a, .site-header h2 a { color: #DCDCDC !important; text-decoration: none; font-size:150% } /* 3. First 2 styles are causing vertical spacing issues. See fix below */ .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { border-bottom: 0px; border-top: 0px; /* 1. line below is breaking responsive menu. See over-write below */ /*display: inline-block !important;*/ text-align: center; width: 100%; } .main-navigation li a { font-family: Oxygen,Raleway,"Open Sans",Helvetica,Arial,sans-serif; border-bottom: 0 none; color: #DCDCDC; line-height: 3.69231; margin-left: 20px; margin-right: 10px; text-transform: uppercase; white-space: nowrap; } .main-navigation li a:hover { color: #DCDCDC; } .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { color: #FFFBFB; } .site-content article { border-bottom: 0px; margin-bottom: 1rem; padding-bottom: 1.71429rem; } .entry-header { display: none; } .entry-content p, .entry-summary p, .comment-content p, .mu_register p { font-family: Oxygen,Raleway,"Open Sans",Helvetica,Arial,sans-serif; } body .site { box-shadow: none; margin-bottom: 3.42857rem; margin-top: 3.42857rem; padding: 0 2.85714rem; } /* 2. Causing horizontal centering issue by compressing full-page width */ body.template-front-page .site-content, body.single-attachment .site-content, body.full-width .site-content { width: 65%; } body { color: #DCDCDC !important; } body.custom-font-enabled { font-family: Forum, serif, Helvetica, Arial, sans-serif; } footer[role="contentinfo"] { border-top: 0px; font-size: .9rem; font-family: Oxygen,Raleway,"Open Sans",Helvetica,Arial,sans-serif; margin-top: 1.71429rem; text-align: center; } /**********************************************************/ /****** Style Edits by Andras Kanegson ********************/ /**********************************************************/ /* IE 7 & IE 8- centers navigation and eliminates rules above and below */ #menu-loretta-tearney-warner-menu { text-align: center; border: none;} a, a:hover, a:active, a:focus { outline: 0; } /* Navigation child page color*/ .main-navigation li a:hover { color: #FFFBFB; } .main-navigation li ul li a { margin-left: -1em; background: #000000; border: 1px solid #777777; } .main-navigation li ul li a:hover { background: #000000; border: 1px solid #777777; margin-left: -1em; color: #ffffff; } /* Navigation child page position*/ .main-navigation li { margin-left: 0em; } /*.main-navigation ul li:hover > ul { margin-left: -2em; }*/ /* Reduces spacing above header for improved vertical layout */ body .site { margin-top: 0; padding: 0 2.85714rem; } /* 2. Fixes horizontal spacing issue for full width pages */ body.template-front-page .site-content, body.single-attachment .site-content, body.full-width .site-content { width: 100%; } /* Reduces spacing above each page's main content for improved vertical layout */ .site-content { margin-top: 20px; } /* Removes extra horizontal rules in the header without expanding height parameters */ .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { border-bottom: none; border-top: none; text-align: center; } /* Removes extra vertical space under Header title caused by Site Tagline from Dashboard/General Settings/Tagline */ .site-header h2, .site-header h2 a { opacity:0; font-size: 0; } /* Removes extra vertical space between navigation and rule */ .main-navigation { margin-top: 5px; } /* Centers content horizontally on pages */ .entry-content p { text-align: center; } /* Narrows content column on Profile page */ .page-id-10 .entry-content { padding: 0 90px; } /* Centers header content horizontally */ .site-header h1 a, .site-header h2 a { padding-left: 20px; } /* Navigation centering */ .main-navigation li { padding: 0 1em; margin: 0 40px 0 40px; } .main-navigation li:first-child { margin-left: 0em; } .main-navigation li:last-child { margin-right: 0; } .main-navigation li a { margin-left: 0px; margin-right: 0px; } /* Footer left aligning */ span.footer_inner { max-width: 600px; margin-top: -30px; color: rgb(156, 154, 154); text-align: left; display: inline-block; } /* Reduce space above each pages main content */ .site-header { padding-bottom: 5px; } .entry-content { margin-top: 0px; } body.full-width .site-content { margin-top: 5px; } /* Reduces vertical space above footer */ footer[role="contentinfo"] { margin-top: 0px; } /**********************************************************/ /****** /* TN3 gallery styles */ **************************/ /**********************************************************/ /* Adding white space below featured image */ .tn3-gallery { height: 450px; } /* Description background (lowering) */ .tn3-text-bg { top: auto; background-image: none; padding: 0em 0; bottom: 0px; !important; background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.6))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.6) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.6) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */ } /* Description title and content */ .tn3-image-title, .tn3-image-description { padding: .5em 0; font-family: Raleway,Tahoma, Helvetica, sans-serif; font-weight: 300; font-size: 0.6em; line-height: 1.6em; text-align: center; color: #faf9f9; } .tn3-image-description {display: none !important; } /* Remove and tweak TN3 UI elements */ /*.tn3-fullscreen, .tn3-fullscreen-active,*/ .tn3-show-albums, .tn3-play, .tn3-controls-bg, .tn3_rh { display: none; } .tn3-thumbs { background-image: none; } .tn3-prev-page { background-position: -302px -5px; } .tn3-prev-page:hover { background-position: -302px -42px; } .tn3-next-page { background-position: -72px -5px; } .tn3-next-page:hover { background-position: -72px -42px; } /**********************************************************/ /****** Media Queries for Responsive page re-sizing *******/ /**********************************************************/ /* Minimum Screen width of 960 pixels. */ @media screen and (max-width: 960px) { /* Header text position and kerning */ .site-header h1 { margin: 16px 0 0px 0; padding-bottom: 13px; line-height: 150%; letter-spacing: 9px; } .site-header h1 a, .site-header h2 a { padding-left: 0px; } /* Navigation centering */ .main-navigation li { margin: 0 .9em 0 .9em; } .main-navigation li a { margin-left: 0px; margin-right: 0px; } /* Narrows content column on Profile page */ .page-id-10 .entry-content { padding: 0 30px; } /* Description background */ .tn3-text-bg { position: absolute; top: auto; bottom: 0px; width: 500%; margin-left: -200%; background-image: none; background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.8) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */ } } /* Minimum Screen width of 600 pixels. */ @media screen and (max-width: 600px) { /* Phone screen header height fix */ #masthead { padding: 0px 0; } /* Header text position and kerning */ .site-header h1 { margin: 16px 0 20px 0; padding-bottom: 8px; line-height: 180%; letter-spacing: 9px; } /* 1. Fixes responsive menu */ .menu-toggle { font-size: 14px; font-weight: bold; padding: 4px 8px; } .main-navigation { margin: -10px 0 20px 0; } .main-navigation li a { line-height: 1; } .site-header h1, .site-header h2 { letter-spacing: 15px; } /* Navigation centering */ .main-navigation li:first-child { margin-left: auto; } .main-navigation li:last-child { margin-right: auto; } .main-navigation ul { margin-top: 10px; } .main-navigation li { margin: 0 0em 0 0em; padding: 5px 0; } /* Navigation child color removal */ .main-navigation li ul li a { background-color: transparent; border: none; } .main-navigation li a:hover, .main-navigation li ul li a:hover { border: 0; color: #ffffff; } /* Reduce space above each pages main content */ .entry-content { margin-top: -15px; } /* Expands space below the Profile page image for mobile screen widths */ .page-id-10 img.alignright { margin-bottom: 30px; } /* Expands line height for mobile screen widths */ .entry-content p { line-height: 200%; } /* Resets width of content column on Profile page */ .page-id-10 .entry-content { padding: 0; } /* Remove white space underneath featured image for mobile */ .tn3-gallery { height: 425px; } /* Description background */ .tn3-text-bg { position: absolute; top: auto; bottom: 0px; width: 500%; margin-left: -200%; background-image: none; background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.8) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */ } /* Description title */ .tn3-image-title { font-family: Raleway,Tahoma, Helvetica, sans-serif; font-weight: bold; font-size: 0.6em; color: #faf9f9; line-height: 1.5em; padding: 0; text-align: center; text-wrap:none; } /* Description */ .tn3-image-description { font-family: Raleway, Tahoma, Helvetica, sans-serif; font-size: 0.6em; color: #e0dcdc; line-height: 1.4em; padding: 0; text-align: center; text-wrap:none; } }