Created
March 26, 2012 21:51
-
-
Save billrobbins/2210007 to your computer and use it in GitHub Desktop.
Modified Progress CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| Theme Name: Progress | |
| Theme URI: http://www.organizedthemes.com/progress | |
| Description: A responsive and elegant WordPress theme | |
| Author: Organized Themes | |
| Author URI: http://www.organizedthemes.com | |
| Version: 1.0.6 | |
| License: GNU General Public License | |
| License URI: license.txt | |
| */ | |
| /* @group Reset & HTML5 Selector Help */ | |
| html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } | |
| article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; } | |
| a img { border: 0 } | |
| /* @end */ | |
| /* @group Text */ | |
| html { | |
| height: 100%; | |
| font-size: 100%; | |
| overflow-y: scroll; | |
| -webkit-text-size-adjust: 100%; | |
| } | |
| body { | |
| margin: 0; | |
| min-height: 100%; | |
| -webkit-font-smoothing:antialiased; | |
| font-smoothing:antialiased; | |
| text-rendering:optimizeLegibility; | |
| } | |
| /* Font-size percentage is based on 16px browser default size */ | |
| body, | |
| button, | |
| input, | |
| select, | |
| textarea { | |
| font: 1em/1.5 | |
| "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | |
| * color: #333 | |
| } | |
| p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu, img { | |
| margin: 0 0 1.5em; | |
| padding: 0 | |
| } | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| font-family:"Century Gothic", AppleGothic, sans-serif; | |
| color:#888; | |
| text-shadow:1px 1px 1px rgba(0,0,0,.10); | |
| } | |
| /* Composed to a scale of 12px, 14px, 16px, 18px, 21px, 24px, 36px, 48px, 60px and 72px */ | |
| h1 { | |
| margin: 0; | |
| font-size: 3.75em; | |
| line-height: 1.2em; | |
| margin-bottom: 0.4em; /* 60px / 72px */ | |
| } | |
| h2 { | |
| margin: 0; | |
| font-size: 3em; | |
| line-height: 1em; /* 48px / 48px */ | |
| margin-bottom: 0.5em; | |
| } | |
| h3 { | |
| margin: 0; | |
| font-size: 2.25em; | |
| line-height: 1.3333333333333333333333333333333em; | |
| margin-bottom: 0.6667em; /* 36px / 48px */ | |
| } | |
| h4 { | |
| margin: 0; | |
| font-size: 1.5em; | |
| line-height: 1em; | |
| margin-bottom: 1em; /* 24px / 24px */ | |
| } | |
| h5 { | |
| margin: 0; | |
| font-size: 1.3125em; | |
| line-height: 1.1428571428571428571428571428571em; | |
| margin-bottom: 1.1428571428571428571428571428571em; /* 21px / 24px */ | |
| } | |
| h6 { | |
| margin: 0; | |
| font-size: 1.125em; | |
| line-height: 1.3333333333333333333333333333333em; | |
| margin-bottom: 1.3333333333333333333333333333333em; /* 18px / 24px */ | |
| } | |
| p, | |
| ul, | |
| blockquote, | |
| pre, | |
| td, | |
| th, | |
| label { | |
| margin: 0; | |
| font-size: 1em; | |
| line-height: 1.5em; | |
| margin-bottom: 1.5em; /* 16px / 24px */ | |
| } | |
| small, p.small { | |
| margin: 0; | |
| font-size: 0.875em; | |
| line-height: 1.7142857142857142857142857142857em; | |
| margin-bottom: 1.7142857142857142857142857142857em /* 14px / 24px */ | |
| } | |
| /* CODE */ | |
| pre { | |
| white-space: pre; | |
| white-space: pre-wrap; | |
| word-wrap: break-word; | |
| } | |
| pre, | |
| code, | |
| kbd, | |
| samp { | |
| font-size: 1em; | |
| line-height: 1.5em; | |
| margin-bottom: 1.5em; | |
| font-family: Menlo, Consolas, 'DejaVu Sans Mono', Monaco, monospace; | |
| } | |
| /* QUOTES */ | |
| blockquote, q { | |
| quotes: none | |
| } | |
| blockquote:before, | |
| blockquote:after, | |
| q:before, | |
| q:after { | |
| content: ''; | |
| content: none | |
| } | |
| blockquote, | |
| q, | |
| cite { | |
| font-style: italic | |
| } | |
| blockquote { | |
| padding-left: 1.5em; | |
| } | |
| blockquote > p { | |
| padding: 0 | |
| } | |
| /* LISTS */ | |
| ul, ol { list-style-position: inside; padding: 0; } | |
| li ul, li ol { margin: 0 1.5em; } | |
| dl dd { margin-left: 1.5em; } | |
| /* TABLES */ | |
| table { border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5em } | |
| th { text-align: left } | |
| tr, th, td { padding-right: 1.5em; border-bottom: 0 solid #333 } | |
| /* Other Text Styles */ | |
| abbr[title], dfn[title] { border-bottom: 1px dotted #333; cursor: help } | |
| ins, mark { text-decoration: none } | |
| del { text-decoration: line-through } | |
| strong, b, dt { font-weight: bold } | |
| dfn { font-style: italic } | |
| var, address { font-style: normal } | |
| sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } | |
| sup { top: -0.5em } | |
| sub { bottom: -0.25em } | |
| /* @end */ | |
| /* @group Forms */ | |
| form { margin: 0 } | |
| fieldset { border: 0; padding: 0} | |
| textarea { overflow: auto; vertical-align: top} | |
| legend { *margin-left: -.75em } | |
| button, input, select, textarea { | |
| vertical-align: baseline; | |
| *vertical-align: middle | |
| } | |
| button, input { | |
| line-height: normal; | |
| *overflow: visible | |
| } | |
| button, | |
| input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"], | |
| a.button { | |
| cursor: pointer; | |
| -webkit-appearance: none; | |
| padding: 4px 3%; | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| border-radius: 5px; | |
| position: relative; | |
| } | |
| button:hover, | |
| input:hover[type="button"], | |
| input:hover[type="reset"], | |
| input:hover[type="submit"], | |
| a:hover.button { | |
| text-decoration: none; | |
| } | |
| input[type="checkbox"], input[type="radio"] { box-sizing: border-box } | |
| input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } | |
| button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } | |
| input[type="search"] { | |
| -webkit-appearance: textfield; | |
| -moz-box-sizing: content-box; | |
| -webkit-box-sizing: content-box; | |
| box-sizing: content-box | |
| } | |
| /* @end */ | |
| /* @group Media and Shadows */ | |
| .shadow, | |
| ul.sub-menu { | |
| -moz-box-shadow: 0 1px 5px #000000; | |
| -webkit-box-shadow: 0 1px 5px #000000; | |
| box-shadow: 0 1px 5px #000000; | |
| } | |
| /* @end */ | |
| /* @group Default Styles */ | |
| body { | |
| background-color: #666; | |
| color: #fff; | |
| } | |
| #tagline h2, #tagline p { | |
| text-shadow: 1px 1px 1px rgba(42, 41, 41, 0.77); | |
| } | |
| a { | |
| text-decoration: none; | |
| color: #c47529; | |
| } | |
| a:hover { | |
| color: #89511c; | |
| } | |
| button, | |
| input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"], | |
| a.button { | |
| color: #fff; | |
| border: 1px solid #c47529; | |
| background: #c47529; | |
| background: -webkit-gradient(linear, center top, center bottom, from(#c47529), to(#824d1b)); | |
| background: -webkit-linear-gradient(top, #c47529, #824d1b); | |
| background: -moz-linear-gradient(top, #c47529, #824d1b); | |
| background: -o-linear-gradient(top, #c47529, #824d1b); | |
| background: -ms-linear-gradient(top, #c47529, #824d1b); | |
| background: linear-gradient(top, #c47529, #824d1b); | |
| -pie-background: linear-gradient(top, #c47529, #824d1b); | |
| } | |
| button:hover, | |
| input:hover[type="button"], | |
| input:hover[type="reset"], | |
| input:hover[type="submit"], | |
| a:hover.button { | |
| border: 1px solid #824d1b; | |
| background: #824d1b; | |
| background: -webkit-gradient(linear, center top, center bottom, from(#824d1b), to(#c47529)); | |
| background: -webkit-linear-gradient(top, #824d1b, #c47529); | |
| background: -moz-linear-gradient(top, #824d1b, #c47529); | |
| background: -o-linear-gradient(top, #824d1b, #c47529); | |
| background: -ms-linear-gradient(top, #824d1b, #c47529); | |
| background: linear-gradient(top, #824d1b, #c47529); | |
| -pie-background: linear-gradient(top, #824d1b, #c47529); | |
| } | |
| .content, | |
| .widget { | |
| background-color: #000; | |
| color: #fff; | |
| } | |
| #home-bar { | |
| background: #636363; | |
| background: -webkit-gradient(linear, center top, center bottom, from(#636363), to(black)); | |
| background: -webkit-linear-gradient(top, #636363, black); | |
| background: -moz-linear-gradient(top, #636363, black); | |
| background: -o-linear-gradient(top, #636363, black); | |
| background: -ms-linear-gradient(top, #636363, black); | |
| background: linear-gradient(top, #636363, black); | |
| -pie-background: linear-gradient(top, #636363, black); | |
| } | |
| #home-bar #donate-graph-base { | |
| background-color: #333; | |
| -webkit-box-shadow: inset 0 0 4px 1px black; | |
| -moz-box-shadow: inset 0 0 4px 1px black; | |
| box-shadow: inset 0 0 4px 1px black; | |
| } | |
| #home-bar #donate-graph-highlight { | |
| border-right: 1px solid #c47529; | |
| background: #c47529; | |
| background: -webkit-gradient(linear, center top, center bottom, from(#c47529), to(#824d1b)); | |
| background: -webkit-linear-gradient(top, #c47529, #824d1b); | |
| background: -moz-linear-gradient(top, #c47529, #824d1b); | |
| background: -o-linear-gradient(top, #c47529, #824d1b); | |
| background: -ms-linear-gradient(top, #c47529, #824d1b); | |
| background: linear-gradient(top, #c47529, #824d1b); | |
| -pie-background: linear-gradient(top, #c47529, #824d1b); | |
| } | |
| /* @end */ | |
| /* @group Page Layout */ | |
| .wrap { | |
| width: 90%; | |
| margin: 0 auto; | |
| } | |
| .main-content { | |
| float: left; | |
| width: 65%; | |
| margin: 20px 0 20px 2%; | |
| text-overflow: ellipsis; | |
| } | |
| .full { | |
| width: 90%; | |
| padding-left: 5%; | |
| padding-right: 5%; | |
| padding-top: 20px; | |
| padding-bottom: 20px; | |
| } | |
| .main-content article, | |
| .full article { | |
| width: 100%; | |
| } | |
| .content aside.sidebar { | |
| float: right; | |
| width: 26%; | |
| margin-right: 2%; | |
| margin-top: 20px; | |
| } | |
| .content aside.sidebar article { | |
| width: 100%; | |
| } | |
| .content aside.sidebar .widget { | |
| margin-bottom: 20px; | |
| } | |
| header { | |
| position: relative; | |
| z-index: 20; | |
| } | |
| .content { | |
| position: relative; | |
| z-index: 10; | |
| } | |
| #home-top { | |
| position: relative; | |
| z-index: 10; | |
| } | |
| .half { | |
| width: 45%; | |
| } | |
| .left { float: left } | |
| .right { float: right } | |
| .clear { clear: both } | |
| .clearfix:after { content: "."; display: block; clear: both; margin: 0; padding: 0; height: 0; visibility: hidden; } | |
| * html .clearfix { zoom: 1; } /* IE6 */ | |
| *:first-child+html .clearfix { zoom: 1; } /* IE7 */ | |
| .clearfix { height: 1%; } | |
| /* @end */ | |
| /* @group Header */ | |
| #logo h1, | |
| #logo p, | |
| #text-logo h1, | |
| #text-logo p, | |
| #logo img { | |
| float: left; | |
| display: inline; | |
| margin-top: 10px; | |
| margin-bottom: 0; | |
| line-height: 1em; | |
| font-size: 3.75em; | |
| padding: 0; | |
| font-family: "Century Gothic", AppleGothic, sans-serif; | |
| } | |
| #logo, | |
| #text-logo { | |
| float: left; | |
| display: inline; | |
| } | |
| #text-logo h1, #text-logo p { | |
| margin-bottom: 5px; | |
| font-weight: bold; | |
| text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); | |
| } | |
| #tagline h2, | |
| #tagline p { | |
| clear: both; | |
| padding: 0; | |
| margin: 0 0 10px; | |
| float: left; | |
| font-size: 1.3125em; | |
| line-height: 1.3125em; | |
| color: #c7c7c7; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-family:"Century Gothic", AppleGothic, sans-serif; | |
| } | |
| header.primary nav { | |
| float: right; | |
| margin-bottom: 10px; | |
| } | |
| /* @group Superfish Drop Downs--do not edit */ | |
| .menu, .menu * { margin: 0; padding: 0; list-style: none; } | |
| .menu { line-height: 1.0; } | |
| .menu ul { position: absolute; top: -999em; width: 10em; } | |
| .menu ul li { width: 100%; } | |
| .menu li:hover { visibility: inherit; } | |
| .menu li { float: left; position: relative; } | |
| .menu a { display: block; position: relative; } | |
| .menu li:hover ul, | |
| .menu li.sfHover ul { top: 2.5em; z-index: 99; } | |
| ul.menu li:hover li ul, | |
| ul.menu li.sfHover li ul{ top: -999em;} | |
| .menu li:hover ul, | |
| .menu li.sfHover ul { left: 0; top: 25px; z-index: 99; } | |
| .menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; } | |
| /* @end */ | |
| ul.menu li li:hover ul, | |
| ul.menu li li.sfHover ul { | |
| width: 18%; | |
| left: 18%; /* match ul width */ | |
| } | |
| ul.menu li li li:hover ul, | |
| ul.menu li li li.sfHover ul { | |
| left: 18%; /* match ul width */ | |
| top: 0; | |
| } | |
| .primary nav a, | |
| .primary nav a:visited { | |
| color: #000; | |
| font-size: 1.3em; | |
| margin-left: .7em; | |
| display: block; | |
| padding-bottom: .4em; | |
| } | |
| .primary nav a:hover, | |
| .current-menu-item a, | |
| .current-post-parent a, | |
| .current_page_ancestor a { | |
| color: #3f3f3f; | |
| text-decoration: none; | |
| } | |
| .current-menu-parent ul.sub-menu li a, | |
| .current-menu-item ul.sub-menu li a { | |
| } | |
| .primary nav li ul { | |
| z-index: 100; | |
| background-color: #b2b2b2; | |
| padding-top: 6px; | |
| padding-bottom: 0; | |
| margin-top: 14px; | |
| } | |
| .primary nav li li a, .primary nav li li a:visited { | |
| color: #000; | |
| margin-bottom: 5px; | |
| } | |
| .primary nav li li a:hover { | |
| color: #2e2e2e; | |
| } | |
| /* @end */ | |
| /* @group Flex Slider */ | |
| .flex-container a:active, | |
| .flexslider a:active { outline: none; } | |
| .slides { margin: 0; padding: 0; list-style: none; } | |
| .flexslider { | |
| width: 100%; | |
| height:auto; | |
| margin: 0; | |
| padding: 0; | |
| overflow: hidden; | |
| } | |
| .flexslider { | |
| position: relative; | |
| zoom: 1; | |
| } | |
| .flexslider .slides > li { display: none; } | |
| .flexslider .slides img { width: 100%; display: block; margin-bottom: 0; height: auto; } | |
| html[xmlns] .slides { display: block; } | |
| * html .slides { height: 1%; } | |
| .no-js .slides > li:first-child { display: block; } | |
| .flexslider .slides { zoom: 1 } | |
| .flexslider .slides > li { position: relative } | |
| .flex-container { zoom: 1; position: relative } | |
| /* Clearfix for the .slides element */ | |
| .slides:after { | |
| content: "."; | |
| display: block; | |
| clear: both; | |
| visibility: hidden; | |
| line-height: 0; | |
| height: 0; | |
| } | |
| /* IE rgba() hack */ | |
| .flex-caption { | |
| background: none; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1; | |
| -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); | |
| } | |
| .flex-caption { | |
| padding: 2%; | |
| position: absolute; | |
| right: 0; | |
| bottom: 0; | |
| background: rgba(0,0,0,.6); | |
| color: #fff; | |
| text-shadow: 0 -1px 1 rgba(0,0,0,.7); | |
| } | |
| h4.flex-caption { | |
| bottom: 50px; | |
| font-size: 3em; | |
| } | |
| /* @end */ | |
| /* @group Home Page */ | |
| #home-top { | |
| margin-bottom: 30px; | |
| } | |
| #slideshow { | |
| background: url(images/loading.gif) no-repeat 50% 50% #000000; | |
| } | |
| #home-bar { | |
| padding: 7px 1.0416667%; /* 10px / 960px */ | |
| position: relative; | |
| } | |
| #home-bar h4 { | |
| color: #fff; | |
| margin-bottom: 0; | |
| margin-top: 2px; | |
| float: left; | |
| } | |
| #home-bar p { | |
| margin-bottom: 0; | |
| } | |
| #home-bar .button { | |
| float: right; | |
| margin: 0; | |
| } | |
| h4#newsletter-title { | |
| margin: -1px 0 0; | |
| } | |
| .action-form { | |
| position: relative; | |
| float: right; | |
| margin-right: 1.0416667%; | |
| width: 45%; | |
| } | |
| #home-bar fieldset { | |
| margin-bottom: 0; | |
| } | |
| #home-bar input#email { | |
| width: 75%; | |
| margin-top: -1px; | |
| padding: 1%; | |
| margin-bottom: 0; | |
| } | |
| #home-bar fieldset .button { | |
| margin-top: 0; | |
| } | |
| #home-bar #donate-graph-holder { | |
| position: absolute ; | |
| width: 50%; | |
| left: 26%; | |
| } | |
| #home-bar #donate-graph-base { | |
| position: absolute; | |
| width: 100%; | |
| height: 18px; | |
| top: 9px; | |
| z-index: 10; | |
| } | |
| #home-bar #donate-graph-highlight{ | |
| position: absolute; | |
| height: 18px; | |
| top: 9px; | |
| z-index: 12; | |
| } | |
| #donate-end { | |
| position: absolute; | |
| right: -19%; | |
| font-size: 1.5em; | |
| top: -2px; | |
| } | |
| .home-widgets { | |
| margin-right: -2.08333%; | |
| margin-bottom: 2.08333%; | |
| } | |
| .home-widgets .widget { | |
| float: left; | |
| width: 29%; | |
| padding: 1.12%; | |
| margin-right: 2.08333%; | |
| margin-bottom: 2.08333%; | |
| } | |
| /* @end */ | |
| /* @group Widgets */ | |
| .featuredpage { | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .featuredpage img { | |
| margin: 0; | |
| padding: 0; | |
| min-width: 100%; | |
| height: auto; | |
| } | |
| h4.widget-title, | |
| h2.widget-title { | |
| font-size: 1em; | |
| border-bottom: 1px solid #878787; | |
| padding-bottom: 3px; | |
| } | |
| .ot-facebook { | |
| background-color: #fff; | |
| width: 100%; | |
| height: 100%; | |
| overflow: hidden; | |
| text-align: center; | |
| } | |
| .fb-like-box { | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .widget #searchform .screen-reader-text { | |
| display: none; | |
| } | |
| .widget input#email, | |
| .widget input#s { | |
| border: none; | |
| padding: 1.5%; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, .5); | |
| -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, .5); | |
| box-shadow: inset 0px 1px 3px rgba(0, 0, 0, .5); | |
| } | |
| .mailchimp fieldset { | |
| margin-bottom: 0; | |
| } | |
| /* @end */ | |
| /* @group Page Styles */ | |
| .content img.attachment-single { | |
| margin-bottom: 0; | |
| height: auto; | |
| } | |
| .content { | |
| margin-bottom: 10px; | |
| } | |
| p.post-meta { | |
| font-size: .75em; | |
| } | |
| article.staff-list { | |
| padding-bottom: 35px; | |
| border-bottom: 1px solid #333; | |
| margin-bottom: 35px; | |
| } | |
| article.staff-list p { | |
| margin-bottom: 8px; | |
| } | |
| p.contact { | |
| margin: 0; | |
| } | |
| span.phone, span.email-address, span.twitter, span.facebook { | |
| margin-right: 2%; | |
| } | |
| .staff-list .wp-post-image, | |
| article.type-staff .wp-post-image { | |
| margin-right:4%; | |
| margin-bottom: 0; | |
| } | |
| .staff-list h2.title { | |
| margin: 0 0 6px; | |
| line-height: 1; | |
| } | |
| p.staff-title { | |
| font-size: .9em; | |
| font-style: italic; | |
| margin-bottom: 15px; | |
| } | |
| article.type-staff p.contact { | |
| margin-bottom: 15px; | |
| } | |
| ul.sponsor-list li { | |
| list-style: none; | |
| float: left; | |
| margin-right: 9%; | |
| margin-bottom: 9%; | |
| } | |
| ul.sponsor-list img { | |
| margin-bottom: 0; | |
| } | |
| ul.sponsor-list h4 { | |
| margin-bottom: 0; | |
| text-align: center; | |
| } | |
| article.sponsor img { | |
| margin-right: 4%; | |
| margin-bottom: 15px; | |
| } | |
| .title { | |
| line-height: 1; | |
| } | |
| /* @end */ | |
| /* @group Comments */ | |
| #comments-title, #reply-title { | |
| border-bottom: 1px solid #333; | |
| } | |
| ol.commentlist { | |
| list-style: none; | |
| } | |
| .comment-container { | |
| margin-bottom: 20px; | |
| position: relative; | |
| } | |
| .comment-container .avatar { | |
| float: left; | |
| margin-right: 3%; | |
| margin-bottom: 16px; | |
| } | |
| p.comment-meta { | |
| margin-bottom: 5px; | |
| font-size: .9em; | |
| } | |
| span.comment-author { | |
| font-size: 1.8em; | |
| margin-right: 1.2%; | |
| } | |
| a.comment-reply-link { | |
| position: absolute; | |
| bottom: 4px; | |
| right: 0; | |
| } | |
| li.depth-2, | |
| li.depth-3, | |
| li.depth-4, | |
| li.depth-5 { | |
| margin-left: 5%; | |
| list-style: none; | |
| } | |
| #comments ul.children { | |
| border-left: 3px solid #333; | |
| margin-left: 5%; | |
| } | |
| ul.children ul.children, | |
| ul.children ul.children ul.children, | |
| ul.children ul.children ul.children ul.children | |
| ul.children ul.children ul.children ul.children ul.children { | |
| border: none; | |
| } | |
| li.bypostauthor .avatar { | |
| float: right; | |
| margin-left: 3%; | |
| } | |
| li.bypostauthor a.comment-reply-link { | |
| position: absolute; | |
| bottom: 4px; | |
| left: 0; | |
| } | |
| p.form-allowed-tags { | |
| display: none; | |
| } | |
| p.comment-form-author, | |
| p.comment-form-email, | |
| p.comment-form-url { | |
| position: relative; | |
| padding-bottom: 20px; | |
| } | |
| span.required { | |
| position: absolute; | |
| bottom: 0; | |
| left: 1%; | |
| } | |
| p.comment-form-author label, | |
| p.comment-form-email label, | |
| p.comment-form-url label { | |
| position: absolute; | |
| bottom: -3px; | |
| margin: 0; | |
| left: 2%; | |
| } | |
| #comments input#url, | |
| #comments input#email, | |
| #comments input#author, | |
| #comments textarea#comment { | |
| border: none; | |
| padding: .5%; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, .5); | |
| -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, .5); | |
| box-shadow: inset 0px 1px 3px rgba(0, 0, 0, .5); | |
| } | |
| #comments input#url, | |
| #comments input#email, | |
| #comments input#author { | |
| width: 60%; | |
| } | |
| textarea#comment { | |
| width: 90% | |
| } | |
| .comment-form-comment label { | |
| display: none; | |
| } | |
| #commentform .form-submit { | |
| margin-bottom: 0; | |
| } | |
| ul.children #respond { | |
| margin-left: 1%; | |
| margin-bottom: 20px; | |
| } | |
| /* @end */ | |
| /* @group Footer */ | |
| footer { | |
| clear: both; | |
| } | |
| footer, | |
| footer p, | |
| footer a, | |
| footer a:visited { | |
| color: #fff; | |
| font-size: .9em; | |
| } | |
| .footer-right { | |
| position: relative; | |
| text-align: right; | |
| } | |
| .footer-right a { | |
| opacity: .7; | |
| } | |
| .footer-right a:hover { | |
| position: relative; | |
| top: -1px; | |
| opacity: 1; | |
| } | |
| /* @end */ | |
| /* @group Images and Essentials */ | |
| .entry-content img, | |
| .comment-content img, | |
| .widget img { | |
| max-width: 97.5%; | |
| } | |
| img[class*="align"], | |
| img[class*="wp-image-"] { | |
| height: auto; | |
| } | |
| img.size-full { | |
| max-width: 97.5%; | |
| width: auto; | |
| } | |
| .gallery img { | |
| margin-right: 2.4038462%; | |
| margin-bottom: 10px; | |
| } | |
| .wp-caption { | |
| text-align: center; | |
| background-color: #000; | |
| padding-top: 5px; | |
| margin-bottom: 15px; | |
| max-width: 98%; | |
| } | |
| p.wp-caption-text { | |
| margin-bottom: 0; | |
| font-style: italic; | |
| font-size: .8em; | |
| padding-top: 3px; | |
| padding-bottom: 3px; | |
| } | |
| img.centered { | |
| display: block; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| img.alignright { | |
| padding: 5px; | |
| display: inline; | |
| margin-top: 0; | |
| margin-bottom: 2px; | |
| margin-right: 0; | |
| } | |
| img.alignleft { | |
| padding: 5px; | |
| margin: 0 2.4038462% 2px 0; | |
| display: inline; | |
| } | |
| .alignright { | |
| float: right; | |
| margin-left: 2.4038462%; | |
| } | |
| .alignleft { | |
| float: left; | |
| margin-right: 2.4038462%; | |
| } | |
| .aligncenter, | |
| div.aligncenter { | |
| display: block; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .main-content form#searchform { | |
| margin-bottom: 30px; | |
| } | |
| .main-content form#searchform .screen-reader-text { | |
| display: none; | |
| } | |
| /* @end */ | |
| /* @group Fancybox */ | |
| #fancybox-loading { | |
| position: fixed; | |
| top: 50%; | |
| left: 50%; | |
| height: 40px; | |
| width: 40px; | |
| margin-top: -20px; | |
| margin-left: -20px; | |
| cursor: pointer; | |
| overflow: hidden; | |
| z-index: 1104; | |
| display: none; | |
| } | |
| * html #fancybox-loading { /* IE6 */ | |
| position: absolute; | |
| margin-top: 0; | |
| } | |
| #fancybox-loading div { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 40px; | |
| height: 480px; | |
| background-image: url('images/fancybox.png'); | |
| } | |
| #fancybox-overlay { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| bottom: 0; | |
| right: 0; | |
| background: #000; | |
| z-index: 1100; | |
| display: none; | |
| } | |
| * html #fancybox-overlay { /* IE6 */ | |
| position: absolute; | |
| width: 100%; | |
| } | |
| #fancybox-tmp { | |
| padding: 0; | |
| margin: 0; | |
| border: 0; | |
| overflow: auto; | |
| display: none; | |
| } | |
| #fancybox-wrap { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| margin: 0; | |
| padding: 20px; | |
| z-index: 1101; | |
| display: none; | |
| } | |
| #fancybox-outer { | |
| position: relative; | |
| width: 100%; | |
| height: 100%; | |
| background: #FFF; | |
| -webkit-box-shadow: 0px 1px 20px #000; | |
| -moz-box-shadow: 0px 1px 20px #000; | |
| box-shadow: 0px 1px 20px #000; | |
| } | |
| #fancybox-inner { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 1px; | |
| height: 1px; | |
| padding: 0; | |
| margin: 0; | |
| outline: none; | |
| overflow: hidden; | |
| } | |
| #fancybox-hide-sel-frame { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: transparent; | |
| } | |
| #fancybox_error { | |
| color: #444; | |
| font: normal 12px/20px Arial; | |
| padding: 7px; | |
| margin: 0; | |
| } | |
| #fancybox-close { | |
| position: absolute; | |
| top: -15px; | |
| right: -15px; | |
| width: 30px; | |
| height: 30px; | |
| background-image: url('images/fancybox.png'); | |
| background-position: -40px 0px; | |
| cursor: pointer; | |
| z-index: 1103; | |
| display: none; | |
| } | |
| #fancybox-content { | |
| height: auto; | |
| width: auto; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| #fancybox-img { | |
| width: 100%; | |
| height: 100%; | |
| padding: 0; | |
| margin: 0; | |
| border: none; | |
| outline: none; | |
| line-height: 0; | |
| vertical-align: top; | |
| -ms-interpolation-mode: bicubic; | |
| } | |
| #fancybox-frame { | |
| position: relative; | |
| width: 100%; | |
| height: 100%; | |
| border: none; | |
| display: block; | |
| } | |
| #fancybox-title { | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| font-family: Arial; | |
| font-size: 12px; | |
| z-index: 1102; | |
| } | |
| .fancybox-title-inside { | |
| padding: 10px 0; | |
| text-align: center; | |
| color: #333; | |
| } | |
| .fancybox-title-outside { | |
| padding-top: 5px; | |
| color: #FFF; | |
| text-align: center; | |
| font-weight: bold; | |
| } | |
| .fancybox-title-over { | |
| color: #FFF; | |
| text-align: left; | |
| } | |
| #fancybox-title-over { | |
| padding: 10px; | |
| background-image: url('images/fancy_title_over.png'); | |
| display: block; | |
| } | |
| #fancybox-title-wrap { | |
| display: inline-block; | |
| } | |
| #fancybox-title-wrap span { | |
| height: 32px; | |
| float: left; | |
| } | |
| #fancybox-left, #fancybox-right { | |
| position: absolute; | |
| bottom: 0px; | |
| height: 100%; | |
| width: 35%; | |
| cursor: pointer; | |
| outline: none; | |
| background-image: url('images/blank.gif'); | |
| z-index: 1102; | |
| display: none; | |
| } | |
| #fancybox-left { | |
| left: 0px; | |
| } | |
| #fancybox-right { | |
| right: 0px; | |
| } | |
| #fancybox-left-ico, #fancybox-right-ico { | |
| position: absolute; | |
| top: 50%; | |
| left: -9999px; | |
| width: 30px; | |
| height: 30px; | |
| margin-top: -15px; | |
| cursor: pointer; | |
| z-index: 1102; | |
| display: block; | |
| } | |
| #fancybox-left-ico { | |
| background-image: url('images/fancybox.png'); | |
| background-position: -40px -30px; | |
| } | |
| #fancybox-right-ico { | |
| background-image: url('fancybox.png'); | |
| background-position: -40px -60px; | |
| } | |
| #fancybox-left:hover, #fancybox-right:hover { | |
| visibility: visible; /* IE6 */ | |
| } | |
| #fancybox-left:hover span { | |
| left: 20px; | |
| } | |
| #fancybox-right:hover span { | |
| left: auto; | |
| right: 20px; | |
| } | |
| .fancy-bg { | |
| position: absolute; | |
| padding: 0; | |
| margin: 0; | |
| border: 0; | |
| width: 20px; | |
| height: 20px; | |
| z-index: 1001; | |
| } | |
| .fancybox-ie .fancy-bg { | |
| background: transparent !important; | |
| } | |
| header.primary { | |
| height: 150px; | |
| } | |
| #logo { | |
| position: absolute; | |
| left: 0px; | |
| top: 0px; | |
| } | |
| #tagline { | |
| display: none; | |
| } | |
| header.primary nav { | |
| margin-top: 90px; | |
| } | |
| /* @end */ | |
| /* @group Media Queries */ | |
| /* MOBILE */ | |
| @media only screen and (min-width: 320px) and (max-width: 480px) { | |
| .flex-caption { | |
| display: none; | |
| } | |
| } | |
| /* MOBILE LANDSCAPE */ | |
| @media only screen and (min-width: 320px) and (max-width: 599px) { | |
| .main-content, .content aside.sidebar { | |
| width: 90%; | |
| float: none; | |
| margin: 0 auto; | |
| } | |
| #logo, | |
| #text-logo { | |
| width: 100%; | |
| height: auto; | |
| float: none; | |
| display: block; | |
| text-align: center; | |
| position: relative; | |
| left: auto; | |
| top: auto; | |
| } | |
| #logo h1, | |
| #logo p, | |
| #text-logo h1, | |
| #text-logo p, | |
| #logo img { | |
| font-size: 4em; | |
| float: none; | |
| display: block; | |
| text-align: center; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| #logo img { | |
| max-width: 100%; | |
| } | |
| header.primary { | |
| height: auto; | |
| } | |
| header.primary nav { | |
| margin-top: auto; | |
| } | |
| header.primary #tagline { | |
| display: none; | |
| } | |
| header.primary nav ul { | |
| width: 100%; | |
| text-align:center; | |
| } | |
| header.primary nav li { | |
| float: none; | |
| display: inline-block; | |
| margin-left: 1%; | |
| margin-right: 1%; | |
| } | |
| .primary nav a, | |
| .primary nav a:visited { | |
| margin-left: .2em; | |
| } | |
| header.primary nav { | |
| width: 100%; | |
| margin-bottom: 10px; | |
| margin-top: 10px; | |
| } | |
| .primary nav li ul { | |
| width: 160px; | |
| text-align: left; | |
| padding: 10px; | |
| } | |
| .primary nav li ul li ul { | |
| display: none; | |
| } | |
| aside.home-widgets { | |
| width: 100%; | |
| } | |
| aside.home-widgets .widget { | |
| width: 80%; | |
| float: none; | |
| padding: 4%; | |
| margin: 0 auto 20px; | |
| transition:all .3s linear; | |
| -o-transition:all .3s linear; | |
| -moz-transition:all .3s linear; | |
| -webkit-transition:all .3s linear; | |
| } | |
| #donate-graph-holder { | |
| display: none; | |
| } | |
| #comment input#url, | |
| #comment input#email, | |
| #comment input#author, | |
| #comment textarea#comment { | |
| width: 100%; | |
| } | |
| #commentform .form-submit { | |
| margin-bottom: 10px; | |
| } | |
| h4#action-title { | |
| font-size: 1.2em; | |
| } | |
| .action-form { | |
| clear: both; | |
| width: 90%; | |
| margin: 10px 5% 0; | |
| } | |
| .action-form input.button { | |
| padding: 2%; | |
| } | |
| #home-bar input#email { | |
| margin-top: 1px; | |
| padding: 2%; | |
| } | |
| h4#newsletter-title { | |
| font-size: 1.3em; | |
| padding-bottom: 4px; | |
| margin-top: 3px auto 0; | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .half { | |
| width: 100%; | |
| } | |
| ul.sponsor-list li { | |
| float: none; | |
| text-align: center; | |
| margin-bottom: 4%; | |
| } | |
| h4#action-title { | |
| font-size: .9em; | |
| margin-top: 8px; | |
| } | |
| p.flex-caption { | |
| display: none; | |
| } | |
| h4.flex-caption { | |
| bottom: 0; | |
| font-size: 2em; | |
| } | |
| .flexslider { | |
| width: 100%; | |
| height:auto; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .flexslider img { | |
| height:auto; | |
| } | |
| .main-content { | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| } | |
| .title { | |
| font-size: 2.2em; | |
| } | |
| .footer-left, | |
| .footer-right { | |
| float: none; | |
| width: 100%; | |
| text-align: center; | |
| } | |
| } | |
| /* SMALL TABLET */ | |
| @media only screen and (min-width: 600px) and (max-width: 767px) { | |
| #logo, | |
| #text-logo { | |
| width: 100%; | |
| height: auto; | |
| float: none; | |
| display: block; | |
| position: relative; | |
| text-align: center; | |
| transition:all .4s linear; | |
| -o-transition:all .4s linear; | |
| -moz-transition:all .4s linear; | |
| -webkit-transition:all .4s linear; | |
| } | |
| #logo h1, | |
| #logo p, | |
| #text-logo h1, | |
| #text-logo p, | |
| #logo img { | |
| float: none; | |
| display: block; | |
| text-align: center; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| #logo img { | |
| max-width: 100%; | |
| } | |
| header.primary { | |
| height: auto; | |
| } | |
| header.primary #tagline { | |
| display: none; | |
| } | |
| header.primary nav { | |
| width: 100%; | |
| margin-bottom: 10px; | |
| } | |
| header.primary nav { | |
| margin-top: auto; | |
| } | |
| header.primary nav ul { | |
| width: 100%; | |
| text-align:center; | |
| } | |
| header.primary nav li { | |
| float: none; | |
| display: inline-block; | |
| margin-left: 1%; | |
| margin-right: 1%; | |
| } | |
| #donate-graph-holder { | |
| width: 30% !important; | |
| margin-left: 15%; | |
| } | |
| #donate-end { | |
| right: -35%; | |
| font-size: 1.2em; | |
| top: 2px; | |
| } | |
| h4#action-title { | |
| font-size: 1.4em; | |
| } | |
| .action-form { | |
| clear: both; | |
| width: 90%; | |
| margin: 10px 5% 0; | |
| } | |
| .action-form input.button { | |
| padding: 1% 3%; | |
| } | |
| #home-bar input#email { | |
| margin-top: 1px; | |
| padding: 1% 3%; | |
| } | |
| h4#newsletter-title { | |
| font-size: 1.3em; | |
| padding-bottom: 4px; | |
| margin-top: 3px auto 0; | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .half { | |
| width: 100%; | |
| } | |
| ul.sponsor-list li { | |
| float: none; | |
| text-align: center; | |
| margin-bottom: 4%; | |
| } | |
| aside.home-widgets .widget { | |
| width: 43.5%; | |
| padding: 2%; | |
| transition:all .3s linear; | |
| -o-transition:all .3s linear; | |
| -moz-transition:all .3s linear; | |
| -webkit-transition:all .3s linear; | |
| } | |
| } | |
| /* TABLET/NETBOOK */ | |
| @media only screen and (min-width: 768px) and (max-width: 1024px) { | |
| header.primary #tagline { | |
| font-size: .7em; | |
| line-height: 1; | |
| } | |
| #donate-graph-holder { | |
| width: 35% !important; | |
| margin-left: 10%; | |
| } | |
| #donate-end { | |
| right: -35%; | |
| } | |
| .action-form { | |
| clear: both; | |
| width: 90%; | |
| margin: 10px 5% 0; | |
| } | |
| .action-form input.button { | |
| padding: 1% 3%; | |
| } | |
| #home-bar input#email { | |
| margin-top: 1px; | |
| padding: 1%; | |
| } | |
| h4#newsletter-title { | |
| font-size: 1.3em; | |
| padding-bottom: 4px; | |
| margin-top: 3px auto 0; | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .home-widgets .widget { | |
| margin-right: 2%; | |
| } | |
| ul.sponsor-list li { | |
| margin-right: 4%; | |
| margin-bottom: 4%; | |
| } | |
| } | |
| /* LANDSCAPE TABLET/NETBOOK/LAPTOP */ | |
| @media only screen and (min-width: 1024px) { | |
| .wrap { | |
| width: 960px; | |
| } | |
| #slideshow { | |
| height: 400px; | |
| } | |
| } | |
| /* @end */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment