diff --git a/static/sass/mq.css b/static/sass/mq.css index bf962e624..46125b766 100644 --- a/static/sass/mq.css +++ b/static/sass/mq.css @@ -48,7 +48,7 @@ /* Compass will convert the font sizes from px to em and fit it into the vertical rhythm automatically with the necessary margin A neat trick, for sure. More on using the vertical rhythm properties and mixins: http://compass-style.org/reference/compass/typography/vertical_rhythm/ - + Note: The line height is relative to the constant $base-line-height. The number you specify for the leader, trailer and leading will be multiplied by the constant, then converted to its relative value in ems. Don’t worry about nested elements etc, Compass will do the maths for you :) @@ -120,17 +120,19 @@ .info-key, .listing-company, .list-recent-jobs li { - *zoom: 1; } - .container:after, - .row:after, - .pep-list-header:after, - .pep-index-list li:after, - .info-key:after, - .listing-company:after, - .list-recent-jobs li:after { - content: ""; - display: table; - clear: both; } + *zoom: 1; +} +.container:after, +.row:after, +.pep-list-header:after, +.pep-index-list li:after, +.info-key:after, +.listing-company:after, +.list-recent-jobs li:after { + content: ""; + display: table; + clear: both; +} /* ! ===== Mixins ===== */ /* An element than can force a line break, to be used inside certain breakpoints on lines of text or bwteen elements */ @@ -271,7 +273,7 @@ html[xmlns] .slides { display: block; } /* Compass will convert the font sizes from px to em and fit it into the vertical rhythm automatically with the necessary margin A neat trick, for sure. More on using the vertical rhythm properties and mixins: http://compass-style.org/reference/compass/typography/vertical_rhythm/ - + Note: The line height is relative to the constant $base-line-height. The number you specify for the leader, trailer and leading will be multiplied by the constant, then converted to its relative value in ems. Don’t worry about nested elements etc, Compass will do the maths for you :) @@ -343,17 +345,19 @@ html[xmlns] .slides { display: block; } .info-key, .listing-company, .list-recent-jobs li { - *zoom: 1; } - .container:after, - .row:after, - .pep-list-header:after, - .pep-index-list li:after, - .info-key:after, - .listing-company:after, - .list-recent-jobs li:after { - content: ""; - display: table; - clear: both; } + *zoom: 1; +} +.container:after, +.row:after, +.pep-list-header:after, +.pep-index-list li:after, +.info-key:after, +.listing-company:after, +.list-recent-jobs li:after { + content: ""; + display: table; + clear: both; +} /* ! ===== Mixins ===== */ /* An element than can force a line break, to be used inside certain breakpoints on lines of text or bwteen elements */ @@ -405,112 +409,143 @@ html[xmlns] .slides { display: block; } /* - - - Smaller than 400px - - - */ @media (max-width: 24.9375em) { .search-field:focus { - width: 9em; } } + width: 9em; + } +} /* - - - Smaller than 480px - - - */ @media (max-width: 30em) { body:after { content: "animatebody"; display: none; - speak: none; } + speak: none; + } .slideshow { - display: none; } } + display: none; + } +} /* - - - Larger than 400px - - - */ @media (min-width: 25em) { body:after { content: "animatebody"; display: none; - speak: none; } + speak: none; + } .introduction { - font-size: 1.3125em; } + font-size: 1.3125em; + } .content-wrapper .container { - padding: 1em 1.5em; } + padding: 1em 1.5em; + } .shrubbery .give-me-more { - display: block; } + display: block; + } .widget-title .prompt, - .listing-company .prompt { - display: inline; } } +.listing-company .prompt { + display: inline; + } +} /* - - - Larger than 480px - - - */ @media (min-width: 30em) { body:after { content: "animatebody"; display: none; - speak: none; } + speak: none; + } .options-bar .breaker { - display: none; } + display: none; + } .adjust-font-size { - border-left: 1px solid #2d3e4d; } + border-left: 1px solid #2d3e4d; + } .search-the-site { - border-right: 1px solid #070a0c; } } + border-right: 1px solid #070a0c; + } +} /* - - - Larger than 520px - - - */ @media (min-width: 32.5em) { body:after { content: "animatebody"; display: none; - speak: none; } + speak: none; + } body { text-rendering: optimizeLegibility; - /* @include transition( all .3s ease-in-out ); makes the media query changes animate */ } + /* @include transition( all .3s ease-in-out ); makes the media query changes animate */ + } /* Simple Column Structure */ .col-row .column { - float: left; } + float: left; + } .two-col, .four-col { - /* Only works if we are using all single .column, not .double-col as well */ } - .two-col > .column, .four-col > .column { - width: 50%; } - .two-col > .double-col, .four-col > .double-col { - width: 100%; } - .two-col > div:nth-of-type(2n+3), .four-col > div:nth-of-type(2n+3) { - clear: left; } + /* Only works if we are using all single .column, not .double-col as well */ + } + .two-col > .column, .four-col > .column { + width: 50%; + } + .two-col > .double-col, .four-col > .double-col { + width: 100%; + } + .two-col > div:nth-of-type(2n+3), .four-col > div:nth-of-type(2n+3) { + clear: left; + } .meta-navigation, - .main-header, - .main-navigation, - .content-wrapper, - .main-footer { +.main-header, +.main-navigation, +.content-wrapper, +.main-footer { /* These elements are full width */ - clear: both; } + clear: both; + } .container { max-width: 75em; width: 100%; margin: 0 auto; - padding: 0; } + padding: 0; + } .introduction { - font-size: 1.5em; } + font-size: 1.5em; + } .success-stories-widget blockquote { font-size: 1.125em; - padding: 1em 1.4em 1.3em; } - - input[type="submit"], - input[type="reset"], - button, - .button, - a.button { + padding: 1em 1.4em 1.3em; + } + + input[type=submit], +input[type=reset], +button, +.button, +a.button { display: inline-block; vertical-align: baseline; - width: auto; } + width: auto; + } .search-field:focus { - width: 8em; } } + width: 8em; + } +} /* - - - Larger than 640px, less that 940px - - - */ @media (min-width: 39.9375em) and (max-width: 58.75em) { body:after { content: "drawer_navigation"; display: none; - speak: none; } + speak: none; + } .main-navigation { /* Include the mixins to start our horizontal nav @@ -521,180 +556,222 @@ html[xmlns] .slides { display: block; } /*ul*/ /*li*/ /*li*/ - /*ul*/ } - .main-navigation .menu { - margin-bottom: 0; } - .main-navigation .tier-1, .main-navigation .tier-2 { - /* We do this more explictly (the descendant selector) to avoid also styling links in the Supernav content */ } - .main-navigation .tier-1 > a, .main-navigation .tier-2 > a { - display: block; - padding: .5em 1.5em .4em 1em; - position: relative; } - .main-navigation .tier-1 { - display: block; - width: 100%; } - .main-navigation .tier-1 > a { - text-align: center; } - .main-navigation .tier-2 > a { - text-align: left; } - .main-navigation .menu { - *zoom: 1; } - .main-navigation .menu:after { - content: ""; - display: table; - clear: both; } - .main-navigation .tier-1 { - position: relative; } - .main-navigation .subnav { - position: absolute; - z-index: 100; - text-align: left; - /*modernizr*/ - /*modernizr*/ } - .no-touch .main-navigation .subnav { - min-width: 100%; - display: none; - -moz-transition: all 0s ease; - -o-transition: all 0s ease; - -webkit-transition: all 0s ease; - transition: all 0s ease; } - .touch .main-navigation .subnav { - top: 120%; - display: none; - opacity: 0; - -moz-transition: opacity 0.25s ease-in-out; - -o-transition: opacity 0.25s ease-in-out; - -webkit-transition: opacity 0.25s ease-in-out; - transition: opacity 0.25s ease-in-out; - -moz-box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.6); - -webkit-box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.6); - box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.6); } - .touch .main-navigation .subnav:before { - position: absolute; - content: ""; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - border-width: 0.75em; - top: -1.45em; - display: block; } - .no-touch .main-navigation .element-1:hover .subnav, .no-touch .main-navigation .element-1:focus .subnav, .no-touch .main-navigation .element-2:hover .subnav, .no-touch .main-navigation .element-2:focus .subnav, .no-touch .main-navigation .element-3:hover .subnav, .no-touch .main-navigation .element-3:focus .subnav, .no-touch .main-navigation .element-4:hover .subnav, .no-touch .main-navigation .element-4:focus .subnav { - left: 0; - display: initial; - -moz-transition-delay: 0.25s; - -o-transition-delay: 0.25s; - -webkit-transition-delay: 0.25s; - transition-delay: 0.25s; } - .no-touch .main-navigation .element-5:hover .subnav, .no-touch .main-navigation .element-5:focus .subnav, .no-touch .main-navigation .element-6:hover .subnav, .no-touch .main-navigation .element-6:focus .subnav, .no-touch .main-navigation .element-7:hover .subnav, .no-touch .main-navigation .element-7:focus .subnav, .no-touch .main-navigation .element-8:hover .subnav, .no-touch .main-navigation .element-8:focus .subnav, .no-touch .main-navigation .last:hover .subnav, .no-touch .main-navigation .last:focus .subnav { - right: 0; - display: initial; - -moz-transition-delay: 0.25s; - -o-transition-delay: 0.25s; - -webkit-transition-delay: 0.25s; - transition-delay: 0.25s; } - .touch .main-navigation .element-1, .touch .main-navigation .element-2, .touch .main-navigation .element-3, .touch .main-navigation .element-4 { - /* Position the pointer element */ } - .touch .main-navigation .element-1:hover .subnav, .touch .main-navigation .element-1 .subnav.touched, .touch .main-navigation .element-2:hover .subnav, .touch .main-navigation .element-2 .subnav.touched, .touch .main-navigation .element-3:hover .subnav, .touch .main-navigation .element-3 .subnav.touched, .touch .main-navigation .element-4:hover .subnav, .touch .main-navigation .element-4 .subnav.touched { - display: block; - opacity: 1; - left: 0; } - .touch .main-navigation .element-1 .subnav:before, .touch .main-navigation .element-2 .subnav:before, .touch .main-navigation .element-3 .subnav:before, .touch .main-navigation .element-4 .subnav:before { - left: 1.5em; } - .touch .main-navigation .element-5, .touch .main-navigation .element-6, .touch .main-navigation .element-7, .touch .main-navigation .element-8, .touch .main-navigation .last { - /* Position the pointer element */ } - .touch .main-navigation .element-5:hover .subnav, .touch .main-navigation .element-5 .subnav.touched, .touch .main-navigation .element-6:hover .subnav, .touch .main-navigation .element-6 .subnav.touched, .touch .main-navigation .element-7:hover .subnav, .touch .main-navigation .element-7 .subnav.touched, .touch .main-navigation .element-8:hover .subnav, .touch .main-navigation .element-8 .subnav.touched, .touch .main-navigation .last:hover .subnav, .touch .main-navigation .last .subnav.touched { - display: block; - opacity: 1; - right: 0; } - .touch .main-navigation .element-5 .subnav:before, .touch .main-navigation .element-6 .subnav:before, .touch .main-navigation .element-7 .subnav:before, .touch .main-navigation .element-8 .subnav:before, .touch .main-navigation .last .subnav:before { - left: auto; - right: 1.5em; } - .main-navigation .tier-2 { - display: block; - min-width: 100%; } - .main-navigation .tier-2 a { - white-space: nowrap; } + /*ul*/ + } + .main-navigation .menu { + margin-bottom: 0; + } + .main-navigation .tier-1, .main-navigation .tier-2 { + /* We do this more explictly (the descendant selector) to avoid also styling links in the Supernav content */ + } + .main-navigation .tier-1 > a, .main-navigation .tier-2 > a { + display: block; + padding: 0.5em 1.5em 0.4em 1em; + position: relative; + } + .main-navigation .tier-1 { + display: block; + width: 100%; + } + .main-navigation .tier-1 > a { + text-align: center; + } + .main-navigation .tier-2 > a { + text-align: left; + } + .main-navigation .menu { + *zoom: 1; + } + .main-navigation .menu:after { + content: ""; + display: table; + clear: both; + } + .main-navigation .tier-1 { + position: relative; + } + .main-navigation .subnav { + position: absolute; + z-index: 100; + text-align: left; + /*modernizr*/ + /*modernizr*/ + } + .no-touch .main-navigation .subnav { + min-width: 100%; + display: none; + -webkit-transition: compact(compact(all 0s ease, false, false, false, false, false, false, false, false, false) false false); + -moz-transition: compact(compact(all 0s ease, false, false, false, false, false, false, false, false, false) false false false); + -o-transition: compact(compact(all 0s ease, false, false, false, false, false, false, false, false, false) false false false); + transition: compact(all 0s ease, false, false, false, false, false, false, false, false, false); + } + .touch .main-navigation .subnav { + top: 120%; + display: none; + opacity: 0; + -webkit-transition: compact(compact(opacity 0.25s ease-in-out, false, false, false, false, false, false, false, false, false) false false); + -moz-transition: compact(compact(opacity 0.25s ease-in-out, false, false, false, false, false, false, false, false, false) false false false); + -o-transition: compact(compact(opacity 0.25s ease-in-out, false, false, false, false, false, false, false, false, false) false false false); + transition: compact(opacity 0.25s ease-in-out, false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(0 0.25em 0.75em rgba(0, 0, 0, 0.6), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(0 0.25em 0.75em rgba(0, 0, 0, 0.6), false, false, false, false, false, false, false, false, false); + box-shadow: compact(0 0.25em 0.75em rgba(0, 0, 0, 0.6), false, false, false, false, false, false, false, false, false); + } + .touch .main-navigation .subnav:before { + position: absolute; + content: ""; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 0.75em; + top: -1.45em; + display: block; + } + .no-touch .main-navigation .element-1:hover .subnav, .no-touch .main-navigation .element-1:focus .subnav, .no-touch .main-navigation .element-2:hover .subnav, .no-touch .main-navigation .element-2:focus .subnav, .no-touch .main-navigation .element-3:hover .subnav, .no-touch .main-navigation .element-3:focus .subnav, .no-touch .main-navigation .element-4:hover .subnav, .no-touch .main-navigation .element-4:focus .subnav { + left: 0; + display: initial; + -webkit-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + -moz-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + -o-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + } + .no-touch .main-navigation .element-5:hover .subnav, .no-touch .main-navigation .element-5:focus .subnav, .no-touch .main-navigation .element-6:hover .subnav, .no-touch .main-navigation .element-6:focus .subnav, .no-touch .main-navigation .element-7:hover .subnav, .no-touch .main-navigation .element-7:focus .subnav, .no-touch .main-navigation .element-8:hover .subnav, .no-touch .main-navigation .element-8:focus .subnav, .no-touch .main-navigation .last:hover .subnav, .no-touch .main-navigation .last:focus .subnav { + right: 0; + display: initial; + -webkit-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + -moz-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + -o-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + } + .touch .main-navigation .element-1, .touch .main-navigation .element-2, .touch .main-navigation .element-3, .touch .main-navigation .element-4 { + /* Position the pointer element */ + } + .touch .main-navigation .element-1:hover .subnav, .touch .main-navigation .element-1 .subnav.touched, .touch .main-navigation .element-2:hover .subnav, .touch .main-navigation .element-2 .subnav.touched, .touch .main-navigation .element-3:hover .subnav, .touch .main-navigation .element-3 .subnav.touched, .touch .main-navigation .element-4:hover .subnav, .touch .main-navigation .element-4 .subnav.touched { + display: block; + opacity: 1; + left: 0; + } + .touch .main-navigation .element-1 .subnav:before, .touch .main-navigation .element-2 .subnav:before, .touch .main-navigation .element-3 .subnav:before, .touch .main-navigation .element-4 .subnav:before { + left: 1.5em; + } + .touch .main-navigation .element-5, .touch .main-navigation .element-6, .touch .main-navigation .element-7, .touch .main-navigation .element-8, .touch .main-navigation .last { + /* Position the pointer element */ + } + .touch .main-navigation .element-5:hover .subnav, .touch .main-navigation .element-5 .subnav.touched, .touch .main-navigation .element-6:hover .subnav, .touch .main-navigation .element-6 .subnav.touched, .touch .main-navigation .element-7:hover .subnav, .touch .main-navigation .element-7 .subnav.touched, .touch .main-navigation .element-8:hover .subnav, .touch .main-navigation .element-8 .subnav.touched, .touch .main-navigation .last:hover .subnav, .touch .main-navigation .last .subnav.touched { + display: block; + opacity: 1; + right: 0; + } + .touch .main-navigation .element-5 .subnav:before, .touch .main-navigation .element-6 .subnav:before, .touch .main-navigation .element-7 .subnav:before, .touch .main-navigation .element-8 .subnav:before, .touch .main-navigation .last .subnav:before { + left: auto; + right: 1.5em; + } + .main-navigation .tier-2 { + display: block; + min-width: 100%; + } + .main-navigation .tier-2 a { + white-space: nowrap; + } .no-touch .main-navigation { display: block; clear: both; text-align: center; + -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; - -webkit-border-radius: 8px; + -ms-border-radius: 8px 8px 0 0; + -o-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; - -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } - .no-touch .main-navigation .tier-1 { - float: left; - width: 33.333333%; } - .no-touch .main-navigation .tier-1.element-6:not(.unstacked), .no-touch .main-navigation .tier-1.element-7:not(.unstacked) { - width: 16.6666665%; } - .no-touch .main-navigation .tier-1.element-1 { - -moz-border-radius-topleft: 8px; - -webkit-border-top-left-radius: 8px; - border-top-left-radius: 8px; } - .no-touch .main-navigation .tier-1.element-1 > a { - -moz-border-radius-topleft: 7px; - -webkit-border-top-left-radius: 7px; - border-top-left-radius: 7px; } - .no-touch .main-navigation .tier-1.element-3 { - -moz-border-radius-topright: 8px; - -webkit-border-top-right-radius: 8px; - border-top-right-radius: 8px; - border-right: 0; } - .no-touch .main-navigation .tier-1.element-3 > a { - -moz-border-radius-topright: 7px; - -webkit-border-top-right-radius: 7px; - border-top-right-radius: 7px; - border-right: 0; } - .no-touch .main-navigation .tier-1.element-7 { - /* @include border-bottom-right-radius( 8px ); */ - border-right: 0; } - .no-touch .main-navigation .tier-2 { - font-size: 0.875em; } - .no-touch .main-navigation .tier-2 > a { - border-right: 1px solid rgba(255, 255, 255, 0.8); } - .no-touch .main-navigation .subnav { - -moz-box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.3); - -webkit-box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.3); - box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.3); } + -webkit-box-shadow: compact(0 0 10px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(0 0 10px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false); + box-shadow: compact(0 0 10px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false); + } + .no-touch .main-navigation .tier-1 { + float: left; + width: 33.333333%; + } + .no-touch .main-navigation .tier-1.element-6:not(.unstacked), .no-touch .main-navigation .tier-1.element-7:not(.unstacked) { + width: 16.6666665%; + } + .no-touch .main-navigation .tier-1.element-1 { + -moz-border-radius-topleft: 8px; + -webkit-border-top-left-radius: 8px; + border-top-left-radius: 8px; + } + .no-touch .main-navigation .tier-1.element-1 > a { + -moz-border-radius-topleft: 7px; + -webkit-border-top-left-radius: 7px; + border-top-left-radius: 7px; + } + .no-touch .main-navigation .tier-1.element-3 { + -moz-border-radius-topright: 8px; + -webkit-border-top-right-radius: 8px; + border-top-right-radius: 8px; + border-right: 0; + } + .no-touch .main-navigation .tier-1.element-3 > a { + -moz-border-radius-topright: 7px; + -webkit-border-top-right-radius: 7px; + border-top-right-radius: 7px; + border-right: 0; + } + .no-touch .main-navigation .tier-1.element-7 { + /* @include border-bottom-right-radius( 8px ); */ + border-right: 0; + } + .no-touch .main-navigation .tier-2 { + font-size: 0.875em; + } + .no-touch .main-navigation .tier-2 > a { + border-right: 1px solid rgba(255, 255, 255, 0.8); + } + .no-touch .main-navigation .subnav { + -webkit-box-shadow: compact(0 0.5em 0.5em rgba(0, 0, 0, 0.3), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(0 0.5em 0.5em rgba(0, 0, 0, 0.3), false, false, false, false, false, false, false, false, false); + box-shadow: compact(0 0.5em 0.5em rgba(0, 0, 0, 0.3), false, false, false, false, false, false, false, false, false); + } /* Shorten the amount of blue space under the nav on inner pages */ .no-touch .default-page .main-navigation { position: relative; - margin-bottom: -.0625em; } } + margin-bottom: -0.0625em; + } +} /* - - - Larger than 640px - - - */ @media (min-width: 40em) { body:after { content: "drawer_navigation"; display: none; - speak: none; } + speak: none; + } /* The order in which we include these is important */ - /* - - -! Because "touch" is present, we assume that the browser can handle cssTransform3d and cssTransition, which might be dangerous -! If there is no javascript running, than the .jump-to-menu link will jump to #site-map (footer) and the .main-navigatin will remain offscreen, which is not such a bad fallback. - -*/ + /* + + + ! Because "touch" is present, we assume that the browser can handle cssTransform3d and cssTransition, which might be dangerous + ! If there is no javascript running, than the .jump-to-menu link will jump to #site-map (footer) and the .main-navigatin will remain offscreen, which is not such a bad fallback. + + */ .touch body, .touch #touchnav-wrapper { position: relative; - width: 100%; } + width: 100%; + } .touch .default-page .main-header { - position: static; } + position: static; + } .touch .main-navigation { display: block; position: absolute; @@ -706,132 +783,168 @@ html[xmlns] .slides { display: block; } /* styles that are not being applied because they are inside .no-touch in other nav patterns */ text-align: center; font-size: 1.125em; - /* Reset some styles from the drop down menus */ } - .touch .main-navigation a { - text-align: center; - padding: .65em 1.25em .55em; } - .touch .main-navigation .tier-2 { - font-size: 0.875em; } - .touch .main-navigation .subnav { - position: static; - display: block; - opacity: 1; - border-top: 0; - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; } + /* Reset some styles from the drop down menus */ + } + .touch .main-navigation a { + text-align: center; + padding: 0.65em 1.25em 0.55em; + } + .touch .main-navigation .tier-2 { + font-size: 0.875em; + } + .touch .main-navigation .subnav { + position: static; + display: block; + opacity: 1; + border-top: 0; + -webkit-box-shadow: compact(none, false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(none, false, false, false, false, false, false, false, false, false); + box-shadow: compact(none, false, false, false, false, false, false, false, false, false); + } /* TO DO: With Javascript, look for a left-right swipe action and also trigger the menu to open */ .touch #touchnav-wrapper { - -moz-transition: -moz-transform 300ms ease; - -o-transition: -o-transform 300ms ease; - -webkit-transition: -webkit-transform 300ms ease; - transition: transform 300ms ease; + -webkit-transition: compact(compact(transform 300ms ease, false, false, false, false, false, false, false, false, false) false false); + -moz-transition: compact(compact(transform 300ms ease, false, false, false, false, false, false, false, false, false) false false false); + -o-transition: compact(compact(transform 300ms ease, false, false, false, false, false, false, false, false, false) false false false); + transition: compact(transform 300ms ease, false, false, false, false, false, false, false, false, false); + -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); - -webkit-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); - -webkit-backface-visibility: hidden; } + -webkit-backface-visibility: hidden; + } .touch .show-sidemenu #touchnav-wrapper { + -webkit-transform: translate3d(260px, 0, 0); -moz-transform: translate3d(260px, 0, 0); -ms-transform: translate3d(260px, 0, 0); - -webkit-transform: translate3d(260px, 0, 0); - transform: translate3d(260px, 0, 0); } + -o-transform: translate3d(260px, 0, 0); + transform: translate3d(260px, 0, 0); + } /* Simple Column Structure */ .three-col { - /* Only works if we are using all single .column, not .double-col as well */ } - .three-col > .column { - width: 33.3333%; } - .three-col > .double-col { - width: 66.6666%; } - .three-col > div:nth-of-type(3n+4) { - clear: left; } + /* Only works if we are using all single .column, not .double-col as well */ + } + .three-col > .column { + width: 33.3333%; + } + .three-col > .double-col { + width: 66.6666%; + } + .three-col > div:nth-of-type(3n+4) { + clear: left; + } .meta-navigation { - text-align: left; } - .meta-navigation .say-no-more { - display: none; - visibility: hidden; } - .meta-navigation .jump-link { - display: none; } - .meta-navigation li { - float: left; - width: 16.6666667%; - /* 6 columns */ - border-left: 1px solid #273643; - border-right: 1px solid #11171d; } + text-align: left; + } + .meta-navigation .say-no-more { + display: none; + visibility: hidden; + } + .meta-navigation .jump-link { + display: none; + } + .meta-navigation li { + float: left; + width: 16.6666667%; + /* 6 columns */ + border-left: 1px solid #273643; + border-right: 1px solid #11171d; + } .site-headline { - float: left; } + float: left; + } .options-bar-container { - float: right; } + float: right; + } .donate-button { display: inline; margin: 0 0.5em 0 0; position: relative; - top: 19px; } + top: 19px; + } .options-bar { float: right; - width: auto; } + width: auto; + } .main-navigation { - /*modernizr*/ } - .touch .main-navigation .subnav:before { - border-color: transparent; } + /*modernizr*/ + } + .touch .main-navigation .subnav:before { + border-color: transparent; + } .search-field { - -moz-transition: width 0.3s ease-in-out; - -o-transition: width 0.3s ease-in-out; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; } + -webkit-transition: compact(compact(width 0.3s ease-in-out, false, false, false, false, false, false, false, false, false) false false); + -moz-transition: compact(compact(width 0.3s ease-in-out, false, false, false, false, false, false, false, false, false) false false false); + -o-transition: compact(compact(width 0.3s ease-in-out, false, false, false, false, false, false, false, false, false) false false false); + transition: compact(width 0.3s ease-in-out, false, false, false, false, false, false, false, false, false); + } .search-field:focus { width: 6em; - margin-right: .5em; } + margin-right: 0.5em; + } /*modernizr*/ .no-touch .search-button { - display: inline; } + display: inline; + } .slide-copy p { - font-size: 1em; } + font-size: 1em; + } .introduction { - padding: 0 1.5em; } + padding: 0 1.5em; + } .call-to-action { - font-size: 1.5em; } - .fontface .call-to-action { - font-size: 1.725em; } - .fontface .call-to-action span:before { - font-size: .875em; } + font-size: 1.5em; + } + .fontface .call-to-action { + font-size: 1.725em; + } + .fontface .call-to-action span:before { + font-size: 0.875em; + } /* Header-banners (not home) */ .header-banner { - padding: 1em; } - .home .header-banner, .default-page .header-banner { - padding: 0; } + padding: 1em; + } + .home .header-banner, .default-page .header-banner { + padding: 0; + } .about-banner, - .download-for-current-os, - .documentation-banner, - .welcome-to-the-foundation { - padding-left: 8.51064%; - padding-right: 8.51064%; } +.download-for-current-os, +.documentation-banner, +.welcome-to-the-foundation { + padding-left: 8.5106382979%; + padding-opposite-position(left): 8.5106382979%; + } .main-header { - /* Shorten the amount of blue space under the nav on inner pages */ } - .default-page .main-header { - position: relative; - z-index: 10; } + /* Shorten the amount of blue space under the nav on inner pages */ + } + .default-page .main-header { + position: relative; + z-index: 10; + } /*li*/ .with-supernav .super-navigation { - display: none; } + display: none; + } /* * This is super cool. Uses two arrays to spit out a bunch of repetitive rulesets. @@ -840,804 +953,917 @@ html[xmlns] .slides { display: block; } .python-navigation { background-color: #2d618c; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3776AB', endColorstr='#FF2D618C'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMzNzc2YWIiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzJkNjE4YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #3776ab), color-stop(95%, #2d618c)); - background-image: -moz-linear-gradient(#3776ab 30%, #2d618c 95%); - background-image: -webkit-linear-gradient(#3776ab 30%, #2d618c 95%); - background-image: linear-gradient(#3776ab 30%, #2d618c 95%); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF3776AB", endColorstr="#FF2D618C"); + background-image: -owg(compact(linear-gradient(#3776ab 30%, #2d618c 95%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#3776ab 30%, #2d618c 95%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#3776ab 30%, #2d618c 95%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#3776ab 30%, #2d618c 95%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#3776ab 30%, #2d618c 95%), false, false, false, false, false, false, false, false, false); border-top: 1px solid #629ccd; border-bottom: 1px solid #18334b; - /*a*/ } - .python-navigation .tier-1 { - border-top: 1px solid #4f90c6; - border-right: 1px solid #2b5b84; - border-bottom: 1px solid #1e415e; - border-left: 1px solid #4f90c6; } - .python-navigation .tier-1 > a { - color: #e6e8ea; - background-color: transparent; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - letter-spacing: 0.01em; } - .python-navigation .tier-1 > a:hover, .python-navigation .tier-1 > a:focus, .python-navigation .tier-1 > a .tier-1:hover > a { - color: #fff; - background-color: #2d618c; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF326B9C', endColorstr='#FF2D618C'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMzMjZiOWMiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzJkNjE4YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #326b9c), color-stop(90%, #2d618c)); - background-image: -moz-linear-gradient(#326b9c 10%, #2d618c 90%); - background-image: -webkit-linear-gradient(#326b9c 10%, #2d618c 90%); - background-image: linear-gradient(#326b9c 10%, #2d618c 90%); - border-top: 1px solid #3776ab; - border-bottom: 1px solid #2d618c; } - .python-navigation .subnav { - border-top: 1px solid #18334b; - background-color: #d6e5f2; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFBBD4E9', endColorstr='#FFD6E5F2'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNiYmQ0ZTkiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2Q2ZTVmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #bbd4e9), color-stop(90%, #d6e5f2)); - background-image: -moz-linear-gradient(#bbd4e9 10%, #d6e5f2 90%); - background-image: -webkit-linear-gradient(#bbd4e9 10%, #d6e5f2 90%); - background-image: linear-gradient(#bbd4e9 10%, #d6e5f2 90%); - -moz-box-shadow: inset 0 0 20px rgba(55, 118, 171, 0.15); - -webkit-box-shadow: inset 0 0 20px rgba(55, 118, 171, 0.15); - box-shadow: inset 0 0 20px rgba(55, 118, 171, 0.15); - /*modernizr*/ } - .touch .python-navigation .subnav:before { - border-color: transparent transparent #bbd4e9 transparent; } - .python-navigation .tier-2 > a { - color: rgba(51, 51, 51, 0.9); - border-top: 1px solid rgba(55, 118, 171, 0.25); - border-bottom: 1px solid transparent; } - .python-navigation .tier-2 > a:hover, .python-navigation .tier-2 > a:focus { - background: rgba(255, 255, 255, 0.35); - color: rgba(34, 34, 34, 0.9); } - .python-navigation .tier-2:last-child > a { - border-bottom: 1px solid rgba(55, 118, 171, 0.25); } - .python-navigation .current_item { - color: #fff; - background-color: #244e71; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2B5B84', endColorstr='#FF244E71'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMyYjViODQiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzI0NGU3MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #2b5b84), color-stop(90%, #244e71)); - background-image: -moz-linear-gradient(#2b5b84 10%, #244e71 90%); - background-image: -webkit-linear-gradient(#2b5b84 10%, #244e71 90%); - background-image: linear-gradient(#2b5b84 10%, #244e71 90%); } - .python-navigation .super-navigation { - color: #666; - border: 1px solid #89b4d9; - background-color: #d6e5f2; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFCFDFE', endColorstr='#FFD6E5F2'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmY2ZkZmUiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2Q2ZTVmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #fcfdfe), color-stop(90%, #d6e5f2)); - background-image: -moz-linear-gradient(#fcfdfe 10%, #d6e5f2 90%); - background-image: -webkit-linear-gradient(#fcfdfe 10%, #d6e5f2 90%); - background-image: linear-gradient(#fcfdfe 10%, #d6e5f2 90%); } - .python-navigation .super-navigation a:not(.button) { - color: #3776ab; } - .python-navigation .super-navigation h4 { - color: #316998; } + /*a*/ + } + .python-navigation .tier-1 { + border-top: 1px solid #4f90c6; + border-right: 1px solid #2b5b84; + border-bottom: 1px solid #1e415e; + border-left: 1px solid #4f90c6; + } + .python-navigation .tier-1 > a { + color: #e6e8ea; + background-color: transparent; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + letter-spacing: 0.01em; + } + .python-navigation .tier-1 > a:hover, .python-navigation .tier-1 > a:focus, .python-navigation .tier-1 > a .tier-1:hover > a { + color: #fff; + background-color: #2d618c; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF326B9C", endColorstr="#FF2D618C"); + background-image: -owg(compact(linear-gradient(#326b9c 10%, #2d618c 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#326b9c 10%, #2d618c 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#326b9c 10%, #2d618c 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#326b9c 10%, #2d618c 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#326b9c 10%, #2d618c 90%), false, false, false, false, false, false, false, false, false); + border-top: 1px solid #3776ab; + border-bottom: 1px solid #2d618c; + } + .python-navigation .subnav { + border-top: 1px solid #18334b; + background-color: #d6e5f2; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFBBD4E9", endColorstr="#FFD6E5F2"); + background-image: -owg(compact(linear-gradient(#bbd4e9 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#bbd4e9 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#bbd4e9 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#bbd4e9 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#bbd4e9 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(inset 0 0 20px rgba(55, 118, 171, 0.15), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(inset 0 0 20px rgba(55, 118, 171, 0.15), false, false, false, false, false, false, false, false, false); + box-shadow: compact(inset 0 0 20px rgba(55, 118, 171, 0.15), false, false, false, false, false, false, false, false, false); + /*modernizr*/ + } + .touch .python-navigation .subnav:before { + border-color: transparent transparent #bbd4e9 transparent; + } + .python-navigation .tier-2 > a { + color: rgba(51, 51, 51, 0.9); + border-top: 1px solid rgba(55, 118, 171, 0.25); + border-bottom: 1px solid transparent; + } + .python-navigation .tier-2 > a:hover, .python-navigation .tier-2 > a:focus { + background: rgba(255, 255, 255, 0.35); + color: rgba(34, 34, 34, 0.9); + } + .python-navigation .tier-2:last-child > a { + border-bottom: 1px solid rgba(55, 118, 171, 0.25); + } + .python-navigation .current_item { + color: #fff; + background-color: #244e71; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF2B5B84", endColorstr="#FF244E71"); + background-image: -owg(compact(linear-gradient(#2b5b84 10%, #244e71 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#2b5b84 10%, #244e71 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#2b5b84 10%, #244e71 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#2b5b84 10%, #244e71 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#2b5b84 10%, #244e71 90%), false, false, false, false, false, false, false, false, false); + } + .python-navigation .super-navigation { + color: #666; + border: 1px solid #89b4d9; + background-color: #d6e5f2; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFCFDFE", endColorstr="#FFD6E5F2"); + background-image: -owg(compact(linear-gradient(#fcfdfe 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#fcfdfe 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#fcfdfe 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#fcfdfe 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#fcfdfe 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false); + } + .python-navigation .super-navigation a:not(.button) { + color: #3776ab; + } + .python-navigation .super-navigation h4 { + color: #316998; + } .psf-navigation { background-color: #646565; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF78797A', endColorstr='#FF646565'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiM3ODc5N2EiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzY0NjU2NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #78797a), color-stop(95%, #646565)); - background-image: -moz-linear-gradient(#78797a 30%, #646565 95%); - background-image: -webkit-linear-gradient(#78797a 30%, #646565 95%); - background-image: linear-gradient(#78797a 30%, #646565 95%); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF78797A", endColorstr="#FF646565"); + background-image: -owg(compact(linear-gradient(#78797a 30%, #646565 95%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#78797a 30%, #646565 95%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#78797a 30%, #646565 95%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#78797a 30%, #646565 95%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#78797a 30%, #646565 95%), false, false, false, false, false, false, false, false, false); border-top: 1px solid #9e9fa0; border-bottom: 1px solid #39393a; - /*a*/ } - .psf-navigation .tier-1 { - border-top: 1px solid #929393; - border-right: 1px solid #5f6060; - border-bottom: 1px solid #454647; - border-left: 1px solid #929393; } - .psf-navigation .tier-1 > a { - color: #e6e8ea; - background-color: transparent; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - letter-spacing: 0.01em; } - .psf-navigation .tier-1 > a:hover, .psf-navigation .tier-1 > a:focus, .psf-navigation .tier-1 > a .tier-1:hover > a { - color: #fff; - background-color: #646565; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF6E6F70', endColorstr='#FF646565'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM2ZTZmNzAiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzY0NjU2NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #6e6f70), color-stop(90%, #646565)); - background-image: -moz-linear-gradient(#6e6f70 10%, #646565 90%); - background-image: -webkit-linear-gradient(#6e6f70 10%, #646565 90%); - background-image: linear-gradient(#6e6f70 10%, #646565 90%); - border-top: 1px solid #78797a; - border-bottom: 1px solid #646565; } - .psf-navigation .subnav { - border-top: 1px solid #39393a; - background-color: #ececec; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDADADA', endColorstr='#FFECECEC'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNkYWRhZGEiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #dadada), color-stop(90%, #ececec)); - background-image: -moz-linear-gradient(#dadada 10%, #ececec 90%); - background-image: -webkit-linear-gradient(#dadada 10%, #ececec 90%); - background-image: linear-gradient(#dadada 10%, #ececec 90%); - -moz-box-shadow: inset 0 0 20px rgba(120, 121, 122, 0.15); - -webkit-box-shadow: inset 0 0 20px rgba(120, 121, 122, 0.15); - box-shadow: inset 0 0 20px rgba(120, 121, 122, 0.15); - /*modernizr*/ } - .touch .psf-navigation .subnav:before { - border-color: transparent transparent #dadada transparent; } - .psf-navigation .tier-2 > a { - color: rgba(51, 51, 51, 0.9); - border-top: 1px solid rgba(120, 121, 122, 0.25); - border-bottom: 1px solid transparent; } - .psf-navigation .tier-2 > a:hover, .psf-navigation .tier-2 > a:focus { - background: rgba(255, 255, 255, 0.35); - color: rgba(34, 34, 34, 0.9); } - .psf-navigation .tier-2:last-child > a { - border-bottom: 1px solid rgba(120, 121, 122, 0.25); } - .psf-navigation .current_item { - color: #fff; - background-color: #525353; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5F6060', endColorstr='#FF525353'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM1ZjYwNjAiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzUyNTM1MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #5f6060), color-stop(90%, #525353)); - background-image: -moz-linear-gradient(#5f6060 10%, #525353 90%); - background-image: -webkit-linear-gradient(#5f6060 10%, #525353 90%); - background-image: linear-gradient(#5f6060 10%, #525353 90%); } - .psf-navigation .super-navigation { - color: #666; - border: 1px solid #b8b9b9; - background-color: #ececec; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFECECEC'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffffff), color-stop(90%, #ececec)); - background-image: -moz-linear-gradient(#ffffff 10%, #ececec 90%); - background-image: -webkit-linear-gradient(#ffffff 10%, #ececec 90%); - background-image: linear-gradient(#ffffff 10%, #ececec 90%); } - .psf-navigation .super-navigation a:not(.button) { - color: #78797a; } - .psf-navigation .super-navigation h4 { - color: #6b6c6d; } + /*a*/ + } + .psf-navigation .tier-1 { + border-top: 1px solid #929393; + border-right: 1px solid #5f6060; + border-bottom: 1px solid #454647; + border-left: 1px solid #929393; + } + .psf-navigation .tier-1 > a { + color: #e6e8ea; + background-color: transparent; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + letter-spacing: 0.01em; + } + .psf-navigation .tier-1 > a:hover, .psf-navigation .tier-1 > a:focus, .psf-navigation .tier-1 > a .tier-1:hover > a { + color: #fff; + background-color: #646565; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF6E6F70", endColorstr="#FF646565"); + background-image: -owg(compact(linear-gradient(#6e6f70 10%, #646565 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#6e6f70 10%, #646565 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#6e6f70 10%, #646565 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#6e6f70 10%, #646565 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#6e6f70 10%, #646565 90%), false, false, false, false, false, false, false, false, false); + border-top: 1px solid #78797a; + border-bottom: 1px solid #646565; + } + .psf-navigation .subnav { + border-top: 1px solid #39393a; + background-color: #ececec; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFDADADA", endColorstr="#FFECECEC"); + background-image: -owg(compact(linear-gradient(#dadada 10%, #ececec 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#dadada 10%, #ececec 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#dadada 10%, #ececec 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#dadada 10%, #ececec 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#dadada 10%, #ececec 90%), false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(inset 0 0 20px rgba(120, 121, 122, 0.15), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(inset 0 0 20px rgba(120, 121, 122, 0.15), false, false, false, false, false, false, false, false, false); + box-shadow: compact(inset 0 0 20px rgba(120, 121, 122, 0.15), false, false, false, false, false, false, false, false, false); + /*modernizr*/ + } + .touch .psf-navigation .subnav:before { + border-color: transparent transparent #dadada transparent; + } + .psf-navigation .tier-2 > a { + color: rgba(51, 51, 51, 0.9); + border-top: 1px solid rgba(120, 121, 122, 0.25); + border-bottom: 1px solid transparent; + } + .psf-navigation .tier-2 > a:hover, .psf-navigation .tier-2 > a:focus { + background: rgba(255, 255, 255, 0.35); + color: rgba(34, 34, 34, 0.9); + } + .psf-navigation .tier-2:last-child > a { + border-bottom: 1px solid rgba(120, 121, 122, 0.25); + } + .psf-navigation .current_item { + color: #fff; + background-color: #525353; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF5F6060", endColorstr="#FF525353"); + background-image: -owg(compact(linear-gradient(#5f6060 10%, #525353 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#5f6060 10%, #525353 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#5f6060 10%, #525353 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#5f6060 10%, #525353 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#5f6060 10%, #525353 90%), false, false, false, false, false, false, false, false, false); + } + .psf-navigation .super-navigation { + color: #666; + border: 1px solid #b8b9b9; + background-color: #ececec; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFFFFF", endColorstr="#FFECECEC"); + background-image: -owg(compact(linear-gradient(white 10%, #ececec 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(white 10%, #ececec 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(white 10%, #ececec 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(white 10%, #ececec 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(white 10%, #ececec 90%), false, false, false, false, false, false, false, false, false); + } + .psf-navigation .super-navigation a:not(.button) { + color: #78797a; + } + .psf-navigation .super-navigation h4 { + color: #6b6c6d; + } .docs-navigation { background-color: #ffc91a; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFD343', endColorstr='#FFFFC91A'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmQzNDMiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2ZmYzkxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #ffd343), color-stop(95%, #ffc91a)); - background-image: -moz-linear-gradient(#ffd343 30%, #ffc91a 95%); - background-image: -webkit-linear-gradient(#ffd343 30%, #ffc91a 95%); - background-image: linear-gradient(#ffd343 30%, #ffc91a 95%); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFD343", endColorstr="#FFFFC91A"); + background-image: -owg(compact(linear-gradient(#ffd343 30%, #ffc91a 95%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#ffd343 30%, #ffc91a 95%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#ffd343 30%, #ffc91a 95%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#ffd343 30%, #ffc91a 95%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#ffd343 30%, #ffc91a 95%), false, false, false, false, false, false, false, false, false); border-top: 1px solid #ffe590; border-bottom: 1px solid #c39500; - /*a*/ } - .docs-navigation .tier-1 { - border-top: 1px solid #ffdf76; - border-right: 1px solid #ffc710; - border-bottom: 1px solid #dca900; - border-left: 1px solid #ffdf76; } - .docs-navigation .tier-1 > a { - color: #333; - background-color: transparent; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - letter-spacing: 0.01em; } - .docs-navigation .tier-1 > a:hover, .docs-navigation .tier-1 > a:focus, .docs-navigation .tier-1 > a .tier-1:hover > a { - color: #fff; - background-color: #ffc91a; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFCE2F', endColorstr='#FFFFC91A'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmNlMmYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmYzkxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffce2f), color-stop(90%, #ffc91a)); - background-image: -moz-linear-gradient(#ffce2f 10%, #ffc91a 90%); - background-image: -webkit-linear-gradient(#ffce2f 10%, #ffc91a 90%); - background-image: linear-gradient(#ffce2f 10%, #ffc91a 90%); - border-top: 1px solid #ffd343; - border-bottom: 1px solid #ffc91a; } - .docs-navigation .subnav { - border-top: 1px solid #c39500; - background-color: white; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffffff), color-stop(90%, #ffffff)); - background-image: -moz-linear-gradient(#ffffff 10%, #ffffff 90%); - background-image: -webkit-linear-gradient(#ffffff 10%, #ffffff 90%); - background-image: linear-gradient(#ffffff 10%, #ffffff 90%); - -moz-box-shadow: inset 0 0 20px rgba(255, 211, 67, 0.15); - -webkit-box-shadow: inset 0 0 20px rgba(255, 211, 67, 0.15); - box-shadow: inset 0 0 20px rgba(255, 211, 67, 0.15); - /*modernizr*/ } - .touch .docs-navigation .subnav:before { - border-color: transparent transparent white transparent; } - .docs-navigation .tier-2 > a { - color: rgba(51, 51, 51, 0.9); - border-top: 1px solid rgba(255, 211, 67, 0.25); - border-bottom: 1px solid transparent; } - .docs-navigation .tier-2 > a:hover, .docs-navigation .tier-2 > a:focus { - background: rgba(255, 255, 255, 0.35); - color: rgba(34, 34, 34, 0.9); } - .docs-navigation .tier-2:last-child > a { - border-bottom: 1px solid rgba(255, 211, 67, 0.25); } - .docs-navigation .current_item { - color: #fff; - background-color: #f6bc00; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFC710', endColorstr='#FFF6BC00'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmM3MTAiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2Y2YmMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffc710), color-stop(90%, #f6bc00)); - background-image: -moz-linear-gradient(#ffc710 10%, #f6bc00 90%); - background-image: -webkit-linear-gradient(#ffc710 10%, #f6bc00 90%); - background-image: linear-gradient(#ffc710 10%, #f6bc00 90%); } - .docs-navigation .super-navigation { - color: #666; - border: 1px solid #fff1c3; - background-color: white; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffffff), color-stop(90%, #ffffff)); - background-image: -moz-linear-gradient(#ffffff 10%, #ffffff 90%); - background-image: -webkit-linear-gradient(#ffffff 10%, #ffffff 90%); - background-image: linear-gradient(#ffffff 10%, #ffffff 90%); } - .docs-navigation .super-navigation a:not(.button) { - color: #ffd343; } - .docs-navigation .super-navigation h4 { - color: #ffcd2a; } + /*a*/ + } + .docs-navigation .tier-1 { + border-top: 1px solid #ffdf76; + border-right: 1px solid #ffc710; + border-bottom: 1px solid #dca900; + border-left: 1px solid #ffdf76; + } + .docs-navigation .tier-1 > a { + color: #333; + background-color: transparent; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + letter-spacing: 0.01em; + } + .docs-navigation .tier-1 > a:hover, .docs-navigation .tier-1 > a:focus, .docs-navigation .tier-1 > a .tier-1:hover > a { + color: #fff; + background-color: #ffc91a; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFCE2F", endColorstr="#FFFFC91A"); + background-image: -owg(compact(linear-gradient(#ffce2f 10%, #ffc91a 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#ffce2f 10%, #ffc91a 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#ffce2f 10%, #ffc91a 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#ffce2f 10%, #ffc91a 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#ffce2f 10%, #ffc91a 90%), false, false, false, false, false, false, false, false, false); + border-top: 1px solid #ffd343; + border-bottom: 1px solid #ffc91a; + } + .docs-navigation .subnav { + border-top: 1px solid #c39500; + background-color: white; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFFFFF", endColorstr="#FFFFFFFF"); + background-image: -owg(compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(inset 0 0 20px rgba(255, 211, 67, 0.15), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(inset 0 0 20px rgba(255, 211, 67, 0.15), false, false, false, false, false, false, false, false, false); + box-shadow: compact(inset 0 0 20px rgba(255, 211, 67, 0.15), false, false, false, false, false, false, false, false, false); + /*modernizr*/ + } + .touch .docs-navigation .subnav:before { + border-color: transparent transparent white transparent; + } + .docs-navigation .tier-2 > a { + color: rgba(51, 51, 51, 0.9); + border-top: 1px solid rgba(255, 211, 67, 0.25); + border-bottom: 1px solid transparent; + } + .docs-navigation .tier-2 > a:hover, .docs-navigation .tier-2 > a:focus { + background: rgba(255, 255, 255, 0.35); + color: rgba(34, 34, 34, 0.9); + } + .docs-navigation .tier-2:last-child > a { + border-bottom: 1px solid rgba(255, 211, 67, 0.25); + } + .docs-navigation .current_item { + color: #fff; + background-color: #f6bc00; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFC710", endColorstr="#FFF6BC00"); + background-image: -owg(compact(linear-gradient(#ffc710 10%, #f6bc00 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#ffc710 10%, #f6bc00 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#ffc710 10%, #f6bc00 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#ffc710 10%, #f6bc00 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#ffc710 10%, #f6bc00 90%), false, false, false, false, false, false, false, false, false); + } + .docs-navigation .super-navigation { + color: #666; + border: 1px solid #fff1c3; + background-color: white; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFFFFF", endColorstr="#FFFFFFFF"); + background-image: -owg(compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false); + } + .docs-navigation .super-navigation a:not(.button) { + color: #ffd343; + } + .docs-navigation .super-navigation h4 { + color: #ffcd2a; + } .pypl-navigation { background-color: #6c9238; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF82B043', endColorstr='#FF6C9238'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiM4MmIwNDMiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzZjOTIzOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #82b043), color-stop(95%, #6c9238)); - background-image: -moz-linear-gradient(#82b043 30%, #6c9238 95%); - background-image: -webkit-linear-gradient(#82b043 30%, #6c9238 95%); - background-image: linear-gradient(#82b043 30%, #6c9238 95%); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF82B043", endColorstr="#FF6C9238"); + background-image: -owg(compact(linear-gradient(#82b043 30%, #6c9238 95%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#82b043 30%, #6c9238 95%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#82b043 30%, #6c9238 95%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#82b043 30%, #6c9238 95%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#82b043 30%, #6c9238 95%), false, false, false, false, false, false, false, false, false); border-top: 1px solid #a6ca75; border-bottom: 1px solid #3e5420; - /*a*/ } - .pypl-navigation .tier-1 { - border-top: 1px solid #9bc363; - border-right: 1px solid #678b35; - border-bottom: 1px solid #4b6627; - border-left: 1px solid #9bc363; } - .pypl-navigation .tier-1 > a { - color: #e6e8ea; - background-color: transparent; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - letter-spacing: 0.01em; } - .pypl-navigation .tier-1 > a:hover, .pypl-navigation .tier-1 > a:focus, .pypl-navigation .tier-1 > a .tier-1:hover > a { - color: #fff; - background-color: #6c9238; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF77A13D', endColorstr='#FF6C9238'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM3N2ExM2QiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzZjOTIzOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #77a13d), color-stop(90%, #6c9238)); - background-image: -moz-linear-gradient(#77a13d 10%, #6c9238 90%); - background-image: -webkit-linear-gradient(#77a13d 10%, #6c9238 90%); - background-image: linear-gradient(#77a13d 10%, #6c9238 90%); - border-top: 1px solid #82b043; - border-bottom: 1px solid #6c9238; } - .pypl-navigation .subnav { - border-top: 1px solid #3e5420; - background-color: #eef5e4; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDDEBCA', endColorstr='#FFEEF5E4'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNkZGViY2EiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2VlZjVlNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ddebca), color-stop(90%, #eef5e4)); - background-image: -moz-linear-gradient(#ddebca 10%, #eef5e4 90%); - background-image: -webkit-linear-gradient(#ddebca 10%, #eef5e4 90%); - background-image: linear-gradient(#ddebca 10%, #eef5e4 90%); - -moz-box-shadow: inset 0 0 20px rgba(130, 176, 67, 0.15); - -webkit-box-shadow: inset 0 0 20px rgba(130, 176, 67, 0.15); - box-shadow: inset 0 0 20px rgba(130, 176, 67, 0.15); - /*modernizr*/ } - .touch .pypl-navigation .subnav:before { - border-color: transparent transparent #ddebca transparent; } - .pypl-navigation .tier-2 > a { - color: rgba(51, 51, 51, 0.9); - border-top: 1px solid rgba(130, 176, 67, 0.25); - border-bottom: 1px solid transparent; } - .pypl-navigation .tier-2 > a:hover, .pypl-navigation .tier-2 > a:focus { - background: rgba(255, 255, 255, 0.35); - color: rgba(34, 34, 34, 0.9); } - .pypl-navigation .tier-2:last-child > a { - border-bottom: 1px solid rgba(130, 176, 67, 0.25); } - .pypl-navigation .current_item { - color: #fff; - background-color: #59792e; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF678B35', endColorstr='#FF59792E'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM2NzhiMzUiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzU5NzkyZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #678b35), color-stop(90%, #59792e)); - background-image: -moz-linear-gradient(#678b35 10%, #59792e 90%); - background-image: -webkit-linear-gradient(#678b35 10%, #59792e 90%); - background-image: linear-gradient(#678b35 10%, #59792e 90%); } - .pypl-navigation .super-navigation { - color: #666; - border: 1px solid #bed99a; - background-color: #eef5e4; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEEF5E4'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2VlZjVlNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffffff), color-stop(90%, #eef5e4)); - background-image: -moz-linear-gradient(#ffffff 10%, #eef5e4 90%); - background-image: -webkit-linear-gradient(#ffffff 10%, #eef5e4 90%); - background-image: linear-gradient(#ffffff 10%, #eef5e4 90%); } - .pypl-navigation .super-navigation a:not(.button) { - color: #82b043; } - .pypl-navigation .super-navigation h4 { - color: #749e3c; } + /*a*/ + } + .pypl-navigation .tier-1 { + border-top: 1px solid #9bc363; + border-right: 1px solid #678b35; + border-bottom: 1px solid #4b6627; + border-left: 1px solid #9bc363; + } + .pypl-navigation .tier-1 > a { + color: #e6e8ea; + background-color: transparent; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + letter-spacing: 0.01em; + } + .pypl-navigation .tier-1 > a:hover, .pypl-navigation .tier-1 > a:focus, .pypl-navigation .tier-1 > a .tier-1:hover > a { + color: #fff; + background-color: #6c9238; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF77A13D", endColorstr="#FF6C9238"); + background-image: -owg(compact(linear-gradient(#77a13d 10%, #6c9238 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#77a13d 10%, #6c9238 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#77a13d 10%, #6c9238 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#77a13d 10%, #6c9238 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#77a13d 10%, #6c9238 90%), false, false, false, false, false, false, false, false, false); + border-top: 1px solid #82b043; + border-bottom: 1px solid #6c9238; + } + .pypl-navigation .subnav { + border-top: 1px solid #3e5420; + background-color: #eef5e4; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFDDEBCA", endColorstr="#FFEEF5E4"); + background-image: -owg(compact(linear-gradient(#ddebca 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#ddebca 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#ddebca 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#ddebca 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#ddebca 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(inset 0 0 20px rgba(130, 176, 67, 0.15), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(inset 0 0 20px rgba(130, 176, 67, 0.15), false, false, false, false, false, false, false, false, false); + box-shadow: compact(inset 0 0 20px rgba(130, 176, 67, 0.15), false, false, false, false, false, false, false, false, false); + /*modernizr*/ + } + .touch .pypl-navigation .subnav:before { + border-color: transparent transparent #ddebca transparent; + } + .pypl-navigation .tier-2 > a { + color: rgba(51, 51, 51, 0.9); + border-top: 1px solid rgba(130, 176, 67, 0.25); + border-bottom: 1px solid transparent; + } + .pypl-navigation .tier-2 > a:hover, .pypl-navigation .tier-2 > a:focus { + background: rgba(255, 255, 255, 0.35); + color: rgba(34, 34, 34, 0.9); + } + .pypl-navigation .tier-2:last-child > a { + border-bottom: 1px solid rgba(130, 176, 67, 0.25); + } + .pypl-navigation .current_item { + color: #fff; + background-color: #59792e; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF678B35", endColorstr="#FF59792E"); + background-image: -owg(compact(linear-gradient(#678b35 10%, #59792e 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#678b35 10%, #59792e 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#678b35 10%, #59792e 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#678b35 10%, #59792e 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#678b35 10%, #59792e 90%), false, false, false, false, false, false, false, false, false); + } + .pypl-navigation .super-navigation { + color: #666; + border: 1px solid #bed99a; + background-color: #eef5e4; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFFFFF", endColorstr="#FFEEF5E4"); + background-image: -owg(compact(linear-gradient(white 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(white 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(white 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(white 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(white 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false); + } + .pypl-navigation .super-navigation a:not(.button) { + color: #82b043; + } + .pypl-navigation .super-navigation h4 { + color: #749e3c; + } .jobs-navigation { background-color: #8b5792; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA06BA7', endColorstr='#FF8B5792'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNhMDZiYTciLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzhiNTc5MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #a06ba7), color-stop(95%, #8b5792)); - background-image: -moz-linear-gradient(#a06ba7 30%, #8b5792 95%); - background-image: -webkit-linear-gradient(#a06ba7 30%, #8b5792 95%); - background-image: linear-gradient(#a06ba7 30%, #8b5792 95%); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFA06BA7", endColorstr="#FF8B5792"); + background-image: -owg(compact(linear-gradient(#a06ba7 30%, #8b5792 95%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#a06ba7 30%, #8b5792 95%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#a06ba7 30%, #8b5792 95%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#a06ba7 30%, #8b5792 95%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#a06ba7 30%, #8b5792 95%), false, false, false, false, false, false, false, false, false); border-top: 1px solid #bf9bc4; border-bottom: 1px solid #58375c; - /*a*/ } - .jobs-navigation .tier-1 { - border-top: 1px solid #b58bba; - border-right: 1px solid #85538c; - border-bottom: 1px solid #67406c; - border-left: 1px solid #b58bba; } - .jobs-navigation .tier-1 > a { - color: #e6e8ea; - background-color: transparent; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - letter-spacing: 0.01em; } - .jobs-navigation .tier-1 > a:hover, .jobs-navigation .tier-1 > a:focus, .jobs-navigation .tier-1 > a .tier-1:hover > a { - color: #fff; - background-color: #8b5792; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF985F9F', endColorstr='#FF8B5792'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM5ODVmOWYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzhiNTc5MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #985f9f), color-stop(90%, #8b5792)); - background-image: -moz-linear-gradient(#985f9f 10%, #8b5792 90%); - background-image: -webkit-linear-gradient(#985f9f 10%, #8b5792 90%); - background-image: linear-gradient(#985f9f 10%, #8b5792 90%); - border-top: 1px solid #a06ba7; - border-bottom: 1px solid #8b5792; } - .jobs-navigation .subnav { - border-top: 1px solid #58375c; - background-color: #fcfbfd; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEE5EF', endColorstr='#FFFCFBFD'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNlZWU1ZWYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZjZmJmZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #eee5ef), color-stop(90%, #fcfbfd)); - background-image: -moz-linear-gradient(#eee5ef 10%, #fcfbfd 90%); - background-image: -webkit-linear-gradient(#eee5ef 10%, #fcfbfd 90%); - background-image: linear-gradient(#eee5ef 10%, #fcfbfd 90%); - -moz-box-shadow: inset 0 0 20px rgba(160, 107, 167, 0.15); - -webkit-box-shadow: inset 0 0 20px rgba(160, 107, 167, 0.15); - box-shadow: inset 0 0 20px rgba(160, 107, 167, 0.15); - /*modernizr*/ } - .touch .jobs-navigation .subnav:before { - border-color: transparent transparent #eee5ef transparent; } - .jobs-navigation .tier-2 > a { - color: rgba(51, 51, 51, 0.9); - border-top: 1px solid rgba(160, 107, 167, 0.25); - border-bottom: 1px solid transparent; } - .jobs-navigation .tier-2 > a:hover, .jobs-navigation .tier-2 > a:focus { - background: rgba(255, 255, 255, 0.35); - color: rgba(34, 34, 34, 0.9); } - .jobs-navigation .tier-2:last-child > a { - border-bottom: 1px solid rgba(160, 107, 167, 0.25); } - .jobs-navigation .current_item { - color: #fff; - background-color: #764a7c; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF85538C', endColorstr='#FF764A7C'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM4NTUzOGMiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzc2NGE3YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #85538c), color-stop(90%, #764a7c)); - background-image: -moz-linear-gradient(#85538c 10%, #764a7c 90%); - background-image: -webkit-linear-gradient(#85538c 10%, #764a7c 90%); - background-image: linear-gradient(#85538c 10%, #764a7c 90%); } - .jobs-navigation .super-navigation { - color: #666; - border: 1px solid #d3bbd7; - background-color: #fcfbfd; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFCFBFD'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZjZmJmZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffffff), color-stop(90%, #fcfbfd)); - background-image: -moz-linear-gradient(#ffffff 10%, #fcfbfd 90%); - background-image: -webkit-linear-gradient(#ffffff 10%, #fcfbfd 90%); - background-image: linear-gradient(#ffffff 10%, #fcfbfd 90%); } - .jobs-navigation .super-navigation a:not(.button) { - color: #a06ba7; } - .jobs-navigation .super-navigation h4 { - color: #945d9c; } + /*a*/ + } + .jobs-navigation .tier-1 { + border-top: 1px solid #b58bba; + border-right: 1px solid #85538c; + border-bottom: 1px solid #67406c; + border-left: 1px solid #b58bba; + } + .jobs-navigation .tier-1 > a { + color: #e6e8ea; + background-color: transparent; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + letter-spacing: 0.01em; + } + .jobs-navigation .tier-1 > a:hover, .jobs-navigation .tier-1 > a:focus, .jobs-navigation .tier-1 > a .tier-1:hover > a { + color: #fff; + background-color: #8b5792; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF985F9F", endColorstr="#FF8B5792"); + background-image: -owg(compact(linear-gradient(#985f9f 10%, #8b5792 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#985f9f 10%, #8b5792 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#985f9f 10%, #8b5792 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#985f9f 10%, #8b5792 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#985f9f 10%, #8b5792 90%), false, false, false, false, false, false, false, false, false); + border-top: 1px solid #a06ba7; + border-bottom: 1px solid #8b5792; + } + .jobs-navigation .subnav { + border-top: 1px solid #58375c; + background-color: #fcfbfd; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFEEE5EF", endColorstr="#FFFCFBFD"); + background-image: -owg(compact(linear-gradient(#eee5ef 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#eee5ef 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#eee5ef 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#eee5ef 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#eee5ef 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(inset 0 0 20px rgba(160, 107, 167, 0.15), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(inset 0 0 20px rgba(160, 107, 167, 0.15), false, false, false, false, false, false, false, false, false); + box-shadow: compact(inset 0 0 20px rgba(160, 107, 167, 0.15), false, false, false, false, false, false, false, false, false); + /*modernizr*/ + } + .touch .jobs-navigation .subnav:before { + border-color: transparent transparent #eee5ef transparent; + } + .jobs-navigation .tier-2 > a { + color: rgba(51, 51, 51, 0.9); + border-top: 1px solid rgba(160, 107, 167, 0.25); + border-bottom: 1px solid transparent; + } + .jobs-navigation .tier-2 > a:hover, .jobs-navigation .tier-2 > a:focus { + background: rgba(255, 255, 255, 0.35); + color: rgba(34, 34, 34, 0.9); + } + .jobs-navigation .tier-2:last-child > a { + border-bottom: 1px solid rgba(160, 107, 167, 0.25); + } + .jobs-navigation .current_item { + color: #fff; + background-color: #764a7c; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF85538C", endColorstr="#FF764A7C"); + background-image: -owg(compact(linear-gradient(#85538c 10%, #764a7c 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#85538c 10%, #764a7c 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#85538c 10%, #764a7c 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#85538c 10%, #764a7c 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#85538c 10%, #764a7c 90%), false, false, false, false, false, false, false, false, false); + } + .jobs-navigation .super-navigation { + color: #666; + border: 1px solid #d3bbd7; + background-color: #fcfbfd; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFFFFF", endColorstr="#FFFCFBFD"); + background-image: -owg(compact(linear-gradient(white 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(white 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(white 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(white 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(white 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false); + } + .jobs-navigation .super-navigation a:not(.button) { + color: #a06ba7; + } + .jobs-navigation .super-navigation h4 { + color: #945d9c; + } .shop-navigation { background-color: #9e4650; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFB55863', endColorstr='#FF9E4650'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNiNTU4NjMiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzllNDY1MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #b55863), color-stop(95%, #9e4650)); - background-image: -moz-linear-gradient(#b55863 30%, #9e4650 95%); - background-image: -webkit-linear-gradient(#b55863 30%, #9e4650 95%); - background-image: linear-gradient(#b55863 30%, #9e4650 95%); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFB55863", endColorstr="#FF9E4650"); + background-image: -owg(compact(linear-gradient(#b55863 30%, #9e4650 95%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#b55863 30%, #9e4650 95%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#b55863 30%, #9e4650 95%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#b55863 30%, #9e4650 95%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#b55863 30%, #9e4650 95%), false, false, false, false, false, false, false, false, false); border-top: 1px solid #cc8d95; border-bottom: 1px solid #622b32; - /*a*/ } - .shop-navigation .tier-1 { - border-top: 1px solid #c57b84; - border-right: 1px solid #97434d; - border-bottom: 1px solid #74333b; - border-left: 1px solid #c57b84; } - .shop-navigation .tier-1 > a { - color: #e6e8ea; - background-color: transparent; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - letter-spacing: 0.01em; } - .shop-navigation .tier-1 > a:hover, .shop-navigation .tier-1 > a:focus, .shop-navigation .tier-1 > a .tier-1:hover > a { - color: #fff; - background-color: #9e4650; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFAC4C58', endColorstr='#FF9E4650'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNhYzRjNTgiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzllNDY1MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ac4c58), color-stop(90%, #9e4650)); - background-image: -moz-linear-gradient(#ac4c58 10%, #9e4650 90%); - background-image: -webkit-linear-gradient(#ac4c58 10%, #9e4650 90%); - background-image: linear-gradient(#ac4c58 10%, #9e4650 90%); - border-top: 1px solid #b55863; - border-bottom: 1px solid #9e4650; } - .shop-navigation .subnav { - border-top: 1px solid #622b32; - background-color: #fbf7f8; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF1DEE0', endColorstr='#FFFBF7F8'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmMWRlZTAiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZiZjdmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #f1dee0), color-stop(90%, #fbf7f8)); - background-image: -moz-linear-gradient(#f1dee0 10%, #fbf7f8 90%); - background-image: -webkit-linear-gradient(#f1dee0 10%, #fbf7f8 90%); - background-image: linear-gradient(#f1dee0 10%, #fbf7f8 90%); - -moz-box-shadow: inset 0 0 20px rgba(181, 88, 99, 0.15); - -webkit-box-shadow: inset 0 0 20px rgba(181, 88, 99, 0.15); - box-shadow: inset 0 0 20px rgba(181, 88, 99, 0.15); - /*modernizr*/ } - .touch .shop-navigation .subnav:before { - border-color: transparent transparent #f1dee0 transparent; } - .shop-navigation .tier-2 > a { - color: rgba(51, 51, 51, 0.9); - border-top: 1px solid rgba(181, 88, 99, 0.25); - border-bottom: 1px solid transparent; } - .shop-navigation .tier-2 > a:hover, .shop-navigation .tier-2 > a:focus { - background: rgba(255, 255, 255, 0.35); - color: rgba(34, 34, 34, 0.9); } - .shop-navigation .tier-2:last-child > a { - border-bottom: 1px solid rgba(181, 88, 99, 0.25); } - .shop-navigation .current_item { - color: #fff; - background-color: #853b44; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF97434D', endColorstr='#FF853B44'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM5NzQzNGQiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzg1M2I0NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #97434d), color-stop(90%, #853b44)); - background-image: -moz-linear-gradient(#97434d 10%, #853b44 90%); - background-image: -webkit-linear-gradient(#97434d 10%, #853b44 90%); - background-image: linear-gradient(#97434d 10%, #853b44 90%); } - .shop-navigation .super-navigation { - color: #666; - border: 1px solid #dcb0b6; - background-color: #fbf7f8; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFBF7F8'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZiZjdmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffffff), color-stop(90%, #fbf7f8)); - background-image: -moz-linear-gradient(#ffffff 10%, #fbf7f8 90%); - background-image: -webkit-linear-gradient(#ffffff 10%, #fbf7f8 90%); - background-image: linear-gradient(#ffffff 10%, #fbf7f8 90%); } - .shop-navigation .super-navigation a:not(.button) { - color: #b55863; } - .shop-navigation .super-navigation h4 { - color: #a94b56; } + /*a*/ + } + .shop-navigation .tier-1 { + border-top: 1px solid #c57b84; + border-right: 1px solid #97434d; + border-bottom: 1px solid #74333b; + border-left: 1px solid #c57b84; + } + .shop-navigation .tier-1 > a { + color: #e6e8ea; + background-color: transparent; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + letter-spacing: 0.01em; + } + .shop-navigation .tier-1 > a:hover, .shop-navigation .tier-1 > a:focus, .shop-navigation .tier-1 > a .tier-1:hover > a { + color: #fff; + background-color: #9e4650; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFAC4C58", endColorstr="#FF9E4650"); + background-image: -owg(compact(linear-gradient(#ac4c58 10%, #9e4650 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#ac4c58 10%, #9e4650 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#ac4c58 10%, #9e4650 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#ac4c58 10%, #9e4650 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#ac4c58 10%, #9e4650 90%), false, false, false, false, false, false, false, false, false); + border-top: 1px solid #b55863; + border-bottom: 1px solid #9e4650; + } + .shop-navigation .subnav { + border-top: 1px solid #622b32; + background-color: #fbf7f8; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFF1DEE0", endColorstr="#FFFBF7F8"); + background-image: -owg(compact(linear-gradient(#f1dee0 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#f1dee0 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#f1dee0 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#f1dee0 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#f1dee0 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(inset 0 0 20px rgba(181, 88, 99, 0.15), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(inset 0 0 20px rgba(181, 88, 99, 0.15), false, false, false, false, false, false, false, false, false); + box-shadow: compact(inset 0 0 20px rgba(181, 88, 99, 0.15), false, false, false, false, false, false, false, false, false); + /*modernizr*/ + } + .touch .shop-navigation .subnav:before { + border-color: transparent transparent #f1dee0 transparent; + } + .shop-navigation .tier-2 > a { + color: rgba(51, 51, 51, 0.9); + border-top: 1px solid rgba(181, 88, 99, 0.25); + border-bottom: 1px solid transparent; + } + .shop-navigation .tier-2 > a:hover, .shop-navigation .tier-2 > a:focus { + background: rgba(255, 255, 255, 0.35); + color: rgba(34, 34, 34, 0.9); + } + .shop-navigation .tier-2:last-child > a { + border-bottom: 1px solid rgba(181, 88, 99, 0.25); + } + .shop-navigation .current_item { + color: #fff; + background-color: #853b44; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF97434D", endColorstr="#FF853B44"); + background-image: -owg(compact(linear-gradient(#97434d 10%, #853b44 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#97434d 10%, #853b44 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#97434d 10%, #853b44 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#97434d 10%, #853b44 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#97434d 10%, #853b44 90%), false, false, false, false, false, false, false, false, false); + } + .shop-navigation .super-navigation { + color: #666; + border: 1px solid #dcb0b6; + background-color: #fbf7f8; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFFFFF", endColorstr="#FFFBF7F8"); + background-image: -owg(compact(linear-gradient(white 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(white 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(white 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(white 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(white 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false); + } + .shop-navigation .super-navigation a:not(.button) { + color: #b55863; + } + .shop-navigation .super-navigation h4 { + color: #a94b56; + } /* end @for */ .content-wrapper { - /* Increase the amount of white space under the nav on inner pages */ } - .default-page .content-wrapper { - padding-top: 2em; } + /* Increase the amount of white space under the nav on inner pages */ + } + .default-page .content-wrapper { + padding-top: 2em; + } /* Main content with sidebars */ .main-content.with-left-sidebar { - width: 65.95745%; - float: right; - margin-right: 0; - #margin-left: -20px; } + width: 65.9574468085%; + float: opposite-position(left); + margin-opposite-position(left): 0; + #margin-opposite-position(opposite-position(left)): -20px; + } .main-content.with-right-sidebar { - width: 65.95745%; + width: 65.9574468085%; float: left; - margin-right: 2.12766%; } + margin-opposite-position(left): 2.1276595745%; + } .text { - font-size: 0.9375em; } + font-size: 0.9375em; + } /*aside*/ .left-sidebar { - width: 31.91489%; + width: 31.914893617%; float: left; - margin-right: 2.12766%; - margin-top: 1em; } + margin-opposite-position(left): 2.1276595745%; + margin-top: 1em; + } /*aside*/ .right-sidebar { - width: 31.91489%; - float: right; - margin-right: 0; - #margin-left: -20px; } + width: 31.914893617%; + float: opposite-position(left); + margin-opposite-position(left): 0; + #margin-opposite-position(opposite-position(left)): -20px; + } .left-sidebar .small-widget, .left-sidebar .medium-widget, .left-sidebar .triple-widget, .right-sidebar .small-widget, .right-sidebar .medium-widget, .right-sidebar .triple-widget { float: none; width: auto; - margin-right: auto; - #margin-left: auto; } + margin-opposite-position(left): auto; + #margin-opposite-position(opposite-position(left)): auto; + } /* Widgets in main content */ .row { - margin-bottom: 1em; } + margin-bottom: 1em; + } .small-widget { - width: 48.93617%; + width: 48.9361702128%; float: left; - margin-right: 2.12766%; } - .small-widget:nth-child(2), .small-widget.last { - margin-right: 0; } + margin-opposite-position(left): 2.1276595745%; + } + .small-widget:nth-child(2), .small-widget.last { + margin-right: 0; + } .triple-widget { - width: 31.91489%; + width: 31.914893617%; float: left; - margin-right: 2.12766%; } - .triple-widget.last { - margin-right: 0; } + margin-opposite-position(left): 2.1276595745%; + } + .triple-widget.last { + margin-right: 0; + } .most-recent-posts { - width: 74.46809%; + width: 74.4680851064%; float: left; - margin-right: 2.12766%; } + margin-opposite-position(left): 2.1276595745%; + } .pep-widget, - .psf-widget, - .python-needs-you-widget { +.psf-widget, +.python-needs-you-widget { padding: 1.5em 1.75em; - clear: both; } + clear: both; + } /* PEP landing page */ .pep-list-header, - .pep-index-list li, - .info-key { - margin: 0 -.5em; } +.pep-index-list li, +.info-key { + margin: 0 -0.5em; + } .pep-list-header { - display: block; } + display: block; + } .pep-index-list .label { - display: none; } + display: none; + } .pep-index-list a { - display: block; } + display: block; + } .pep-index-list li { border-bottom: 1px solid #e3e7ec; - margin-bottom: 0; } + margin-bottom: 0; + } .pep-type, - .pep-num, - .pep-title, - .pep-owner { +.pep-num, +.pep-title, +.pep-owner { float: left; - border-bottom: 0; } + border-bottom: 0; + } .pep-type { - width: 15%; } + width: 15%; + } .pep-num { - width: 10%; } + width: 10%; + } .pep-title { - width: 50%; } + width: 50%; + } .pep-owner { - width: 25%; } + width: 25%; + } /* Jobs landing page */ .jobs-intro { padding-top: 2em; - padding-bottom: 2em; } + padding-bottom: 2em; + } .listing-company-category:before { content: "Category: "; - color: #666; } + color: #666; + } .listing-job-title:before { content: "Title: "; - color: #666; } + color: #666; + } .listing-job-type:before { content: "Looking for: "; - color: #666; } + color: #666; + } .release-number, - .release-date, - .release-download, - .release-enhancements { +.release-date, +.release-download, +.release-enhancements { -moz-box-orient: vertical; display: inline-block; margin-right: -4px; - vertical-align: middle; } + vertical-align: middle; + } .release-number { - width: 20%; } + width: 20%; + } .release-date { - width: 30%; } + width: 30%; + } .release-download { - width: 25%; } + width: 25%; + } .release-enhancements { - width: 25%; } + width: 25%; + } .release-version, - .release-status, - .release-start, - .release-end, - .release-pep { +.release-status, +.release-start, +.release-end, +.release-pep { -moz-box-orient: vertical; display: inline-block; margin-right: -4px; - vertical-align: middle; } + vertical-align: middle; + } .release-version { - width: 15%; } + width: 15%; + } .release-status { - width: 20%; } + width: 20%; + } .release-start { - width: 25%; } + width: 25%; + } .release-end { - width: 25%; } + width: 25%; + } .release-pep { - width: 15%; } + width: 15%; + } /* Previous Next pattern */ .previous-next { overflow: hidden; - *zoom: 1; } - .previous-next a { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - .previous-next .prev-button { - width: 48.93617%; - float: left; - margin-right: 2.12766%; } - .previous-next .next-button { - width: 48.93617%; - float: right; - margin-right: 0; - #margin-left: -20px; } + *zoom: 1; + } + .previous-next a { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .previous-next .prev-button { + width: 48.9361702128%; + float: left; + margin-opposite-position(left): 2.1276595745%; + } + .previous-next .next-button { + width: 48.9361702128%; + float: opposite-position(left); + margin-opposite-position(left): 0; + #margin-opposite-position(opposite-position(left)): -20px; + } /* Footer */ .main-footer .jump-link { - display: none; } + display: none; + } .sitemap .tier-1 { float: left; width: 50%; - /* Special case, we want the Events subnav to be up under Blog */ } - .sitemap .tier-1:nth-child(odd) { - clear: left; } - .sitemap .tier-1:nth-child(even) { - border-left: 1px solid #f7f7f8; } - .sitemap .tier-1.element-7 { - clear: none; } + /* Special case, we want the Events subnav to be up under Blog */ + } + .sitemap .tier-1:nth-child(odd) { + clear: left; + } + .sitemap .tier-1:nth-child(even) { + border-left: 1px solid #f7f7f8; + } + .sitemap .tier-1.element-7 { + clear: none; + } .footer-links { clear: both; - text-align: center; } - .footer-links li { - display: inline-block; } } + text-align: center; + } + .footer-links li { + display: inline-block; + } +} /* - - - Larger than 800px - - - */ @media (min-width: 50em) { body:after { content: "drawer_navigation"; display: none; - speak: none; } + speak: none; + } .site-headline { - margin: .25em 0 .5em; } + margin: 0.25em 0 0.5em; + } .site-headline a .python-logo { width: 255.2px; - height: 72.16px; } + height: 72.16px; + } .site-headline a .psf-logo { width: 293.92px; - height: 72.16px; } + height: 72.16px; + } .donate-button { - top: 33px; } + top: 33px; + } .options-bar { - margin: 0.875em 0; } + margin: 0.875em 0; + } .search-field { background: #fff; - padding: .4em .5em .3em; - margin-right: .5em; - width: 11em; } - .search-field:focus { - width: 13em; } + padding: 0.4em 0.5em 0.3em; + margin-right: 0.5em; + width: 11em; + } + .search-field:focus { + width: 13em; + } .home .header-banner { - margin: 0 2em 0 1em; } + margin: 0 2em 0 1em; + } .slideshow .slides li { overflow: hidden; - *zoom: 1; } + *zoom: 1; + } .slide-code, .slide-copy { float: left; width: 50%; - min-height: 280px; } + min-height: 280px; + } .slide-code { position: relative; - line-height: 1.5; } + line-height: 1.5; + } .js .launch-shell { - display: block; } + display: block; + } /* Launch Interactive Shell>>> @@ -1647,102 +1873,117 @@ html[xmlns] .slides { display: block; } position: absolute; top: 1.25em; right: 52%; - z-index: 50; } - .flexslide .launch-shell span, .flexslide .launch-shell a { - display: inline-block; } - .flexslide .launch-shell .button { - padding-bottom: .2em; } - .flexslide .launch-shell .button .message { - opacity: 0; - position: absolute; - top: -9999px; - right: 2.6em; - white-space: nowrap; - padding: .4em .75em .35em; - color: #999; - background-color: #1f1f1f; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF333333', endColorstr='#FF1F1F1F'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzFmMWYxZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #333333), color-stop(90%, #1f1f1f)); - background-image: -moz-linear-gradient(#333333 10%, #1f1f1f 90%); - background-image: -webkit-linear-gradient(#333333 10%, #1f1f1f 90%); - background-image: linear-gradient(#333333 10%, #1f1f1f 90%); - border-top: 1px solid #444; - border-right: 1px solid #444; - border-bottom: 1px solid #444; - border-left: 1px solid #444; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); - -moz-transition: opacity 0.25s ease-in-out, top 0s linear 0.25s; - -o-transition: opacity 0.25s ease-in-out, top 0s linear 0.25s; - -webkit-transition: opacity 0.25s ease-in-out, top 0s linear; - -webkit-transition-delay: 0s, 0.25s; - transition: opacity 0.25s ease-in-out, top 0s linear 0.25s; } - .flexslide .launch-shell .button:hover .message { - opacity: 1; - top: 0; - -moz-transition: opacity 0.25s ease-in-out, top 0s linear; - -o-transition: opacity 0.25s ease-in-out, top 0s linear; - -webkit-transition: opacity 0.25s ease-in-out, top 0s linear; - transition: opacity 0.25s ease-in-out, top 0s linear; } + z-index: 50; + } + .flexslide .launch-shell span, .flexslide .launch-shell a { + display: inline-block; + } + .flexslide .launch-shell .button { + padding-bottom: 0.2em; + } + .flexslide .launch-shell .button .message { + opacity: 0; + position: absolute; + top: -9999px; + right: 2.6em; + white-space: nowrap; + padding: 0.4em 0.75em 0.35em; + color: #999; + background-color: #1f1f1f; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF333333", endColorstr="#FF1F1F1F"); + background-image: -owg(compact(linear-gradient(#333 10%, #1f1f1f 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#333 10%, #1f1f1f 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#333 10%, #1f1f1f 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#333 10%, #1f1f1f 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#333 10%, #1f1f1f 90%), false, false, false, false, false, false, false, false, false); + border-top: 1px solid #444; + border-right: 1px solid #444; + border-bottom: 1px solid #444; + border-left: 1px solid #444; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -ms-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: compact(1px 1px 1px rgba(0, 0, 0, 0.05), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(1px 1px 1px rgba(0, 0, 0, 0.05), false, false, false, false, false, false, false, false, false); + box-shadow: compact(1px 1px 1px rgba(0, 0, 0, 0.05), false, false, false, false, false, false, false, false, false); + -webkit-transition: compact(compact(opacity 0.25s ease-in-out, top 0s linear 0.25s, false, false, false, false, false, false, false, false) false false); + -moz-transition: compact(compact(opacity 0.25s ease-in-out, top 0s linear 0.25s, false, false, false, false, false, false, false, false) false false false); + -o-transition: compact(compact(opacity 0.25s ease-in-out, top 0s linear 0.25s, false, false, false, false, false, false, false, false) false false false); + transition: compact(opacity 0.25s ease-in-out, top 0s linear 0.25s, false, false, false, false, false, false, false, false); + } + .flexslide .launch-shell .button:hover .message { + opacity: 1; + top: 0; + -webkit-transition: compact(compact(opacity 0.25s ease-in-out, top 0s linear, false, false, false, false, false, false, false, false) false false); + -moz-transition: compact(compact(opacity 0.25s ease-in-out, top 0s linear, false, false, false, false, false, false, false, false) false false false); + -o-transition: compact(compact(opacity 0.25s ease-in-out, top 0s linear, false, false, false, false, false, false, false, false) false false false); + transition: compact(opacity 0.25s ease-in-out, top 0s linear, false, false, false, false, false, false, false, false); + } .introduction { - text-align: center; } - .introduction .breaker { - display: block; - width: 100%; - height: 1px; - font-size: 1px; - line-height: 1px; } + text-align: center; + } + .introduction .breaker { + display: block; + width: 100%; + height: 1px; + font-size: 1px; + line-height: 1px; + } /* Header-banners */ .main-header .container { - padding-bottom: 0; } + padding-bottom: 0; + } .header-banner { padding: 0 0 0 1em; - margin: 0 -1em 0 0; } + margin: 0 -1em 0 0; + } .about-banner, - .download-for-current-os, - .documentation-banner, - .community-banner { +.download-for-current-os, +.documentation-banner, +.community-banner { padding-left: 0%; - padding-right: 51.06383%; - padding-top: 1em; } + padding-opposite-position(left): 51.0638297872%; + padding-top: 1em; + } .about-banner { - background: 120% 0 no-repeat url('../img/landing-about.png?1576869008') transparent; + background: 120% 0 no-repeat image-url("landing-about.png") transparent; min-height: 345px; padding-bottom: 3.5em; - margin-bottom: -2.5em; } + margin-bottom: -2.5em; + } .download-for-current-os { - background: 130% 0 no-repeat url('../img/landing-downloads.png?1576869008') transparent; + background: 130% 0 no-repeat image-url("landing-downloads.png") transparent; min-height: 345px; padding-bottom: 4em; - margin-bottom: -3em; } + margin-bottom: -3em; + } .documentation-banner { - background: 130% 0 no-repeat url('../img/landing-docs.png?1576869008') transparent; - padding-bottom: 1em; } + background: 130% 0 no-repeat image-url("landing-docs.png") transparent; + padding-bottom: 1em; + } .community-banner { text-align: left; - background: 110% 0 no-repeat url('../img/landing-community.png?1576869008') transparent; + background: 110% 0 no-repeat image-url("landing-community.png") transparent; min-height: 345px; padding-bottom: 2em; - margin-bottom: -1.25em; } + margin-bottom: -1.25em; + } .welcome-to-the-foundation { padding-top: 2em; - padding-bottom: 2em; } + padding-bottom: 2em; + } /* Blog landing page */ /*h2*/ @@ -1750,223 +1991,274 @@ html[xmlns] .slides { display: block; } text-align: left; position: absolute; left: 0; - width: 23.40426%; - margin-top: 0.56875em; } + width: 23.4042553191%; + margin-top: 0.56875em; + } .latest-blog-post, - .featured-event, - .jobs-intro { +.featured-event, +.jobs-intro { position: relative; text-align: left; - min-height: 130px; } - .latest-blog-post .call-to-action, - .featured-event .call-to-action, - .jobs-intro .call-to-action { - margin-left: 34.04255%; } - .latest-blog-post .date-posted, .latest-blog-post .event-date, - .featured-event .date-posted, - .featured-event .event-date, - .jobs-intro .date-posted, - .jobs-intro .event-date { - position: absolute; - left: 0; - width: 31.91489%; } - .latest-blog-post .date-posted time, - .featured-event .date-posted time, - .jobs-intro .date-posted time { - position: relative; - top: 30px; } - .latest-blog-post .excerpt, - .featured-event .excerpt, - .jobs-intro .excerpt { - margin-left: 34.04255%; } + min-height: 130px; + } + .latest-blog-post .call-to-action, +.featured-event .call-to-action, +.jobs-intro .call-to-action { + margin-left: 34.0425531915%; + } + .latest-blog-post .date-posted, .latest-blog-post .event-date, +.featured-event .date-posted, +.featured-event .event-date, +.jobs-intro .date-posted, +.jobs-intro .event-date { + position: absolute; + left: 0; + width: 31.914893617%; + } + .latest-blog-post .date-posted time, +.featured-event .date-posted time, +.jobs-intro .date-posted time { + position: relative; + top: 30px; + } + .latest-blog-post .excerpt, +.featured-event .excerpt, +.jobs-intro .excerpt { + margin-left: 34.0425531915%; + } /* Main content with sidebars */ .home .content-wrapper .container { - padding-top: 2.5em; } + padding-top: 2.5em; + } .main-content.with-left-sidebar { - width: 74.46809%; - float: right; - margin-right: 0; - #margin-left: -20px; } + width: 74.4680851064%; + float: opposite-position(left); + margin-opposite-position(left): 0; + #margin-opposite-position(opposite-position(left)): -20px; + } .main-content.with-right-sidebar { - width: 74.46809%; + width: 74.4680851064%; float: left; - margin-right: 2.12766%; } + margin-opposite-position(left): 2.1276595745%; + } /*aside*/ .left-sidebar { - width: 23.40426%; + width: 23.4042553191%; float: left; - margin-right: 2.12766%; } + margin-opposite-position(left): 2.1276595745%; + } /*aside*/ .right-sidebar { - width: 23.40426%; - float: right; - margin-right: 0; - #margin-left: -20px; } + width: 23.4042553191%; + float: opposite-position(left); + margin-opposite-position(left): 0; + #margin-opposite-position(opposite-position(left)): -20px; + } .featured-success-story { - /*blockquote*/ } - .featured-success-story .success-quote:before, .featured-success-story .success-quote:after { - font-size: 2.375em; } + /*blockquote*/ + } + .featured-success-story .success-quote:before, .featured-success-story .success-quote:after { + font-size: 2.375em; + } .quote-by, .quote-by-organization { display: -moz-inline-stack; display: inline-block; - vertical-align: baseline; } - .lt-ie8 .quote-by, .lt-ie8 .quote-by-organization { - vertical-align: auto; - zoom: 1; - display: inline; } + vertical-align: baseline; + } + .lt-ie8 .quote-by, .lt-ie8 .quote-by-organization { + vertical-align: auto; + zoom: 1; + display: inline; + } .quote-by-organization:before { content: ", "; - margin-left: -.25em; } + margin-left: -0.25em; + } .activity-feed { position: absolute; - right: 0; } + right: 0; + } .psf-widget, .python-needs-you-widget { min-height: 14em; - position: relative; } - .psf-widget .python-logo, .python-needs-you-widget .python-logo { - position: absolute; - top: 0.5em; - right: 1em; - width: 210px; - height: 210px; - background: top left no-repeat url('../img/python-logo-large.png?1576869008') transparent; } - .psf-widget .widget-title, .psf-widget p, .python-needs-you-widget .widget-title, .python-needs-you-widget p { - margin-right: 34.04255%; } + position: relative; + } + .psf-widget .python-logo, .python-needs-you-widget .python-logo { + position: absolute; + top: 0.5em; + right: 1em; + width: 210px; + height: 210px; + background: top left no-repeat image-url("python-logo-large.png") transparent; + } + .psf-widget .widget-title, .psf-widget p, .python-needs-you-widget .widget-title, .python-needs-you-widget p { + margin-opposite-position(left): 34.0425531915%; + } .triple-widget { - width: 31.91489%; + width: 31.914893617%; float: left; - margin-right: 2.12766%; } - .triple-widget.last { - margin-right: 0; } + margin-opposite-position(left): 2.1276595745%; + } + .triple-widget.last { + margin-right: 0; + } /* ! Events landing page */ .list-recent-events .event-title, .list-recent-events p, .list-recent-posts .event-title, .list-recent-posts p { - margin-left: 25.53191%; } + margin-left: 25.5319148936%; + } .list-recent-events time, .list-recent-posts time { position: absolute; - top: .3em; + top: 0.3em; left: 0; - width: 23.40426%; } + width: 23.4042553191%; + } /* Jobs Section */ .list-recent-jobs .listing-company-category a, .list-recent-jobs .listing-job-type a { - white-space: nowrap; } + white-space: nowrap; + } .list-recent-jobs .listing-posted { - width: 48.93617%; + width: 48.9361702128%; float: left; - margin-right: 2.12766%; - margin-right: 0; } - .list-recent-jobs .listing-company-category { - width: 48.93617%; - float: right; + margin-opposite-position(left): 2.1276595745%; margin-right: 0; - #margin-left: -20px; + } + .list-recent-jobs .listing-company-category { + width: 48.9361702128%; + float: opposite-position(left); + margin-opposite-position(left): 0; + #margin-opposite-position(opposite-position(left)): -20px; text-align: right; - clear: none; } + clear: none; + } .list-recent-jobs .listing-actions { clear: both; overflow: hidden; *zoom: 1; padding-top: 0.9375em; - text-align: right; } + text-align: right; + } /*h2*/ .listing-company .listing-company-name { - width: 57.44681%; + width: 57.4468085106%; float: left; - margin-right: 2.12766%; } - .listing-company .listing-company-name a:hover:after, .listing-company .listing-company-name a:focus:after { - color: #666; - content: " View Details"; - font-size: .75em; } + margin-opposite-position(left): 2.1276595745%; + } + .listing-company .listing-company-name a:hover:after, .listing-company .listing-company-name a:focus:after { + color: #666; + content: " View Details"; + font-size: 0.75em; + } .listing-company .listing-location { - width: 40.42553%; - float: right; - margin-right: 0; - #margin-left: -20px; - text-align: right; } + width: 40.4255319149%; + float: opposite-position(left); + margin-opposite-position(left): 0; + #margin-opposite-position(opposite-position(left)): -20px; + text-align: right; + } .job-meta { - width: 48.93617%; + width: 48.9361702128%; float: left; - margin-right: 2.12766%; - margin-bottom: 0; } + margin-opposite-position(left): 2.1276595745%; + margin-bottom: 0; + } .job-tags { - width: 48.93617%; - float: right; - margin-right: 0; - #margin-left: -20px; } + width: 48.9361702128%; + float: opposite-position(left); + margin-opposite-position(left): 0; + #margin-opposite-position(opposite-position(left)): -20px; + } /* Forms that are wide enough to have labels and input fields side by side */ .wide-form ul { - margin-left: 24%; } + margin-left: 24%; + } .wide-form p { overflow: hidden; *zoom: 1; - /* ! This is done the wrong way with SASS. Should be something like #{$form-text-inputs} with $form-text-inputs as a variable */ } - .wide-form p label, .wide-form p textarea { - display: inline-block; - vertical-align: top; } - .wide-form p label { - width: 24%; } - .wide-form p input[type=text], .wide-form p input[type=password], .wide-form p input[type=search], .wide-form p input[type=email], .wide-form p input[type=url], .wide-form p input[type=tel] { - width: 75%; - display: inline-block; - vertical-align: top; } - .wide-form p textarea { - width: 75%; } - .wide-form p button { - margin-left: 24%; } - .wide-form p button + button { - margin-left: 0; } + /* ! This is done the wrong way with SASS. Should be something like \\$form-text-inputs with \$form-text-inputs as a variable */ + } + .wide-form p label, .wide-form p textarea { + display: inline-block; + vertical-align: top; + } + .wide-form p label { + width: 24%; + } + .wide-form p input[type=text], .wide-form p input[type=password], .wide-form p input[type=search], .wide-form p input[type=email], .wide-form p input[type=url], .wide-form p input[type=tel] { + width: 75%; + display: inline-block; + vertical-align: top; + } + .wide-form p textarea { + width: 75%; + } + .wide-form p button { + margin-left: 24%; + } + .wide-form p button + button { + margin-left: 0; + } .jobs-form ul { margin-top: -3.25em; - *zoom: 1; } - .jobs-form ul:after { - content: ""; - display: table; - clear: both; } - .jobs-form ul li { - float: left; - width: 33%; } + *zoom: 1; + } + .jobs-form ul:after { + content: ""; + display: table; + clear: both; + } + .jobs-form ul li { + float: left; + width: 33%; + } .jobs-form ul.errorlist { /* Reset margin for errorlist so that messages are not drawn over other labels */ - margin-top: 0; } + margin-top: 0; + } /* Footer */ .sitemap, .footer-links, .copyright { - font-size: 0.875em; } + font-size: 0.875em; + } .sitemap .tier-1 { width: 32.97872%; border-left: 0; - border-right: 0; } - .sitemap .tier-1:nth-child(odd), .sitemap .tier-1:nth-child(even) { - clear: none; - border-left: 0; - border-right: 0; } - .sitemap .tier-1.element-1, .sitemap .tier-1.element-2, .sitemap .tier-1.element-4, .sitemap .tier-1.element-5, .sitemap .tier-1.element-8 { - border-right: 1px solid #d5d6d8; } - .sitemap .tier-1.element-2, .sitemap .tier-1.element-3, .sitemap .tier-1.element-5, .sitemap .tier-1.element-6, .sitemap .tier-1.element-7, .sitemap .tier-1.element-8, .sitemap .tier-1.element-9 { - border-left: 1px solid #f7f7f8; } + border-right: 0; + } + .sitemap .tier-1:nth-child(odd), .sitemap .tier-1:nth-child(even) { + clear: none; + border-left: 0; + border-right: 0; + } + .sitemap .tier-1.element-1, .sitemap .tier-1.element-2, .sitemap .tier-1.element-4, .sitemap .tier-1.element-5, .sitemap .tier-1.element-8 { + border-right: 1px solid #d5d6d8; + } + .sitemap .tier-1.element-2, .sitemap .tier-1.element-3, .sitemap .tier-1.element-5, .sitemap .tier-1.element-6, .sitemap .tier-1.element-7, .sitemap .tier-1.element-8, .sitemap .tier-1.element-9 { + border-left: 1px solid #f7f7f8; + } .footer-links .say-no-more { display: inline; - visibility: visible; } + visibility: visible; + } .flex-slideshow.default-slideshow .caption-wrapper { position: absolute; @@ -1974,19 +2266,23 @@ html[xmlns] .slides { display: block; } left: 1em; bottom: 2em; width: 33%; - padding: .75em; + padding: 0.75em; overflow: hidden; background: #e6e8ea; - background: rgba(255, 255, 255, 0.75); } + background: rgba(255, 255, 255, 0.75); + } .flex-control-nav { - padding-bottom: 1.5em; } } + padding-bottom: 1.5em; + } +} /* - - - Larger than 940px - - - */ @media (min-width: 58.75em) { body:after { content: "drawer_navigation load_supernavs"; display: none; - speak: none; } + speak: none; + } .main-navigation { /* Include the mixins to start our horizontal nav @@ -1997,174 +2293,220 @@ html[xmlns] .slides { display: block; } /*ul*/ /*li*/ /*li*/ - /*ul*/ } - .main-navigation .menu { - margin-bottom: 0; } - .main-navigation .tier-1, .main-navigation .tier-2 { - /* We do this more explictly (the descendant selector) to avoid also styling links in the Supernav content */ } - .main-navigation .tier-1 > a, .main-navigation .tier-2 > a { - display: block; - padding: .5em 1.5em .4em 1em; - position: relative; } - .main-navigation .tier-1 { - display: block; - width: 100%; } - .main-navigation .tier-1 > a { - text-align: center; } - .main-navigation .tier-2 > a { - text-align: left; } - .main-navigation .menu { - *zoom: 1; } - .main-navigation .menu:after { - content: ""; - display: table; - clear: both; } - .main-navigation .tier-1 { - position: relative; } - .main-navigation .subnav { - position: absolute; - z-index: 100; - text-align: left; - /*modernizr*/ - /*modernizr*/ } - .no-touch .main-navigation .subnav { - min-width: 100%; - display: none; - -moz-transition: all 0s ease; - -o-transition: all 0s ease; - -webkit-transition: all 0s ease; - transition: all 0s ease; } - .touch .main-navigation .subnav { - top: 120%; - display: none; - opacity: 0; - -moz-transition: opacity 0.25s ease-in-out; - -o-transition: opacity 0.25s ease-in-out; - -webkit-transition: opacity 0.25s ease-in-out; - transition: opacity 0.25s ease-in-out; - -moz-box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.6); - -webkit-box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.6); - box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.6); } - .touch .main-navigation .subnav:before { - position: absolute; - content: ""; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - border-width: 0.75em; - top: -1.45em; - display: block; } - .no-touch .main-navigation .element-1:hover .subnav, .no-touch .main-navigation .element-1:focus .subnav, .no-touch .main-navigation .element-2:hover .subnav, .no-touch .main-navigation .element-2:focus .subnav, .no-touch .main-navigation .element-3:hover .subnav, .no-touch .main-navigation .element-3:focus .subnav, .no-touch .main-navigation .element-4:hover .subnav, .no-touch .main-navigation .element-4:focus .subnav { - left: 0; - display: initial; - -moz-transition-delay: 0.25s; - -o-transition-delay: 0.25s; - -webkit-transition-delay: 0.25s; - transition-delay: 0.25s; } - .no-touch .main-navigation .element-5:hover .subnav, .no-touch .main-navigation .element-5:focus .subnav, .no-touch .main-navigation .element-6:hover .subnav, .no-touch .main-navigation .element-6:focus .subnav, .no-touch .main-navigation .element-7:hover .subnav, .no-touch .main-navigation .element-7:focus .subnav, .no-touch .main-navigation .element-8:hover .subnav, .no-touch .main-navigation .element-8:focus .subnav, .no-touch .main-navigation .last:hover .subnav, .no-touch .main-navigation .last:focus .subnav { - right: 0; - display: initial; - -moz-transition-delay: 0.25s; - -o-transition-delay: 0.25s; - -webkit-transition-delay: 0.25s; - transition-delay: 0.25s; } - .touch .main-navigation .element-1, .touch .main-navigation .element-2, .touch .main-navigation .element-3, .touch .main-navigation .element-4 { - /* Position the pointer element */ } - .touch .main-navigation .element-1:hover .subnav, .touch .main-navigation .element-1 .subnav.touched, .touch .main-navigation .element-2:hover .subnav, .touch .main-navigation .element-2 .subnav.touched, .touch .main-navigation .element-3:hover .subnav, .touch .main-navigation .element-3 .subnav.touched, .touch .main-navigation .element-4:hover .subnav, .touch .main-navigation .element-4 .subnav.touched { - display: block; - opacity: 1; - left: 0; } - .touch .main-navigation .element-1 .subnav:before, .touch .main-navigation .element-2 .subnav:before, .touch .main-navigation .element-3 .subnav:before, .touch .main-navigation .element-4 .subnav:before { - left: 1.5em; } - .touch .main-navigation .element-5, .touch .main-navigation .element-6, .touch .main-navigation .element-7, .touch .main-navigation .element-8, .touch .main-navigation .last { - /* Position the pointer element */ } - .touch .main-navigation .element-5:hover .subnav, .touch .main-navigation .element-5 .subnav.touched, .touch .main-navigation .element-6:hover .subnav, .touch .main-navigation .element-6 .subnav.touched, .touch .main-navigation .element-7:hover .subnav, .touch .main-navigation .element-7 .subnav.touched, .touch .main-navigation .element-8:hover .subnav, .touch .main-navigation .element-8 .subnav.touched, .touch .main-navigation .last:hover .subnav, .touch .main-navigation .last .subnav.touched { - display: block; - opacity: 1; - right: 0; } - .touch .main-navigation .element-5 .subnav:before, .touch .main-navigation .element-6 .subnav:before, .touch .main-navigation .element-7 .subnav:before, .touch .main-navigation .element-8 .subnav:before, .touch .main-navigation .last .subnav:before { - left: auto; - right: 1.5em; } - .main-navigation .tier-2 { - display: block; - min-width: 100%; } - .main-navigation .tier-2 a { - white-space: nowrap; } + /*ul*/ + } + .main-navigation .menu { + margin-bottom: 0; + } + .main-navigation .tier-1, .main-navigation .tier-2 { + /* We do this more explictly (the descendant selector) to avoid also styling links in the Supernav content */ + } + .main-navigation .tier-1 > a, .main-navigation .tier-2 > a { + display: block; + padding: 0.5em 1.5em 0.4em 1em; + position: relative; + } + .main-navigation .tier-1 { + display: block; + width: 100%; + } + .main-navigation .tier-1 > a { + text-align: center; + } + .main-navigation .tier-2 > a { + text-align: left; + } + .main-navigation .menu { + *zoom: 1; + } + .main-navigation .menu:after { + content: ""; + display: table; + clear: both; + } + .main-navigation .tier-1 { + position: relative; + } + .main-navigation .subnav { + position: absolute; + z-index: 100; + text-align: left; + /*modernizr*/ + /*modernizr*/ + } + .no-touch .main-navigation .subnav { + min-width: 100%; + display: none; + -webkit-transition: compact(compact(all 0s ease, false, false, false, false, false, false, false, false, false) false false); + -moz-transition: compact(compact(all 0s ease, false, false, false, false, false, false, false, false, false) false false false); + -o-transition: compact(compact(all 0s ease, false, false, false, false, false, false, false, false, false) false false false); + transition: compact(all 0s ease, false, false, false, false, false, false, false, false, false); + } + .touch .main-navigation .subnav { + top: 120%; + display: none; + opacity: 0; + -webkit-transition: compact(compact(opacity 0.25s ease-in-out, false, false, false, false, false, false, false, false, false) false false); + -moz-transition: compact(compact(opacity 0.25s ease-in-out, false, false, false, false, false, false, false, false, false) false false false); + -o-transition: compact(compact(opacity 0.25s ease-in-out, false, false, false, false, false, false, false, false, false) false false false); + transition: compact(opacity 0.25s ease-in-out, false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(0 0.25em 0.75em rgba(0, 0, 0, 0.6), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(0 0.25em 0.75em rgba(0, 0, 0, 0.6), false, false, false, false, false, false, false, false, false); + box-shadow: compact(0 0.25em 0.75em rgba(0, 0, 0, 0.6), false, false, false, false, false, false, false, false, false); + } + .touch .main-navigation .subnav:before { + position: absolute; + content: ""; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 0.75em; + top: -1.45em; + display: block; + } + .no-touch .main-navigation .element-1:hover .subnav, .no-touch .main-navigation .element-1:focus .subnav, .no-touch .main-navigation .element-2:hover .subnav, .no-touch .main-navigation .element-2:focus .subnav, .no-touch .main-navigation .element-3:hover .subnav, .no-touch .main-navigation .element-3:focus .subnav, .no-touch .main-navigation .element-4:hover .subnav, .no-touch .main-navigation .element-4:focus .subnav { + left: 0; + display: initial; + -webkit-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + -moz-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + -o-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + } + .no-touch .main-navigation .element-5:hover .subnav, .no-touch .main-navigation .element-5:focus .subnav, .no-touch .main-navigation .element-6:hover .subnav, .no-touch .main-navigation .element-6:focus .subnav, .no-touch .main-navigation .element-7:hover .subnav, .no-touch .main-navigation .element-7:focus .subnav, .no-touch .main-navigation .element-8:hover .subnav, .no-touch .main-navigation .element-8:focus .subnav, .no-touch .main-navigation .last:hover .subnav, .no-touch .main-navigation .last:focus .subnav { + right: 0; + display: initial; + -webkit-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + -moz-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + -o-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + } + .touch .main-navigation .element-1, .touch .main-navigation .element-2, .touch .main-navigation .element-3, .touch .main-navigation .element-4 { + /* Position the pointer element */ + } + .touch .main-navigation .element-1:hover .subnav, .touch .main-navigation .element-1 .subnav.touched, .touch .main-navigation .element-2:hover .subnav, .touch .main-navigation .element-2 .subnav.touched, .touch .main-navigation .element-3:hover .subnav, .touch .main-navigation .element-3 .subnav.touched, .touch .main-navigation .element-4:hover .subnav, .touch .main-navigation .element-4 .subnav.touched { + display: block; + opacity: 1; + left: 0; + } + .touch .main-navigation .element-1 .subnav:before, .touch .main-navigation .element-2 .subnav:before, .touch .main-navigation .element-3 .subnav:before, .touch .main-navigation .element-4 .subnav:before { + left: 1.5em; + } + .touch .main-navigation .element-5, .touch .main-navigation .element-6, .touch .main-navigation .element-7, .touch .main-navigation .element-8, .touch .main-navigation .last { + /* Position the pointer element */ + } + .touch .main-navigation .element-5:hover .subnav, .touch .main-navigation .element-5 .subnav.touched, .touch .main-navigation .element-6:hover .subnav, .touch .main-navigation .element-6 .subnav.touched, .touch .main-navigation .element-7:hover .subnav, .touch .main-navigation .element-7 .subnav.touched, .touch .main-navigation .element-8:hover .subnav, .touch .main-navigation .element-8 .subnav.touched, .touch .main-navigation .last:hover .subnav, .touch .main-navigation .last .subnav.touched { + display: block; + opacity: 1; + right: 0; + } + .touch .main-navigation .element-5 .subnav:before, .touch .main-navigation .element-6 .subnav:before, .touch .main-navigation .element-7 .subnav:before, .touch .main-navigation .element-8 .subnav:before, .touch .main-navigation .last .subnav:before { + left: auto; + right: 1.5em; + } + .main-navigation .tier-2 { + display: block; + min-width: 100%; + } + .main-navigation .tier-2 a { + white-space: nowrap; + } .no-touch .main-navigation { display: block; text-align: center; font-size: 1.125em; - -moz-border-radius: 8px; -webkit-border-radius: 8px; + -moz-border-radius: 8px; + -ms-border-radius: 8px; + -o-border-radius: 8px; border-radius: 8px; - -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } - .no-touch .main-navigation .menu { - text-align: center; } - .no-touch .main-navigation .tier-1 { - float: none; - border-top: 0; - border-bottom: 0; - /* Conside display: table; on the wrapper (ul.main-navigation) to get the centering to work, and to allow floats here */ - width: auto; - margin: 0 -5px 0 0; - display: -moz-inline-stack; - display: inline-block; - vertical-align: baseline; - border-right: 1px solid rgba(0, 0, 0, 0.2); - border-left: 1px solid rgba(255, 255, 255, 0.1); - /* We've set this explicitly before, so we need to unset it here */ } - .lt-ie8 .no-touch .main-navigation .tier-1 { - vertical-align: auto; - zoom: 1; - display: inline; } - .no-touch .main-navigation .tier-1.element-1 { - border-left: 0; } - .no-touch .main-navigation .tier-1.last { - border-right: 0; } - .no-touch .main-navigation .tier-1.element-6, .no-touch .main-navigation .tier-1.element-7 { - width: auto; } - .no-touch .main-navigation .tier-1 > a { - padding: .65em 1.25em .55em; } - .no-touch .main-navigation .tier-2 { - font-size: 0.875em; } + -webkit-box-shadow: compact(0 0 10px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(0 0 10px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false); + box-shadow: compact(0 0 10px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false); + } + .no-touch .main-navigation .menu { + text-align: center; + } + .no-touch .main-navigation .tier-1 { + float: none; + border-top: 0; + border-bottom: 0; + /* Conside display: table; on the wrapper (ul.main-navigation) to get the centering to work, and to allow floats here */ + width: auto; + margin: 0 -5px 0 0; + display: -moz-inline-stack; + display: inline-block; + vertical-align: baseline; + border-right: 1px solid rgba(0, 0, 0, 0.2); + border-left: 1px solid rgba(255, 255, 255, 0.1); + /* We've set this explicitly before, so we need to unset it here */ + } + .lt-ie8 .no-touch .main-navigation .tier-1 { + vertical-align: auto; + zoom: 1; + display: inline; + } + .no-touch .main-navigation .tier-1.element-1 { + border-left: 0; + } + .no-touch .main-navigation .tier-1.last { + border-right: 0; + } + .no-touch .main-navigation .tier-1.element-6, .no-touch .main-navigation .tier-1.element-7 { + width: auto; + } + .no-touch .main-navigation .tier-1 > a { + padding: 0.65em 1.25em 0.55em; + } + .no-touch .main-navigation .tier-2 { + font-size: 0.875em; + } /* Shorten the amount of blue space under the nav on inner pages */ .no-touch .default-page .main-navigation { position: relative; - margin-bottom: -1.375em; } + margin-bottom: -1.375em; + } /* Simple Column Structure */ .four-col > .column { - width: 25%; } + width: 25%; + } .four-col > .double-col { - width: 50%; } + width: 50%; + } .four-col > div:nth-of-type(2n+3) { - clear: none; } + clear: none; + } .four-col > div:nth-of-type(4n+5) { - clear: left; } + clear: left; + } .site-headline a .python-logo { width: 290px; - height: 82px; } + height: 82px; + } .site-headline a .psf-logo { width: 334px; - height: 82px; } + height: 82px; + } .search-field { - width: 14em; } - .search-field:focus { - width: 18em; - margin-right: .5em; } + width: 14em; + } + .search-field:focus { + width: 18em; + margin-right: 0.5em; + } .donate-button { - top: 38px; } + top: 38px; + } .options-bar { - margin: 1.3125em 0; } + margin: 1.3125em 0; + } /* Supernavs in main-navigation */ /*
  • @@ -2182,9 +2524,11 @@ html[xmlns] .slides { display: block; }
    • */ .with-supernav .subnav { display: none; - border-right: 1px solid rgba(102, 102, 102, 0.3); } + border-right: 1px solid rgba(102, 102, 102, 0.3); + } .with-supernav .super-navigation { - display: block; } + display: block; + } /*.subnav li*/ .super-navigation { @@ -2197,258 +2541,318 @@ html[xmlns] .slides { display: block; } text-align: left; padding: 1.5em 1.75em; border-top: 1px solid rgba(255, 255, 255, 0.8); - border-left: 1px solid rgba(255, 255, 255, 0.8); } - .main-navigation .super-navigation a:not(.button) { - padding: 0; - border: none; } - .main-navigation .super-navigation a:not(.button):hover, .main-navigation .super-navigation a:not(.button):focus { - border: none; - background: transparent; } - .main-navigation .super-navigation a:not(.button):hover, .main-navigation .super-navigation a:not(.button):focus { - color: #1e2933; } - .super-navigation h2, .super-navigation h3, .super-navigation h4, .super-navigation h5 { - margin-top: 0; } - #community .super-navigation h4, #blog .super-navigation h4, #events .super-navigation h4 { - font-family: Flux-Bold, SourceSansProBold, Arial, sans-serif; - font-weight: normal; - font-size: 1.3125em; - line-height: 1.25em; - margin-bottom: 0; } - .super-navigation p.date-posted { - color: #666; - font-size: 0.625em !important; - font-style: italic; } - .super-navigation p.excert { - font-size: 0.625em; - line-height: 1.3em; } - .super-navigation p.quote-by { - color: #3776ab; } + border-left: 1px solid rgba(255, 255, 255, 0.8); + } + .main-navigation .super-navigation a:not(.button) { + padding: 0; + border: none; + } + .main-navigation .super-navigation a:not(.button):hover, .main-navigation .super-navigation a:not(.button):focus { + border: none; + background: transparent; + } + .main-navigation .super-navigation a:not(.button):hover, .main-navigation .super-navigation a:not(.button):focus { + color: #1e2933; + } + .super-navigation h2, .super-navigation h3, .super-navigation h4, .super-navigation h5 { + margin-top: 0; + } + #community .super-navigation h4, #blog .super-navigation h4, #events .super-navigation h4 { + font-family: Flux-Bold, SourceSansProBold, Arial, sans-serif; + font-weight: normal; + font-size: 1.3125em; + line-height: 1.25em; + margin-bottom: 0; + } + .super-navigation p.date-posted { + color: #666; + font-size: 0.625em !important; + font-style: italic; + } + .super-navigation p.excert { + font-size: 0.625em; + line-height: 1.3em; + } + .super-navigation p.quote-by { + color: #3776ab; + } .tier-1.element-1 .super-navigation, - .tier-1.element-2 .super-navigation, - .tier-1.element-3 .super-navigation { - left: 100.25%; } +.tier-1.element-2 .super-navigation, +.tier-1.element-3 .super-navigation { + left: 100.25%; + } .tier-1.element-4 .super-navigation, - .tier-1.element-5 .super-navigation, - .tier-1.element-6 .super-navigation, - .tier-1.element-7 .super-navigation { - left: -28em; } +.tier-1.element-5 .super-navigation, +.tier-1.element-6 .super-navigation, +.tier-1.element-7 .super-navigation { + left: -28em; + } .super-navigation .menu { - text-align: left; } + text-align: left; + } /* END Supernavs */ /* Header-banners */ .about-banner, - .download-for-current-os, - .documentation-banner { +.download-for-current-os, +.documentation-banner { padding-left: 0%; - padding-right: 42.55319%; } - .about-banner p:last-child, - .download-for-current-os p:last-child, - .documentation-banner p:last-child { - margin-bottom: 0; } + padding-opposite-position(left): 42.5531914894%; + } + .about-banner p:last-child, +.download-for-current-os p:last-child, +.documentation-banner p:last-child { + margin-bottom: 0; + } .about-banner p, - .documentation-banner p, - .community-banner p { - margin-right: 14.81481%; } +.documentation-banner p, +.community-banner p { + margin-opposite-position(left): 14.8148148148%; + } .about-banner, .documentation-banner { - background-position: 110% 0; } + background-position: 110% 0; + } .download-for-current-os { background-position: 115% 0; padding-bottom: 6em; - margin-bottom: -3em; } + margin-bottom: -3em; + } .community-banner { - background-position: 100% 0; } + background-position: 100% 0; + } .featured-success-story .success-quote { - margin-left: 8.51064%; - margin-right: 8.51064%; } + margin-left: 8.5106382979%; + margin-opposite-position(left): 8.5106382979%; + } /* Main content with sidebars */ .main-content.with-left-sidebar { - padding-left: 3.19149%; - padding-right: 3.19149%; } + padding-left: 3.1914893617%; + padding-opposite-position(left): 3.1914893617%; + } .single-event-title { - font-size: 2em; } - .fontface .single-event-title { - font-size: 2.3em; } - .fontface .single-event-title span:before { - font-size: .875em; } + font-size: 2em; + } + .fontface .single-event-title { + font-size: 2.3em; + } + .fontface .single-event-title span:before { + font-size: 0.875em; + } /*aside*/ /*aside*/ .text { - /* Make the intro/first paragraphs slightly larger? */ } - .text > p:first-of-type { - color: #666; - font-size: 1.125em; - line-height: 1.6875; - margin-bottom: 1.25em; } + /* Make the intro/first paragraphs slightly larger? */ + } + .text > p:first-of-type { + color: #666; + font-size: 1.125em; + line-height: 1.6875; + margin-bottom: 1.25em; + } /* Widgets in main content */ .small-widget p, .small-widget li, .medium-widget p, .medium-widget li, .psf-widget p, .psf-widget li, .python-needs-you-widget p, .python-needs-you-widget li, .documentation-help p, .documentation-help li { - font-size: 0.9375em; } + font-size: 0.9375em; + } .small-widget { - width: 23.40426%; + width: 23.4042553191%; float: left; - margin-right: 2.12766%; } - .small-widget:nth-child(2) { - margin-right: 2.12766%; } + margin-opposite-position(left): 2.1276595745%; + } + .small-widget:nth-child(2) { + margin-right: 2.1276595745%; + } .medium-widget { - width: 48.93617%; + width: 48.9361702128%; float: left; - margin-right: 2.12766%; } + margin-opposite-position(left): 2.1276595745%; + } .small-widget.last, .medium-widget.last { float: right; - margin-right: 0; } + margin-right: 0; + } .blog-widget li, .event-widget li, .most-recent-posts li { - padding-left: 7em; } + padding-left: 7em; + } .blog-widget .say-no-more, .event-widget .say-no-more, .most-recent-posts .say-no-more { display: inline; - visibility: visible; } + visibility: visible; + } .pep-widget, - .psf-widget, - .python-needs-you-widget { - padding: 1.5em 1.75em; } +.psf-widget, +.python-needs-you-widget { + padding: 1.5em 1.75em; + } .psf-widget .widget-title, .psf-widget p, - .python-needs-you-widget .widget-title, - .python-needs-you-widget p { - margin-right: 25.53191%; } +.python-needs-you-widget .widget-title, +.python-needs-you-widget p { + margin-opposite-position(left): 25.5319148936%; + } .mapped-events h2 { - margin-top: .5em; } + margin-top: 0.5em; + } /* Community landing page */ .tag-wrapper { - display: inline; } + display: inline; + } /* Blog landing page */ /*h2*/ .welcome-message { - width: 23.40426%; } + width: 23.4042553191%; + } .latest-blog-post .call-to-action, - .featured-event .call-to-action, - .jobs-intro .call-to-action { - margin-left: 25.53191%; } +.featured-event .call-to-action, +.jobs-intro .call-to-action { + margin-left: 25.5319148936%; + } .latest-blog-post .date-posted, .latest-blog-post .event-date, - .featured-event .date-posted, - .featured-event .event-date, - .jobs-intro .date-posted, - .jobs-intro .event-date { - width: 23.40426%; } +.featured-event .date-posted, +.featured-event .event-date, +.jobs-intro .date-posted, +.jobs-intro .event-date { + width: 23.4042553191%; + } .latest-blog-post .excerpt, - .featured-event .excerpt, - .jobs-intro .excerpt { - margin-left: 25.53191%; } +.featured-event .excerpt, +.jobs-intro .excerpt { + margin-left: 25.5319148936%; + } .subscription-channels li { display: -moz-inline-stack; display: inline-block; vertical-align: baseline; - width: 30%; } - .lt-ie8 .subscription-channels li { - vertical-align: auto; - zoom: 1; - display: inline; } + width: 30%; + } + .lt-ie8 .subscription-channels li { + vertical-align: auto; + zoom: 1; + display: inline; + } .pep-widget .widget-title { position: relative; - padding-right: 6em; } + padding-right: 6em; + } .rss-link { position: absolute; top: 0; - right: 0; } + right: 0; + } /* Footer */ .sitemap a { - text-align: left; } + text-align: left; + } .sitemap .tier-1 { width: 16.6667%; - border: 0; } - .sitemap .tier-1.element-1, .sitemap .tier-1.element-2, .sitemap .tier-1.element-3, .sitemap .tier-1.element-4, .sitemap .tier-1.element-5, .sitemap .tier-1.element-6, .sitemap .tier-1.element-7, .sitemap .tier-1.element-8, .sitemap .tier-1.element-9, .sitemap .tier-1.element-10 { - border: 0; } + border: 0; + } + .sitemap .tier-1.element-1, .sitemap .tier-1.element-2, .sitemap .tier-1.element-3, .sitemap .tier-1.element-4, .sitemap .tier-1.element-5, .sitemap .tier-1.element-6, .sitemap .tier-1.element-7, .sitemap .tier-1.element-8, .sitemap .tier-1.element-9, .sitemap .tier-1.element-10 { + border: 0; + } .sitemap .subnav, .sitemap .subnav li { - border: 0; } + border: 0; + } .footer-links a { - padding: 0.3em 0.75em; } + padding: 0.3em 0.75em; + } .flex-slideshow.home-slideshow .caption-wrapper { float: left; - width: 49%; } + width: 49%; + } .flex-slideshow.default-slideshow .caption-wrapper { top: 2em; left: 2em; bottom: 3em; width: 25%; - padding: 1em; } + padding: 1em; + } .flex-viewport { - padding-bottom: .5em; } - .touch .flex-viewport { - padding-bottom: 1em; } + padding-bottom: 0.5em; + } + .touch .flex-viewport { + padding-bottom: 1em; + } .default-slideshow .flex-control-nav { - text-align: right; } + text-align: right; + } .home-slideshow .flex-control-nav { position: absolute; bottom: 0; right: 0; width: 49%; - padding: .5em; - text-align: right; } + padding: 0.5em; + text-align: right; + } .home-slideshow .flex-direction-nav .flex-prev, .home-slideshow .flex-direction-nav .flex-next { top: 40%; font-size: 1.5em; - filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); - opacity: 1; } + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; + } .home-slideshow .flex-direction-nav .flex-prev { - left: -.75em; } + left: -0.75em; + } .home-slideshow .flex-direction-nav .flex-next { - right: -.75em; } + right: -0.75em; + } /* I don't like including this again. * The problem is, touch device styles are being clobbered by contents in the horizontal_nav_dropdowns mixin * We need the contents of that mixin to function in the Social Share and Font Adjust drop downs */ - /* -     - -! Because "touch" is present, we assume that the browser can handle cssTransform3d and cssTransition, which might be dangerous -! If there is no javascript running, than the .jump-to-menu link will jump to #site-map (footer) and the .main-navigatin will remain offscreen, which is not such a bad fallback. - -*/ + /* + + + ! Because "touch" is present, we assume that the browser can handle cssTransform3d and cssTransition, which might be dangerous + ! If there is no javascript running, than the .jump-to-menu link will jump to #site-map (footer) and the .main-navigatin will remain offscreen, which is not such a bad fallback. + + */ .touch body, .touch #touchnav-wrapper { position: relative; - width: 100%; } + width: 100%; + } .touch .default-page .main-header { - position: static; } + position: static; + } .touch .main-navigation { display: block; position: absolute; @@ -2460,132 +2864,168 @@ html[xmlns] .slides { display: block; } /* styles that are not being applied because they are inside .no-touch in other nav patterns */ text-align: center; font-size: 1.125em; - /* Reset some styles from the drop down menus */ } - .touch .main-navigation a { - text-align: center; - padding: .65em 1.25em .55em; } - .touch .main-navigation .tier-2 { - font-size: 0.875em; } - .touch .main-navigation .subnav { - position: static; - display: block; - opacity: 1; - border-top: 0; - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; } + /* Reset some styles from the drop down menus */ + } + .touch .main-navigation a { + text-align: center; + padding: 0.65em 1.25em 0.55em; + } + .touch .main-navigation .tier-2 { + font-size: 0.875em; + } + .touch .main-navigation .subnav { + position: static; + display: block; + opacity: 1; + border-top: 0; + -webkit-box-shadow: compact(none, false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(none, false, false, false, false, false, false, false, false, false); + box-shadow: compact(none, false, false, false, false, false, false, false, false, false); + } /* TO DO: With Javascript, look for a left-right swipe action and also trigger the menu to open */ .touch #touchnav-wrapper { - -moz-transition: -moz-transform 300ms ease; - -o-transition: -o-transform 300ms ease; - -webkit-transition: -webkit-transform 300ms ease; - transition: transform 300ms ease; + -webkit-transition: compact(compact(transform 300ms ease, false, false, false, false, false, false, false, false, false) false false); + -moz-transition: compact(compact(transform 300ms ease, false, false, false, false, false, false, false, false, false) false false false); + -o-transition: compact(compact(transform 300ms ease, false, false, false, false, false, false, false, false, false) false false false); + transition: compact(transform 300ms ease, false, false, false, false, false, false, false, false, false); + -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); - -webkit-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); - -webkit-backface-visibility: hidden; } + -webkit-backface-visibility: hidden; + } .touch .show-sidemenu #touchnav-wrapper { + -webkit-transform: translate3d(260px, 0, 0); -moz-transform: translate3d(260px, 0, 0); -ms-transform: translate3d(260px, 0, 0); - -webkit-transform: translate3d(260px, 0, 0); - transform: translate3d(260px, 0, 0); } } + -o-transform: translate3d(260px, 0, 0); + transform: translate3d(260px, 0, 0); + } +} /* - - - Larger than 1024px - - - */ @media (min-width: 64em) { body:after { content: "drawer_navigation load_supernavs"; display: none; - speak: none; } + speak: none; + } .about-banner { - background-position: 100% 0px; } + background-position: 100% 0px; + } .download-for-current-os { - background-position: 105% 0; } - .download-for-current-os p { - margin-right: 14.81481%; } + background-position: 105% 0; + } + .download-for-current-os p { + margin-opposite-position(left): 14.8148148148%; + } .documentation-banner { background-position: 110% 0; - min-height: 345px; } - .documentation-banner .call-to-action { - margin-right: 8.51064%; } - .documentation-banner p { - margin-right: 0; } + min-height: 345px; + } + .documentation-banner .call-to-action { + margin-opposite-position(left): 8.5106382979%; + } + .documentation-banner p { + margin-right: 0; + } .community-banner { padding-left: 0%; - padding-right: 51.06383%; } - .community-banner p { - margin-right: 0; } + padding-opposite-position(left): 51.0638297872%; + } + .community-banner p { + margin-right: 0; + } .latest-blog-post .call-to-action, - .featured-event .call-to-action, - .jobs-intro .call-to-action { - margin-left: 25.53191%; - margin-right: 8.51064%; } +.featured-event .call-to-action, +.jobs-intro .call-to-action { + margin-left: 25.5319148936%; + margin-opposite-position(left): 8.5106382979%; + } .latest-blog-post .excerpt, - .featured-event .excerpt, - .jobs-intro .excerpt { - margin-left: 25.53191%; - margin-right: 8.51064%; } +.featured-event .excerpt, +.jobs-intro .excerpt { + margin-left: 25.5319148936%; + margin-opposite-position(left): 8.5106382979%; + } .psf-widget .widget-title, .psf-widget p { - margin-right: 34.04255%; } + margin-opposite-position(left): 34.0425531915%; + } .mapped-events h2 { - margin-top: 1em; } + margin-top: 1em; + } /* Main content with sidebars */ .default-page .main-content.with-left-sidebar { - padding-left: 8.51064%; - padding-right: 8.51064%; } + padding-left: 8.5106382979%; + padding-opposite-position(left): 8.5106382979%; + } .event-description, - .job-description { - padding-left: 8.51064%; - padding-right: 8.51064%; } } +.job-description { + padding-left: 8.5106382979%; + padding-opposite-position(left): 8.5106382979%; + } +} /* - - - Larger than 1200px - - - */ @media (min-width: 75em) { body:after { content: "drawer_navigation load_supernavs"; display: none; - speak: none; } + speak: none; + } .about-banner, - .community-banner { - padding-left: 8.51064%; - padding-right: 51.06383%; } +.community-banner { + padding-left: 8.5106382979%; + padding-opposite-position(left): 51.0638297872%; + } .about-banner { - background-position: 85% 0; } + background-position: 85% 0; + } .download-for-current-os { - padding-left: 8.51064%; - padding-right: 42.55319%; + padding-left: 8.5106382979%; + padding-opposite-position(left): 42.5531914894%; background-position: 95% 0; padding-bottom: 6em; - margin-bottom: -3em; } - .download-for-current-os p { - margin-right: 17.3913%; } + margin-bottom: -3em; + } + .download-for-current-os p { + margin-opposite-position(left): 17.3913043478%; + } .documentation-banner { - padding-left: 8.51064%; - padding-right: 42.55319%; - background-position: 100% 0; } - .documentation-banner .call-to-action { - margin-right: 17.3913%; } + padding-left: 8.5106382979%; + padding-opposite-position(left): 42.5531914894%; + background-position: 100% 0; + } + .documentation-banner .call-to-action { + margin-opposite-position(left): 17.3913043478%; + } .community-banner { - background-position: 90% 0; } } + background-position: 90% 0; + } +} /* http://dev.w3.org/csswg/css-device-adapt/ * http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ * for IE10 Snap Mode on Metro */ @-ms-viewport { - width: device-width; } + width: device-width; +} @viewport { - width: device-width; } + width: device-width; +} /*# sourceMappingURL=mq.css.map */ diff --git a/static/sass/mq.css.map b/static/sass/mq.css.map new file mode 100644 index 000000000..04f0f6805 --- /dev/null +++ b/static/sass/mq.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["_base.scss","_functions.scss","_mixins.scss","../vendor/compass/compass/utilities/general/_hacks.scss","../vendor/compass/compass/utilities/general/_clearfix.scss","_flexslider.scss","mq.scss","_layout.scss","../vendor/compass/compass/css3/_transition.scss","../vendor/compass/compass/css3/_shared.scss","../vendor/compass/compass/css3/_box-shadow.scss","../vendor/susy/susy/_padding.scss","../vendor/compass/compass/css3/_images.scss","../vendor/susy/susy/_grid.scss","../vendor/susy/susy/_settings.scss","../vendor/compass/compass/css3/_box-sizing.scss","../vendor/compass/compass/typography/_vertical_rhythm.scss","../vendor/susy/susy/_margin.scss","../vendor/compass/compass/css3/_opacity.scss"],"names":[],"mappings":"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","file":"mq.css"} \ No newline at end of file diff --git a/static/sass/no-mq.css b/static/sass/no-mq.css index f383aab5b..5d2097c30 100644 --- a/static/sass/no-mq.css +++ b/static/sass/no-mq.css @@ -48,7 +48,7 @@ /* Compass will convert the font sizes from px to em and fit it into the vertical rhythm automatically with the necessary margin A neat trick, for sure. More on using the vertical rhythm properties and mixins: http://compass-style.org/reference/compass/typography/vertical_rhythm/ - + Note: The line height is relative to the constant $base-line-height. The number you specify for the leader, trailer and leading will be multiplied by the constant, then converted to its relative value in ems. Don’t worry about nested elements etc, Compass will do the maths for you :) @@ -120,17 +120,19 @@ .info-key, .listing-company, .list-recent-jobs li { - *zoom: 1; } - .container:after, - .row:after, - .pep-list-header:after, - .pep-index-list li:after, - .info-key:after, - .listing-company:after, - .list-recent-jobs li:after { - content: ""; - display: table; - clear: both; } + *zoom: 1; +} +.container:after, +.row:after, +.pep-list-header:after, +.pep-index-list li:after, +.info-key:after, +.listing-company:after, +.list-recent-jobs li:after { + content: ""; + display: table; + clear: both; +} /* ! ===== Mixins ===== */ /* An element than can force a line break, to be used inside certain breakpoints on lines of text or bwteen elements */ @@ -271,7 +273,7 @@ html[xmlns] .slides { display: block; } /* Compass will convert the font sizes from px to em and fit it into the vertical rhythm automatically with the necessary margin A neat trick, for sure. More on using the vertical rhythm properties and mixins: http://compass-style.org/reference/compass/typography/vertical_rhythm/ - + Note: The line height is relative to the constant $base-line-height. The number you specify for the leader, trailer and leading will be multiplied by the constant, then converted to its relative value in ems. Don’t worry about nested elements etc, Compass will do the maths for you :) @@ -343,17 +345,19 @@ html[xmlns] .slides { display: block; } .info-key, .listing-company, .list-recent-jobs li { - *zoom: 1; } - .container:after, - .row:after, - .pep-list-header:after, - .pep-index-list li:after, - .info-key:after, - .listing-company:after, - .list-recent-jobs li:after { - content: ""; - display: table; - clear: both; } + *zoom: 1; +} +.container:after, +.row:after, +.pep-list-header:after, +.pep-index-list li:after, +.info-key:after, +.listing-company:after, +.list-recent-jobs li:after { + content: ""; + display: table; + clear: both; +} /* ! ===== Mixins ===== */ /* An element than can force a line break, to be used inside certain breakpoints on lines of text or bwteen elements */ @@ -396,35 +400,45 @@ html[xmlns] .slides { display: block; } /* ! ===== Larger than 1024px - ExtraLarge ===== */ /* ! ===== Larger than 1200px - Supersize ===== */ .introduction { - font-size: 1.3125em; } + font-size: 1.3125em; +} .content-wrapper .container { - padding: 1em 1.5em; } + padding: 1em 1.5em; +} .shrubbery .give-me-more { - display: block; } + display: block; +} .widget-title .prompt, .listing-company .prompt { - display: inline; } + display: inline; +} /* - - - Larger than 520px - - - many basic styles for larger screens are here */ body { text-rendering: optimizeLegibility; - /* @include transition( all .3s ease-in-out ); makes the media query changes animate */ } + /* @include transition( all .3s ease-in-out ); makes the media query changes animate */ +} /* Simple Column Structure */ .col-row .column { - float: left; } + float: left; +} .two-col, .four-col { - /* Only works if we are using all single .column, not .double-col as well */ } - .two-col > .column, .four-col > .column { - width: 50%; } - .two-col > .double-col, .four-col > .double-col { - width: 100%; } - .two-col > div:nth-of-type(2n+3), .four-col > div:nth-of-type(2n+3) { - clear: left; } + /* Only works if we are using all single .column, not .double-col as well */ +} +.two-col > .column, .four-col > .column { + width: 50%; +} +.two-col > .double-col, .four-col > .double-col { + width: 100%; +} +.two-col > div:nth-of-type(2n+3), .four-col > div:nth-of-type(2n+3) { + clear: left; +} .meta-navigation, .main-header, @@ -432,127 +446,161 @@ body { .content-wrapper, .main-footer { /* These elements are full width */ - clear: both; } + clear: both; +} .container { max-width: 75em; width: 100%; margin: 0 auto; - padding: 0; } + padding: 0; +} .introduction { - font-size: 1.5em; } + font-size: 1.5em; +} .success-stories-widget blockquote { font-size: 1.125em; - padding: 1em 1.4em 1.3em; } + padding: 1em 1.4em 1.3em; +} -input[type="submit"], -input[type="reset"], +input[type=submit], +input[type=reset], button, .button, a.button { display: inline-block; vertical-align: baseline; - width: auto; } + width: auto; +} .search-field:focus { - width: 8em; } + width: 8em; +} /* Simple Column Structure */ .three-col { - /* Only works if we are using all single .column, not .double-col as well */ } - .three-col > .column { - width: 33.3333%; } - .three-col > .double-col { - width: 66.6666%; } - .three-col > div:nth-of-type(3n+4) { - clear: left; } + /* Only works if we are using all single .column, not .double-col as well */ +} +.three-col > .column { + width: 33.3333%; +} +.three-col > .double-col { + width: 66.6666%; +} +.three-col > div:nth-of-type(3n+4) { + clear: left; +} .meta-navigation { - text-align: left; } - .meta-navigation .say-no-more { - display: none; - visibility: hidden; } - .meta-navigation .jump-link { - display: none; } - .meta-navigation li { - float: left; - width: 16.6666667%; - /* 6 columns */ - border-left: 1px solid #273643; - border-right: 1px solid #11171d; } + text-align: left; +} +.meta-navigation .say-no-more { + display: none; + visibility: hidden; +} +.meta-navigation .jump-link { + display: none; +} +.meta-navigation li { + float: left; + width: 16.6666667%; + /* 6 columns */ + border-left: 1px solid #273643; + border-right: 1px solid #11171d; +} .site-headline { - float: left; } + float: left; +} .options-bar-container { - float: right; } + float: right; +} .donate-button { display: inline; margin: 0 0.5em 0 0; position: relative; - top: 19px; } + top: 19px; +} .options-bar { float: right; - width: auto; } + width: auto; +} .main-navigation { - /*modernizr*/ } - .touch .main-navigation .subnav:before { - border-color: transparent; } + /*modernizr*/ +} +.touch .main-navigation .subnav:before { + border-color: transparent; +} .search-field { - -moz-transition: width 0.3s ease-in-out; - -o-transition: width 0.3s ease-in-out; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; } + -webkit-transition: compact(compact(width 0.3s ease-in-out, false, false, false, false, false, false, false, false, false) false false); + -moz-transition: compact(compact(width 0.3s ease-in-out, false, false, false, false, false, false, false, false, false) false false false); + -o-transition: compact(compact(width 0.3s ease-in-out, false, false, false, false, false, false, false, false, false) false false false); + transition: compact(width 0.3s ease-in-out, false, false, false, false, false, false, false, false, false); +} .search-field:focus { width: 6em; - margin-right: .5em; } + margin-right: 0.5em; +} /*modernizr*/ .no-touch .search-button { - display: inline; } + display: inline; +} .slide-copy p { - font-size: 1em; } + font-size: 1em; +} .introduction { - padding: 0 1.5em; } + padding: 0 1.5em; +} .call-to-action { - font-size: 1.5em; } - .fontface .call-to-action { - font-size: 1.725em; } - .fontface .call-to-action span:before { - font-size: .875em; } + font-size: 1.5em; +} +.fontface .call-to-action { + font-size: 1.725em; +} +.fontface .call-to-action span:before { + font-size: 0.875em; +} /* Header-banners (not home) */ .header-banner { - padding: 1em; } - .home .header-banner, .default-page .header-banner { - padding: 0; } + padding: 1em; +} +.home .header-banner, .default-page .header-banner { + padding: 0; +} .about-banner, .download-for-current-os, .documentation-banner, .welcome-to-the-foundation { - padding-left: 8.51064%; - padding-right: 8.51064%; } + padding-left: 8.5106382979%; + padding-opposite-position(left): 8.5106382979%; +} .main-header { - /* Shorten the amount of blue space under the nav on inner pages */ } - .default-page .main-header { - position: relative; - z-index: 10; } + /* Shorten the amount of blue space under the nav on inner pages */ +} +.default-page .main-header { + position: relative; + z-index: 10; +} /*li*/ .with-supernav .super-navigation { - display: none; } + display: none; +} /* * This is super cool. Uses two arrays to spit out a bunch of repetitive rulesets. @@ -561,670 +609,747 @@ a.button { .python-navigation { background-color: #2d618c; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3776AB', endColorstr='#FF2D618C'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMzNzc2YWIiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzJkNjE4YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #3776ab), color-stop(95%, #2d618c)); - background-image: -moz-linear-gradient(#3776ab 30%, #2d618c 95%); - background-image: -webkit-linear-gradient(#3776ab 30%, #2d618c 95%); - background-image: linear-gradient(#3776ab 30%, #2d618c 95%); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF3776AB", endColorstr="#FF2D618C"); + background-image: -owg(compact(linear-gradient(#3776ab 30%, #2d618c 95%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#3776ab 30%, #2d618c 95%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#3776ab 30%, #2d618c 95%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#3776ab 30%, #2d618c 95%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#3776ab 30%, #2d618c 95%), false, false, false, false, false, false, false, false, false); border-top: 1px solid #629ccd; border-bottom: 1px solid #18334b; - /*a*/ } - .python-navigation .tier-1 { - border-top: 1px solid #4f90c6; - border-right: 1px solid #2b5b84; - border-bottom: 1px solid #1e415e; - border-left: 1px solid #4f90c6; } - .python-navigation .tier-1 > a { - color: #e6e8ea; - background-color: transparent; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - letter-spacing: 0.01em; } - .python-navigation .tier-1 > a:hover, .python-navigation .tier-1 > a:focus, .python-navigation .tier-1 > a .tier-1:hover > a { - color: #fff; - background-color: #2d618c; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF326B9C', endColorstr='#FF2D618C'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMzMjZiOWMiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzJkNjE4YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #326b9c), color-stop(90%, #2d618c)); - background-image: -moz-linear-gradient(#326b9c 10%, #2d618c 90%); - background-image: -webkit-linear-gradient(#326b9c 10%, #2d618c 90%); - background-image: linear-gradient(#326b9c 10%, #2d618c 90%); - border-top: 1px solid #3776ab; - border-bottom: 1px solid #2d618c; } - .python-navigation .subnav { - border-top: 1px solid #18334b; - background-color: #d6e5f2; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFBBD4E9', endColorstr='#FFD6E5F2'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNiYmQ0ZTkiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2Q2ZTVmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #bbd4e9), color-stop(90%, #d6e5f2)); - background-image: -moz-linear-gradient(#bbd4e9 10%, #d6e5f2 90%); - background-image: -webkit-linear-gradient(#bbd4e9 10%, #d6e5f2 90%); - background-image: linear-gradient(#bbd4e9 10%, #d6e5f2 90%); - -moz-box-shadow: inset 0 0 20px rgba(55, 118, 171, 0.15); - -webkit-box-shadow: inset 0 0 20px rgba(55, 118, 171, 0.15); - box-shadow: inset 0 0 20px rgba(55, 118, 171, 0.15); - /*modernizr*/ } - .touch .python-navigation .subnav:before { - border-color: transparent transparent #bbd4e9 transparent; } - .python-navigation .tier-2 > a { - color: rgba(51, 51, 51, 0.9); - border-top: 1px solid rgba(55, 118, 171, 0.25); - border-bottom: 1px solid transparent; } - .python-navigation .tier-2 > a:hover, .python-navigation .tier-2 > a:focus { - background: rgba(255, 255, 255, 0.35); - color: rgba(34, 34, 34, 0.9); } - .python-navigation .tier-2:last-child > a { - border-bottom: 1px solid rgba(55, 118, 171, 0.25); } - .python-navigation .current_item { - color: #fff; - background-color: #244e71; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2B5B84', endColorstr='#FF244E71'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMyYjViODQiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzI0NGU3MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #2b5b84), color-stop(90%, #244e71)); - background-image: -moz-linear-gradient(#2b5b84 10%, #244e71 90%); - background-image: -webkit-linear-gradient(#2b5b84 10%, #244e71 90%); - background-image: linear-gradient(#2b5b84 10%, #244e71 90%); } - .python-navigation .super-navigation { - color: #666; - border: 1px solid #89b4d9; - background-color: #d6e5f2; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFCFDFE', endColorstr='#FFD6E5F2'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmY2ZkZmUiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2Q2ZTVmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #fcfdfe), color-stop(90%, #d6e5f2)); - background-image: -moz-linear-gradient(#fcfdfe 10%, #d6e5f2 90%); - background-image: -webkit-linear-gradient(#fcfdfe 10%, #d6e5f2 90%); - background-image: linear-gradient(#fcfdfe 10%, #d6e5f2 90%); } - .python-navigation .super-navigation a:not(.button) { - color: #3776ab; } - .python-navigation .super-navigation h4 { - color: #316998; } + /*a*/ +} +.python-navigation .tier-1 { + border-top: 1px solid #4f90c6; + border-right: 1px solid #2b5b84; + border-bottom: 1px solid #1e415e; + border-left: 1px solid #4f90c6; +} +.python-navigation .tier-1 > a { + color: #e6e8ea; + background-color: transparent; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + letter-spacing: 0.01em; +} +.python-navigation .tier-1 > a:hover, .python-navigation .tier-1 > a:focus, .python-navigation .tier-1 > a .tier-1:hover > a { + color: #fff; + background-color: #2d618c; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF326B9C", endColorstr="#FF2D618C"); + background-image: -owg(compact(linear-gradient(#326b9c 10%, #2d618c 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#326b9c 10%, #2d618c 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#326b9c 10%, #2d618c 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#326b9c 10%, #2d618c 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#326b9c 10%, #2d618c 90%), false, false, false, false, false, false, false, false, false); + border-top: 1px solid #3776ab; + border-bottom: 1px solid #2d618c; +} +.python-navigation .subnav { + border-top: 1px solid #18334b; + background-color: #d6e5f2; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFBBD4E9", endColorstr="#FFD6E5F2"); + background-image: -owg(compact(linear-gradient(#bbd4e9 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#bbd4e9 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#bbd4e9 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#bbd4e9 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#bbd4e9 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(inset 0 0 20px rgba(55, 118, 171, 0.15), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(inset 0 0 20px rgba(55, 118, 171, 0.15), false, false, false, false, false, false, false, false, false); + box-shadow: compact(inset 0 0 20px rgba(55, 118, 171, 0.15), false, false, false, false, false, false, false, false, false); + /*modernizr*/ +} +.touch .python-navigation .subnav:before { + border-color: transparent transparent #bbd4e9 transparent; +} +.python-navigation .tier-2 > a { + color: rgba(51, 51, 51, 0.9); + border-top: 1px solid rgba(55, 118, 171, 0.25); + border-bottom: 1px solid transparent; +} +.python-navigation .tier-2 > a:hover, .python-navigation .tier-2 > a:focus { + background: rgba(255, 255, 255, 0.35); + color: rgba(34, 34, 34, 0.9); +} +.python-navigation .tier-2:last-child > a { + border-bottom: 1px solid rgba(55, 118, 171, 0.25); +} +.python-navigation .current_item { + color: #fff; + background-color: #244e71; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF2B5B84", endColorstr="#FF244E71"); + background-image: -owg(compact(linear-gradient(#2b5b84 10%, #244e71 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#2b5b84 10%, #244e71 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#2b5b84 10%, #244e71 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#2b5b84 10%, #244e71 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#2b5b84 10%, #244e71 90%), false, false, false, false, false, false, false, false, false); +} +.python-navigation .super-navigation { + color: #666; + border: 1px solid #89b4d9; + background-color: #d6e5f2; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFCFDFE", endColorstr="#FFD6E5F2"); + background-image: -owg(compact(linear-gradient(#fcfdfe 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#fcfdfe 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#fcfdfe 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#fcfdfe 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#fcfdfe 10%, #d6e5f2 90%), false, false, false, false, false, false, false, false, false); +} +.python-navigation .super-navigation a:not(.button) { + color: #3776ab; +} +.python-navigation .super-navigation h4 { + color: #316998; +} .psf-navigation { background-color: #646565; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF78797A', endColorstr='#FF646565'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiM3ODc5N2EiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzY0NjU2NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #78797a), color-stop(95%, #646565)); - background-image: -moz-linear-gradient(#78797a 30%, #646565 95%); - background-image: -webkit-linear-gradient(#78797a 30%, #646565 95%); - background-image: linear-gradient(#78797a 30%, #646565 95%); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF78797A", endColorstr="#FF646565"); + background-image: -owg(compact(linear-gradient(#78797a 30%, #646565 95%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#78797a 30%, #646565 95%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#78797a 30%, #646565 95%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#78797a 30%, #646565 95%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#78797a 30%, #646565 95%), false, false, false, false, false, false, false, false, false); border-top: 1px solid #9e9fa0; border-bottom: 1px solid #39393a; - /*a*/ } - .psf-navigation .tier-1 { - border-top: 1px solid #929393; - border-right: 1px solid #5f6060; - border-bottom: 1px solid #454647; - border-left: 1px solid #929393; } - .psf-navigation .tier-1 > a { - color: #e6e8ea; - background-color: transparent; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - letter-spacing: 0.01em; } - .psf-navigation .tier-1 > a:hover, .psf-navigation .tier-1 > a:focus, .psf-navigation .tier-1 > a .tier-1:hover > a { - color: #fff; - background-color: #646565; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF6E6F70', endColorstr='#FF646565'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM2ZTZmNzAiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzY0NjU2NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #6e6f70), color-stop(90%, #646565)); - background-image: -moz-linear-gradient(#6e6f70 10%, #646565 90%); - background-image: -webkit-linear-gradient(#6e6f70 10%, #646565 90%); - background-image: linear-gradient(#6e6f70 10%, #646565 90%); - border-top: 1px solid #78797a; - border-bottom: 1px solid #646565; } - .psf-navigation .subnav { - border-top: 1px solid #39393a; - background-color: #ececec; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDADADA', endColorstr='#FFECECEC'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNkYWRhZGEiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #dadada), color-stop(90%, #ececec)); - background-image: -moz-linear-gradient(#dadada 10%, #ececec 90%); - background-image: -webkit-linear-gradient(#dadada 10%, #ececec 90%); - background-image: linear-gradient(#dadada 10%, #ececec 90%); - -moz-box-shadow: inset 0 0 20px rgba(120, 121, 122, 0.15); - -webkit-box-shadow: inset 0 0 20px rgba(120, 121, 122, 0.15); - box-shadow: inset 0 0 20px rgba(120, 121, 122, 0.15); - /*modernizr*/ } - .touch .psf-navigation .subnav:before { - border-color: transparent transparent #dadada transparent; } - .psf-navigation .tier-2 > a { - color: rgba(51, 51, 51, 0.9); - border-top: 1px solid rgba(120, 121, 122, 0.25); - border-bottom: 1px solid transparent; } - .psf-navigation .tier-2 > a:hover, .psf-navigation .tier-2 > a:focus { - background: rgba(255, 255, 255, 0.35); - color: rgba(34, 34, 34, 0.9); } - .psf-navigation .tier-2:last-child > a { - border-bottom: 1px solid rgba(120, 121, 122, 0.25); } - .psf-navigation .current_item { - color: #fff; - background-color: #525353; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5F6060', endColorstr='#FF525353'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM1ZjYwNjAiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzUyNTM1MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #5f6060), color-stop(90%, #525353)); - background-image: -moz-linear-gradient(#5f6060 10%, #525353 90%); - background-image: -webkit-linear-gradient(#5f6060 10%, #525353 90%); - background-image: linear-gradient(#5f6060 10%, #525353 90%); } - .psf-navigation .super-navigation { - color: #666; - border: 1px solid #b8b9b9; - background-color: #ececec; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFECECEC'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffffff), color-stop(90%, #ececec)); - background-image: -moz-linear-gradient(#ffffff 10%, #ececec 90%); - background-image: -webkit-linear-gradient(#ffffff 10%, #ececec 90%); - background-image: linear-gradient(#ffffff 10%, #ececec 90%); } - .psf-navigation .super-navigation a:not(.button) { - color: #78797a; } - .psf-navigation .super-navigation h4 { - color: #6b6c6d; } + /*a*/ +} +.psf-navigation .tier-1 { + border-top: 1px solid #929393; + border-right: 1px solid #5f6060; + border-bottom: 1px solid #454647; + border-left: 1px solid #929393; +} +.psf-navigation .tier-1 > a { + color: #e6e8ea; + background-color: transparent; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + letter-spacing: 0.01em; +} +.psf-navigation .tier-1 > a:hover, .psf-navigation .tier-1 > a:focus, .psf-navigation .tier-1 > a .tier-1:hover > a { + color: #fff; + background-color: #646565; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF6E6F70", endColorstr="#FF646565"); + background-image: -owg(compact(linear-gradient(#6e6f70 10%, #646565 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#6e6f70 10%, #646565 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#6e6f70 10%, #646565 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#6e6f70 10%, #646565 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#6e6f70 10%, #646565 90%), false, false, false, false, false, false, false, false, false); + border-top: 1px solid #78797a; + border-bottom: 1px solid #646565; +} +.psf-navigation .subnav { + border-top: 1px solid #39393a; + background-color: #ececec; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFDADADA", endColorstr="#FFECECEC"); + background-image: -owg(compact(linear-gradient(#dadada 10%, #ececec 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#dadada 10%, #ececec 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#dadada 10%, #ececec 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#dadada 10%, #ececec 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#dadada 10%, #ececec 90%), false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(inset 0 0 20px rgba(120, 121, 122, 0.15), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(inset 0 0 20px rgba(120, 121, 122, 0.15), false, false, false, false, false, false, false, false, false); + box-shadow: compact(inset 0 0 20px rgba(120, 121, 122, 0.15), false, false, false, false, false, false, false, false, false); + /*modernizr*/ +} +.touch .psf-navigation .subnav:before { + border-color: transparent transparent #dadada transparent; +} +.psf-navigation .tier-2 > a { + color: rgba(51, 51, 51, 0.9); + border-top: 1px solid rgba(120, 121, 122, 0.25); + border-bottom: 1px solid transparent; +} +.psf-navigation .tier-2 > a:hover, .psf-navigation .tier-2 > a:focus { + background: rgba(255, 255, 255, 0.35); + color: rgba(34, 34, 34, 0.9); +} +.psf-navigation .tier-2:last-child > a { + border-bottom: 1px solid rgba(120, 121, 122, 0.25); +} +.psf-navigation .current_item { + color: #fff; + background-color: #525353; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF5F6060", endColorstr="#FF525353"); + background-image: -owg(compact(linear-gradient(#5f6060 10%, #525353 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#5f6060 10%, #525353 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#5f6060 10%, #525353 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#5f6060 10%, #525353 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#5f6060 10%, #525353 90%), false, false, false, false, false, false, false, false, false); +} +.psf-navigation .super-navigation { + color: #666; + border: 1px solid #b8b9b9; + background-color: #ececec; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFFFFF", endColorstr="#FFECECEC"); + background-image: -owg(compact(linear-gradient(white 10%, #ececec 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(white 10%, #ececec 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(white 10%, #ececec 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(white 10%, #ececec 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(white 10%, #ececec 90%), false, false, false, false, false, false, false, false, false); +} +.psf-navigation .super-navigation a:not(.button) { + color: #78797a; +} +.psf-navigation .super-navigation h4 { + color: #6b6c6d; +} .docs-navigation { background-color: #ffc91a; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFD343', endColorstr='#FFFFC91A'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmQzNDMiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2ZmYzkxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #ffd343), color-stop(95%, #ffc91a)); - background-image: -moz-linear-gradient(#ffd343 30%, #ffc91a 95%); - background-image: -webkit-linear-gradient(#ffd343 30%, #ffc91a 95%); - background-image: linear-gradient(#ffd343 30%, #ffc91a 95%); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFD343", endColorstr="#FFFFC91A"); + background-image: -owg(compact(linear-gradient(#ffd343 30%, #ffc91a 95%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#ffd343 30%, #ffc91a 95%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#ffd343 30%, #ffc91a 95%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#ffd343 30%, #ffc91a 95%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#ffd343 30%, #ffc91a 95%), false, false, false, false, false, false, false, false, false); border-top: 1px solid #ffe590; border-bottom: 1px solid #c39500; - /*a*/ } - .docs-navigation .tier-1 { - border-top: 1px solid #ffdf76; - border-right: 1px solid #ffc710; - border-bottom: 1px solid #dca900; - border-left: 1px solid #ffdf76; } - .docs-navigation .tier-1 > a { - color: #333; - background-color: transparent; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - letter-spacing: 0.01em; } - .docs-navigation .tier-1 > a:hover, .docs-navigation .tier-1 > a:focus, .docs-navigation .tier-1 > a .tier-1:hover > a { - color: #fff; - background-color: #ffc91a; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFCE2F', endColorstr='#FFFFC91A'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmNlMmYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmYzkxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffce2f), color-stop(90%, #ffc91a)); - background-image: -moz-linear-gradient(#ffce2f 10%, #ffc91a 90%); - background-image: -webkit-linear-gradient(#ffce2f 10%, #ffc91a 90%); - background-image: linear-gradient(#ffce2f 10%, #ffc91a 90%); - border-top: 1px solid #ffd343; - border-bottom: 1px solid #ffc91a; } - .docs-navigation .subnav { - border-top: 1px solid #c39500; - background-color: white; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffffff), color-stop(90%, #ffffff)); - background-image: -moz-linear-gradient(#ffffff 10%, #ffffff 90%); - background-image: -webkit-linear-gradient(#ffffff 10%, #ffffff 90%); - background-image: linear-gradient(#ffffff 10%, #ffffff 90%); - -moz-box-shadow: inset 0 0 20px rgba(255, 211, 67, 0.15); - -webkit-box-shadow: inset 0 0 20px rgba(255, 211, 67, 0.15); - box-shadow: inset 0 0 20px rgba(255, 211, 67, 0.15); - /*modernizr*/ } - .touch .docs-navigation .subnav:before { - border-color: transparent transparent white transparent; } - .docs-navigation .tier-2 > a { - color: rgba(51, 51, 51, 0.9); - border-top: 1px solid rgba(255, 211, 67, 0.25); - border-bottom: 1px solid transparent; } - .docs-navigation .tier-2 > a:hover, .docs-navigation .tier-2 > a:focus { - background: rgba(255, 255, 255, 0.35); - color: rgba(34, 34, 34, 0.9); } - .docs-navigation .tier-2:last-child > a { - border-bottom: 1px solid rgba(255, 211, 67, 0.25); } - .docs-navigation .current_item { - color: #fff; - background-color: #f6bc00; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFC710', endColorstr='#FFF6BC00'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmM3MTAiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2Y2YmMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffc710), color-stop(90%, #f6bc00)); - background-image: -moz-linear-gradient(#ffc710 10%, #f6bc00 90%); - background-image: -webkit-linear-gradient(#ffc710 10%, #f6bc00 90%); - background-image: linear-gradient(#ffc710 10%, #f6bc00 90%); } - .docs-navigation .super-navigation { - color: #666; - border: 1px solid #fff1c3; - background-color: white; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffffff), color-stop(90%, #ffffff)); - background-image: -moz-linear-gradient(#ffffff 10%, #ffffff 90%); - background-image: -webkit-linear-gradient(#ffffff 10%, #ffffff 90%); - background-image: linear-gradient(#ffffff 10%, #ffffff 90%); } - .docs-navigation .super-navigation a:not(.button) { - color: #ffd343; } - .docs-navigation .super-navigation h4 { - color: #ffcd2a; } + /*a*/ +} +.docs-navigation .tier-1 { + border-top: 1px solid #ffdf76; + border-right: 1px solid #ffc710; + border-bottom: 1px solid #dca900; + border-left: 1px solid #ffdf76; +} +.docs-navigation .tier-1 > a { + color: #333; + background-color: transparent; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + letter-spacing: 0.01em; +} +.docs-navigation .tier-1 > a:hover, .docs-navigation .tier-1 > a:focus, .docs-navigation .tier-1 > a .tier-1:hover > a { + color: #fff; + background-color: #ffc91a; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFCE2F", endColorstr="#FFFFC91A"); + background-image: -owg(compact(linear-gradient(#ffce2f 10%, #ffc91a 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#ffce2f 10%, #ffc91a 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#ffce2f 10%, #ffc91a 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#ffce2f 10%, #ffc91a 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#ffce2f 10%, #ffc91a 90%), false, false, false, false, false, false, false, false, false); + border-top: 1px solid #ffd343; + border-bottom: 1px solid #ffc91a; +} +.docs-navigation .subnav { + border-top: 1px solid #c39500; + background-color: white; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFFFFF", endColorstr="#FFFFFFFF"); + background-image: -owg(compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(inset 0 0 20px rgba(255, 211, 67, 0.15), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(inset 0 0 20px rgba(255, 211, 67, 0.15), false, false, false, false, false, false, false, false, false); + box-shadow: compact(inset 0 0 20px rgba(255, 211, 67, 0.15), false, false, false, false, false, false, false, false, false); + /*modernizr*/ +} +.touch .docs-navigation .subnav:before { + border-color: transparent transparent white transparent; +} +.docs-navigation .tier-2 > a { + color: rgba(51, 51, 51, 0.9); + border-top: 1px solid rgba(255, 211, 67, 0.25); + border-bottom: 1px solid transparent; +} +.docs-navigation .tier-2 > a:hover, .docs-navigation .tier-2 > a:focus { + background: rgba(255, 255, 255, 0.35); + color: rgba(34, 34, 34, 0.9); +} +.docs-navigation .tier-2:last-child > a { + border-bottom: 1px solid rgba(255, 211, 67, 0.25); +} +.docs-navigation .current_item { + color: #fff; + background-color: #f6bc00; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFC710", endColorstr="#FFF6BC00"); + background-image: -owg(compact(linear-gradient(#ffc710 10%, #f6bc00 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#ffc710 10%, #f6bc00 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#ffc710 10%, #f6bc00 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#ffc710 10%, #f6bc00 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#ffc710 10%, #f6bc00 90%), false, false, false, false, false, false, false, false, false); +} +.docs-navigation .super-navigation { + color: #666; + border: 1px solid #fff1c3; + background-color: white; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFFFFF", endColorstr="#FFFFFFFF"); + background-image: -owg(compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(white 10%, white 90%), false, false, false, false, false, false, false, false, false); +} +.docs-navigation .super-navigation a:not(.button) { + color: #ffd343; +} +.docs-navigation .super-navigation h4 { + color: #ffcd2a; +} .pypl-navigation { background-color: #6c9238; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF82B043', endColorstr='#FF6C9238'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiM4MmIwNDMiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzZjOTIzOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #82b043), color-stop(95%, #6c9238)); - background-image: -moz-linear-gradient(#82b043 30%, #6c9238 95%); - background-image: -webkit-linear-gradient(#82b043 30%, #6c9238 95%); - background-image: linear-gradient(#82b043 30%, #6c9238 95%); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF82B043", endColorstr="#FF6C9238"); + background-image: -owg(compact(linear-gradient(#82b043 30%, #6c9238 95%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#82b043 30%, #6c9238 95%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#82b043 30%, #6c9238 95%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#82b043 30%, #6c9238 95%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#82b043 30%, #6c9238 95%), false, false, false, false, false, false, false, false, false); border-top: 1px solid #a6ca75; border-bottom: 1px solid #3e5420; - /*a*/ } - .pypl-navigation .tier-1 { - border-top: 1px solid #9bc363; - border-right: 1px solid #678b35; - border-bottom: 1px solid #4b6627; - border-left: 1px solid #9bc363; } - .pypl-navigation .tier-1 > a { - color: #e6e8ea; - background-color: transparent; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - letter-spacing: 0.01em; } - .pypl-navigation .tier-1 > a:hover, .pypl-navigation .tier-1 > a:focus, .pypl-navigation .tier-1 > a .tier-1:hover > a { - color: #fff; - background-color: #6c9238; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF77A13D', endColorstr='#FF6C9238'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM3N2ExM2QiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzZjOTIzOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #77a13d), color-stop(90%, #6c9238)); - background-image: -moz-linear-gradient(#77a13d 10%, #6c9238 90%); - background-image: -webkit-linear-gradient(#77a13d 10%, #6c9238 90%); - background-image: linear-gradient(#77a13d 10%, #6c9238 90%); - border-top: 1px solid #82b043; - border-bottom: 1px solid #6c9238; } - .pypl-navigation .subnav { - border-top: 1px solid #3e5420; - background-color: #eef5e4; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDDEBCA', endColorstr='#FFEEF5E4'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNkZGViY2EiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2VlZjVlNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ddebca), color-stop(90%, #eef5e4)); - background-image: -moz-linear-gradient(#ddebca 10%, #eef5e4 90%); - background-image: -webkit-linear-gradient(#ddebca 10%, #eef5e4 90%); - background-image: linear-gradient(#ddebca 10%, #eef5e4 90%); - -moz-box-shadow: inset 0 0 20px rgba(130, 176, 67, 0.15); - -webkit-box-shadow: inset 0 0 20px rgba(130, 176, 67, 0.15); - box-shadow: inset 0 0 20px rgba(130, 176, 67, 0.15); - /*modernizr*/ } - .touch .pypl-navigation .subnav:before { - border-color: transparent transparent #ddebca transparent; } - .pypl-navigation .tier-2 > a { - color: rgba(51, 51, 51, 0.9); - border-top: 1px solid rgba(130, 176, 67, 0.25); - border-bottom: 1px solid transparent; } - .pypl-navigation .tier-2 > a:hover, .pypl-navigation .tier-2 > a:focus { - background: rgba(255, 255, 255, 0.35); - color: rgba(34, 34, 34, 0.9); } - .pypl-navigation .tier-2:last-child > a { - border-bottom: 1px solid rgba(130, 176, 67, 0.25); } - .pypl-navigation .current_item { - color: #fff; - background-color: #59792e; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF678B35', endColorstr='#FF59792E'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM2NzhiMzUiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzU5NzkyZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #678b35), color-stop(90%, #59792e)); - background-image: -moz-linear-gradient(#678b35 10%, #59792e 90%); - background-image: -webkit-linear-gradient(#678b35 10%, #59792e 90%); - background-image: linear-gradient(#678b35 10%, #59792e 90%); } - .pypl-navigation .super-navigation { - color: #666; - border: 1px solid #bed99a; - background-color: #eef5e4; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEEF5E4'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2VlZjVlNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffffff), color-stop(90%, #eef5e4)); - background-image: -moz-linear-gradient(#ffffff 10%, #eef5e4 90%); - background-image: -webkit-linear-gradient(#ffffff 10%, #eef5e4 90%); - background-image: linear-gradient(#ffffff 10%, #eef5e4 90%); } - .pypl-navigation .super-navigation a:not(.button) { - color: #82b043; } - .pypl-navigation .super-navigation h4 { - color: #749e3c; } + /*a*/ +} +.pypl-navigation .tier-1 { + border-top: 1px solid #9bc363; + border-right: 1px solid #678b35; + border-bottom: 1px solid #4b6627; + border-left: 1px solid #9bc363; +} +.pypl-navigation .tier-1 > a { + color: #e6e8ea; + background-color: transparent; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + letter-spacing: 0.01em; +} +.pypl-navigation .tier-1 > a:hover, .pypl-navigation .tier-1 > a:focus, .pypl-navigation .tier-1 > a .tier-1:hover > a { + color: #fff; + background-color: #6c9238; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF77A13D", endColorstr="#FF6C9238"); + background-image: -owg(compact(linear-gradient(#77a13d 10%, #6c9238 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#77a13d 10%, #6c9238 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#77a13d 10%, #6c9238 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#77a13d 10%, #6c9238 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#77a13d 10%, #6c9238 90%), false, false, false, false, false, false, false, false, false); + border-top: 1px solid #82b043; + border-bottom: 1px solid #6c9238; +} +.pypl-navigation .subnav { + border-top: 1px solid #3e5420; + background-color: #eef5e4; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFDDEBCA", endColorstr="#FFEEF5E4"); + background-image: -owg(compact(linear-gradient(#ddebca 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#ddebca 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#ddebca 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#ddebca 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#ddebca 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(inset 0 0 20px rgba(130, 176, 67, 0.15), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(inset 0 0 20px rgba(130, 176, 67, 0.15), false, false, false, false, false, false, false, false, false); + box-shadow: compact(inset 0 0 20px rgba(130, 176, 67, 0.15), false, false, false, false, false, false, false, false, false); + /*modernizr*/ +} +.touch .pypl-navigation .subnav:before { + border-color: transparent transparent #ddebca transparent; +} +.pypl-navigation .tier-2 > a { + color: rgba(51, 51, 51, 0.9); + border-top: 1px solid rgba(130, 176, 67, 0.25); + border-bottom: 1px solid transparent; +} +.pypl-navigation .tier-2 > a:hover, .pypl-navigation .tier-2 > a:focus { + background: rgba(255, 255, 255, 0.35); + color: rgba(34, 34, 34, 0.9); +} +.pypl-navigation .tier-2:last-child > a { + border-bottom: 1px solid rgba(130, 176, 67, 0.25); +} +.pypl-navigation .current_item { + color: #fff; + background-color: #59792e; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF678B35", endColorstr="#FF59792E"); + background-image: -owg(compact(linear-gradient(#678b35 10%, #59792e 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#678b35 10%, #59792e 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#678b35 10%, #59792e 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#678b35 10%, #59792e 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#678b35 10%, #59792e 90%), false, false, false, false, false, false, false, false, false); +} +.pypl-navigation .super-navigation { + color: #666; + border: 1px solid #bed99a; + background-color: #eef5e4; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFFFFF", endColorstr="#FFEEF5E4"); + background-image: -owg(compact(linear-gradient(white 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(white 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(white 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(white 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(white 10%, #eef5e4 90%), false, false, false, false, false, false, false, false, false); +} +.pypl-navigation .super-navigation a:not(.button) { + color: #82b043; +} +.pypl-navigation .super-navigation h4 { + color: #749e3c; +} .jobs-navigation { background-color: #8b5792; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA06BA7', endColorstr='#FF8B5792'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNhMDZiYTciLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzhiNTc5MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #a06ba7), color-stop(95%, #8b5792)); - background-image: -moz-linear-gradient(#a06ba7 30%, #8b5792 95%); - background-image: -webkit-linear-gradient(#a06ba7 30%, #8b5792 95%); - background-image: linear-gradient(#a06ba7 30%, #8b5792 95%); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFA06BA7", endColorstr="#FF8B5792"); + background-image: -owg(compact(linear-gradient(#a06ba7 30%, #8b5792 95%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#a06ba7 30%, #8b5792 95%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#a06ba7 30%, #8b5792 95%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#a06ba7 30%, #8b5792 95%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#a06ba7 30%, #8b5792 95%), false, false, false, false, false, false, false, false, false); border-top: 1px solid #bf9bc4; border-bottom: 1px solid #58375c; - /*a*/ } - .jobs-navigation .tier-1 { - border-top: 1px solid #b58bba; - border-right: 1px solid #85538c; - border-bottom: 1px solid #67406c; - border-left: 1px solid #b58bba; } - .jobs-navigation .tier-1 > a { - color: #e6e8ea; - background-color: transparent; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - letter-spacing: 0.01em; } - .jobs-navigation .tier-1 > a:hover, .jobs-navigation .tier-1 > a:focus, .jobs-navigation .tier-1 > a .tier-1:hover > a { - color: #fff; - background-color: #8b5792; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF985F9F', endColorstr='#FF8B5792'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM5ODVmOWYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzhiNTc5MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #985f9f), color-stop(90%, #8b5792)); - background-image: -moz-linear-gradient(#985f9f 10%, #8b5792 90%); - background-image: -webkit-linear-gradient(#985f9f 10%, #8b5792 90%); - background-image: linear-gradient(#985f9f 10%, #8b5792 90%); - border-top: 1px solid #a06ba7; - border-bottom: 1px solid #8b5792; } - .jobs-navigation .subnav { - border-top: 1px solid #58375c; - background-color: #fcfbfd; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEE5EF', endColorstr='#FFFCFBFD'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNlZWU1ZWYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZjZmJmZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #eee5ef), color-stop(90%, #fcfbfd)); - background-image: -moz-linear-gradient(#eee5ef 10%, #fcfbfd 90%); - background-image: -webkit-linear-gradient(#eee5ef 10%, #fcfbfd 90%); - background-image: linear-gradient(#eee5ef 10%, #fcfbfd 90%); - -moz-box-shadow: inset 0 0 20px rgba(160, 107, 167, 0.15); - -webkit-box-shadow: inset 0 0 20px rgba(160, 107, 167, 0.15); - box-shadow: inset 0 0 20px rgba(160, 107, 167, 0.15); - /*modernizr*/ } - .touch .jobs-navigation .subnav:before { - border-color: transparent transparent #eee5ef transparent; } - .jobs-navigation .tier-2 > a { - color: rgba(51, 51, 51, 0.9); - border-top: 1px solid rgba(160, 107, 167, 0.25); - border-bottom: 1px solid transparent; } - .jobs-navigation .tier-2 > a:hover, .jobs-navigation .tier-2 > a:focus { - background: rgba(255, 255, 255, 0.35); - color: rgba(34, 34, 34, 0.9); } - .jobs-navigation .tier-2:last-child > a { - border-bottom: 1px solid rgba(160, 107, 167, 0.25); } - .jobs-navigation .current_item { - color: #fff; - background-color: #764a7c; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF85538C', endColorstr='#FF764A7C'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM4NTUzOGMiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzc2NGE3YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #85538c), color-stop(90%, #764a7c)); - background-image: -moz-linear-gradient(#85538c 10%, #764a7c 90%); - background-image: -webkit-linear-gradient(#85538c 10%, #764a7c 90%); - background-image: linear-gradient(#85538c 10%, #764a7c 90%); } - .jobs-navigation .super-navigation { - color: #666; - border: 1px solid #d3bbd7; - background-color: #fcfbfd; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFCFBFD'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZjZmJmZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffffff), color-stop(90%, #fcfbfd)); - background-image: -moz-linear-gradient(#ffffff 10%, #fcfbfd 90%); - background-image: -webkit-linear-gradient(#ffffff 10%, #fcfbfd 90%); - background-image: linear-gradient(#ffffff 10%, #fcfbfd 90%); } - .jobs-navigation .super-navigation a:not(.button) { - color: #a06ba7; } - .jobs-navigation .super-navigation h4 { - color: #945d9c; } + /*a*/ +} +.jobs-navigation .tier-1 { + border-top: 1px solid #b58bba; + border-right: 1px solid #85538c; + border-bottom: 1px solid #67406c; + border-left: 1px solid #b58bba; +} +.jobs-navigation .tier-1 > a { + color: #e6e8ea; + background-color: transparent; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + letter-spacing: 0.01em; +} +.jobs-navigation .tier-1 > a:hover, .jobs-navigation .tier-1 > a:focus, .jobs-navigation .tier-1 > a .tier-1:hover > a { + color: #fff; + background-color: #8b5792; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF985F9F", endColorstr="#FF8B5792"); + background-image: -owg(compact(linear-gradient(#985f9f 10%, #8b5792 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#985f9f 10%, #8b5792 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#985f9f 10%, #8b5792 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#985f9f 10%, #8b5792 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#985f9f 10%, #8b5792 90%), false, false, false, false, false, false, false, false, false); + border-top: 1px solid #a06ba7; + border-bottom: 1px solid #8b5792; +} +.jobs-navigation .subnav { + border-top: 1px solid #58375c; + background-color: #fcfbfd; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFEEE5EF", endColorstr="#FFFCFBFD"); + background-image: -owg(compact(linear-gradient(#eee5ef 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#eee5ef 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#eee5ef 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#eee5ef 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#eee5ef 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(inset 0 0 20px rgba(160, 107, 167, 0.15), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(inset 0 0 20px rgba(160, 107, 167, 0.15), false, false, false, false, false, false, false, false, false); + box-shadow: compact(inset 0 0 20px rgba(160, 107, 167, 0.15), false, false, false, false, false, false, false, false, false); + /*modernizr*/ +} +.touch .jobs-navigation .subnav:before { + border-color: transparent transparent #eee5ef transparent; +} +.jobs-navigation .tier-2 > a { + color: rgba(51, 51, 51, 0.9); + border-top: 1px solid rgba(160, 107, 167, 0.25); + border-bottom: 1px solid transparent; +} +.jobs-navigation .tier-2 > a:hover, .jobs-navigation .tier-2 > a:focus { + background: rgba(255, 255, 255, 0.35); + color: rgba(34, 34, 34, 0.9); +} +.jobs-navigation .tier-2:last-child > a { + border-bottom: 1px solid rgba(160, 107, 167, 0.25); +} +.jobs-navigation .current_item { + color: #fff; + background-color: #764a7c; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF85538C", endColorstr="#FF764A7C"); + background-image: -owg(compact(linear-gradient(#85538c 10%, #764a7c 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#85538c 10%, #764a7c 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#85538c 10%, #764a7c 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#85538c 10%, #764a7c 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#85538c 10%, #764a7c 90%), false, false, false, false, false, false, false, false, false); +} +.jobs-navigation .super-navigation { + color: #666; + border: 1px solid #d3bbd7; + background-color: #fcfbfd; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFFFFF", endColorstr="#FFFCFBFD"); + background-image: -owg(compact(linear-gradient(white 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(white 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(white 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(white 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(white 10%, #fcfbfd 90%), false, false, false, false, false, false, false, false, false); +} +.jobs-navigation .super-navigation a:not(.button) { + color: #a06ba7; +} +.jobs-navigation .super-navigation h4 { + color: #945d9c; +} .shop-navigation { background-color: #9e4650; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFB55863', endColorstr='#FF9E4650'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNiNTU4NjMiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzllNDY1MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #b55863), color-stop(95%, #9e4650)); - background-image: -moz-linear-gradient(#b55863 30%, #9e4650 95%); - background-image: -webkit-linear-gradient(#b55863 30%, #9e4650 95%); - background-image: linear-gradient(#b55863 30%, #9e4650 95%); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFB55863", endColorstr="#FF9E4650"); + background-image: -owg(compact(linear-gradient(#b55863 30%, #9e4650 95%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#b55863 30%, #9e4650 95%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#b55863 30%, #9e4650 95%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#b55863 30%, #9e4650 95%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#b55863 30%, #9e4650 95%), false, false, false, false, false, false, false, false, false); border-top: 1px solid #cc8d95; border-bottom: 1px solid #622b32; - /*a*/ } - .shop-navigation .tier-1 { - border-top: 1px solid #c57b84; - border-right: 1px solid #97434d; - border-bottom: 1px solid #74333b; - border-left: 1px solid #c57b84; } - .shop-navigation .tier-1 > a { - color: #e6e8ea; - background-color: transparent; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - letter-spacing: 0.01em; } - .shop-navigation .tier-1 > a:hover, .shop-navigation .tier-1 > a:focus, .shop-navigation .tier-1 > a .tier-1:hover > a { - color: #fff; - background-color: #9e4650; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFAC4C58', endColorstr='#FF9E4650'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNhYzRjNTgiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzllNDY1MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ac4c58), color-stop(90%, #9e4650)); - background-image: -moz-linear-gradient(#ac4c58 10%, #9e4650 90%); - background-image: -webkit-linear-gradient(#ac4c58 10%, #9e4650 90%); - background-image: linear-gradient(#ac4c58 10%, #9e4650 90%); - border-top: 1px solid #b55863; - border-bottom: 1px solid #9e4650; } - .shop-navigation .subnav { - border-top: 1px solid #622b32; - background-color: #fbf7f8; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF1DEE0', endColorstr='#FFFBF7F8'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmMWRlZTAiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZiZjdmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #f1dee0), color-stop(90%, #fbf7f8)); - background-image: -moz-linear-gradient(#f1dee0 10%, #fbf7f8 90%); - background-image: -webkit-linear-gradient(#f1dee0 10%, #fbf7f8 90%); - background-image: linear-gradient(#f1dee0 10%, #fbf7f8 90%); - -moz-box-shadow: inset 0 0 20px rgba(181, 88, 99, 0.15); - -webkit-box-shadow: inset 0 0 20px rgba(181, 88, 99, 0.15); - box-shadow: inset 0 0 20px rgba(181, 88, 99, 0.15); - /*modernizr*/ } - .touch .shop-navigation .subnav:before { - border-color: transparent transparent #f1dee0 transparent; } - .shop-navigation .tier-2 > a { - color: rgba(51, 51, 51, 0.9); - border-top: 1px solid rgba(181, 88, 99, 0.25); - border-bottom: 1px solid transparent; } - .shop-navigation .tier-2 > a:hover, .shop-navigation .tier-2 > a:focus { - background: rgba(255, 255, 255, 0.35); - color: rgba(34, 34, 34, 0.9); } - .shop-navigation .tier-2:last-child > a { - border-bottom: 1px solid rgba(181, 88, 99, 0.25); } - .shop-navigation .current_item { - color: #fff; - background-color: #853b44; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF97434D', endColorstr='#FF853B44'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM5NzQzNGQiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzg1M2I0NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #97434d), color-stop(90%, #853b44)); - background-image: -moz-linear-gradient(#97434d 10%, #853b44 90%); - background-image: -webkit-linear-gradient(#97434d 10%, #853b44 90%); - background-image: linear-gradient(#97434d 10%, #853b44 90%); } - .shop-navigation .super-navigation { - color: #666; - border: 1px solid #dcb0b6; - background-color: #fbf7f8; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFBF7F8'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZiZjdmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffffff), color-stop(90%, #fbf7f8)); - background-image: -moz-linear-gradient(#ffffff 10%, #fbf7f8 90%); - background-image: -webkit-linear-gradient(#ffffff 10%, #fbf7f8 90%); - background-image: linear-gradient(#ffffff 10%, #fbf7f8 90%); } - .shop-navigation .super-navigation a:not(.button) { - color: #b55863; } - .shop-navigation .super-navigation h4 { - color: #a94b56; } + /*a*/ +} +.shop-navigation .tier-1 { + border-top: 1px solid #c57b84; + border-right: 1px solid #97434d; + border-bottom: 1px solid #74333b; + border-left: 1px solid #c57b84; +} +.shop-navigation .tier-1 > a { + color: #e6e8ea; + background-color: transparent; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + letter-spacing: 0.01em; +} +.shop-navigation .tier-1 > a:hover, .shop-navigation .tier-1 > a:focus, .shop-navigation .tier-1 > a .tier-1:hover > a { + color: #fff; + background-color: #9e4650; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFAC4C58", endColorstr="#FF9E4650"); + background-image: -owg(compact(linear-gradient(#ac4c58 10%, #9e4650 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#ac4c58 10%, #9e4650 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#ac4c58 10%, #9e4650 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#ac4c58 10%, #9e4650 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#ac4c58 10%, #9e4650 90%), false, false, false, false, false, false, false, false, false); + border-top: 1px solid #b55863; + border-bottom: 1px solid #9e4650; +} +.shop-navigation .subnav { + border-top: 1px solid #622b32; + background-color: #fbf7f8; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFF1DEE0", endColorstr="#FFFBF7F8"); + background-image: -owg(compact(linear-gradient(#f1dee0 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#f1dee0 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#f1dee0 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#f1dee0 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#f1dee0 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(inset 0 0 20px rgba(181, 88, 99, 0.15), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(inset 0 0 20px rgba(181, 88, 99, 0.15), false, false, false, false, false, false, false, false, false); + box-shadow: compact(inset 0 0 20px rgba(181, 88, 99, 0.15), false, false, false, false, false, false, false, false, false); + /*modernizr*/ +} +.touch .shop-navigation .subnav:before { + border-color: transparent transparent #f1dee0 transparent; +} +.shop-navigation .tier-2 > a { + color: rgba(51, 51, 51, 0.9); + border-top: 1px solid rgba(181, 88, 99, 0.25); + border-bottom: 1px solid transparent; +} +.shop-navigation .tier-2 > a:hover, .shop-navigation .tier-2 > a:focus { + background: rgba(255, 255, 255, 0.35); + color: rgba(34, 34, 34, 0.9); +} +.shop-navigation .tier-2:last-child > a { + border-bottom: 1px solid rgba(181, 88, 99, 0.25); +} +.shop-navigation .current_item { + color: #fff; + background-color: #853b44; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF97434D", endColorstr="#FF853B44"); + background-image: -owg(compact(linear-gradient(#97434d 10%, #853b44 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#97434d 10%, #853b44 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#97434d 10%, #853b44 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#97434d 10%, #853b44 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#97434d 10%, #853b44 90%), false, false, false, false, false, false, false, false, false); +} +.shop-navigation .super-navigation { + color: #666; + border: 1px solid #dcb0b6; + background-color: #fbf7f8; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFFFFF", endColorstr="#FFFBF7F8"); + background-image: -owg(compact(linear-gradient(white 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(white 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(white 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(white 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(white 10%, #fbf7f8 90%), false, false, false, false, false, false, false, false, false); +} +.shop-navigation .super-navigation a:not(.button) { + color: #b55863; +} +.shop-navigation .super-navigation h4 { + color: #a94b56; +} /* end @for */ .content-wrapper { - /* Increase the amount of white space under the nav on inner pages */ } - .default-page .content-wrapper { - padding-top: 2em; } + /* Increase the amount of white space under the nav on inner pages */ +} +.default-page .content-wrapper { + padding-top: 2em; +} /* Main content with sidebars */ .main-content.with-left-sidebar { - width: 65.95745%; - float: right; - margin-right: 0; - #margin-left: -20px; } + width: 65.9574468085%; + float: opposite-position(left); + margin-opposite-position(left): 0; + #margin-opposite-position(opposite-position(left)): -20px; +} .main-content.with-right-sidebar { - width: 65.95745%; + width: 65.9574468085%; float: left; - margin-right: 2.12766%; } + margin-opposite-position(left): 2.1276595745%; +} .text { - font-size: 0.9375em; } + font-size: 0.9375em; +} /*aside*/ .left-sidebar { - width: 31.91489%; + width: 31.914893617%; float: left; - margin-right: 2.12766%; - margin-top: 1em; } + margin-opposite-position(left): 2.1276595745%; + margin-top: 1em; +} /*aside*/ .right-sidebar { - width: 31.91489%; - float: right; - margin-right: 0; - #margin-left: -20px; } + width: 31.914893617%; + float: opposite-position(left); + margin-opposite-position(left): 0; + #margin-opposite-position(opposite-position(left)): -20px; +} .left-sidebar .small-widget, .left-sidebar .medium-widget, .left-sidebar .triple-widget, .right-sidebar .small-widget, .right-sidebar .medium-widget, .right-sidebar .triple-widget { float: none; width: auto; - margin-right: auto; - #margin-left: auto; } + margin-opposite-position(left): auto; + #margin-opposite-position(opposite-position(left)): auto; +} /* Widgets in main content */ .row { - margin-bottom: 1em; } + margin-bottom: 1em; +} .small-widget { - width: 48.93617%; + width: 48.9361702128%; float: left; - margin-right: 2.12766%; } - .small-widget:nth-child(2), .small-widget.last { - margin-right: 0; } + margin-opposite-position(left): 2.1276595745%; +} +.small-widget:nth-child(2), .small-widget.last { + margin-right: 0; +} .triple-widget { - width: 31.91489%; + width: 31.914893617%; float: left; - margin-right: 2.12766%; } - .triple-widget.last { - margin-right: 0; } + margin-opposite-position(left): 2.1276595745%; +} +.triple-widget.last { + margin-right: 0; +} .most-recent-posts { - width: 74.46809%; + width: 74.4680851064%; float: left; - margin-right: 2.12766%; } + margin-opposite-position(left): 2.1276595745%; +} .pep-widget, .psf-widget, .python-needs-you-widget { padding: 1.5em 1.75em; - clear: both; } + clear: both; +} /* PEP landing page */ .pep-list-header, .pep-index-list li, .info-key { - margin: 0 -.5em; } + margin: 0 -0.5em; +} .pep-list-header { - display: block; } + display: block; +} .pep-index-list .label { - display: none; } + display: none; +} .pep-index-list a { - display: block; } + display: block; +} .pep-index-list li { border-bottom: 1px solid #e3e7ec; - margin-bottom: 0; } + margin-bottom: 0; +} .pep-type, .pep-num, .pep-title, .pep-owner { float: left; - border-bottom: 0; } + border-bottom: 0; +} .pep-type { - width: 15%; } + width: 15%; +} .pep-num { - width: 10%; } + width: 10%; +} .pep-title { - width: 50%; } + width: 50%; +} .pep-owner { - width: 25%; } + width: 25%; +} /* Jobs landing page */ .jobs-intro { padding-top: 2em; - padding-bottom: 2em; } + padding-bottom: 2em; +} .listing-company-category:before { content: "Category: "; - color: #666; } + color: #666; +} .listing-job-title:before { content: "Title: "; - color: #666; } + color: #666; +} .listing-job-type:before { content: "Looking for: "; - color: #666; } + color: #666; +} .release-number, .release-date, @@ -1233,19 +1358,24 @@ a.button { -moz-box-orient: vertical; display: inline-block; margin-right: -4px; - vertical-align: middle; } + vertical-align: middle; +} .release-number { - width: 20%; } + width: 20%; +} .release-date { - width: 30%; } + width: 30%; +} .release-download { - width: 25%; } + width: 25%; +} .release-enhancements { - width: 25%; } + width: 25%; +} .release-version, .release-status, @@ -1255,104 +1385,133 @@ a.button { -moz-box-orient: vertical; display: inline-block; margin-right: -4px; - vertical-align: middle; } + vertical-align: middle; +} .release-version { - width: 15%; } + width: 15%; +} .release-status { - width: 20%; } + width: 20%; +} .release-start { - width: 25%; } + width: 25%; +} .release-end { - width: 25%; } + width: 25%; +} .release-pep { - width: 15%; } + width: 15%; +} /* Previous Next pattern */ .previous-next { overflow: hidden; - *zoom: 1; } - .previous-next a { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - .previous-next .prev-button { - width: 48.93617%; - float: left; - margin-right: 2.12766%; } - .previous-next .next-button { - width: 48.93617%; - float: right; - margin-right: 0; - #margin-left: -20px; } + *zoom: 1; +} +.previous-next a { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.previous-next .prev-button { + width: 48.9361702128%; + float: left; + margin-opposite-position(left): 2.1276595745%; +} +.previous-next .next-button { + width: 48.9361702128%; + float: opposite-position(left); + margin-opposite-position(left): 0; + #margin-opposite-position(opposite-position(left)): -20px; +} /* Footer */ .main-footer .jump-link { - display: none; } + display: none; +} .sitemap .tier-1 { float: left; width: 50%; - /* Special case, we want the Events subnav to be up under Blog */ } - .sitemap .tier-1:nth-child(odd) { - clear: left; } - .sitemap .tier-1:nth-child(even) { - border-left: 1px solid #f7f7f8; } - .sitemap .tier-1.element-7 { - clear: none; } + /* Special case, we want the Events subnav to be up under Blog */ +} +.sitemap .tier-1:nth-child(odd) { + clear: left; +} +.sitemap .tier-1:nth-child(even) { + border-left: 1px solid #f7f7f8; +} +.sitemap .tier-1.element-7 { + clear: none; +} .footer-links { clear: both; - text-align: center; } - .footer-links li { - display: inline-block; } + text-align: center; +} +.footer-links li { + display: inline-block; +} .site-headline { - margin: .25em 0 .5em; } + margin: 0.25em 0 0.5em; +} .site-headline a .python-logo { width: 255.2px; - height: 72.16px; } + height: 72.16px; +} .site-headline a .psf-logo { width: 293.92px; - height: 72.16px; } + height: 72.16px; +} .donate-button { - top: 33px; } + top: 33px; +} .options-bar { - margin: 0.875em 0; } + margin: 0.875em 0; +} .search-field { background: #fff; - padding: .4em .5em .3em; - margin-right: .5em; - width: 11em; } - .search-field:focus { - width: 13em; } + padding: 0.4em 0.5em 0.3em; + margin-right: 0.5em; + width: 11em; +} +.search-field:focus { + width: 13em; +} .home .header-banner { - margin: 0 2em 0 1em; } + margin: 0 2em 0 1em; +} .slideshow .slides li { overflow: hidden; - *zoom: 1; } + *zoom: 1; +} .slide-code, .slide-copy { float: left; width: 50%; - min-height: 280px; } + min-height: 280px; +} .slide-code { position: relative; - line-height: 1.5; } + line-height: 1.5; +} .js .launch-shell { - display: block; } + display: block; +} /* Launch Interactive Shell>>> @@ -1362,102 +1521,117 @@ a.button { position: absolute; top: 1.25em; right: 52%; - z-index: 50; } - .flexslide .launch-shell span, .flexslide .launch-shell a { - display: inline-block; } - .flexslide .launch-shell .button { - padding-bottom: .2em; } - .flexslide .launch-shell .button .message { - opacity: 0; - position: absolute; - top: -9999px; - right: 2.6em; - white-space: nowrap; - padding: .4em .75em .35em; - color: #999; - background-color: #1f1f1f; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF333333', endColorstr='#FF1F1F1F'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzFmMWYxZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #333333), color-stop(90%, #1f1f1f)); - background-image: -moz-linear-gradient(#333333 10%, #1f1f1f 90%); - background-image: -webkit-linear-gradient(#333333 10%, #1f1f1f 90%); - background-image: linear-gradient(#333333 10%, #1f1f1f 90%); - border-top: 1px solid #444; - border-right: 1px solid #444; - border-bottom: 1px solid #444; - border-left: 1px solid #444; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); - -moz-transition: opacity 0.25s ease-in-out, top 0s linear 0.25s; - -o-transition: opacity 0.25s ease-in-out, top 0s linear 0.25s; - -webkit-transition: opacity 0.25s ease-in-out, top 0s linear; - -webkit-transition-delay: 0s, 0.25s; - transition: opacity 0.25s ease-in-out, top 0s linear 0.25s; } - .flexslide .launch-shell .button:hover .message { - opacity: 1; - top: 0; - -moz-transition: opacity 0.25s ease-in-out, top 0s linear; - -o-transition: opacity 0.25s ease-in-out, top 0s linear; - -webkit-transition: opacity 0.25s ease-in-out, top 0s linear; - transition: opacity 0.25s ease-in-out, top 0s linear; } + z-index: 50; +} +.flexslide .launch-shell span, .flexslide .launch-shell a { + display: inline-block; +} +.flexslide .launch-shell .button { + padding-bottom: 0.2em; +} +.flexslide .launch-shell .button .message { + opacity: 0; + position: absolute; + top: -9999px; + right: 2.6em; + white-space: nowrap; + padding: 0.4em 0.75em 0.35em; + color: #999; + background-color: #1f1f1f; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF333333", endColorstr="#FF1F1F1F"); + background-image: -owg(compact(linear-gradient(#333 10%, #1f1f1f 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#333 10%, #1f1f1f 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#333 10%, #1f1f1f 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#333 10%, #1f1f1f 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#333 10%, #1f1f1f 90%), false, false, false, false, false, false, false, false, false); + border-top: 1px solid #444; + border-right: 1px solid #444; + border-bottom: 1px solid #444; + border-left: 1px solid #444; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -ms-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: compact(1px 1px 1px rgba(0, 0, 0, 0.05), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(1px 1px 1px rgba(0, 0, 0, 0.05), false, false, false, false, false, false, false, false, false); + box-shadow: compact(1px 1px 1px rgba(0, 0, 0, 0.05), false, false, false, false, false, false, false, false, false); + -webkit-transition: compact(compact(opacity 0.25s ease-in-out, top 0s linear 0.25s, false, false, false, false, false, false, false, false) false false); + -moz-transition: compact(compact(opacity 0.25s ease-in-out, top 0s linear 0.25s, false, false, false, false, false, false, false, false) false false false); + -o-transition: compact(compact(opacity 0.25s ease-in-out, top 0s linear 0.25s, false, false, false, false, false, false, false, false) false false false); + transition: compact(opacity 0.25s ease-in-out, top 0s linear 0.25s, false, false, false, false, false, false, false, false); +} +.flexslide .launch-shell .button:hover .message { + opacity: 1; + top: 0; + -webkit-transition: compact(compact(opacity 0.25s ease-in-out, top 0s linear, false, false, false, false, false, false, false, false) false false); + -moz-transition: compact(compact(opacity 0.25s ease-in-out, top 0s linear, false, false, false, false, false, false, false, false) false false false); + -o-transition: compact(compact(opacity 0.25s ease-in-out, top 0s linear, false, false, false, false, false, false, false, false) false false false); + transition: compact(opacity 0.25s ease-in-out, top 0s linear, false, false, false, false, false, false, false, false); +} .introduction { - text-align: center; } - .introduction .breaker { - display: block; - width: 100%; - height: 1px; - font-size: 1px; - line-height: 1px; } + text-align: center; +} +.introduction .breaker { + display: block; + width: 100%; + height: 1px; + font-size: 1px; + line-height: 1px; +} /* Header-banners */ .main-header .container { - padding-bottom: 0; } + padding-bottom: 0; +} .header-banner { padding: 0 0 0 1em; - margin: 0 -1em 0 0; } + margin: 0 -1em 0 0; +} .about-banner, .download-for-current-os, .documentation-banner, .community-banner { padding-left: 0%; - padding-right: 51.06383%; - padding-top: 1em; } + padding-opposite-position(left): 51.0638297872%; + padding-top: 1em; +} .about-banner { - background: 120% 0 no-repeat url('../img/landing-about.png?1576869008') transparent; + background: 120% 0 no-repeat image-url("landing-about.png") transparent; min-height: 345px; padding-bottom: 3.5em; - margin-bottom: -2.5em; } + margin-bottom: -2.5em; +} .download-for-current-os { - background: 130% 0 no-repeat url('../img/landing-downloads.png?1576869008') transparent; + background: 130% 0 no-repeat image-url("landing-downloads.png") transparent; min-height: 345px; padding-bottom: 4em; - margin-bottom: -3em; } + margin-bottom: -3em; +} .documentation-banner { - background: 130% 0 no-repeat url('../img/landing-docs.png?1576869008') transparent; - padding-bottom: 1em; } + background: 130% 0 no-repeat image-url("landing-docs.png") transparent; + padding-bottom: 1em; +} .community-banner { text-align: left; - background: 110% 0 no-repeat url('../img/landing-community.png?1576869008') transparent; + background: 110% 0 no-repeat image-url("landing-community.png") transparent; min-height: 345px; padding-bottom: 2em; - margin-bottom: -1.25em; } + margin-bottom: -1.25em; +} .welcome-to-the-foundation { padding-top: 2em; - padding-bottom: 2em; } + padding-bottom: 2em; +} /* Blog landing page */ /*h2*/ @@ -1465,223 +1639,274 @@ a.button { text-align: left; position: absolute; left: 0; - width: 23.40426%; - margin-top: 0.56875em; } + width: 23.4042553191%; + margin-top: 0.56875em; +} .latest-blog-post, .featured-event, .jobs-intro { position: relative; text-align: left; - min-height: 130px; } - .latest-blog-post .call-to-action, - .featured-event .call-to-action, - .jobs-intro .call-to-action { - margin-left: 34.04255%; } - .latest-blog-post .date-posted, .latest-blog-post .event-date, - .featured-event .date-posted, - .featured-event .event-date, - .jobs-intro .date-posted, - .jobs-intro .event-date { - position: absolute; - left: 0; - width: 31.91489%; } - .latest-blog-post .date-posted time, - .featured-event .date-posted time, - .jobs-intro .date-posted time { - position: relative; - top: 30px; } - .latest-blog-post .excerpt, - .featured-event .excerpt, - .jobs-intro .excerpt { - margin-left: 34.04255%; } + min-height: 130px; +} +.latest-blog-post .call-to-action, +.featured-event .call-to-action, +.jobs-intro .call-to-action { + margin-left: 34.0425531915%; +} +.latest-blog-post .date-posted, .latest-blog-post .event-date, +.featured-event .date-posted, +.featured-event .event-date, +.jobs-intro .date-posted, +.jobs-intro .event-date { + position: absolute; + left: 0; + width: 31.914893617%; +} +.latest-blog-post .date-posted time, +.featured-event .date-posted time, +.jobs-intro .date-posted time { + position: relative; + top: 30px; +} +.latest-blog-post .excerpt, +.featured-event .excerpt, +.jobs-intro .excerpt { + margin-left: 34.0425531915%; +} /* Main content with sidebars */ .home .content-wrapper .container { - padding-top: 2.5em; } + padding-top: 2.5em; +} .main-content.with-left-sidebar { - width: 74.46809%; - float: right; - margin-right: 0; - #margin-left: -20px; } + width: 74.4680851064%; + float: opposite-position(left); + margin-opposite-position(left): 0; + #margin-opposite-position(opposite-position(left)): -20px; +} .main-content.with-right-sidebar { - width: 74.46809%; + width: 74.4680851064%; float: left; - margin-right: 2.12766%; } + margin-opposite-position(left): 2.1276595745%; +} /*aside*/ .left-sidebar { - width: 23.40426%; + width: 23.4042553191%; float: left; - margin-right: 2.12766%; } + margin-opposite-position(left): 2.1276595745%; +} /*aside*/ .right-sidebar { - width: 23.40426%; - float: right; - margin-right: 0; - #margin-left: -20px; } + width: 23.4042553191%; + float: opposite-position(left); + margin-opposite-position(left): 0; + #margin-opposite-position(opposite-position(left)): -20px; +} .featured-success-story { - /*blockquote*/ } - .featured-success-story .success-quote:before, .featured-success-story .success-quote:after { - font-size: 2.375em; } + /*blockquote*/ +} +.featured-success-story .success-quote:before, .featured-success-story .success-quote:after { + font-size: 2.375em; +} .quote-by, .quote-by-organization { display: -moz-inline-stack; display: inline-block; - vertical-align: baseline; } - .lt-ie8 .quote-by, .lt-ie8 .quote-by-organization { - vertical-align: auto; - zoom: 1; - display: inline; } + vertical-align: baseline; +} +.lt-ie8 .quote-by, .lt-ie8 .quote-by-organization { + vertical-align: auto; + zoom: 1; + display: inline; +} .quote-by-organization:before { content: ", "; - margin-left: -.25em; } + margin-left: -0.25em; +} .activity-feed { position: absolute; - right: 0; } + right: 0; +} .psf-widget, .python-needs-you-widget { min-height: 14em; - position: relative; } - .psf-widget .python-logo, .python-needs-you-widget .python-logo { - position: absolute; - top: 0.5em; - right: 1em; - width: 210px; - height: 210px; - background: top left no-repeat url('../img/python-logo-large.png?1576869008') transparent; } - .psf-widget .widget-title, .psf-widget p, .python-needs-you-widget .widget-title, .python-needs-you-widget p { - margin-right: 34.04255%; } + position: relative; +} +.psf-widget .python-logo, .python-needs-you-widget .python-logo { + position: absolute; + top: 0.5em; + right: 1em; + width: 210px; + height: 210px; + background: top left no-repeat image-url("python-logo-large.png") transparent; +} +.psf-widget .widget-title, .psf-widget p, .python-needs-you-widget .widget-title, .python-needs-you-widget p { + margin-opposite-position(left): 34.0425531915%; +} .triple-widget { - width: 31.91489%; + width: 31.914893617%; float: left; - margin-right: 2.12766%; } - .triple-widget.last { - margin-right: 0; } + margin-opposite-position(left): 2.1276595745%; +} +.triple-widget.last { + margin-right: 0; +} /* ! Events landing page */ .list-recent-events .event-title, .list-recent-events p, .list-recent-posts .event-title, .list-recent-posts p { - margin-left: 25.53191%; } + margin-left: 25.5319148936%; +} .list-recent-events time, .list-recent-posts time { position: absolute; - top: .3em; + top: 0.3em; left: 0; - width: 23.40426%; } + width: 23.4042553191%; +} /* Jobs Section */ .list-recent-jobs .listing-company-category a, .list-recent-jobs .listing-job-type a { - white-space: nowrap; } + white-space: nowrap; +} .list-recent-jobs .listing-posted { - width: 48.93617%; + width: 48.9361702128%; float: left; - margin-right: 2.12766%; - margin-right: 0; } -.list-recent-jobs .listing-company-category { - width: 48.93617%; - float: right; + margin-opposite-position(left): 2.1276595745%; margin-right: 0; - #margin-left: -20px; +} +.list-recent-jobs .listing-company-category { + width: 48.9361702128%; + float: opposite-position(left); + margin-opposite-position(left): 0; + #margin-opposite-position(opposite-position(left)): -20px; text-align: right; - clear: none; } + clear: none; +} .list-recent-jobs .listing-actions { clear: both; overflow: hidden; *zoom: 1; padding-top: 0.9375em; - text-align: right; } + text-align: right; +} /*h2*/ .listing-company .listing-company-name { - width: 57.44681%; + width: 57.4468085106%; float: left; - margin-right: 2.12766%; } - .listing-company .listing-company-name a:hover:after, .listing-company .listing-company-name a:focus:after { - color: #666; - content: " View Details"; - font-size: .75em; } + margin-opposite-position(left): 2.1276595745%; +} +.listing-company .listing-company-name a:hover:after, .listing-company .listing-company-name a:focus:after { + color: #666; + content: " View Details"; + font-size: 0.75em; +} .listing-company .listing-location { - width: 40.42553%; - float: right; - margin-right: 0; - #margin-left: -20px; - text-align: right; } + width: 40.4255319149%; + float: opposite-position(left); + margin-opposite-position(left): 0; + #margin-opposite-position(opposite-position(left)): -20px; + text-align: right; +} .job-meta { - width: 48.93617%; + width: 48.9361702128%; float: left; - margin-right: 2.12766%; - margin-bottom: 0; } + margin-opposite-position(left): 2.1276595745%; + margin-bottom: 0; +} .job-tags { - width: 48.93617%; - float: right; - margin-right: 0; - #margin-left: -20px; } + width: 48.9361702128%; + float: opposite-position(left); + margin-opposite-position(left): 0; + #margin-opposite-position(opposite-position(left)): -20px; +} /* Forms that are wide enough to have labels and input fields side by side */ .wide-form ul { - margin-left: 24%; } + margin-left: 24%; +} .wide-form p { overflow: hidden; *zoom: 1; - /* ! This is done the wrong way with SASS. Should be something like #{$form-text-inputs} with $form-text-inputs as a variable */ } - .wide-form p label, .wide-form p textarea { - display: inline-block; - vertical-align: top; } - .wide-form p label { - width: 24%; } - .wide-form p input[type=text], .wide-form p input[type=password], .wide-form p input[type=search], .wide-form p input[type=email], .wide-form p input[type=url], .wide-form p input[type=tel] { - width: 75%; - display: inline-block; - vertical-align: top; } - .wide-form p textarea { - width: 75%; } - .wide-form p button { - margin-left: 24%; } - .wide-form p button + button { - margin-left: 0; } + /* ! This is done the wrong way with SASS. Should be something like \\$form-text-inputs with \$form-text-inputs as a variable */ +} +.wide-form p label, .wide-form p textarea { + display: inline-block; + vertical-align: top; +} +.wide-form p label { + width: 24%; +} +.wide-form p input[type=text], .wide-form p input[type=password], .wide-form p input[type=search], .wide-form p input[type=email], .wide-form p input[type=url], .wide-form p input[type=tel] { + width: 75%; + display: inline-block; + vertical-align: top; +} +.wide-form p textarea { + width: 75%; +} +.wide-form p button { + margin-left: 24%; +} +.wide-form p button + button { + margin-left: 0; +} .jobs-form ul { margin-top: -3.25em; - *zoom: 1; } - .jobs-form ul:after { - content: ""; - display: table; - clear: both; } - .jobs-form ul li { - float: left; - width: 33%; } + *zoom: 1; +} +.jobs-form ul:after { + content: ""; + display: table; + clear: both; +} +.jobs-form ul li { + float: left; + width: 33%; +} .jobs-form ul.errorlist { /* Reset margin for errorlist so that messages are not drawn over other labels */ - margin-top: 0; } + margin-top: 0; +} /* Footer */ .sitemap, .footer-links, .copyright { - font-size: 0.875em; } + font-size: 0.875em; +} .sitemap .tier-1 { width: 32.97872%; border-left: 0; - border-right: 0; } - .sitemap .tier-1:nth-child(odd), .sitemap .tier-1:nth-child(even) { - clear: none; - border-left: 0; - border-right: 0; } - .sitemap .tier-1.element-1, .sitemap .tier-1.element-2, .sitemap .tier-1.element-4, .sitemap .tier-1.element-5, .sitemap .tier-1.element-8 { - border-right: 1px solid #d5d6d8; } - .sitemap .tier-1.element-2, .sitemap .tier-1.element-3, .sitemap .tier-1.element-5, .sitemap .tier-1.element-6, .sitemap .tier-1.element-7, .sitemap .tier-1.element-8, .sitemap .tier-1.element-9 { - border-left: 1px solid #f7f7f8; } + border-right: 0; +} +.sitemap .tier-1:nth-child(odd), .sitemap .tier-1:nth-child(even) { + clear: none; + border-left: 0; + border-right: 0; +} +.sitemap .tier-1.element-1, .sitemap .tier-1.element-2, .sitemap .tier-1.element-4, .sitemap .tier-1.element-5, .sitemap .tier-1.element-8 { + border-right: 1px solid #d5d6d8; +} +.sitemap .tier-1.element-2, .sitemap .tier-1.element-3, .sitemap .tier-1.element-5, .sitemap .tier-1.element-6, .sitemap .tier-1.element-7, .sitemap .tier-1.element-8, .sitemap .tier-1.element-9 { + border-left: 1px solid #f7f7f8; +} .footer-links .say-no-more { display: inline; - visibility: visible; } + visibility: visible; +} .main-navigation { /* Include the mixins to start our horizontal nav @@ -1692,174 +1917,220 @@ a.button { /*ul*/ /*li*/ /*li*/ - /*ul*/ } - .main-navigation .menu { - margin-bottom: 0; } - .main-navigation .tier-1, .main-navigation .tier-2 { - /* We do this more explictly (the descendant selector) to avoid also styling links in the Supernav content */ } - .main-navigation .tier-1 > a, .main-navigation .tier-2 > a { - display: block; - padding: .5em 1.5em .4em 1em; - position: relative; } - .main-navigation .tier-1 { - display: block; - width: 100%; } - .main-navigation .tier-1 > a { - text-align: center; } - .main-navigation .tier-2 > a { - text-align: left; } - .main-navigation .menu { - *zoom: 1; } - .main-navigation .menu:after { - content: ""; - display: table; - clear: both; } - .main-navigation .tier-1 { - position: relative; } - .main-navigation .subnav { - position: absolute; - z-index: 100; - text-align: left; - /*modernizr*/ - /*modernizr*/ } - .no-touch .main-navigation .subnav { - min-width: 100%; - display: none; - -moz-transition: all 0s ease; - -o-transition: all 0s ease; - -webkit-transition: all 0s ease; - transition: all 0s ease; } - .touch .main-navigation .subnav { - top: 120%; - display: none; - opacity: 0; - -moz-transition: opacity 0.25s ease-in-out; - -o-transition: opacity 0.25s ease-in-out; - -webkit-transition: opacity 0.25s ease-in-out; - transition: opacity 0.25s ease-in-out; - -moz-box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.6); - -webkit-box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.6); - box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.6); } - .touch .main-navigation .subnav:before { - position: absolute; - content: ""; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - border-width: 0.75em; - top: -1.45em; - display: block; } - .no-touch .main-navigation .element-1:hover .subnav, .no-touch .main-navigation .element-1:focus .subnav, .no-touch .main-navigation .element-2:hover .subnav, .no-touch .main-navigation .element-2:focus .subnav, .no-touch .main-navigation .element-3:hover .subnav, .no-touch .main-navigation .element-3:focus .subnav, .no-touch .main-navigation .element-4:hover .subnav, .no-touch .main-navigation .element-4:focus .subnav { - left: 0; - display: initial; - -moz-transition-delay: 0.25s; - -o-transition-delay: 0.25s; - -webkit-transition-delay: 0.25s; - transition-delay: 0.25s; } - .no-touch .main-navigation .element-5:hover .subnav, .no-touch .main-navigation .element-5:focus .subnav, .no-touch .main-navigation .element-6:hover .subnav, .no-touch .main-navigation .element-6:focus .subnav, .no-touch .main-navigation .element-7:hover .subnav, .no-touch .main-navigation .element-7:focus .subnav, .no-touch .main-navigation .element-8:hover .subnav, .no-touch .main-navigation .element-8:focus .subnav, .no-touch .main-navigation .last:hover .subnav, .no-touch .main-navigation .last:focus .subnav { - right: 0; - display: initial; - -moz-transition-delay: 0.25s; - -o-transition-delay: 0.25s; - -webkit-transition-delay: 0.25s; - transition-delay: 0.25s; } - .touch .main-navigation .element-1, .touch .main-navigation .element-2, .touch .main-navigation .element-3, .touch .main-navigation .element-4 { - /* Position the pointer element */ } - .touch .main-navigation .element-1:hover .subnav, .touch .main-navigation .element-1 .subnav.touched, .touch .main-navigation .element-2:hover .subnav, .touch .main-navigation .element-2 .subnav.touched, .touch .main-navigation .element-3:hover .subnav, .touch .main-navigation .element-3 .subnav.touched, .touch .main-navigation .element-4:hover .subnav, .touch .main-navigation .element-4 .subnav.touched { - display: block; - opacity: 1; - left: 0; } - .touch .main-navigation .element-1 .subnav:before, .touch .main-navigation .element-2 .subnav:before, .touch .main-navigation .element-3 .subnav:before, .touch .main-navigation .element-4 .subnav:before { - left: 1.5em; } - .touch .main-navigation .element-5, .touch .main-navigation .element-6, .touch .main-navigation .element-7, .touch .main-navigation .element-8, .touch .main-navigation .last { - /* Position the pointer element */ } - .touch .main-navigation .element-5:hover .subnav, .touch .main-navigation .element-5 .subnav.touched, .touch .main-navigation .element-6:hover .subnav, .touch .main-navigation .element-6 .subnav.touched, .touch .main-navigation .element-7:hover .subnav, .touch .main-navigation .element-7 .subnav.touched, .touch .main-navigation .element-8:hover .subnav, .touch .main-navigation .element-8 .subnav.touched, .touch .main-navigation .last:hover .subnav, .touch .main-navigation .last .subnav.touched { - display: block; - opacity: 1; - right: 0; } - .touch .main-navigation .element-5 .subnav:before, .touch .main-navigation .element-6 .subnav:before, .touch .main-navigation .element-7 .subnav:before, .touch .main-navigation .element-8 .subnav:before, .touch .main-navigation .last .subnav:before { - left: auto; - right: 1.5em; } - .main-navigation .tier-2 { - display: block; - min-width: 100%; } - .main-navigation .tier-2 a { - white-space: nowrap; } + /*ul*/ +} +.main-navigation .menu { + margin-bottom: 0; +} +.main-navigation .tier-1, .main-navigation .tier-2 { + /* We do this more explictly (the descendant selector) to avoid also styling links in the Supernav content */ +} +.main-navigation .tier-1 > a, .main-navigation .tier-2 > a { + display: block; + padding: 0.5em 1.5em 0.4em 1em; + position: relative; +} +.main-navigation .tier-1 { + display: block; + width: 100%; +} +.main-navigation .tier-1 > a { + text-align: center; +} +.main-navigation .tier-2 > a { + text-align: left; +} +.main-navigation .menu { + *zoom: 1; +} +.main-navigation .menu:after { + content: ""; + display: table; + clear: both; +} +.main-navigation .tier-1 { + position: relative; +} +.main-navigation .subnav { + position: absolute; + z-index: 100; + text-align: left; + /*modernizr*/ + /*modernizr*/ +} +.no-touch .main-navigation .subnav { + min-width: 100%; + display: none; + -webkit-transition: compact(compact(all 0s ease, false, false, false, false, false, false, false, false, false) false false); + -moz-transition: compact(compact(all 0s ease, false, false, false, false, false, false, false, false, false) false false false); + -o-transition: compact(compact(all 0s ease, false, false, false, false, false, false, false, false, false) false false false); + transition: compact(all 0s ease, false, false, false, false, false, false, false, false, false); +} +.touch .main-navigation .subnav { + top: 120%; + display: none; + opacity: 0; + -webkit-transition: compact(compact(opacity 0.25s ease-in-out, false, false, false, false, false, false, false, false, false) false false); + -moz-transition: compact(compact(opacity 0.25s ease-in-out, false, false, false, false, false, false, false, false, false) false false false); + -o-transition: compact(compact(opacity 0.25s ease-in-out, false, false, false, false, false, false, false, false, false) false false false); + transition: compact(opacity 0.25s ease-in-out, false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(0 0.25em 0.75em rgba(0, 0, 0, 0.6), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(0 0.25em 0.75em rgba(0, 0, 0, 0.6), false, false, false, false, false, false, false, false, false); + box-shadow: compact(0 0.25em 0.75em rgba(0, 0, 0, 0.6), false, false, false, false, false, false, false, false, false); +} +.touch .main-navigation .subnav:before { + position: absolute; + content: ""; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 0.75em; + top: -1.45em; + display: block; +} +.no-touch .main-navigation .element-1:hover .subnav, .no-touch .main-navigation .element-1:focus .subnav, .no-touch .main-navigation .element-2:hover .subnav, .no-touch .main-navigation .element-2:focus .subnav, .no-touch .main-navigation .element-3:hover .subnav, .no-touch .main-navigation .element-3:focus .subnav, .no-touch .main-navigation .element-4:hover .subnav, .no-touch .main-navigation .element-4:focus .subnav { + left: 0; + display: initial; + -webkit-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + -moz-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + -o-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); +} +.no-touch .main-navigation .element-5:hover .subnav, .no-touch .main-navigation .element-5:focus .subnav, .no-touch .main-navigation .element-6:hover .subnav, .no-touch .main-navigation .element-6:focus .subnav, .no-touch .main-navigation .element-7:hover .subnav, .no-touch .main-navigation .element-7:focus .subnav, .no-touch .main-navigation .element-8:hover .subnav, .no-touch .main-navigation .element-8:focus .subnav, .no-touch .main-navigation .last:hover .subnav, .no-touch .main-navigation .last:focus .subnav { + right: 0; + display: initial; + -webkit-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + -moz-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + -o-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); +} +.touch .main-navigation .element-1, .touch .main-navigation .element-2, .touch .main-navigation .element-3, .touch .main-navigation .element-4 { + /* Position the pointer element */ +} +.touch .main-navigation .element-1:hover .subnav, .touch .main-navigation .element-1 .subnav.touched, .touch .main-navigation .element-2:hover .subnav, .touch .main-navigation .element-2 .subnav.touched, .touch .main-navigation .element-3:hover .subnav, .touch .main-navigation .element-3 .subnav.touched, .touch .main-navigation .element-4:hover .subnav, .touch .main-navigation .element-4 .subnav.touched { + display: block; + opacity: 1; + left: 0; +} +.touch .main-navigation .element-1 .subnav:before, .touch .main-navigation .element-2 .subnav:before, .touch .main-navigation .element-3 .subnav:before, .touch .main-navigation .element-4 .subnav:before { + left: 1.5em; +} +.touch .main-navigation .element-5, .touch .main-navigation .element-6, .touch .main-navigation .element-7, .touch .main-navigation .element-8, .touch .main-navigation .last { + /* Position the pointer element */ +} +.touch .main-navigation .element-5:hover .subnav, .touch .main-navigation .element-5 .subnav.touched, .touch .main-navigation .element-6:hover .subnav, .touch .main-navigation .element-6 .subnav.touched, .touch .main-navigation .element-7:hover .subnav, .touch .main-navigation .element-7 .subnav.touched, .touch .main-navigation .element-8:hover .subnav, .touch .main-navigation .element-8 .subnav.touched, .touch .main-navigation .last:hover .subnav, .touch .main-navigation .last .subnav.touched { + display: block; + opacity: 1; + right: 0; +} +.touch .main-navigation .element-5 .subnav:before, .touch .main-navigation .element-6 .subnav:before, .touch .main-navigation .element-7 .subnav:before, .touch .main-navigation .element-8 .subnav:before, .touch .main-navigation .last .subnav:before { + left: auto; + right: 1.5em; +} +.main-navigation .tier-2 { + display: block; + min-width: 100%; +} +.main-navigation .tier-2 a { + white-space: nowrap; +} .no-touch .main-navigation { display: block; text-align: center; font-size: 1.125em; - -moz-border-radius: 8px; -webkit-border-radius: 8px; + -moz-border-radius: 8px; + -ms-border-radius: 8px; + -o-border-radius: 8px; border-radius: 8px; - -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } - .no-touch .main-navigation .menu { - text-align: center; } - .no-touch .main-navigation .tier-1 { - float: none; - border-top: 0; - border-bottom: 0; - /* Conside display: table; on the wrapper (ul.main-navigation) to get the centering to work, and to allow floats here */ - width: auto; - margin: 0 -5px 0 0; - display: -moz-inline-stack; - display: inline-block; - vertical-align: baseline; - border-right: 1px solid rgba(0, 0, 0, 0.2); - border-left: 1px solid rgba(255, 255, 255, 0.1); - /* We've set this explicitly before, so we need to unset it here */ } - .lt-ie8 .no-touch .main-navigation .tier-1 { - vertical-align: auto; - zoom: 1; - display: inline; } - .no-touch .main-navigation .tier-1.element-1 { - border-left: 0; } - .no-touch .main-navigation .tier-1.last { - border-right: 0; } - .no-touch .main-navigation .tier-1.element-6, .no-touch .main-navigation .tier-1.element-7 { - width: auto; } - .no-touch .main-navigation .tier-1 > a { - padding: .65em 1.25em .55em; } - .no-touch .main-navigation .tier-2 { - font-size: 0.875em; } + -webkit-box-shadow: compact(0 0 10px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(0 0 10px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false); + box-shadow: compact(0 0 10px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false); +} +.no-touch .main-navigation .menu { + text-align: center; +} +.no-touch .main-navigation .tier-1 { + float: none; + border-top: 0; + border-bottom: 0; + /* Conside display: table; on the wrapper (ul.main-navigation) to get the centering to work, and to allow floats here */ + width: auto; + margin: 0 -5px 0 0; + display: -moz-inline-stack; + display: inline-block; + vertical-align: baseline; + border-right: 1px solid rgba(0, 0, 0, 0.2); + border-left: 1px solid rgba(255, 255, 255, 0.1); + /* We've set this explicitly before, so we need to unset it here */ +} +.lt-ie8 .no-touch .main-navigation .tier-1 { + vertical-align: auto; + zoom: 1; + display: inline; +} +.no-touch .main-navigation .tier-1.element-1 { + border-left: 0; +} +.no-touch .main-navigation .tier-1.last { + border-right: 0; +} +.no-touch .main-navigation .tier-1.element-6, .no-touch .main-navigation .tier-1.element-7 { + width: auto; +} +.no-touch .main-navigation .tier-1 > a { + padding: 0.65em 1.25em 0.55em; +} +.no-touch .main-navigation .tier-2 { + font-size: 0.875em; +} /* Shorten the amount of blue space under the nav on inner pages */ .no-touch .default-page .main-navigation { position: relative; - margin-bottom: -1.375em; } + margin-bottom: -1.375em; +} /* Simple Column Structure */ .four-col > .column { - width: 25%; } + width: 25%; +} .four-col > .double-col { - width: 50%; } + width: 50%; +} .four-col > div:nth-of-type(2n+3) { - clear: none; } + clear: none; +} .four-col > div:nth-of-type(4n+5) { - clear: left; } + clear: left; +} .site-headline a .python-logo { width: 290px; - height: 82px; } + height: 82px; +} .site-headline a .psf-logo { width: 334px; - height: 82px; } + height: 82px; +} .search-field { - width: 14em; } - .search-field:focus { - width: 18em; - margin-right: .5em; } + width: 14em; +} +.search-field:focus { + width: 18em; + margin-right: 0.5em; +} .donate-button { - top: 38px; } + top: 38px; +} .options-bar { - margin: 1.3125em 0; } + margin: 1.3125em 0; +} /* Supernavs in main-navigation */ /*
  • @@ -1877,9 +2148,11 @@ a.button {
    • */ .with-supernav .subnav { display: none; - border-right: 1px solid rgba(102, 102, 102, 0.3); } + border-right: 1px solid rgba(102, 102, 102, 0.3); +} .with-supernav .super-navigation { - display: block; } + display: block; +} /*.subnav li*/ .super-navigation { @@ -1892,46 +2165,58 @@ a.button { text-align: left; padding: 1.5em 1.75em; border-top: 1px solid rgba(255, 255, 255, 0.8); - border-left: 1px solid rgba(255, 255, 255, 0.8); } - .main-navigation .super-navigation a:not(.button) { - padding: 0; - border: none; } - .main-navigation .super-navigation a:not(.button):hover, .main-navigation .super-navigation a:not(.button):focus { - border: none; - background: transparent; } - .main-navigation .super-navigation a:not(.button):hover, .main-navigation .super-navigation a:not(.button):focus { - color: #1e2933; } - .super-navigation h2, .super-navigation h3, .super-navigation h4, .super-navigation h5 { - margin-top: 0; } - #community .super-navigation h4, #blog .super-navigation h4, #events .super-navigation h4 { - font-family: Flux-Bold, SourceSansProBold, Arial, sans-serif; - font-weight: normal; - font-size: 1.3125em; - line-height: 1.25em; - margin-bottom: 0; } - .super-navigation p.date-posted { - color: #666; - font-size: 0.625em !important; - font-style: italic; } - .super-navigation p.excert { - font-size: 0.625em; - line-height: 1.3em; } - .super-navigation p.quote-by { - color: #3776ab; } + border-left: 1px solid rgba(255, 255, 255, 0.8); +} +.main-navigation .super-navigation a:not(.button) { + padding: 0; + border: none; +} +.main-navigation .super-navigation a:not(.button):hover, .main-navigation .super-navigation a:not(.button):focus { + border: none; + background: transparent; +} +.main-navigation .super-navigation a:not(.button):hover, .main-navigation .super-navigation a:not(.button):focus { + color: #1e2933; +} +.super-navigation h2, .super-navigation h3, .super-navigation h4, .super-navigation h5 { + margin-top: 0; +} +#community .super-navigation h4, #blog .super-navigation h4, #events .super-navigation h4 { + font-family: Flux-Bold, SourceSansProBold, Arial, sans-serif; + font-weight: normal; + font-size: 1.3125em; + line-height: 1.25em; + margin-bottom: 0; +} +.super-navigation p.date-posted { + color: #666; + font-size: 0.625em !important; + font-style: italic; +} +.super-navigation p.excert { + font-size: 0.625em; + line-height: 1.3em; +} +.super-navigation p.quote-by { + color: #3776ab; +} .tier-1.element-1 .super-navigation, .tier-1.element-2 .super-navigation, .tier-1.element-3 .super-navigation { - left: 100.25%; } + left: 100.25%; +} .tier-1.element-4 .super-navigation, .tier-1.element-5 .super-navigation, .tier-1.element-6 .super-navigation, .tier-1.element-7 .super-navigation { - left: -28em; } + left: -28em; +} .super-navigation .menu { - text-align: left; } + text-align: left; +} /* END Supernavs */ /* Header-banners */ @@ -1939,197 +2224,246 @@ a.button { .download-for-current-os, .documentation-banner { padding-left: 0%; - padding-right: 42.55319%; } - .about-banner p:last-child, - .download-for-current-os p:last-child, - .documentation-banner p:last-child { - margin-bottom: 0; } + padding-opposite-position(left): 42.5531914894%; +} +.about-banner p:last-child, +.download-for-current-os p:last-child, +.documentation-banner p:last-child { + margin-bottom: 0; +} .about-banner p, .documentation-banner p, .community-banner p { - margin-right: 14.81481%; } + margin-opposite-position(left): 14.8148148148%; +} .about-banner, .documentation-banner { - background-position: 110% 0; } + background-position: 110% 0; +} .download-for-current-os { background-position: 115% 0; padding-bottom: 6em; - margin-bottom: -3em; } + margin-bottom: -3em; +} .community-banner { - background-position: 100% 0; } + background-position: 100% 0; +} .featured-success-story .success-quote { - margin-left: 8.51064%; - margin-right: 8.51064%; } + margin-left: 8.5106382979%; + margin-opposite-position(left): 8.5106382979%; +} /* Main content with sidebars */ .main-content.with-left-sidebar { - padding-left: 3.19149%; - padding-right: 3.19149%; } + padding-left: 3.1914893617%; + padding-opposite-position(left): 3.1914893617%; +} .single-event-title { - font-size: 2em; } - .fontface .single-event-title { - font-size: 2.3em; } - .fontface .single-event-title span:before { - font-size: .875em; } + font-size: 2em; +} +.fontface .single-event-title { + font-size: 2.3em; +} +.fontface .single-event-title span:before { + font-size: 0.875em; +} /*aside*/ /*aside*/ .text { - /* Make the intro/first paragraphs slightly larger? */ } - .text > p:first-of-type { - color: #666; - font-size: 1.125em; - line-height: 1.6875; - margin-bottom: 1.25em; } + /* Make the intro/first paragraphs slightly larger? */ +} +.text > p:first-of-type { + color: #666; + font-size: 1.125em; + line-height: 1.6875; + margin-bottom: 1.25em; +} /* Widgets in main content */ .small-widget p, .small-widget li, .medium-widget p, .medium-widget li, .psf-widget p, .psf-widget li, .python-needs-you-widget p, .python-needs-you-widget li, .documentation-help p, .documentation-help li { - font-size: 0.9375em; } + font-size: 0.9375em; +} .small-widget { - width: 23.40426%; + width: 23.4042553191%; float: left; - margin-right: 2.12766%; } - .small-widget:nth-child(2) { - margin-right: 2.12766%; } + margin-opposite-position(left): 2.1276595745%; +} +.small-widget:nth-child(2) { + margin-right: 2.1276595745%; +} .medium-widget { - width: 48.93617%; + width: 48.9361702128%; float: left; - margin-right: 2.12766%; } + margin-opposite-position(left): 2.1276595745%; +} .small-widget.last, .medium-widget.last { float: right; - margin-right: 0; } + margin-right: 0; +} .blog-widget li, .event-widget li, .most-recent-posts li { - padding-left: 7em; } + padding-left: 7em; +} .blog-widget .say-no-more, .event-widget .say-no-more, .most-recent-posts .say-no-more { display: inline; - visibility: visible; } + visibility: visible; +} .pep-widget, .psf-widget, .python-needs-you-widget { - padding: 1.5em 1.75em; } + padding: 1.5em 1.75em; +} .psf-widget .widget-title, .psf-widget p, .python-needs-you-widget .widget-title, .python-needs-you-widget p { - margin-right: 25.53191%; } + margin-opposite-position(left): 25.5319148936%; +} .mapped-events h2 { - margin-top: .5em; } + margin-top: 0.5em; +} /* Community landing page */ .tag-wrapper { - display: inline; } + display: inline; +} /* Blog landing page */ /*h2*/ .welcome-message { - width: 23.40426%; } + width: 23.4042553191%; +} .latest-blog-post .call-to-action, .featured-event .call-to-action, .jobs-intro .call-to-action { - margin-left: 25.53191%; } + margin-left: 25.5319148936%; +} .latest-blog-post .date-posted, .latest-blog-post .event-date, .featured-event .date-posted, .featured-event .event-date, .jobs-intro .date-posted, .jobs-intro .event-date { - width: 23.40426%; } + width: 23.4042553191%; +} .latest-blog-post .excerpt, .featured-event .excerpt, .jobs-intro .excerpt { - margin-left: 25.53191%; } + margin-left: 25.5319148936%; +} .subscription-channels li { display: -moz-inline-stack; display: inline-block; vertical-align: baseline; - width: 30%; } - .lt-ie8 .subscription-channels li { - vertical-align: auto; - zoom: 1; - display: inline; } + width: 30%; +} +.lt-ie8 .subscription-channels li { + vertical-align: auto; + zoom: 1; + display: inline; +} .pep-widget .widget-title { position: relative; - padding-right: 6em; } + padding-right: 6em; +} .rss-link { position: absolute; top: 0; - right: 0; } + right: 0; +} /* Footer */ .sitemap a { - text-align: left; } + text-align: left; +} .sitemap .tier-1 { width: 16.6667%; - border: 0; } - .sitemap .tier-1.element-1, .sitemap .tier-1.element-2, .sitemap .tier-1.element-3, .sitemap .tier-1.element-4, .sitemap .tier-1.element-5, .sitemap .tier-1.element-6, .sitemap .tier-1.element-7, .sitemap .tier-1.element-8, .sitemap .tier-1.element-9, .sitemap .tier-1.element-10 { - border: 0; } + border: 0; +} +.sitemap .tier-1.element-1, .sitemap .tier-1.element-2, .sitemap .tier-1.element-3, .sitemap .tier-1.element-4, .sitemap .tier-1.element-5, .sitemap .tier-1.element-6, .sitemap .tier-1.element-7, .sitemap .tier-1.element-8, .sitemap .tier-1.element-9, .sitemap .tier-1.element-10 { + border: 0; +} .sitemap .subnav, .sitemap .subnav li { - border: 0; } + border: 0; +} .footer-links a { - padding: 0.3em 0.75em; } + padding: 0.3em 0.75em; +} .flex-slideshow.home-slideshow .caption-wrapper { float: left; - width: 49%; } + width: 49%; +} .flex-slideshow.default-slideshow .caption-wrapper { top: 2em; left: 2em; bottom: 3em; width: 25%; - padding: 1em; } + padding: 1em; +} .flex-viewport { - padding-bottom: .5em; } - .touch .flex-viewport { - padding-bottom: 1em; } + padding-bottom: 0.5em; +} +.touch .flex-viewport { + padding-bottom: 1em; +} .default-slideshow .flex-control-nav { - text-align: right; } + text-align: right; +} .home-slideshow .flex-control-nav { position: absolute; bottom: 0; right: 0; width: 49%; - padding: .5em; - text-align: right; } + padding: 0.5em; + text-align: right; +} .home-slideshow .flex-direction-nav .flex-prev, .home-slideshow .flex-direction-nav .flex-next { top: 40%; font-size: 1.5em; - filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); - opacity: 1; } + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; +} .home-slideshow .flex-direction-nav .flex-prev { - left: -.75em; } + left: -0.75em; +} .home-slideshow .flex-direction-nav .flex-next { - right: -.75em; } + right: -0.75em; +} /* ! ===== lt-IE9 rules ===== */ .container { - width: 61.25em; } + width: 61.25em; +} .main-navigation li > a { padding-left: 1.25em; - padding-right: 1.25em; } + padding-right: 1.25em; +} /* IE 7 and 8 needed a width on the container... wasn't inheriting it from the contents */ .site-headline a, .site-headline a .python-logo { width: 290px; - height: 82px; } + height: 82px; +} /*# sourceMappingURL=no-mq.css.map */ diff --git a/static/sass/no-mq.css.map b/static/sass/no-mq.css.map new file mode 100644 index 000000000..eb48a922e --- /dev/null +++ b/static/sass/no-mq.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["_base.scss","_functions.scss","_mixins.scss","../vendor/compass/compass/utilities/general/_hacks.scss","../vendor/compass/compass/utilities/general/_clearfix.scss","_flexslider.scss","no-mq.scss","_layout.scss","../vendor/compass/compass/css3/_transition.scss","../vendor/susy/susy/_padding.scss","../vendor/compass/compass/css3/_images.scss","../vendor/compass/compass/css3/_shared.scss","../vendor/compass/compass/css3/_box-shadow.scss","../vendor/susy/susy/_grid.scss","../vendor/susy/susy/_settings.scss","../vendor/compass/compass/css3/_box-sizing.scss","../vendor/compass/compass/typography/_vertical_rhythm.scss","../vendor/susy/susy/_margin.scss","../vendor/compass/compass/css3/_opacity.scss"],"names":[],"mappings":"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","file":"no-mq.css"} \ No newline at end of file diff --git a/static/sass/style.css b/static/sass/style.css index 3ca913fc7..0faf92c32 100644 --- a/static/sass/style.css +++ b/static/sass/style.css @@ -48,7 +48,7 @@ /* Compass will convert the font sizes from px to em and fit it into the vertical rhythm automatically with the necessary margin A neat trick, for sure. More on using the vertical rhythm properties and mixins: http://compass-style.org/reference/compass/typography/vertical_rhythm/ - + Note: The line height is relative to the constant $base-line-height. The number you specify for the leader, trailer and leading will be multiplied by the constant, then converted to its relative value in ems. Don’t worry about nested elements etc, Compass will do the maths for you :) @@ -111,254 +111,268 @@ * Unfortunately, the @extend operative does not work inside a media query or mix-in */ /* Color Spaces: use for consistency */ -.psf-widget, .python-needs-you-widget, .main-header, .site-base { +.site-base, .main-header, .psf-widget, .python-needs-you-widget { background-color: #2b5b84; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1E415E', endColorstr='#FF2B5B84'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMxZTQxNWUiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzJiNWI4NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #1e415e), color-stop(90%, #2b5b84)); - background-image: -moz-linear-gradient(#1e415e 10%, #2b5b84 90%); - background-image: -webkit-linear-gradient(#1e415e 10%, #2b5b84 90%); - background-image: linear-gradient(#1e415e 10%, #2b5b84 90%); - -moz-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.03), inset 0 0 20px rgba(0, 0, 0, 0.03); - -webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.03), inset 0 0 20px rgba(0, 0, 0, 0.03); - box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.03), inset 0 0 20px rgba(0, 0, 0, 0.03); } + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF1E415E", endColorstr="#FF2B5B84"); + background-image: -owg(compact(linear-gradient(#1e415e 10%, #2b5b84 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#1e415e 10%, #2b5b84 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#1e415e 10%, #2b5b84 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#1e415e 10%, #2b5b84 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#1e415e 10%, #2b5b84 90%), false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(inset 0 0 50px rgba(0, 0, 0, 0.03), inset 0 0 20px rgba(0, 0, 0, 0.03), false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(inset 0 0 50px rgba(0, 0, 0, 0.03), inset 0 0 20px rgba(0, 0, 0, 0.03), false, false, false, false, false, false, false, false); + box-shadow: compact(inset 0 0 50px rgba(0, 0, 0, 0.03), inset 0 0 20px rgba(0, 0, 0, 0.03), false, false, false, false, false, false, false, false); +} .psf-widget, .python-needs-you-widget { margin-bottom: 0.5em; padding: 1.25em; - *zoom: 1; } - .psf-widget:after, .python-needs-you-widget:after { - content: ""; - display: table; - clear: both; } - -.pep-widget, .most-recent-events .more-by-location, .more-by-location { + *zoom: 1; +} +.psf-widget:after, .python-needs-you-widget:after { + content: ""; + display: table; + clear: both; +} +.more-by-location, .most-recent-events .more-by-location, .pep-widget { background-color: #d8dbde; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE6E8EA', endColorstr='#FFD8DBDE'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNlNmU4ZWEiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2Q4ZGJkZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #e6e8ea), color-stop(90%, #d8dbde)); - background-image: -moz-linear-gradient(#e6e8ea 10%, #d8dbde 90%); - background-image: -webkit-linear-gradient(#e6e8ea 10%, #d8dbde 90%); - background-image: linear-gradient(#e6e8ea 10%, #d8dbde 90%); - -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.01); - -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.01); - box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.01); } - -.pep-widget, .most-recent-events .more-by-location { + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFE6E8EA", endColorstr="#FFD8DBDE"); + background-image: -owg(compact(linear-gradient(#e6e8ea 10%, #d8dbde 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#e6e8ea 10%, #d8dbde 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#e6e8ea 10%, #d8dbde 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#e6e8ea 10%, #d8dbde 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#e6e8ea 10%, #d8dbde 90%), false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(inset 0 0 10px rgba(0, 0, 0, 0.01), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(inset 0 0 10px rgba(0, 0, 0, 0.01), false, false, false, false, false, false, false, false, false); + box-shadow: compact(inset 0 0 10px rgba(0, 0, 0, 0.01), false, false, false, false, false, false, false, false, false); +} + +.most-recent-events .more-by-location, .pep-widget { border: 1px solid #caccce; margin-bottom: 0.5em; padding: 1.25em; - *zoom: 1; } - .pep-widget:after, .most-recent-events .more-by-location:after { - content: ""; - display: table; - clear: both; } + *zoom: 1; +} +.most-recent-events .more-by-location:after, .pep-widget:after { + content: ""; + display: table; + clear: both; +} .single-event-date { background-color: #ffdd6c; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFE89F', endColorstr='#FFFFDD6C'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmU4OWYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZGQ2YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffe89f), color-stop(90%, #ffdd6c)); - background-image: -moz-linear-gradient(#ffe89f 10%, #ffdd6c 90%); - background-image: -webkit-linear-gradient(#ffe89f 10%, #ffdd6c 90%); - background-image: linear-gradient(#ffe89f 10%, #ffdd6c 90%); - -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05); - -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05); } + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFE89F", endColorstr="#FFFFDD6C"); + background-image: -owg(compact(linear-gradient(#ffe89f 10%, #ffdd6c 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#ffe89f 10%, #ffdd6c 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#ffe89f 10%, #ffdd6c 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#ffe89f 10%, #ffdd6c 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#ffe89f 10%, #ffdd6c 90%), false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(inset 0 0 10px rgba(0, 0, 0, 0.05), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(inset 0 0 10px rgba(0, 0, 0, 0.05), false, false, false, false, false, false, false, false, false); + box-shadow: compact(inset 0 0 10px rgba(0, 0, 0, 0.05), false, false, false, false, false, false, false, false, false); +} .single-event-date { border: 1px solid #ffcc24; margin-bottom: 0.5em; padding: 1.25em; - *zoom: 1; } - .single-event-date:after { - content: ""; - display: table; - clear: both; } + *zoom: 1; +} +.single-event-date:after { + content: ""; + display: table; + clear: both; +} /* Buttons */ -.psf-widget .button, .python-needs-you-widget .button, .donate-button, .header-banner .button, .header-banner a.button, a.delete, form.deletion-form button[type="submit"], button[type=submit], .search-button, #dive-into-python .flex-control-paging a, .text form button, .text form input[type=submit], +input[type=submit], input[type=reset], button, a.button, .button, .text form button, .text form input[type=submit], .sidebar-widget form button, -.sidebar-widget form input[type=submit], input[type=submit], input[type=reset], button, a.button, .button { +.sidebar-widget form input[type=submit], #dive-into-python .flex-control-paging a, .search-button, button[type=submit], form.deletion-form button[type=submit], a.delete, .header-banner .button, .header-banner a.button, .donate-button, .psf-widget .button, .python-needs-you-widget .button { cursor: pointer; color: #4d4d4d !important; font-weight: normal; margin-bottom: 0.4375em; - padding: .4em .75em .35em; + padding: 0.4em 0.75em 0.35em; text-align: left; white-space: nowrap; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); background-color: #cccccc; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD9D9D9', endColorstr='#FFCCCCCC'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #d9d9d9), color-stop(90%, #cccccc)); - background-image: -moz-linear-gradient(#d9d9d9 10%, #cccccc 90%); - background-image: -webkit-linear-gradient(#d9d9d9 10%, #cccccc 90%); - background-image: linear-gradient(#d9d9d9 10%, #cccccc 90%); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFD9D9D9", endColorstr="#FFCCCCCC"); + background-image: -owg(compact(linear-gradient(#d9d9d9 10%, #cccccc 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#d9d9d9 10%, #cccccc 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#d9d9d9 10%, #cccccc 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#d9d9d9 10%, #cccccc 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#d9d9d9 10%, #cccccc 90%), false, false, false, false, false, false, false, false, false); border-top: 1px solid #caccce; border-right: 1px solid #caccce; border-bottom: 1px solid #999; border-left: 1px solid #caccce; - -moz-border-radius: 6px; -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -ms-border-radius: 6px; + -o-border-radius: 6px; border-radius: 6px; - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05), inset 0 0 5px rgba(255, 255, 255, 0.5); - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05), inset 0 0 5px rgba(255, 255, 255, 0.5); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05), inset 0 0 5px rgba(255, 255, 255, 0.5); } - .donate-button:hover, a.delete:hover, form.deletion-form button[type="submit"]:hover, .search-button:hover, #dive-into-python .flex-control-paging a:hover, .text form button:hover, .text form input[type=submit]:hover, - .sidebar-widget form button:hover, - .sidebar-widget form input[type=submit]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover, .donate-button:focus, a.delete:focus, form.deletion-form button[type="submit"]:focus, .search-button:focus, #dive-into-python .flex-control-paging a:focus, .text form button:focus, .text form input[type=submit]:focus, - .sidebar-widget form button:focus, - .sidebar-widget form input[type=submit]:focus, input[type=submit]:focus, input[type=reset]:focus, button:focus, .button:focus, .donate-button:active, a.delete:active, form.deletion-form button[type="submit"]:active, .search-button:active, #dive-into-python .flex-control-paging a:active, .text form button:active, .text form input[type=submit]:active, - .sidebar-widget form button:active, - .sidebar-widget form input[type=submit]:active, input[type=submit]:active, input[type=reset]:active, button:active, .button:active { - color: #1a1a1a !important; - background-color: #d9d9d9; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE6E6E6', endColorstr='#FFD9D9D9'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #e6e6e6), color-stop(90%, #d9d9d9)); - background-image: -moz-linear-gradient(#e6e6e6 10%, #d9d9d9 90%); - background-image: -webkit-linear-gradient(#e6e6e6 10%, #d9d9d9 90%); - background-image: linear-gradient(#e6e6e6 10%, #d9d9d9 90%); } - -.psf-widget .button, .python-needs-you-widget .button, .donate-button, .header-banner .button, .header-banner a.button { + -webkit-box-shadow: compact(1px 1px 1px rgba(0, 0, 0, 0.05), inset 0 0 5px rgba(255, 255, 255, 0.5), false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(1px 1px 1px rgba(0, 0, 0, 0.05), inset 0 0 5px rgba(255, 255, 255, 0.5), false, false, false, false, false, false, false, false); + box-shadow: compact(1px 1px 1px rgba(0, 0, 0, 0.05), inset 0 0 5px rgba(255, 255, 255, 0.5), false, false, false, false, false, false, false, false); +} +input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover, .text form button:hover, .text form input[type=submit]:hover, +.sidebar-widget form button:hover, +.sidebar-widget form input[type=submit]:hover, #dive-into-python .flex-control-paging a:hover, .search-button:hover, form.deletion-form button[type=submit]:hover, a.delete:hover, .donate-button:hover, input[type=submit]:focus, input[type=reset]:focus, button:focus, .button:focus, .text form button:focus, .text form input[type=submit]:focus, +.sidebar-widget form button:focus, +.sidebar-widget form input[type=submit]:focus, #dive-into-python .flex-control-paging a:focus, .search-button:focus, form.deletion-form button[type=submit]:focus, a.delete:focus, .donate-button:focus, input[type=submit]:active, input[type=reset]:active, button:active, .button:active, .text form button:active, .text form input[type=submit]:active, +.sidebar-widget form button:active, +.sidebar-widget form input[type=submit]:active, #dive-into-python .flex-control-paging a:active, .search-button:active, form.deletion-form button[type=submit]:active, a.delete:active, .donate-button:active { + color: #1a1a1a !important; + background-color: #d9d9d9; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFE6E6E6", endColorstr="#FFD9D9D9"); + background-image: -owg(compact(linear-gradient(#e6e6e6 10%, #d9d9d9 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#e6e6e6 10%, #d9d9d9 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#e6e6e6 10%, #d9d9d9 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#e6e6e6 10%, #d9d9d9 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#e6e6e6 10%, #d9d9d9 90%), false, false, false, false, false, false, false, false, false); +} + +.header-banner .button, .header-banner a.button, .donate-button, .psf-widget .button, .python-needs-you-widget .button { background-color: #ffd343; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFDF76', endColorstr='#FFFFD343'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmRmNzYiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZDM0MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffdf76), color-stop(90%, #ffd343)); - background-image: -moz-linear-gradient(#ffdf76 10%, #ffd343 90%); - background-image: -webkit-linear-gradient(#ffdf76 10%, #ffd343 90%); - background-image: linear-gradient(#ffdf76 10%, #ffd343 90%); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFDF76", endColorstr="#FFFFD343"); + background-image: -owg(compact(linear-gradient(#ffdf76 10%, #ffd343 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#ffdf76 10%, #ffd343 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#ffdf76 10%, #ffd343 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#ffdf76 10%, #ffd343 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#ffdf76 10%, #ffd343 90%), false, false, false, false, false, false, false, false, false); border-top: 1px solid #dca900; border-right: 1px solid #dca900; border-bottom: 1px solid #dca900; - border-left: 1px solid #dca900; } - .psf-widget .button:hover, .python-needs-you-widget .button:hover, .donate-button:hover, .header-banner .button:hover, .psf-widget .button:active, .python-needs-you-widget .button:active, .donate-button:active, .header-banner .button:active { - background-color: inherit; - background-color: #ffd343; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFEBA9', endColorstr='#FFFFD343'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmViYTkiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZDM0MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffeba9), color-stop(90%, #ffd343)); - background-image: -moz-linear-gradient(#ffeba9 10%, #ffd343 90%); - background-image: -webkit-linear-gradient(#ffeba9 10%, #ffd343 90%); - background-image: linear-gradient(#ffeba9 10%, #ffd343 90%); } - -a.delete, form.deletion-form button[type="submit"] { + border-left: 1px solid #dca900; +} +.header-banner .button:hover, .donate-button:hover, .psf-widget .button:hover, .python-needs-you-widget .button:hover, .header-banner .button:active, .donate-button:active, .psf-widget .button:active, .python-needs-you-widget .button:active { + background-color: inherit; + background-color: #ffd343; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFEBA9", endColorstr="#FFFFD343"); + background-image: -owg(compact(linear-gradient(#ffeba9 10%, #ffd343 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#ffeba9 10%, #ffd343 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#ffeba9 10%, #ffd343 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#ffeba9 10%, #ffd343 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#ffeba9 10%, #ffd343 90%), false, false, false, false, false, false, false, false, false); +} + +form.deletion-form button[type=submit], a.delete { background-color: #b55863; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC57B84', endColorstr='#FFB55863'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNjNTdiODQiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2I1NTg2MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #c57b84), color-stop(90%, #b55863)); - background-image: -moz-linear-gradient(#c57b84 10%, #b55863 90%); - background-image: -webkit-linear-gradient(#c57b84 10%, #b55863 90%); - background-image: linear-gradient(#c57b84 10%, #b55863 90%); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFC57B84", endColorstr="#FFB55863"); + background-image: -owg(compact(linear-gradient(#c57b84 10%, #b55863 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#c57b84 10%, #b55863 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#c57b84 10%, #b55863 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#c57b84 10%, #b55863 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#c57b84 10%, #b55863 90%), false, false, false, false, false, false, false, false, false); border-top: 1px solid #74333b; border-right: 1px solid #74333b; border-bottom: 1px solid #74333b; border-left: 1px solid #74333b; - color: #fff !important; } - a.delete:hover, form.deletion-form button[type="submit"]:hover, a.delete:active, form.deletion-form button[type="submit"]:active { - background-color: inherit; - color: #fff !important; - background-color: #b55863; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD49FA5', endColorstr='#FFB55863'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNkNDlmYTUiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2I1NTg2MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #d49fa5), color-stop(90%, #b55863)); - background-image: -moz-linear-gradient(#d49fa5 10%, #b55863 90%); - background-image: -webkit-linear-gradient(#d49fa5 10%, #b55863 90%); - background-image: linear-gradient(#d49fa5 10%, #b55863 90%); } - -button[type=submit], .search-button, #dive-into-python .flex-control-paging a, .text form button, .text form input[type=submit], + color: #fff !important; +} +form.deletion-form button[type=submit]:hover, a.delete:hover, form.deletion-form button[type=submit]:active, a.delete:active { + background-color: inherit; + color: #fff !important; + background-color: #b55863; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFD49FA5", endColorstr="#FFB55863"); + background-image: -owg(compact(linear-gradient(#d49fa5 10%, #b55863 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#d49fa5 10%, #b55863 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#d49fa5 10%, #b55863 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#d49fa5 10%, #b55863 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#d49fa5 10%, #b55863 90%), false, false, false, false, false, false, false, false, false); +} + +.text form button, .text form input[type=submit], .sidebar-widget form button, -.sidebar-widget form input[type=submit] { +.sidebar-widget form input[type=submit], #dive-into-python .flex-control-paging a, .search-button, button[type=submit] { color: #e6e8ea !important; text-shadow: none; background-color: #2b5b84; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3776AB', endColorstr='#FF2B5B84'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMzNzc2YWIiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzJiNWI4NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #3776ab), color-stop(90%, #2b5b84)); - background-image: -moz-linear-gradient(#3776ab 10%, #2b5b84 90%); - background-image: -webkit-linear-gradient(#3776ab 10%, #2b5b84 90%); - background-image: linear-gradient(#3776ab 10%, #2b5b84 90%); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF3776AB", endColorstr="#FF2B5B84"); + background-image: -owg(compact(linear-gradient(#3776ab 10%, #2b5b84 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#3776ab 10%, #2b5b84 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#3776ab 10%, #2b5b84 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#3776ab 10%, #2b5b84 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#3776ab 10%, #2b5b84 90%), false, false, false, false, false, false, false, false, false); border-top: 1px solid #3d83be; border-right: 1px solid #3776ab; border-bottom: 1px solid #3776ab; border-left: 1px solid #3d83be; - -moz-box-shadow: inset 0 0 5px rgba(55, 118, 171, 0.2); - -webkit-box-shadow: inset 0 0 5px rgba(55, 118, 171, 0.2); - box-shadow: inset 0 0 5px rgba(55, 118, 171, 0.2); } - button[type=submit]:hover, .search-button:hover, #dive-into-python .flex-control-paging a:hover, .text form button:hover, .text form input[type=submit]:hover, - .sidebar-widget form button:hover, - .sidebar-widget form input[type=submit]:hover, button[type=submit]:active, .search-button:active, #dive-into-python .flex-control-paging a:active, .text form button:active, .text form input[type=submit]:active, - .sidebar-widget form button:active, - .sidebar-widget form input[type=submit]:active { - background: inherit; - color: #f2f4f6 !important; - background-color: #244e71; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF316998', endColorstr='#FF244E71'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMzMTY5OTgiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzI0NGU3MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #316998), color-stop(90%, #244e71)); - background-image: -moz-linear-gradient(#316998 10%, #244e71 90%); - background-image: -webkit-linear-gradient(#316998 10%, #244e71 90%); - background-image: linear-gradient(#316998 10%, #244e71 90%); } - -.header-banner a:not(.button), .header-banner a:not(.readmore), .text a:not(.button), -.sidebar-widget a:not(.button), .active-user-list a { + -webkit-box-shadow: compact(inset 0 0 5px rgba(55, 118, 171, 0.2), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(inset 0 0 5px rgba(55, 118, 171, 0.2), false, false, false, false, false, false, false, false, false); + box-shadow: compact(inset 0 0 5px rgba(55, 118, 171, 0.2), false, false, false, false, false, false, false, false, false); +} +.text form button:hover, .text form input[type=submit]:hover, +.sidebar-widget form button:hover, +.sidebar-widget form input[type=submit]:hover, #dive-into-python .flex-control-paging a:hover, .search-button:hover, button[type=submit]:hover, .text form button:active, .text form input[type=submit]:active, +.sidebar-widget form button:active, +.sidebar-widget form input[type=submit]:active, #dive-into-python .flex-control-paging a:active, .search-button:active, button[type=submit]:active { + background: inherit; + color: #f2f4f6 !important; + background-color: #244e71; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF316998", endColorstr="#FF244E71"); + background-image: -owg(compact(linear-gradient(#316998 10%, #244e71 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#316998 10%, #244e71 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#316998 10%, #244e71 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#316998 10%, #244e71 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#316998 10%, #244e71 90%), false, false, false, false, false, false, false, false, false); +} + +.active-user-list a, .text a:not(.button), +.sidebar-widget a:not(.button), .header-banner a:not(.button), .header-banner a:not(.readmore) { border-bottom: 1px solid #ffdf76; - text-decoration: none; } - .header-banner a:hover:not(.button), .header-banner a:hover:not(.readmore), .text a:hover:not(.button), - .sidebar-widget a:hover:not(.button), .active-user-list a:hover, .header-banner a:focus:not(.button), .header-banner a:focus:not(.readmore), .text a:focus:not(.button), - .sidebar-widget a:focus:not(.button), .active-user-list a:focus { - border-bottom-color: #ffd343; } + text-decoration: none; +} +.active-user-list a:hover, .text a:hover:not(.button), +.sidebar-widget a:hover:not(.button), .header-banner a:hover:not(.button), .header-banner a:hover:not(.readmore), .active-user-list a:focus, .text a:focus:not(.button), +.sidebar-widget a:focus:not(.button), .header-banner a:focus:not(.button), .header-banner a:focus:not(.readmore) { + border-bottom-color: #ffd343; +} /* Other elements */ -.blog-widget li, .event-widget li, .most-recent-posts li { +.most-recent-posts li, .event-widget li, .blog-widget li { border-top: 1px solid #caccce; padding-left: 4em; padding-top: 0.4375em; padding-bottom: 0.4375em; - position: relative; } - .blog-widget li time, .event-widget li time, .most-recent-posts li time { - position: absolute; - top: 50%; - left: 0; - margin-top: -.75em; } + position: relative; +} +.most-recent-posts li time, .event-widget li time, .blog-widget li time { + position: absolute; + top: 50%; + left: 0; + margin-top: -0.75em; +} .pagination a { /* Used in the pagination UL anchors, and in the Previous Next pattern */ display: block; color: #999; - padding: .5em .75em .4em; + padding: 0.5em 0.75em 0.4em; border: 1px solid #caccce; - background-color: transparent; } + background-color: transparent; +} -form, .header-banner, .success-stories-widget .quote-from { - *zoom: 1; } - form:after, .header-banner:after, .success-stories-widget .quote-from:after { - content: ""; - display: table; - clear: both; } +.success-stories-widget .quote-from, .header-banner, form { + *zoom: 1; +} +.success-stories-widget .quote-from:after, .header-banner:after, form:after { + content: ""; + display: table; + clear: both; +} /* ! ===== Mixins ===== */ /* An element than can force a line break, to be used inside certain breakpoints on lines of text or bwteen elements */ @@ -449,7 +463,7 @@ html[xmlns] .slides { display: block; } .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } */ -html, body, div, span, object, iframe, +html, body, div, form.deletion-form, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, @@ -463,60 +477,75 @@ time, mark, audio, video { border: 0; font-size: 100%; font: inherit; - vertical-align: baseline; } + vertical-align: baseline; +} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, form { - display: block; } + display: block; +} blockquote { - quotes: none; } + quotes: none; +} blockquote:before, blockquote:after { content: ""; - content: none; } + content: none; +} q { - display: inline; } + display: inline; +} q:before { - content: "“"; } + content: "“"; +} q:after { - content: "”"; } + content: "”"; +} q q:before { - content: "‘"; } + content: "‘"; +} q q:after { - content: "’"; } + content: "’"; +} ins { background-color: #ddd; color: #222; - text-decoration: none; } + text-decoration: none; +} mark { display: inline-block; - padding: 0 .25em; - margin: 0 -.125em; + padding: 0 0.25em; + margin: 0 -0.125em; background-color: #ffb; - /* light yellow */ } + /* light yellow */ +} s, strike, del { - text-decoration: line-through; } + text-decoration: line-through; +} abbr[title], dfn[title] { /* border-bottom: 1px dotted; */ - cursor: help; } + cursor: help; +} table { width: 100%; border-collapse: collapse; - border-spacing: 0; } + border-spacing: 0; +} th, td { text-align: left; - vertical-align: top; } + vertical-align: top; +} hr { display: block; @@ -524,12 +553,14 @@ hr { border: 0; border-top: 1px solid #caccce; margin: 1.75em 0; - padding: 0; } + padding: 0; +} input, button, select { display: inline-block; vertical-align: middle; - cursor: pointer; } + cursor: pointer; +} html { font-size: 100%; @@ -537,67 +568,85 @@ html { -ms-text-size-adjust: 100%; overflow-y: scroll; -webkit-font-smoothing: antialiased; - margin: 0; } + margin: 0; +} body { *font-size: small; - text-rendering: optimizeSpeed; } + text-rendering: optimizeSpeed; +} select, input, textarea, button { font: 99%; -webkit-font-smoothing: antialiased; - margin: 0; } + margin: 0; +} h1, h2, h3, h4, h5, h6 { - font-weight: normal; } + font-weight: normal; +} /* Minimal base styles */ ul, ol { - margin-left: 1.5em; } + margin-left: 1.5em; +} ul { - list-style: square; } + list-style: square; +} ol { - list-style: decimal; } + list-style: decimal; +} ol ol { - list-style: upper-alpha; } + list-style: upper-alpha; +} ol ol ol { - list-style: lower-roman; } + list-style: lower-roman; +} ol ol ol ol { - list-style: lower-alpha; } + list-style: lower-alpha; +} -nav ul, menu ul, .menu, form ul, .errorlist, .text form label + ul, -.sidebar-widget form label + ul, .tabs { +nav ul, menu ul, .menu, .text form label + ul, +.sidebar-widget form label + ul, .errorlist, form ul, .tabs { margin-left: 0; list-style: none; - list-style-image: none; } + list-style-image: none; +} small { - font-size: 85%; } + font-size: 85%; +} b, strong, th { - font-weight: 700; } + font-weight: 700; +} i, em, cite { - font-style: italic; } + font-style: italic; +} sub, sup { font-size: 75%; line-height: 0; - position: relative; } + position: relative; +} sup { - top: -0.5em; } + top: -0.5em; +} sub { - bottom: -0.25em; } + bottom: -0.25em; +} pre, code, kbd, samp, var { - font-family: Consolas, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif; } + font-family: Consolas, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif; +} pre { /* Get spaces to display for PRE tags but dont let long lines break out of containers */ @@ -609,76 +658,97 @@ pre { white-space: -o-pre-wrap; /* Opera 7 and up */ word-wrap: break-word; - /* IE 5.5+ and up */ } + /* IE 5.5+ and up */ +} code { - color: #11a611; } + color: #11a611; +} var { - font-style: italic; } + font-style: italic; +} textarea { overflow: auto; vertical-align: top; - resize: vertical; } + resize: vertical; +} .ie7 legend { border: 0; padding: 0; white-space: normal; - *margin-left: -7px; } + *margin-left: -7px; +} -input[type="radio"] { - vertical-align: text-bottom; } +input[type=radio] { + vertical-align: text-bottom; +} -input[type="checkbox"] { - vertical-align: baseline; } +input[type=checkbox] { + vertical-align: baseline; +} -.ie7 input[type="checkbox"] { - vertical-align: bottom; } +.ie7 input[type=checkbox] { + vertical-align: bottom; +} -button, input[type="button"], input[type="reset"], input[type="submit"] { +button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; - -moz-appearance: button; } - .lt-ie8 button, .lt-ie8 input[type="button"], .lt-ie8 input[type="reset"], .lt-ie8 input[type="submit"] { - overflow: visible; } + -moz-appearance: button; +} +.lt-ie8 button, .lt-ie8 input[type=button], .lt-ie8 input[type=reset], .lt-ie8 input[type=submit] { + overflow: visible; +} button[disabled], input[disabled] { - cursor: default; } + cursor: default; +} -input[type="checkbox"], input[type="radio"] { +input[type=checkbox], input[type=radio] { padding: 0; *width: 13px; - *height: 13px; } + *height: 13px; +} -input[type="search"] { - -webkit-appearance: textfield; } +input[type=search] { + -webkit-appearance: textfield; +} -input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { - -webkit-appearance: none; } +input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button { + -webkit-appearance: none; +} .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { - background-color: #f0dddd; } + background-color: #f0dddd; +} .ie7 img { - -ms-interpolation-mode: bicubic; } + -ms-interpolation-mode: bicubic; +} /* Aural rulesets */ abbr.initialism { - speak: spell-out; } + speak: spell-out; +} abbr.truncation { - speak: normal; } + speak: normal; +} /* Stupid IE: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ */ @-ms-viewport { - width: device-width; } + width: device-width; +} canvas { - -ms-touch-action: double-tap-zoom; } + -ms-touch-action: double-tap-zoom; +} svg:not(:root) { - overflow: hidden; } + overflow: hidden; +} /* fixes an issue in IE9 */ /* @@ -709,116 +779,144 @@ svg:not(:root) { /* ===== GLOBAL TYPOGRAPHIC & ELEMENT STYLES ===== */ html { background-color: #2b5b84; - font: normal 100%/1.625 SourceSansProRegular, Arial, sans-serif; } + font: normal 100%/1.625 SourceSansProRegular, Arial, sans-serif; +} body { color: #444; background-color: #fff; - /* Label the body with our media query parameters. Then check with JS to coordinate @media changes */ } - body:after { - content: 'small'; - display: none; } + /* Label the body with our media query parameters. Then check with JS to coordinate @media changes */ +} +body:after { + content: "small"; + display: none; +} body, input, textarea, select, button { color: #444; - font: normal 100%/1.625 SourceSansProRegular, Arial, sans-serif; } + font: normal 100%/1.625 SourceSansProRegular, Arial, sans-serif; +} * { - -moz-box-sizing: border-box; -webkit-box-sizing: border-box; - box-sizing: border-box; } + -moz-box-sizing: border-box; + box-sizing: border-box; +} a, a:active, a:visited, a:hover, a:visited:hover { color: #3776ab; - text-decoration: none; } + text-decoration: none; +} a:hover, a:focus { - color: #1e2933; } + color: #1e2933; +} /*modernizr*/ .touch a[href^="tel:"] { - border-bottom: 1px dotted #444; } + border-bottom: 1px dotted #444; +} a img { display: block; - margin: 0 auto; } + margin: 0 auto; +} /* Set the highlight colors. These selection declarations have to be separate */ ::-moz-selection { background: #3776ab; color: #fff; - text-shadow: none; } + text-shadow: none; +} ::selection { background: #3776ab; color: #fff; - text-shadow: none; } + text-shadow: none; +} a:link { - -webkit-tap-highlight-color: #1e2933; } + -webkit-tap-highlight-color: #1e2933; +} img, embed, object, video { - max-width: 100%; } + max-width: 100%; +} .giga { - font-size: 2.5em; } - .fontface .giga { - font-size: 2.875em; } - .fontface .giga span:before { - font-size: .875em; } + font-size: 2.5em; +} +.fontface .giga { + font-size: 2.875em; +} +.fontface .giga span:before { + font-size: 0.875em; +} .mega { - font-size: 2.25em; } - .fontface .mega { - font-size: 2.5875em; } - .fontface .mega span:before { - font-size: .875em; } + font-size: 2.25em; +} +.fontface .mega { + font-size: 2.5875em; +} +.fontface .mega span:before { + font-size: 0.875em; +} .kilo { - font-size: 2em; } - .fontface .kilo { - font-size: 2.3em; } - .fontface .kilo span:before { - font-size: .875em; } + font-size: 2em; +} +.fontface .kilo { + font-size: 2.3em; +} +.fontface .kilo span:before { + font-size: 0.875em; +} h1, .alpha { color: #3776ab; font-family: SourceSansProBold, Arial, sans-serif; line-height: 1em; font-size: 1.75em; - margin-bottom: 0.4375em; } + margin-bottom: 0.4375em; +} h2, .beta { color: #999; font-family: SourceSansProRegular, Arial, sans-serif; font-size: 1.5em; margin-top: 1.3125em; - margin-bottom: 0.32813em; } + margin-bottom: 0.328125em; +} h3, .chi { color: #222; font-size: 1.3125em; margin-top: 1.75em; - margin-bottom: 0.4375em; } + margin-bottom: 0.4375em; +} h4, .delta { color: #222; font-family: SourceSansProBold, Arial, sans-serif; font-size: 1.125em; margin-top: 1.3125em; - margin-bottom: 0.4375em; } + margin-bottom: 0.4375em; +} h5, .epsilon { color: #222; font-family: SourceSansProBold, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.0625em; - margin-top: 1.75em; } + margin-top: 1.75em; +} h6, .gamma { color: #222; font-family: SourceSansProBold, Arial, sans-serif; - margin-top: 1.75em; } + margin-top: 1.75em; +} blockquote { position: relative; @@ -829,287 +927,349 @@ blockquote { border-top: 3px solid #ffeba9; border-bottom: 3px solid #ffeba9; margin-bottom: 1.3125em; - /*&:before, &:after { - color: $grey-lighter; - font-style: normal; - font-size: 4em; - position: absolute; - } + /*&:before, &:after { + color: $grey-lighter; + font-style: normal; + font-size: 4em; + position: absolute; + } - &:before { - content: "“"; - top: -.25em; - left: 0; - }*/ } - blockquote footer { - font: normal 0.77778em SourceSansProRegular, Arial, sans-serif; } - blockquote em { - font-style: normal; } + &:before { + content: "“"; + top: -.25em; + left: 0; + }*/ +} +blockquote footer { + font: normal 0.7777777778em SourceSansProRegular, Arial, sans-serif; +} +blockquote em { + font-style: normal; +} dl { - border-top: 1px solid #e6e8ea; } - dl dt { - font-family: SourceSansProBold, Arial, sans-serif; - border-bottom: 1px solid #e6e8ea; } - dl dd { - padding-left: 1.5em; - border-bottom: 1px solid #caccce; } + border-top: 1px solid #e6e8ea; +} +dl dt { + font-family: SourceSansProBold, Arial, sans-serif; + border-bottom: 1px solid #e6e8ea; +} +dl dd { + padding-left: 1.5em; + border-bottom: 1px solid #caccce; +} /* ! ===== Form elements ===== */ .errorlist { color: #b55863; - margin-bottom: 0; } - .errorlist + label { - margin-top: 0; } + margin-bottom: 0; +} +.errorlist + label { + margin-top: 0; +} .error-message { - color: #b55863; } + color: #b55863; +} label { display: block; color: #999; font-weight: bold; margin-top: 0.875em; - margin-top: 0.21875em; } - label.active { - color: #3776ab; } + margin-top: 0.21875em; +} +label.active { + color: #3776ab; +} input, textarea { width: 100%; - padding: .65em; + padding: 0.65em; border: 1px solid #caccce; - -moz-border-radius: 6px; -webkit-border-radius: 6px; - border-radius: 6px; } + -moz-border-radius: 6px; + -ms-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} input, textarea, select { - margin-bottom: 0.875em; } + margin-bottom: 0.875em; +} input[type=checkbox], input[type=radio] { width: auto; border: none; - margin-right: .25em; } + margin-right: 0.25em; +} input[type=radio] { - margin-bottom: .25em; } + margin-bottom: 0.25em; +} input { - /*modernizr*/ } - .no-touch input:focus { - -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); } - input[required=required] { - border-color: #b55863; } - input[required=required]:focus { - -moz-box-shadow: 0px 0px 10px rgba(255, 0, 0, 0.5); - -webkit-box-shadow: 0px 0px 10px rgba(255, 0, 0, 0.5); - box-shadow: 0px 0px 10px rgba(255, 0, 0, 0.5); } + /*modernizr*/ +} +.no-touch input:focus { + -webkit-box-shadow: compact(0px 0px 10px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(0px 0px 10px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false); + box-shadow: compact(0px 0px 10px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false); +} +input[required=required] { + border-color: #b55863; +} +input[required=required]:focus { + -webkit-box-shadow: compact(0px 0px 10px rgba(255, 0, 0, 0.5), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(0px 0px 10px rgba(255, 0, 0, 0.5), false, false, false, false, false, false, false, false, false); + box-shadow: compact(0px 0px 10px rgba(255, 0, 0, 0.5), false, false, false, false, false, false, false, false, false); +} ::-webkit-input-placeholder { color: #999; - font-style: italic; } + font-style: italic; +} input:-moz-placeholder { color: #999; - font-style: italic; } + font-style: italic; +} /* Not a mistake... I repeat a.button and .button so I do not need to add !important to the color declaration */ input[type=submit], input[type=reset], button, a.button, .button { - display: block; } + display: block; +} input[type=reset], button.secondaryAction[type=submit] { background-color: #999; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFB3B3B3', endColorstr='#FF999999'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNiM2IzYjMiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #b3b3b3), color-stop(90%, #999999)); - background-image: -moz-linear-gradient(#b3b3b3 10%, #999999 90%); - background-image: -webkit-linear-gradient(#b3b3b3 10%, #999999 90%); - background-image: linear-gradient(#b3b3b3 10%, #999999 90%); + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFB3B3B3", endColorstr="#FF999999"); + background-image: -owg(compact(linear-gradient(#b3b3b3 10%, #999 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#b3b3b3 10%, #999 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#b3b3b3 10%, #999 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#b3b3b3 10%, #999 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#b3b3b3 10%, #999 90%), false, false, false, false, false, false, false, false, false); border-top: 1px solid #caccce; border-right: 1px solid #999; border-bottom: 1px solid gray; - border-left: 1px solid #999; } - input[type=reset]:hover, input[type=reset]:focus, input[type=reset]:active, button.secondaryAction[type=submit]:hover, button.secondaryAction[type=submit]:focus, button.secondaryAction[type=submit]:active { - color: #fff; - background-color: #b3b3b3; - *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF999999', endColorstr='#FFB3B3B3'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2IzYjNiMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #999999), color-stop(90%, #b3b3b3)); - background-image: -moz-linear-gradient(#999999 10%, #b3b3b3 90%); - background-image: -webkit-linear-gradient(#999999 10%, #b3b3b3 90%); - background-image: linear-gradient(#999999 10%, #b3b3b3 90%); } + border-left: 1px solid #999; +} +input[type=reset]:hover, input[type=reset]:focus, input[type=reset]:active, button.secondaryAction[type=submit]:hover, button.secondaryAction[type=submit]:focus, button.secondaryAction[type=submit]:active { + color: #fff; + background-color: #b3b3b3; + *zoom: 1; + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF999999", endColorstr="#FFB3B3B3"); + background-image: -owg(compact(linear-gradient(#999 10%, #b3b3b3 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#999 10%, #b3b3b3 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#999 10%, #b3b3b3 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#999 10%, #b3b3b3 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#999 10%, #b3b3b3 90%), false, false, false, false, false, false, false, false, false); +} /* Reset for a special case */ input[type=image] { - width: auto; } + width: auto; +} b, strong { - font-family: SourceSansProBold, Arial, sans-serif; } + font-family: SourceSansProBold, Arial, sans-serif; +} i, em { - font-family: SourceSansProItalic, Arial, sans-serif; } + font-family: SourceSansProItalic, Arial, sans-serif; +} abbr, dfn { - border-bottom: 1px dotted #3776ab; } + border-bottom: 1px dotted #3776ab; +} /* ! ===== Simple Column Structure – Need to roll this out more widely ===== */ .col-row { margin: -1em; overflow: hidden; - *zoom: 1; } + *zoom: 1; +} .column, .not-column { padding-left: 1em; - padding-right: 1em; } + padding-right: 1em; +} .column { - padding-bottom: 1.75em; } + padding-bottom: 1.75em; +} /* Because of em-nesting, if you adjust the $colpad above, you will need to adjust these values as well */ h1.not-column { - padding-left: 0.57143em; - padding-right: 0.57143em; } + padding-left: 0.5714285714em; + padding-right: 0.5714285714em; +} h2.not-column { - padding-left: 0.66667em; - padding-right: 0.66667em; } + padding-left: 0.6666666667em; + padding-right: 0.6666666667em; +} /* ! ===== HELPFUL CLASSES ===== */ /* A useful class that helps control how lines might break. Use carefully and always test. */ .pre, .rss-link { - white-space: nowrap; } + white-space: nowrap; +} /* Our own little class for progressive text. Yes, it is a Monty Python reference */ .say-no-more { display: none; - visibility: hidden; } + visibility: hidden; +} /* Styling for a series of angle brackets... >>> */ .prompt, .readmore:before, .give-me-more a:before { font-family: Flux-Regular, SourceSansProRegular, Arial, sans-serif; font-size: 120%; - letter-spacing: -.0625em; } + letter-spacing: -0.0625em; +} /* Used on "Read More" or "More" links (duh) */ .readmore, .give-me-more a { - white-space: nowrap; } - .readmore:before, .give-me-more a:before { - content: ">>>"; - margin-right: .25em; } + white-space: nowrap; +} +.readmore:before, .give-me-more a:before { + content: ">>>"; + margin-right: 0.25em; +} .larger { - font-size: 120%; } + font-size: 120%; +} .indent { - padding-left: 2em; } + padding-left: 2em; +} /* ! ===== MAJOR PAGE ELEMENTS ===== */ -.top-bar a:hover, .top-bar a:focus, .python .top-bar .python-meta a, .psf .top-bar .psf-meta a, .docs .top-bar .docs-meta a, .pypi .top-bar .pypi-meta a, .jobs .top-bar .jobs-meta a, .shop .top-bar .shop-meta a { +.python .top-bar .python-meta a, .psf .top-bar .psf-meta a, .docs .top-bar .docs-meta a, .pypi .top-bar .pypi-meta a, .jobs .top-bar .jobs-meta a, .shop .top-bar .shop-meta a, .top-bar a:hover, .top-bar a:focus { color: #fff; background-color: #1f2a32; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF13191E', endColorstr='#FF1F2A32'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMxMzE5MWUiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzFmMmEzMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #13191e), color-stop(90%, #1f2a32)); - background-image: -moz-linear-gradient(#13191e 10%, #1f2a32 90%); - background-image: -webkit-linear-gradient(#13191e 10%, #1f2a32 90%); - background-image: linear-gradient(#13191e 10%, #1f2a32 90%); } - .top-bar a:hover:before, .top-bar a:focus:before, .python .top-bar .python-meta a:before, .psf .top-bar .psf-meta a:before, .docs .top-bar .docs-meta a:before, .pypi .top-bar .pypi-meta a:before, .jobs .top-bar .jobs-meta a:before, .shop .top-bar .shop-meta a:before { - left: 50%; } + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF13191E", endColorstr="#FF1F2A32"); + background-image: -owg(compact(linear-gradient(#13191e 10%, #1f2a32 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#13191e 10%, #1f2a32 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#13191e 10%, #1f2a32 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#13191e 10%, #1f2a32 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#13191e 10%, #1f2a32 90%), false, false, false, false, false, false, false, false, false); +} +.python .top-bar .python-meta a:before, .psf .top-bar .psf-meta a:before, .docs .top-bar .docs-meta a:before, .pypi .top-bar .pypi-meta a:before, .jobs .top-bar .jobs-meta a:before, .shop .top-bar .shop-meta a:before, .top-bar a:hover:before, .top-bar a:focus:before { + left: 50%; +} .top-bar { color: #bbb; background-color: #1e2933; - border-bottom: 1px solid #1f3b47; } - .top-bar a { - position: relative; - display: block; - color: #999; - background: transparent; - text-align: center; - padding: .5em .75em .4em; - font-size: 1em; - line-height: 1.75em; - /* no fallback for .no-generatedcontent. This is a progressive enhancement */ } - .top-bar a:before { - position: absolute; - content: ""; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - border-width: 0.5em; - border-right-color: transparent; - border-bottom-color: transparent; - border-left-color: transparent; - top: 0; - left: -9999px; - margin-left: -.25em; } - .top-bar li { - border-top: 3px solid #3776ab; } - .top-bar .python-meta, .top-bar .python-meta a:before { - border-top-color: #3776ab; } - .top-bar .psf-meta, .top-bar .psf-meta a:before { - border-top-color: #78797a; } - .top-bar .docs-meta, .top-bar .docs-meta a:before { - border-top-color: #ffd343; } - .top-bar .pypi-meta, .top-bar .pypi-meta a:before { - border-top-color: #82b043; } - .top-bar .jobs-meta, .top-bar .jobs-meta a:before { - border-top-color: #a06ba7; } - .top-bar .shop-meta, .top-bar .shop-meta a:before { - border-top-color: #b55863; } - -.meta-navigation { + border-bottom: 1px solid #1f3b47; +} +.top-bar a { + position: relative; + display: block; + color: #999; + background: transparent; text-align: center; - /*ul*/ } - .meta-navigation .menu, .meta-navigation form ul, form .meta-navigation ul, .meta-navigation .errorlist, .meta-navigation .text form label + ul, .text form .meta-navigation label + ul, - .meta-navigation .sidebar-widget form label + ul, - .sidebar-widget form .meta-navigation label + ul { - margin-bottom: 0; } - .meta-navigation .say-no-more { - display: inline; - visibility: visible; } - .meta-navigation .jump-link { - background-color: #11171d; } - -/* Used in both the main-header and the header-banner */ -.main-header { - border-top: 1px solid #191919; - border-bottom: 1px solid #444; } - .main-header .container { - text-align: center; - padding: .75em 1em; } - -/*h1*/ -.site-headline { - color: #fff; - margin: 0.15em auto 0.2em; } - .site-headline a { - display: block; - margin: 0 auto; } - .site-headline a .python-logo { - width: 217.5px; - height: 61.5px; } - .site-headline a .psf-logo { - width: 250.5px; - height: 61.5px; } + padding: 0.5em 0.75em 0.4em; + font-size: 1em; + line-height: 1.75em; + /* no fallback for .no-generatedcontent. This is a progressive enhancement */ +} +.top-bar a:before { + position: absolute; + content: ""; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 0.5em; + border-right-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; + top: 0; + left: -9999px; + margin-left: -0.25em; +} +.top-bar li { + border-top: 3px solid #3776ab; +} +.top-bar .python-meta, .top-bar .python-meta a:before { + border-top-color: #3776ab; +} +.top-bar .psf-meta, .top-bar .psf-meta a:before { + border-top-color: #78797a; +} +.top-bar .docs-meta, .top-bar .docs-meta a:before { + border-top-color: #ffd343; +} +.top-bar .pypi-meta, .top-bar .pypi-meta a:before { + border-top-color: #82b043; +} +.top-bar .jobs-meta, .top-bar .jobs-meta a:before { + border-top-color: #a06ba7; +} +.top-bar .shop-meta, .top-bar .shop-meta a:before { + border-top-color: #b55863; +} +.meta-navigation { + text-align: center; + /*ul*/ +} +.meta-navigation .menu, .meta-navigation .text form label + ul, .text form .meta-navigation label + ul, +.meta-navigation .sidebar-widget form label + ul, +.sidebar-widget form .meta-navigation label + ul, .meta-navigation form ul, form .meta-navigation ul, .meta-navigation .errorlist { + margin-bottom: 0; +} +.meta-navigation .say-no-more { + display: inline; + visibility: visible; +} +.meta-navigation .jump-link { + background-color: #11171d; +} + +/* Used in both the main-header and the header-banner */ +.main-header { + border-top: 1px solid #191919; + border-bottom: 1px solid #444; +} +.main-header .container { + text-align: center; + padding: 0.75em 1em; +} + +/*h1*/ +.site-headline { + color: #fff; + margin: 0.15em auto 0.2em; +} +.site-headline a { + display: block; + margin: 0 auto; +} +.site-headline a .python-logo { + width: 217.5px; + height: 61.5px; +} +.site-headline a .psf-logo { + width: 250.5px; + height: 61.5px; +} .options-bar-container { - float: none; } + float: none; +} .donate-button { display: block; text-align: center; position: relative; top: 0; - margin: 1em 0.7em; } + margin: 1em 0.7em; +} .options-bar { width: 100%; @@ -1119,21 +1279,27 @@ h2.not-column { border-bottom: 1px solid #070a0c; background-color: #1e2933; line-height: 1em; - -moz-border-radius: 6px; -webkit-border-radius: 6px; - border-radius: 6px; } - .options-bar form { - padding: 0.35em 0.2em 0.3em; } - .options-bar .breaker { - display: block; - width: 100%; - height: 1px; - font-size: 1px; - line-height: 1px; - border-top: 1px solid #070a0c; - border-bottom: 1px solid #2d3e4d; } - .options-bar .subnav { - display: none; } + -moz-border-radius: 6px; + -ms-border-radius: 6px; + -o-border-radius: 6px; + border-radius: 6px; +} +.options-bar form { + padding: 0.35em 0.2em 0.3em; +} +.options-bar .breaker { + display: block; + width: 100%; + height: 1px; + font-size: 1px; + line-height: 1px; + border-top: 1px solid #070a0c; + border-bottom: 1px solid #2d3e4d; +} +.options-bar .subnav { + display: none; +} #site-map-link, .jump-to-menu, @@ -1146,52 +1312,63 @@ input#s, .account-signin { display: -moz-inline-stack; display: inline-block; - vertical-align: middle; } - .lt-ie8 #site-map-link, .lt-ie8 - .jump-to-menu, .lt-ie8 - .search-the-site, .lt-ie8 - .icon-search, .lt-ie8 - .icon-search:before, .lt-ie8 - input#s, .lt-ie8 - .adjust-font-size, .lt-ie8 - .winkwink-nudgenudge, .lt-ie8 - .account-signin { - vertical-align: auto; - zoom: 1; - display: inline; } + vertical-align: middle; +} +.lt-ie8 #site-map-link, +.lt-ie8 .jump-to-menu, +.lt-ie8 .search-the-site, +.lt-ie8 .icon-search, +.lt-ie8 .icon-search:before, +.lt-ie8 input#s, +.lt-ie8 .adjust-font-size, +.lt-ie8 .winkwink-nudgenudge, +.lt-ie8 .account-signin { + vertical-align: auto; + zoom: 1; + display: inline; +} .touch .search-the-site, .winkwink-nudgenudge, .account-signin { - border-left: 1px solid #2d3e4d; } + border-left: 1px solid #2d3e4d; +} .touch #site-map-link, .jump-to-menu, .adjust-font-size, .winkwink-nudgenudge { - border-right: 1px solid #070a0c; } + border-right: 1px solid #070a0c; +} #site-map-link { - color: #bbb; } - #site-map-link:hover, #site-map-link:focus { - color: #fff; } - .no-touch #site-map-link { - display: none; } + color: #bbb; +} +#site-map-link:hover, #site-map-link:focus { + color: #fff; +} +.no-touch #site-map-link { + display: none; +} .menu-icon { display: inline-block; font-size: 1.25em; - margin: -.125em -.125em 0 0; } + margin: -0.125em -0.125em 0 0; +} /*form*/ .search-the-site { text-align: left; - padding: .35em .2em .3em; } - .search-the-site .icon-search:before { - font-size: 1.75em; - margin: 0 .125em 0 .25em; } - .search-the-site .no-touch { - border-left: 0; } + padding: 0.35em 0.2em 0.3em; +} +.search-the-site .icon-search:before { + font-size: 1.75em; + margin: 0 0.125em 0 0.25em; +} +.search-the-site .no-touch { + border-left: 0; +} /*input*/ .search-field { @@ -1200,36 +1377,46 @@ input#s, color: #bbb; background-color: transparent; border: none; - margin: .125em 0; - padding: .4em 0 .3em; - -moz-border-radius: 0px; + margin: 0.125em 0; + padding: 0.4em 0 0.3em; -webkit-border-radius: 0px; - border-radius: 0px; } - .search-field::-webkit-input-placeholder { - color: #bbb; - font-style: normal; } - .search-field:-moz-placeholder { - color: #bbb; - font-style: normal; } - .search-field:focus { - background-color: #fff; - color: #444; - padding: .4em .5em .3em; - /* removed this line because it was making the height fluctuate on focus: - @include pe-border( $color-top: darken( $darkerblue, 12% ), $color-bottom: lighten( $darkerblue, 8% ) ); */ } - .search-field:blur { - color: #bbb; } + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; +} +.search-field::-webkit-input-placeholder { + color: #bbb; + font-style: normal; +} +.search-field:-moz-placeholder { + color: #bbb; + font-style: normal; +} +.search-field:focus { + background-color: #fff; + color: #444; + padding: 0.4em 0.5em 0.3em; + /* removed this line because it was making the height fluctuate on focus: + @include pe-border( $color-top: darken( $darkerblue, 12% ), $color-bottom: lighten( $darkerblue, 8% ) ); */ +} +.search-field:blur { + color: #bbb; +} .search-button { margin-right: 0.2em; margin-bottom: 0; text-shadow: none; - /* Small screens (phones) have their own form controls */ } - .touch .search-button { - display: none; } + /* Small screens (phones) have their own form controls */ +} +.touch .search-button { + display: none; +} .no-touch .adjust-font-size { - display: none; } + display: none; +} .adjust-font-size, .winkwink-nudgenudge, @@ -1240,417 +1427,460 @@ input#s, /*li*/ /*li*/ /*ul*/ - /*.close-subnav { - @include pe-border( $color-bottom: $grey-light ); - - .close-text { padding: .9em 3.25em .8em 1em; } - }*/ } - .adjust-font-size .menu, .adjust-font-size form ul, form .adjust-font-size ul, .adjust-font-size .errorlist, .adjust-font-size .text form label + ul, .text form .adjust-font-size label + ul, - .adjust-font-size .sidebar-widget form label + ul, - .sidebar-widget form .adjust-font-size label + ul, - .winkwink-nudgenudge .menu, - .winkwink-nudgenudge form ul, - form .winkwink-nudgenudge ul, - .winkwink-nudgenudge .errorlist, - .winkwink-nudgenudge .text form label + ul, - .text form .winkwink-nudgenudge label + ul, - .winkwink-nudgenudge .sidebar-widget form label + ul, - .sidebar-widget form .winkwink-nudgenudge label + ul, - .account-signin .menu, - .account-signin form ul, - form .account-signin ul, - .account-signin .errorlist, - .account-signin .text form label + ul, - .text form .account-signin label + ul, - .account-signin .sidebar-widget form label + ul, - .sidebar-widget form .account-signin label + ul { - margin-bottom: 0; } - .adjust-font-size .tier-1, .adjust-font-size .tier-2, - .winkwink-nudgenudge .tier-1, - .winkwink-nudgenudge .tier-2, - .account-signin .tier-1, - .account-signin .tier-2 { - /* We do this more explictly (the descendant selector) to avoid also styling links in the Supernav content */ } - .adjust-font-size .tier-1 > a, .adjust-font-size .tier-2 > a, - .winkwink-nudgenudge .tier-1 > a, - .winkwink-nudgenudge .tier-2 > a, - .account-signin .tier-1 > a, - .account-signin .tier-2 > a { - display: block; - padding: .5em 1.5em .4em 1em; - position: relative; } - .adjust-font-size .tier-1, - .winkwink-nudgenudge .tier-1, - .account-signin .tier-1 { - display: block; - width: 100%; } - .adjust-font-size .tier-1 > a, - .winkwink-nudgenudge .tier-1 > a, - .account-signin .tier-1 > a { - text-align: center; } - .adjust-font-size .tier-2 > a, - .winkwink-nudgenudge .tier-2 > a, - .account-signin .tier-2 > a { - text-align: left; } - .adjust-font-size .menu, .adjust-font-size form ul, form .adjust-font-size ul, .adjust-font-size .errorlist, .adjust-font-size .text form label + ul, .text form .adjust-font-size label + ul, - .adjust-font-size .sidebar-widget form label + ul, - .sidebar-widget form .adjust-font-size label + ul, - .winkwink-nudgenudge .menu, - .winkwink-nudgenudge form ul, - form .winkwink-nudgenudge ul, - .winkwink-nudgenudge .errorlist, - .winkwink-nudgenudge .text form label + ul, - .text form .winkwink-nudgenudge label + ul, - .winkwink-nudgenudge .sidebar-widget form label + ul, - .sidebar-widget form .winkwink-nudgenudge label + ul, - .account-signin .menu, - .account-signin form ul, - form .account-signin ul, - .account-signin .errorlist, - .account-signin .text form label + ul, - .text form .account-signin label + ul, - .account-signin .sidebar-widget form label + ul, - .sidebar-widget form .account-signin label + ul { - *zoom: 1; } - .adjust-font-size .menu:after, .adjust-font-size form ul:after, form .adjust-font-size ul:after, .adjust-font-size .errorlist:after, .adjust-font-size .text form label + ul:after, .text form .adjust-font-size label + ul:after, - .adjust-font-size .sidebar-widget form label + ul:after, - .sidebar-widget form .adjust-font-size label + ul:after, - .winkwink-nudgenudge .menu:after, - .winkwink-nudgenudge form ul:after, - form .winkwink-nudgenudge ul:after, - .winkwink-nudgenudge .errorlist:after, - .winkwink-nudgenudge .text form label + ul:after, - .text form .winkwink-nudgenudge label + ul:after, - .winkwink-nudgenudge .sidebar-widget form label + ul:after, - .sidebar-widget form .winkwink-nudgenudge label + ul:after, - .account-signin .menu:after, - .account-signin form ul:after, - form .account-signin ul:after, - .account-signin .errorlist:after, - .account-signin .text form label + ul:after, - .text form .account-signin label + ul:after, - .account-signin .sidebar-widget form label + ul:after, - .sidebar-widget form .account-signin label + ul:after { - content: ""; - display: table; - clear: both; } - .adjust-font-size .tier-1, - .winkwink-nudgenudge .tier-1, - .account-signin .tier-1 { - position: relative; } - .adjust-font-size .subnav, - .winkwink-nudgenudge .subnav, - .account-signin .subnav { - position: absolute; - z-index: 100; - text-align: left; - /*modernizr*/ - /*modernizr*/ } - .no-touch .adjust-font-size .subnav, .no-touch - .winkwink-nudgenudge .subnav, .no-touch - .account-signin .subnav { - min-width: 100%; - display: none; - -moz-transition: all 0s ease; - -o-transition: all 0s ease; - -webkit-transition: all 0s ease; - transition: all 0s ease; } - .touch .adjust-font-size .subnav, .touch - .winkwink-nudgenudge .subnav, .touch - .account-signin .subnav { - top: 120%; - display: none; - opacity: 0; - -moz-transition: opacity 0.25s ease-in-out; - -o-transition: opacity 0.25s ease-in-out; - -webkit-transition: opacity 0.25s ease-in-out; - transition: opacity 0.25s ease-in-out; - -moz-box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.6); - -webkit-box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.6); - box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.6); } - .touch .adjust-font-size .subnav:before, .touch - .winkwink-nudgenudge .subnav:before, .touch - .account-signin .subnav:before { - position: absolute; - content: ""; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - border-width: 0.75em; - top: -1.45em; - display: block; } - .no-touch .adjust-font-size .element-1:hover .subnav, .no-touch .adjust-font-size .element-1:focus .subnav, .no-touch .adjust-font-size .element-2:hover .subnav, .no-touch .adjust-font-size .element-2:focus .subnav, .no-touch .adjust-font-size .element-3:hover .subnav, .no-touch .adjust-font-size .element-3:focus .subnav, .no-touch .adjust-font-size .element-4:hover .subnav, .no-touch .adjust-font-size .element-4:focus .subnav, .no-touch - .winkwink-nudgenudge .element-1:hover .subnav, .no-touch - .winkwink-nudgenudge .element-1:focus .subnav, .no-touch - .winkwink-nudgenudge .element-2:hover .subnav, .no-touch - .winkwink-nudgenudge .element-2:focus .subnav, .no-touch - .winkwink-nudgenudge .element-3:hover .subnav, .no-touch - .winkwink-nudgenudge .element-3:focus .subnav, .no-touch - .winkwink-nudgenudge .element-4:hover .subnav, .no-touch - .winkwink-nudgenudge .element-4:focus .subnav, .no-touch - .account-signin .element-1:hover .subnav, .no-touch - .account-signin .element-1:focus .subnav, .no-touch - .account-signin .element-2:hover .subnav, .no-touch - .account-signin .element-2:focus .subnav, .no-touch - .account-signin .element-3:hover .subnav, .no-touch - .account-signin .element-3:focus .subnav, .no-touch - .account-signin .element-4:hover .subnav, .no-touch - .account-signin .element-4:focus .subnav { - left: 0; - display: initial; - -moz-transition-delay: 0.25s; - -o-transition-delay: 0.25s; - -webkit-transition-delay: 0.25s; - transition-delay: 0.25s; } - .no-touch .adjust-font-size .element-5:hover .subnav, .no-touch .adjust-font-size .element-5:focus .subnav, .no-touch .adjust-font-size .element-6:hover .subnav, .no-touch .adjust-font-size .element-6:focus .subnav, .no-touch .adjust-font-size .element-7:hover .subnav, .no-touch .adjust-font-size .element-7:focus .subnav, .no-touch .adjust-font-size .element-8:hover .subnav, .no-touch .adjust-font-size .element-8:focus .subnav, .no-touch .adjust-font-size .last:hover .subnav, .no-touch .adjust-font-size .last:focus .subnav, .no-touch - .winkwink-nudgenudge .element-5:hover .subnav, .no-touch - .winkwink-nudgenudge .element-5:focus .subnav, .no-touch - .winkwink-nudgenudge .element-6:hover .subnav, .no-touch - .winkwink-nudgenudge .element-6:focus .subnav, .no-touch - .winkwink-nudgenudge .element-7:hover .subnav, .no-touch - .winkwink-nudgenudge .element-7:focus .subnav, .no-touch - .winkwink-nudgenudge .element-8:hover .subnav, .no-touch - .winkwink-nudgenudge .element-8:focus .subnav, .no-touch - .winkwink-nudgenudge .last:hover .subnav, .no-touch - .winkwink-nudgenudge .last:focus .subnav, .no-touch - .account-signin .element-5:hover .subnav, .no-touch - .account-signin .element-5:focus .subnav, .no-touch - .account-signin .element-6:hover .subnav, .no-touch - .account-signin .element-6:focus .subnav, .no-touch - .account-signin .element-7:hover .subnav, .no-touch - .account-signin .element-7:focus .subnav, .no-touch - .account-signin .element-8:hover .subnav, .no-touch - .account-signin .element-8:focus .subnav, .no-touch - .account-signin .last:hover .subnav, .no-touch - .account-signin .last:focus .subnav { - right: 0; - display: initial; - -moz-transition-delay: 0.25s; - -o-transition-delay: 0.25s; - -webkit-transition-delay: 0.25s; - transition-delay: 0.25s; } - .touch .adjust-font-size .element-1, .touch .adjust-font-size .element-2, .touch .adjust-font-size .element-3, .touch .adjust-font-size .element-4, .touch - .winkwink-nudgenudge .element-1, .touch - .winkwink-nudgenudge .element-2, .touch - .winkwink-nudgenudge .element-3, .touch - .winkwink-nudgenudge .element-4, .touch - .account-signin .element-1, .touch - .account-signin .element-2, .touch - .account-signin .element-3, .touch - .account-signin .element-4 { - /* Position the pointer element */ } - .touch .adjust-font-size .element-1:hover .subnav, .touch .adjust-font-size .element-1 .subnav.touched, .touch .adjust-font-size .element-2:hover .subnav, .touch .adjust-font-size .element-2 .subnav.touched, .touch .adjust-font-size .element-3:hover .subnav, .touch .adjust-font-size .element-3 .subnav.touched, .touch .adjust-font-size .element-4:hover .subnav, .touch .adjust-font-size .element-4 .subnav.touched, .touch - .winkwink-nudgenudge .element-1:hover .subnav, .touch - .winkwink-nudgenudge .element-1 .subnav.touched, .touch - .winkwink-nudgenudge .element-2:hover .subnav, .touch - .winkwink-nudgenudge .element-2 .subnav.touched, .touch - .winkwink-nudgenudge .element-3:hover .subnav, .touch - .winkwink-nudgenudge .element-3 .subnav.touched, .touch - .winkwink-nudgenudge .element-4:hover .subnav, .touch - .winkwink-nudgenudge .element-4 .subnav.touched, .touch - .account-signin .element-1:hover .subnav, .touch - .account-signin .element-1 .subnav.touched, .touch - .account-signin .element-2:hover .subnav, .touch - .account-signin .element-2 .subnav.touched, .touch - .account-signin .element-3:hover .subnav, .touch - .account-signin .element-3 .subnav.touched, .touch - .account-signin .element-4:hover .subnav, .touch - .account-signin .element-4 .subnav.touched { - display: block; - opacity: 1; - left: 0; } - .touch .adjust-font-size .element-1 .subnav:before, .touch .adjust-font-size .element-2 .subnav:before, .touch .adjust-font-size .element-3 .subnav:before, .touch .adjust-font-size .element-4 .subnav:before, .touch - .winkwink-nudgenudge .element-1 .subnav:before, .touch - .winkwink-nudgenudge .element-2 .subnav:before, .touch - .winkwink-nudgenudge .element-3 .subnav:before, .touch - .winkwink-nudgenudge .element-4 .subnav:before, .touch - .account-signin .element-1 .subnav:before, .touch - .account-signin .element-2 .subnav:before, .touch - .account-signin .element-3 .subnav:before, .touch - .account-signin .element-4 .subnav:before { - left: 1.5em; } - .touch .adjust-font-size .element-5, .touch .adjust-font-size .element-6, .touch .adjust-font-size .element-7, .touch .adjust-font-size .element-8, .touch .adjust-font-size .last, .touch - .winkwink-nudgenudge .element-5, .touch - .winkwink-nudgenudge .element-6, .touch - .winkwink-nudgenudge .element-7, .touch - .winkwink-nudgenudge .element-8, .touch - .winkwink-nudgenudge .last, .touch - .account-signin .element-5, .touch - .account-signin .element-6, .touch - .account-signin .element-7, .touch - .account-signin .element-8, .touch - .account-signin .last { - /* Position the pointer element */ } - .touch .adjust-font-size .element-5:hover .subnav, .touch .adjust-font-size .element-5 .subnav.touched, .touch .adjust-font-size .element-6:hover .subnav, .touch .adjust-font-size .element-6 .subnav.touched, .touch .adjust-font-size .element-7:hover .subnav, .touch .adjust-font-size .element-7 .subnav.touched, .touch .adjust-font-size .element-8:hover .subnav, .touch .adjust-font-size .element-8 .subnav.touched, .touch .adjust-font-size .last:hover .subnav, .touch .adjust-font-size .last .subnav.touched, .touch - .winkwink-nudgenudge .element-5:hover .subnav, .touch - .winkwink-nudgenudge .element-5 .subnav.touched, .touch - .winkwink-nudgenudge .element-6:hover .subnav, .touch - .winkwink-nudgenudge .element-6 .subnav.touched, .touch - .winkwink-nudgenudge .element-7:hover .subnav, .touch - .winkwink-nudgenudge .element-7 .subnav.touched, .touch - .winkwink-nudgenudge .element-8:hover .subnav, .touch - .winkwink-nudgenudge .element-8 .subnav.touched, .touch - .winkwink-nudgenudge .last:hover .subnav, .touch - .winkwink-nudgenudge .last .subnav.touched, .touch - .account-signin .element-5:hover .subnav, .touch - .account-signin .element-5 .subnav.touched, .touch - .account-signin .element-6:hover .subnav, .touch - .account-signin .element-6 .subnav.touched, .touch - .account-signin .element-7:hover .subnav, .touch - .account-signin .element-7 .subnav.touched, .touch - .account-signin .element-8:hover .subnav, .touch - .account-signin .element-8 .subnav.touched, .touch - .account-signin .last:hover .subnav, .touch - .account-signin .last .subnav.touched { - display: block; - opacity: 1; - right: 0; } - .touch .adjust-font-size .element-5 .subnav:before, .touch .adjust-font-size .element-6 .subnav:before, .touch .adjust-font-size .element-7 .subnav:before, .touch .adjust-font-size .element-8 .subnav:before, .touch .adjust-font-size .last .subnav:before, .touch - .winkwink-nudgenudge .element-5 .subnav:before, .touch - .winkwink-nudgenudge .element-6 .subnav:before, .touch - .winkwink-nudgenudge .element-7 .subnav:before, .touch - .winkwink-nudgenudge .element-8 .subnav:before, .touch - .winkwink-nudgenudge .last .subnav:before, .touch - .account-signin .element-5 .subnav:before, .touch - .account-signin .element-6 .subnav:before, .touch - .account-signin .element-7 .subnav:before, .touch - .account-signin .element-8 .subnav:before, .touch - .account-signin .last .subnav:before { - left: auto; - right: 1.5em; } - .adjust-font-size .tier-2, - .winkwink-nudgenudge .tier-2, - .account-signin .tier-2 { - display: block; - min-width: 100%; } - .adjust-font-size .tier-2 a, - .winkwink-nudgenudge .tier-2 a, - .account-signin .tier-2 a { - white-space: nowrap; } - .adjust-font-size a, - .winkwink-nudgenudge a, - .account-signin a { - color: #bbb; - background-color: transparent; } - .adjust-font-size .tier-1, - .winkwink-nudgenudge .tier-1, - .account-signin .tier-1 { - float: none; } - .adjust-font-size .tier-1:hover > a, - .winkwink-nudgenudge .tier-1:hover > a, - .account-signin .tier-1:hover > a { - color: #555; - background-color: #caccce; } - .adjust-font-size .subnav, - .winkwink-nudgenudge .subnav, - .account-signin .subnav { - background-color: #caccce; - /*modernizr*/ } - .adjust-font-size .subnav a, - .winkwink-nudgenudge .subnav a, - .account-signin .subnav a { - color: #555; } - .adjust-font-size .subnav a:hover, .adjust-font-size .subnav a:focus, - .winkwink-nudgenudge .subnav a:hover, - .winkwink-nudgenudge .subnav a:focus, - .account-signin .subnav a:hover, - .account-signin .subnav a:focus { - color: #e6e8ea; - background-color: #999; } - .touch .adjust-font-size .subnav a .tier-2, .touch - .winkwink-nudgenudge .subnav a .tier-2, .touch - .account-signin .subnav a .tier-2 { - padding-top: .75em; - padding-bottom: .6em; } - .adjust-font-size .subnav .text-reset, - .winkwink-nudgenudge .subnav .text-reset, - .account-signin .subnav .text-reset { - color: #888; } - .touch .adjust-font-size .subnav, .touch - .winkwink-nudgenudge .subnav, .touch - .account-signin .subnav { - top: 135%; - border: 3px solid #666; } - .touch .adjust-font-size .subnav:before, .touch - .winkwink-nudgenudge .subnav:before, .touch - .account-signin .subnav:before { - top: -1.6em; - border-color: transparent transparent #666 transparent; } - .adjust-font-size :hover .subnav, - .winkwink-nudgenudge :hover .subnav, - .account-signin :hover .subnav { - display: block; } + /*.close-subnav { + @include pe-border( $color-bottom: $grey-light ); + + .close-text { padding: .9em 3.25em .8em 1em; } + }*/ +} +.adjust-font-size .menu, .adjust-font-size .text form label + ul, .text form .adjust-font-size label + ul, +.adjust-font-size .sidebar-widget form label + ul, +.sidebar-widget form .adjust-font-size label + ul, .adjust-font-size form ul, form .adjust-font-size ul, .adjust-font-size .errorlist, +.winkwink-nudgenudge .menu, +.winkwink-nudgenudge .text form label + ul, +.text form .winkwink-nudgenudge label + ul, +.winkwink-nudgenudge .sidebar-widget form label + ul, +.sidebar-widget form .winkwink-nudgenudge label + ul, +.winkwink-nudgenudge form ul, +form .winkwink-nudgenudge ul, +.winkwink-nudgenudge .errorlist, +.account-signin .menu, +.account-signin .text form label + ul, +.text form .account-signin label + ul, +.account-signin .sidebar-widget form label + ul, +.sidebar-widget form .account-signin label + ul, +.account-signin form ul, +form .account-signin ul, +.account-signin .errorlist { + margin-bottom: 0; +} +.adjust-font-size .tier-1, .adjust-font-size .tier-2, +.winkwink-nudgenudge .tier-1, +.winkwink-nudgenudge .tier-2, +.account-signin .tier-1, +.account-signin .tier-2 { + /* We do this more explictly (the descendant selector) to avoid also styling links in the Supernav content */ +} +.adjust-font-size .tier-1 > a, .adjust-font-size .tier-2 > a, +.winkwink-nudgenudge .tier-1 > a, +.winkwink-nudgenudge .tier-2 > a, +.account-signin .tier-1 > a, +.account-signin .tier-2 > a { + display: block; + padding: 0.5em 1.5em 0.4em 1em; + position: relative; +} +.adjust-font-size .tier-1, +.winkwink-nudgenudge .tier-1, +.account-signin .tier-1 { + display: block; + width: 100%; +} +.adjust-font-size .tier-1 > a, +.winkwink-nudgenudge .tier-1 > a, +.account-signin .tier-1 > a { + text-align: center; +} +.adjust-font-size .tier-2 > a, +.winkwink-nudgenudge .tier-2 > a, +.account-signin .tier-2 > a { + text-align: left; +} +.adjust-font-size .menu, .adjust-font-size .text form label + ul, .text form .adjust-font-size label + ul, +.adjust-font-size .sidebar-widget form label + ul, +.sidebar-widget form .adjust-font-size label + ul, .adjust-font-size form ul, form .adjust-font-size ul, .adjust-font-size .errorlist, +.winkwink-nudgenudge .menu, +.winkwink-nudgenudge .text form label + ul, +.text form .winkwink-nudgenudge label + ul, +.winkwink-nudgenudge .sidebar-widget form label + ul, +.sidebar-widget form .winkwink-nudgenudge label + ul, +.winkwink-nudgenudge form ul, +form .winkwink-nudgenudge ul, +.winkwink-nudgenudge .errorlist, +.account-signin .menu, +.account-signin .text form label + ul, +.text form .account-signin label + ul, +.account-signin .sidebar-widget form label + ul, +.sidebar-widget form .account-signin label + ul, +.account-signin form ul, +form .account-signin ul, +.account-signin .errorlist { + *zoom: 1; +} +.adjust-font-size .menu:after, .adjust-font-size form ul:after, form .adjust-font-size ul:after, .adjust-font-size .errorlist:after, +.winkwink-nudgenudge .menu:after, +.winkwink-nudgenudge form ul:after, +form .winkwink-nudgenudge ul:after, +.winkwink-nudgenudge .errorlist:after, +.account-signin .menu:after, +.account-signin form ul:after, +form .account-signin ul:after, +.account-signin .errorlist:after { + content: ""; + display: table; + clear: both; +} +.adjust-font-size .tier-1, +.winkwink-nudgenudge .tier-1, +.account-signin .tier-1 { + position: relative; +} +.adjust-font-size .subnav, +.winkwink-nudgenudge .subnav, +.account-signin .subnav { + position: absolute; + z-index: 100; + text-align: left; + /*modernizr*/ + /*modernizr*/ +} +.no-touch .adjust-font-size .subnav, +.no-touch .winkwink-nudgenudge .subnav, +.no-touch .account-signin .subnav { + min-width: 100%; + display: none; + -webkit-transition: compact(compact(all 0s ease, false, false, false, false, false, false, false, false, false) false false); + -moz-transition: compact(compact(all 0s ease, false, false, false, false, false, false, false, false, false) false false false); + -o-transition: compact(compact(all 0s ease, false, false, false, false, false, false, false, false, false) false false false); + transition: compact(all 0s ease, false, false, false, false, false, false, false, false, false); +} +.touch .adjust-font-size .subnav, +.touch .winkwink-nudgenudge .subnav, +.touch .account-signin .subnav { + top: 120%; + display: none; + opacity: 0; + -webkit-transition: compact(compact(opacity 0.25s ease-in-out, false, false, false, false, false, false, false, false, false) false false); + -moz-transition: compact(compact(opacity 0.25s ease-in-out, false, false, false, false, false, false, false, false, false) false false false); + -o-transition: compact(compact(opacity 0.25s ease-in-out, false, false, false, false, false, false, false, false, false) false false false); + transition: compact(opacity 0.25s ease-in-out, false, false, false, false, false, false, false, false, false); + -webkit-box-shadow: compact(0 0.25em 0.75em rgba(0, 0, 0, 0.6), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(0 0.25em 0.75em rgba(0, 0, 0, 0.6), false, false, false, false, false, false, false, false, false); + box-shadow: compact(0 0.25em 0.75em rgba(0, 0, 0, 0.6), false, false, false, false, false, false, false, false, false); +} +.touch .adjust-font-size .subnav:before, +.touch .winkwink-nudgenudge .subnav:before, +.touch .account-signin .subnav:before { + position: absolute; + content: ""; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 0.75em; + top: -1.45em; + display: block; +} +.no-touch .adjust-font-size .element-1:hover .subnav, .no-touch .adjust-font-size .element-1:focus .subnav, .no-touch .adjust-font-size .element-2:hover .subnav, .no-touch .adjust-font-size .element-2:focus .subnav, .no-touch .adjust-font-size .element-3:hover .subnav, .no-touch .adjust-font-size .element-3:focus .subnav, .no-touch .adjust-font-size .element-4:hover .subnav, .no-touch .adjust-font-size .element-4:focus .subnav, +.no-touch .winkwink-nudgenudge .element-1:hover .subnav, +.no-touch .winkwink-nudgenudge .element-1:focus .subnav, +.no-touch .winkwink-nudgenudge .element-2:hover .subnav, +.no-touch .winkwink-nudgenudge .element-2:focus .subnav, +.no-touch .winkwink-nudgenudge .element-3:hover .subnav, +.no-touch .winkwink-nudgenudge .element-3:focus .subnav, +.no-touch .winkwink-nudgenudge .element-4:hover .subnav, +.no-touch .winkwink-nudgenudge .element-4:focus .subnav, +.no-touch .account-signin .element-1:hover .subnav, +.no-touch .account-signin .element-1:focus .subnav, +.no-touch .account-signin .element-2:hover .subnav, +.no-touch .account-signin .element-2:focus .subnav, +.no-touch .account-signin .element-3:hover .subnav, +.no-touch .account-signin .element-3:focus .subnav, +.no-touch .account-signin .element-4:hover .subnav, +.no-touch .account-signin .element-4:focus .subnav { + left: 0; + display: initial; + -webkit-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + -moz-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + -o-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); +} +.no-touch .adjust-font-size .element-5:hover .subnav, .no-touch .adjust-font-size .element-5:focus .subnav, .no-touch .adjust-font-size .element-6:hover .subnav, .no-touch .adjust-font-size .element-6:focus .subnav, .no-touch .adjust-font-size .element-7:hover .subnav, .no-touch .adjust-font-size .element-7:focus .subnav, .no-touch .adjust-font-size .element-8:hover .subnav, .no-touch .adjust-font-size .element-8:focus .subnav, .no-touch .adjust-font-size .last:hover .subnav, .no-touch .adjust-font-size .last:focus .subnav, +.no-touch .winkwink-nudgenudge .element-5:hover .subnav, +.no-touch .winkwink-nudgenudge .element-5:focus .subnav, +.no-touch .winkwink-nudgenudge .element-6:hover .subnav, +.no-touch .winkwink-nudgenudge .element-6:focus .subnav, +.no-touch .winkwink-nudgenudge .element-7:hover .subnav, +.no-touch .winkwink-nudgenudge .element-7:focus .subnav, +.no-touch .winkwink-nudgenudge .element-8:hover .subnav, +.no-touch .winkwink-nudgenudge .element-8:focus .subnav, +.no-touch .winkwink-nudgenudge .last:hover .subnav, +.no-touch .winkwink-nudgenudge .last:focus .subnav, +.no-touch .account-signin .element-5:hover .subnav, +.no-touch .account-signin .element-5:focus .subnav, +.no-touch .account-signin .element-6:hover .subnav, +.no-touch .account-signin .element-6:focus .subnav, +.no-touch .account-signin .element-7:hover .subnav, +.no-touch .account-signin .element-7:focus .subnav, +.no-touch .account-signin .element-8:hover .subnav, +.no-touch .account-signin .element-8:focus .subnav, +.no-touch .account-signin .last:hover .subnav, +.no-touch .account-signin .last:focus .subnav { + right: 0; + display: initial; + -webkit-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + -moz-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + -o-transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); + transition-delay: compact(0.25s, false, false, false, false, false, false, false, false, false); +} +.touch .adjust-font-size .element-1, .touch .adjust-font-size .element-2, .touch .adjust-font-size .element-3, .touch .adjust-font-size .element-4, +.touch .winkwink-nudgenudge .element-1, +.touch .winkwink-nudgenudge .element-2, +.touch .winkwink-nudgenudge .element-3, +.touch .winkwink-nudgenudge .element-4, +.touch .account-signin .element-1, +.touch .account-signin .element-2, +.touch .account-signin .element-3, +.touch .account-signin .element-4 { + /* Position the pointer element */ +} +.touch .adjust-font-size .element-1:hover .subnav, .touch .adjust-font-size .element-1 .subnav.touched, .touch .adjust-font-size .element-2:hover .subnav, .touch .adjust-font-size .element-2 .subnav.touched, .touch .adjust-font-size .element-3:hover .subnav, .touch .adjust-font-size .element-3 .subnav.touched, .touch .adjust-font-size .element-4:hover .subnav, .touch .adjust-font-size .element-4 .subnav.touched, +.touch .winkwink-nudgenudge .element-1:hover .subnav, +.touch .winkwink-nudgenudge .element-1 .subnav.touched, +.touch .winkwink-nudgenudge .element-2:hover .subnav, +.touch .winkwink-nudgenudge .element-2 .subnav.touched, +.touch .winkwink-nudgenudge .element-3:hover .subnav, +.touch .winkwink-nudgenudge .element-3 .subnav.touched, +.touch .winkwink-nudgenudge .element-4:hover .subnav, +.touch .winkwink-nudgenudge .element-4 .subnav.touched, +.touch .account-signin .element-1:hover .subnav, +.touch .account-signin .element-1 .subnav.touched, +.touch .account-signin .element-2:hover .subnav, +.touch .account-signin .element-2 .subnav.touched, +.touch .account-signin .element-3:hover .subnav, +.touch .account-signin .element-3 .subnav.touched, +.touch .account-signin .element-4:hover .subnav, +.touch .account-signin .element-4 .subnav.touched { + display: block; + opacity: 1; + left: 0; +} +.touch .adjust-font-size .element-1 .subnav:before, .touch .adjust-font-size .element-2 .subnav:before, .touch .adjust-font-size .element-3 .subnav:before, .touch .adjust-font-size .element-4 .subnav:before, +.touch .winkwink-nudgenudge .element-1 .subnav:before, +.touch .winkwink-nudgenudge .element-2 .subnav:before, +.touch .winkwink-nudgenudge .element-3 .subnav:before, +.touch .winkwink-nudgenudge .element-4 .subnav:before, +.touch .account-signin .element-1 .subnav:before, +.touch .account-signin .element-2 .subnav:before, +.touch .account-signin .element-3 .subnav:before, +.touch .account-signin .element-4 .subnav:before { + left: 1.5em; +} +.touch .adjust-font-size .element-5, .touch .adjust-font-size .element-6, .touch .adjust-font-size .element-7, .touch .adjust-font-size .element-8, .touch .adjust-font-size .last, +.touch .winkwink-nudgenudge .element-5, +.touch .winkwink-nudgenudge .element-6, +.touch .winkwink-nudgenudge .element-7, +.touch .winkwink-nudgenudge .element-8, +.touch .winkwink-nudgenudge .last, +.touch .account-signin .element-5, +.touch .account-signin .element-6, +.touch .account-signin .element-7, +.touch .account-signin .element-8, +.touch .account-signin .last { + /* Position the pointer element */ +} +.touch .adjust-font-size .element-5:hover .subnav, .touch .adjust-font-size .element-5 .subnav.touched, .touch .adjust-font-size .element-6:hover .subnav, .touch .adjust-font-size .element-6 .subnav.touched, .touch .adjust-font-size .element-7:hover .subnav, .touch .adjust-font-size .element-7 .subnav.touched, .touch .adjust-font-size .element-8:hover .subnav, .touch .adjust-font-size .element-8 .subnav.touched, .touch .adjust-font-size .last:hover .subnav, .touch .adjust-font-size .last .subnav.touched, +.touch .winkwink-nudgenudge .element-5:hover .subnav, +.touch .winkwink-nudgenudge .element-5 .subnav.touched, +.touch .winkwink-nudgenudge .element-6:hover .subnav, +.touch .winkwink-nudgenudge .element-6 .subnav.touched, +.touch .winkwink-nudgenudge .element-7:hover .subnav, +.touch .winkwink-nudgenudge .element-7 .subnav.touched, +.touch .winkwink-nudgenudge .element-8:hover .subnav, +.touch .winkwink-nudgenudge .element-8 .subnav.touched, +.touch .winkwink-nudgenudge .last:hover .subnav, +.touch .winkwink-nudgenudge .last .subnav.touched, +.touch .account-signin .element-5:hover .subnav, +.touch .account-signin .element-5 .subnav.touched, +.touch .account-signin .element-6:hover .subnav, +.touch .account-signin .element-6 .subnav.touched, +.touch .account-signin .element-7:hover .subnav, +.touch .account-signin .element-7 .subnav.touched, +.touch .account-signin .element-8:hover .subnav, +.touch .account-signin .element-8 .subnav.touched, +.touch .account-signin .last:hover .subnav, +.touch .account-signin .last .subnav.touched { + display: block; + opacity: 1; + right: 0; +} +.touch .adjust-font-size .element-5 .subnav:before, .touch .adjust-font-size .element-6 .subnav:before, .touch .adjust-font-size .element-7 .subnav:before, .touch .adjust-font-size .element-8 .subnav:before, .touch .adjust-font-size .last .subnav:before, +.touch .winkwink-nudgenudge .element-5 .subnav:before, +.touch .winkwink-nudgenudge .element-6 .subnav:before, +.touch .winkwink-nudgenudge .element-7 .subnav:before, +.touch .winkwink-nudgenudge .element-8 .subnav:before, +.touch .winkwink-nudgenudge .last .subnav:before, +.touch .account-signin .element-5 .subnav:before, +.touch .account-signin .element-6 .subnav:before, +.touch .account-signin .element-7 .subnav:before, +.touch .account-signin .element-8 .subnav:before, +.touch .account-signin .last .subnav:before { + left: auto; + right: 1.5em; +} +.adjust-font-size .tier-2, +.winkwink-nudgenudge .tier-2, +.account-signin .tier-2 { + display: block; + min-width: 100%; +} +.adjust-font-size .tier-2 a, +.winkwink-nudgenudge .tier-2 a, +.account-signin .tier-2 a { + white-space: nowrap; +} +.adjust-font-size a, +.winkwink-nudgenudge a, +.account-signin a { + color: #bbb; + background-color: transparent; +} +.adjust-font-size .tier-1, +.winkwink-nudgenudge .tier-1, +.account-signin .tier-1 { + float: none; +} +.adjust-font-size .tier-1:hover > a, +.winkwink-nudgenudge .tier-1:hover > a, +.account-signin .tier-1:hover > a { + color: #555; + background-color: #caccce; +} +.adjust-font-size .subnav, +.winkwink-nudgenudge .subnav, +.account-signin .subnav { + background-color: #caccce; + /*modernizr*/ +} +.adjust-font-size .subnav a, +.winkwink-nudgenudge .subnav a, +.account-signin .subnav a { + color: #555; +} +.adjust-font-size .subnav a:hover, .adjust-font-size .subnav a:focus, +.winkwink-nudgenudge .subnav a:hover, +.winkwink-nudgenudge .subnav a:focus, +.account-signin .subnav a:hover, +.account-signin .subnav a:focus { + color: #e6e8ea; + background-color: #999; +} +.touch .adjust-font-size .subnav a .tier-2, +.touch .winkwink-nudgenudge .subnav a .tier-2, +.touch .account-signin .subnav a .tier-2 { + padding-top: 0.75em; + padding-bottom: 0.6em; +} +.adjust-font-size .subnav .text-reset, +.winkwink-nudgenudge .subnav .text-reset, +.account-signin .subnav .text-reset { + color: #888; +} +.touch .adjust-font-size .subnav, +.touch .winkwink-nudgenudge .subnav, +.touch .account-signin .subnav { + top: 135%; + border: 3px solid #666; +} +.touch .adjust-font-size .subnav:before, +.touch .winkwink-nudgenudge .subnav:before, +.touch .account-signin .subnav:before { + top: -1.6em; + border-color: transparent transparent #666 transparent; +} +.adjust-font-size :hover .subnav, +.winkwink-nudgenudge :hover .subnav, +.account-signin :hover .subnav { + display: block; +} .account-signin { - display: none; } + display: none; +} .account-signin-authenticated { - display: inline-block; } + display: inline-block; +} .psf .account-signin, .jobs .account-signin { - display: inline-block; } + display: inline-block; +} #site-map-link, .adjust-font-size .tier-1 > a, .winkwink-nudgenudge .tier-1 > a, .account-signin .tier-1 > a { - padding: 1em 1em .875em; } + padding: 1em 1em 0.875em; +} /* ! ===== Main navigation – In _layout.scss and _mixins.scss, as we don't display it here ===== */ .main-navigation { display: none; - margin-bottom: 1px; } + margin-bottom: 1px; +} /* ! ===== Header banner, present on most landing pages ===== */ .header-banner { clear: both; margin: 0 1em; - position: relative; } - .header-banner img { - display: block; - margin: 0 auto; } - .header-banner p { - color: #e6e8ea; } - .header-banner a:not(.button), .header-banner a:not(.readmore) { - color: #ffd343; } - .header-banner a:not(.button):hover, .header-banner a:not(.button):focus, .header-banner a:not(.readmore):hover, .header-banner a:not(.readmore):focus { - color: #fff; } - + position: relative; +} +.header-banner img { + display: block; + margin: 0 auto; +} +.header-banner p { + color: #e6e8ea; +} +.header-banner a:not(.button), .header-banner a:not(.readmore) { + color: #ffd343; +} +.header-banner a:not(.button):hover, .header-banner a:not(.button):focus, .header-banner a:not(.readmore):hover, .header-banner a:not(.readmore):focus { + color: #fff; +} /* Interactive Shell and default Slideshow */ .home .slideshow { margin: 0 auto; max-width: 61.25em; background: #1e2933; - -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.6); - -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.6); - box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.6); } + -webkit-box-shadow: compact(inset 0 0 30px rgba(0, 0, 0, 0.6), false, false, false, false, false, false, false, false, false); + -moz-box-shadow: compact(inset 0 0 30px rgba(0, 0, 0, 0.6), false, false, false, false, false, false, false, false, false); + box-shadow: compact(inset 0 0 30px rgba(0, 0, 0, 0.6), false, false, false, false, false, false, false, false, false); +} .slide-code, .slide-copy { - text-align: left; } + text-align: left; +} .slide-code { overflow: auto; - padding: 1.25em 1.5em; } - .slide-code code { - display: inline-block; - color: #11a611; } - .slide-code code .comment { - color: #666; } - .slide-code code .output { - color: #ddd; } + padding: 1.25em 1.5em; +} +.slide-code code { + display: inline-block; + color: #11a611; +} +.slide-code code .comment { + color: #666; +} +.slide-code code .output { + color: #ddd; +} .js .launch-shell, .no-js .launch-shell { - display: none; } + display: none; +} .slide-copy { background: #1c3b56; - padding: 1.25em 2.5em; } - .slide-copy h1 { - color: #ffd343; - font-size: 1.3125em; - font-family: SourceSansProBold, Arial, sans-serif; } + padding: 1.25em 2.5em; +} +.slide-copy h1 { + color: #ffd343; + font-size: 1.3125em; + font-family: SourceSansProBold, Arial, sans-serif; +} /* Avoid IDs if you can. In this case, these styles are intended to be very specific */ #dive-into-python .flex-control-paging { @@ -1660,17 +1890,21 @@ input#s, padding: 0 0 1em; margin-left: 0; width: 50%; - max-width: 30.75em; } - #dive-into-python .flex-control-paging a { - filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); - opacity: 0.7; } - #dive-into-python .flex-control-paging a:hover, #dive-into-python .flex-control-paging a:focus { - filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); - opacity: 1; } - #dive-into-python .flex-control-paging .flex-active { - color: #ffd343 !important; - filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); - opacity: 1; } + max-width: 30.75em; +} +#dive-into-python .flex-control-paging a { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); + opacity: 0.7; +} +#dive-into-python .flex-control-paging a:hover, #dive-into-python .flex-control-paging a:focus { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; +} +#dive-into-python .flex-control-paging .flex-active { + color: #ffd343 !important; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; +} .introduction { color: #caccce; @@ -1678,17 +1912,22 @@ input#s, text-align: left; padding: 0.25em 0.5em; margin-top: 0.875em; - margin-bottom: 0.875em; } - .introduction p { - line-height: 1.4em; - margin-bottom: 0; } - .introduction a, .introduction a:link, .introduction a:visited { - color: #ffd343; - text-decoration: underline; } - .introduction a:hover, .introduction a:focus, .introduction a:link:hover, .introduction a:link:focus, .introduction a:visited:hover, .introduction a:visited:focus { - color: #fff; } - .introduction .breaker { - display: none; } + margin-bottom: 0.875em; +} +.introduction p { + line-height: 1.4em; + margin-bottom: 0; +} +.introduction a, .introduction a:link, .introduction a:visited { + color: #ffd343; + text-decoration: underline; +} +.introduction a:hover, .introduction a:focus, .introduction a:link:hover, .introduction a:link:focus, .introduction a:visited:hover, .introduction a:visited:focus { + color: #fff; +} +.introduction .breaker { + display: none; +} .about-banner, .download-for-current-os, @@ -1696,7 +1935,8 @@ input#s, .latest-blog-post, .featured-event, .jobs-intro { - text-align: left; } + text-align: left; +} /*h1*/ .call-to-action { @@ -1704,60 +1944,74 @@ input#s, font-size: 1.125em; line-height: 1.25em; margin-top: 0.4375em; - margin-bottom: 0.4375em; } - .call-to-action a { - color: #ffd343; - border-bottom: 2px dotted #3776ab; - line-height: 1.35em; } - .call-to-action a:hover, .call-to-action a:focus { - color: #e6e8ea; } + margin-bottom: 0.4375em; +} +.call-to-action a { + color: #ffd343; + border-bottom: 2px dotted #3776ab; + line-height: 1.35em; +} +.call-to-action a:hover, .call-to-action a:focus { + color: #e6e8ea; +} .content-wrapper { padding: 0; background-color: #f9f9f9; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFCFCFC', endColorstr='#FFF9F9F9'); - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #fcfcfc), color-stop(90%, #f9f9f9)); - background-image: -moz-linear-gradient(#fcfcfc 10%, #f9f9f9 90%); - background-image: -webkit-linear-gradient(#fcfcfc 10%, #f9f9f9 90%); - background-image: linear-gradient(#fcfcfc 10%, #f9f9f9 90%); } - .content-wrapper .container { - padding: 0.25em; } + filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFCFCFC", endColorstr="#FFF9F9F9"); + background-image: -owg(compact(linear-gradient(#fcfcfc 10%, #f9f9f9 90%), false, false, false, false, false, false, false, false, false)); + background-image: -webkit(compact(linear-gradient(#fcfcfc 10%, #f9f9f9 90%), false, false, false, false, false, false, false, false, false)); + background-image: -moz(compact(linear-gradient(#fcfcfc 10%, #f9f9f9 90%), false, false, false, false, false, false, false, false, false)); + background-image: -o(compact(linear-gradient(#fcfcfc 10%, #f9f9f9 90%), false, false, false, false, false, false, false, false, false)); + background-image: compact(linear-gradient(#fcfcfc 10%, #f9f9f9 90%), false, false, false, false, false, false, false, false, false); +} +.content-wrapper .container { + padding: 0.25em; +} /* ! ===== Main Content ===== */ .main-content { - padding-bottom: 1.75em; } - .main-content > article { - margin-top: 1.3125em; - padding-bottom: 1.75em; } + padding-bottom: 1.75em; +} +.main-content > article { + margin-top: 1.3125em; + padding-bottom: 1.75em; +} .page-title { color: #666; - word-spacing: .15em; - font-size: 2em; } - .fontface .page-title { - font-size: 2.3em; } - .fontface .page-title span:before { - font-size: .875em; } + word-spacing: 0.15em; + font-size: 2em; +} +.fontface .page-title { + font-size: 2.3em; +} +.fontface .page-title span:before { + font-size: 0.875em; +} .event-form .page-title { - margin-top: 0 !important; } + margin-top: 0 !important; +} /* For when we dont need to extra size buyt do want the margin */ .default-title { - word-spacing: .15em; } + word-spacing: 0.15em; +} .text { - font-size: 1em; } - .text .giga, - .text .mega, - .text .kilo { - color: #3776ab; } + font-size: 1em; +} +.text .giga, +.text .mega, +.text .kilo { + color: #3776ab; +} .sidebar-widget { - padding-bottom: 1.3125em; } + padding-bottom: 1.3125em; +} /* Want to test/debug vertical rhythm? * http://compass-style.org/reference/compass/layout/grid_background/ @@ -1773,234 +2027,235 @@ input#s, /* blockquotes should contain

    tags, so remove it from this list when you fix blockquote markup sitewide */ /* Hyphenate specific container elements */ /* This is a mess and dumb. Figure out a better way */ - /* I've seen lots of cases where 

     does not have a  inside of it, so we plan for both cases. */ }
-  .text h1,
-  .sidebar-widget h1 {
-    margin-top: 1em;
-    margin-bottom: .25em; }
-  .text .default-title, .text .page-title,
-  .sidebar-widget .default-title,
-  .sidebar-widget .page-title {
-    margin-top: 1.3125em;
-    margin-bottom: 0.875em; }
-  .text p, .text pre, .text ul, .text ol, .text dl, .text blockquote, .text address, .text form, .text table, .text figure,
-  .sidebar-widget p,
-  .sidebar-widget pre,
-  .sidebar-widget ul,
-  .sidebar-widget ol,
-  .sidebar-widget dl,
-  .sidebar-widget blockquote,
-  .sidebar-widget address,
-  .sidebar-widget form,
-  .sidebar-widget table,
-  .sidebar-widget figure {
-    margin-bottom: 1.3125em;
-    line-height: 1.875; }
-  .text p, .text dd, .text blockquote, .text address,
-  .sidebar-widget p,
-  .sidebar-widget dd,
-  .sidebar-widget blockquote,
-  .sidebar-widget address {
-    /*  -ms-word-break: break-all; AWFUL! Surprise... breaks words arbitrarily, not according to hyphenation tables. IE6-8 */
-    /*   word-break: break-all; Used when we need to break long strings (URLs) in small containers. Use with care. */
-    /*   word-break: break-word; Non standard for older webkit. Hyphenation tables aren't great, so don't use. */
-    -webkit-hyphens: auto;
-    -moz-hyphens: auto;
-    -ms-hyphens: auto;
-    -o-hyphens: auto;
-    hyphens: auto;
-    /* Don't hypenate certain elements... its bad form */ }
-    .text p tt, .text p var, .text p code, .text p kbd, .text p abbr, .text p acronym, .text dd tt, .text dd var, .text dd code, .text dd kbd, .text dd abbr, .text dd acronym, .text blockquote tt, .text blockquote var, .text blockquote code, .text blockquote kbd, .text blockquote abbr, .text blockquote acronym, .text address tt, .text address var, .text address code, .text address kbd, .text address abbr, .text address acronym,
-    .sidebar-widget p tt,
-    .sidebar-widget p var,
-    .sidebar-widget p code,
-    .sidebar-widget p kbd,
-    .sidebar-widget p abbr,
-    .sidebar-widget p acronym,
-    .sidebar-widget dd tt,
-    .sidebar-widget dd var,
-    .sidebar-widget dd code,
-    .sidebar-widget dd kbd,
-    .sidebar-widget dd abbr,
-    .sidebar-widget dd acronym,
-    .sidebar-widget blockquote tt,
-    .sidebar-widget blockquote var,
-    .sidebar-widget blockquote code,
-    .sidebar-widget blockquote kbd,
-    .sidebar-widget blockquote abbr,
-    .sidebar-widget blockquote acronym,
-    .sidebar-widget address tt,
-    .sidebar-widget address var,
-    .sidebar-widget address code,
-    .sidebar-widget address kbd,
-    .sidebar-widget address abbr,
-    .sidebar-widget address acronym {
-      -webkit-hyphens: none;
-      -moz-hyphens: none;
-      -ms-hyphens: none;
-      -o-hyphens: none;
-      hyphens: none; }
-  .text li > ul,
-  .text li > ol,
-  .sidebar-widget li > ul,
-  .sidebar-widget li > ol {
-    margin-bottom: 0; }
-  .text li,
-  .sidebar-widget li {
-    line-height: 1.65em;
-    margin: 0.2625em 0; }
-  .text blockquote,
-  .sidebar-widget blockquote {
-    padding-left: 3em;
-    padding-right: 1em; }
-  .text form,
-  .sidebar-widget form {
-    line-height: 1.625em;
-    margin-bottom: 1.3125em;
-    /* Remove bullets from ULs in forms when containing radios or checkboxes */ }
-    .text form button, .text form input[type=submit],
-    .sidebar-widget form button,
-    .sidebar-widget form input[type=submit] {
-      font-size: 1.125em;
-      padding: .4em 1em .35em; }
-  .text a:not(.button),
-  .sidebar-widget a:not(.button) {
-    display: inline;
-    /* Decided not to use this, the style was too obtrusive
-    &.external:before, &[rel='external']:before {
-        content: '\21f1'; // An external link unicode icon, looks like a box with arrow pointing up to left from bottom right.
-        display: inline-block;
-        font-weight: bold;
-        color: $grey-light;
-        margin-right: .5em;
-    } */ }
-  .text nav a, .text .menu a, .text form ul a, form .text ul a, .text .errorlist a, .text form label + ul a,
-  .text .sidebar-widget form label + ul a,
-  .sidebar-widget form .text label + ul a, .text input[type=submit], .text input[type=reset], .text input[type=button], .text button, .text .prompt, .text .readmore:before, .text .give-me-more a:before, .give-me-more .text a:before,
-  .text nav a:hover, .text .menu a:hover, .text form ul a:hover, form .text ul a:hover, .text .errorlist a:hover, .text form label + ul a:hover,
-  .text .sidebar-widget form label + ul a:hover,
-  .sidebar-widget form .text label + ul a:hover, .text input[type=submit]:hover, .text input[type=reset]:hover, .text input[type=button]:hover, .text .prompt:hover, .text .readmore:hover:before, .text .give-me-more a:hover:before, .give-me-more .text a:hover:before,
-  .text nav a:focus, .text .menu a:focus, .text form ul a:focus, form .text ul a:focus, .text .errorlist a:focus, .text form label + ul a:focus,
-  .text .sidebar-widget form label + ul a:focus,
-  .sidebar-widget form .text label + ul a:focus, .text input[type=submit]:focus, .text input[type=reset]:focus, .text input[type=button]:focus, .text .prompt:focus, .text .readmore:focus:before, .text .give-me-more a:focus:before, .give-me-more .text a:focus:before,
-  .sidebar-widget nav a,
-  .sidebar-widget .menu a,
-  .sidebar-widget form ul a,
-  form .sidebar-widget ul a,
-  .sidebar-widget .errorlist a,
-  .sidebar-widget .text form label + ul a,
-  .text form .sidebar-widget label + ul a,
-  .sidebar-widget form label + ul a,
-  .sidebar-widget input[type=submit],
-  .sidebar-widget input[type=reset],
-  .sidebar-widget input[type=button],
-  .sidebar-widget button,
-  .sidebar-widget .prompt,
-  .sidebar-widget .readmore:before,
-  .sidebar-widget .give-me-more a:before,
-  .give-me-more .sidebar-widget a:before,
-  .sidebar-widget nav a:hover,
-  .sidebar-widget .menu a:hover,
-  .sidebar-widget form ul a:hover,
-  form .sidebar-widget ul a:hover,
-  .sidebar-widget .errorlist a:hover,
-  .sidebar-widget .text form label + ul a:hover,
-  .text form .sidebar-widget label + ul a:hover,
-  .sidebar-widget form label + ul a:hover,
-  .sidebar-widget input[type=submit]:hover,
-  .sidebar-widget input[type=reset]:hover,
-  .sidebar-widget input[type=button]:hover,
-  .sidebar-widget .prompt:hover,
-  .sidebar-widget .readmore:hover:before,
-  .sidebar-widget .give-me-more a:hover:before,
-  .give-me-more .sidebar-widget a:hover:before,
-  .sidebar-widget nav a:focus,
-  .sidebar-widget .menu a:focus,
-  .sidebar-widget form ul a:focus,
-  form .sidebar-widget ul a:focus,
-  .sidebar-widget .errorlist a:focus,
-  .sidebar-widget .text form label + ul a:focus,
-  .text form .sidebar-widget label + ul a:focus,
-  .sidebar-widget form label + ul a:focus,
-  .sidebar-widget input[type=submit]:focus,
-  .sidebar-widget input[type=reset]:focus,
-  .sidebar-widget input[type=button]:focus,
-  .sidebar-widget .prompt:focus,
-  .sidebar-widget .readmore:focus:before,
-  .sidebar-widget .give-me-more a:focus:before,
-  .give-me-more .sidebar-widget a:focus:before {
-    border-bottom: 0; }
-  .text figcaption,
-  .sidebar-widget figcaption {
-    font-style: italic;
-    font-size: 0.875em; }
-  .text abbr[title],
-  .text dfn[title],
-  .sidebar-widget abbr[title],
-  .sidebar-widget dfn[title] {
-    border-bottom: 1px dotted #3776ab; }
-  .text abbr[title],
-  .sidebar-widget abbr[title] {
-    font-size: .875em;
-    text-transform: uppercase;
-    letter-spacing: 0.125em; }
-  .text var,
-  .sidebar-widget var {
-    color: #222;
-    font-size: 104%;
-    font-weight: 700; }
-  .text code, .text kbd, .text samp,
-  .sidebar-widget code,
-  .sidebar-widget kbd,
-  .sidebar-widget samp {
-    display: inline-block; }
-  .text code, .text samp,
-  .sidebar-widget code,
-  .sidebar-widget samp {
-    border: 0; }
-  .text samp,
-  .sidebar-widget samp {
-    border-bottom: 1px solid #caccce;
-    background-color: #e6e8ea;
-    padding: .125em .375em 0;
-    margin: 0 .25em; }
-  .text code, .text kbd,
-  .sidebar-widget code,
-  .sidebar-widget kbd {
-    padding: .125em .375em 0;
-    margin: 0 -.0625em;
-    background: #e6e8ea;
-    background: rgba(230, 232, 234, 0.5);
-    -moz-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1) inset;
-    -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1) inset;
-    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1) inset;
-    -moz-border-radius: 6px;
-    -webkit-border-radius: 6px;
-    border-radius: 6px; }
-  .text pre,
-  .sidebar-widget pre {
-    padding: .5em;
-    border-left: 5px solid #11a611;
-    background: #e6e8ea;
-    -moz-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1) inset;
-    -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1) inset;
-    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1) inset; }
-  .text pre code,
-  .sidebar-widget pre code {
-    display: block;
-    padding: 0;
-    margin: 0;
-    -moz-box-shadow: 0;
-    -webkit-box-shadow: 0;
-    box-shadow: 0;
-    -moz-border-radius: 0;
-    -webkit-border-radius: 0;
-    border-radius: 0; }
-  .text s, .text strike, .text del,
-  .sidebar-widget s,
-  .sidebar-widget strike,
-  .sidebar-widget del {
-    color: #999; }
+  /* I've seen lots of cases where 
     does not have a  inside of it, so we plan for both cases. */
+}
+.text h1,
+.sidebar-widget h1 {
+  margin-top: 1em;
+  margin-bottom: 0.25em;
+}
+.text .default-title, .text .page-title,
+.sidebar-widget .default-title,
+.sidebar-widget .page-title {
+  margin-top: 1.3125em;
+  margin-bottom: 0.875em;
+}
+.text p, .text pre, .text ul, .text ol, .text dl, .text blockquote, .text address, .text form, .text table, .text figure,
+.sidebar-widget p,
+.sidebar-widget pre,
+.sidebar-widget ul,
+.sidebar-widget ol,
+.sidebar-widget dl,
+.sidebar-widget blockquote,
+.sidebar-widget address,
+.sidebar-widget form,
+.sidebar-widget table,
+.sidebar-widget figure {
+  margin-bottom: 1.3125em;
+  line-height: 1.875;
+}
+.text p, .text dd, .text blockquote, .text address,
+.sidebar-widget p,
+.sidebar-widget dd,
+.sidebar-widget blockquote,
+.sidebar-widget address {
+  /*  -ms-word-break: break-all; AWFUL! Surprise... breaks words arbitrarily, not according to hyphenation tables. IE6-8 */
+  /*   word-break: break-all; Used when we need to break long strings (URLs) in small containers. Use with care. */
+  /*   word-break: break-word; Non standard for older webkit. Hyphenation tables aren't great, so don't use. */
+  -webkit-hyphens: auto;
+  -moz-hyphens: auto;
+  -ms-hyphens: auto;
+  -o-hyphens: auto;
+  hyphens: auto;
+  /* Don't hypenate certain elements... its bad form */
+}
+.text p tt, .text p var, .text p code, .text p kbd, .text p abbr, .text p acronym, .text dd tt, .text dd var, .text dd code, .text dd kbd, .text dd abbr, .text dd acronym, .text blockquote tt, .text blockquote var, .text blockquote code, .text blockquote kbd, .text blockquote abbr, .text blockquote acronym, .text address tt, .text address var, .text address code, .text address kbd, .text address abbr, .text address acronym,
+.sidebar-widget p tt,
+.sidebar-widget p var,
+.sidebar-widget p code,
+.sidebar-widget p kbd,
+.sidebar-widget p abbr,
+.sidebar-widget p acronym,
+.sidebar-widget dd tt,
+.sidebar-widget dd var,
+.sidebar-widget dd code,
+.sidebar-widget dd kbd,
+.sidebar-widget dd abbr,
+.sidebar-widget dd acronym,
+.sidebar-widget blockquote tt,
+.sidebar-widget blockquote var,
+.sidebar-widget blockquote code,
+.sidebar-widget blockquote kbd,
+.sidebar-widget blockquote abbr,
+.sidebar-widget blockquote acronym,
+.sidebar-widget address tt,
+.sidebar-widget address var,
+.sidebar-widget address code,
+.sidebar-widget address kbd,
+.sidebar-widget address abbr,
+.sidebar-widget address acronym {
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  -o-hyphens: none;
+  hyphens: none;
+}
+.text li > ul,
+.text li > ol,
+.sidebar-widget li > ul,
+.sidebar-widget li > ol {
+  margin-bottom: 0;
+}
+.text li,
+.sidebar-widget li {
+  line-height: 1.65em;
+  margin: 0.2625em 0;
+}
+.text blockquote,
+.sidebar-widget blockquote {
+  padding-left: 3em;
+  padding-right: 1em;
+}
+.text form,
+.sidebar-widget form {
+  line-height: 1.625em;
+  margin-bottom: 1.3125em;
+  /* Remove bullets from ULs in forms when containing radios or checkboxes */
+}
+.text form button, .text form input[type=submit],
+.sidebar-widget form button,
+.sidebar-widget form input[type=submit] {
+  font-size: 1.125em;
+  padding: 0.4em 1em 0.35em;
+}
+.text a:not(.button),
+.sidebar-widget a:not(.button) {
+  display: inline;
+  /* Decided not to use this, the style was too obtrusive
+  &.external:before, &[rel='external']:before {
+      content: '\21f1'; // An external link unicode icon, looks like a box with arrow pointing up to left from bottom right.
+      display: inline-block;
+      font-weight: bold;
+      color: $grey-light;
+      margin-right: .5em;
+  } */
+}
+.text nav a, .text .menu a, .text form ul a, form .text ul a, .text .errorlist a, .text input[type=submit], .text input[type=reset], .text input[type=button], .text button, .text .prompt, .text .readmore:before, .text .give-me-more a:before, .give-me-more .text a:before,
+.text nav a:hover, .text .menu a:hover, .text input[type=submit]:hover, .text input[type=reset]:hover, .text input[type=button]:hover, .text .prompt:hover,
+.text nav a:focus, .text .menu a:focus, .text input[type=submit]:focus, .text input[type=reset]:focus, .text input[type=button]:focus, .text .prompt:focus,
+.sidebar-widget nav a,
+.sidebar-widget .menu a,
+.sidebar-widget form ul a,
+form .sidebar-widget ul a,
+.sidebar-widget .errorlist a,
+.sidebar-widget input[type=submit],
+.sidebar-widget input[type=reset],
+.sidebar-widget input[type=button],
+.sidebar-widget button,
+.sidebar-widget .prompt,
+.sidebar-widget .readmore:before,
+.sidebar-widget .give-me-more a:before,
+.give-me-more .sidebar-widget a:before,
+.sidebar-widget nav a:hover,
+.sidebar-widget .menu a:hover,
+.sidebar-widget input[type=submit]:hover,
+.sidebar-widget input[type=reset]:hover,
+.sidebar-widget input[type=button]:hover,
+.sidebar-widget .prompt:hover,
+.sidebar-widget nav a:focus,
+.sidebar-widget .menu a:focus,
+.sidebar-widget input[type=submit]:focus,
+.sidebar-widget input[type=reset]:focus,
+.sidebar-widget input[type=button]:focus,
+.sidebar-widget .prompt:focus {
+  border-bottom: 0;
+}
+.text figcaption,
+.sidebar-widget figcaption {
+  font-style: italic;
+  font-size: 0.875em;
+}
+.text abbr[title],
+.text dfn[title],
+.sidebar-widget abbr[title],
+.sidebar-widget dfn[title] {
+  border-bottom: 1px dotted #3776ab;
+}
+.text abbr[title],
+.sidebar-widget abbr[title] {
+  font-size: 0.875em;
+  text-transform: uppercase;
+  letter-spacing: 0.125em;
+}
+.text var,
+.sidebar-widget var {
+  color: #222;
+  font-size: 104%;
+  font-weight: 700;
+}
+.text code, .text kbd, .text samp,
+.sidebar-widget code,
+.sidebar-widget kbd,
+.sidebar-widget samp {
+  display: inline-block;
+}
+.text code, .text samp,
+.sidebar-widget code,
+.sidebar-widget samp {
+  border: 0;
+}
+.text samp,
+.sidebar-widget samp {
+  border-bottom: 1px solid #caccce;
+  background-color: #e6e8ea;
+  padding: 0.125em 0.375em 0;
+  margin: 0 0.25em;
+}
+.text code, .text kbd,
+.sidebar-widget code,
+.sidebar-widget kbd {
+  padding: 0.125em 0.375em 0;
+  margin: 0 -0.0625em;
+  background: #e6e8ea;
+  background: rgba(230, 232, 234, 0.5);
+  -webkit-box-shadow: compact(0 0 0.5em rgba(0, 0, 0, 0.1) inset, false, false, false, false, false, false, false, false, false);
+  -moz-box-shadow: compact(0 0 0.5em rgba(0, 0, 0, 0.1) inset, false, false, false, false, false, false, false, false, false);
+  box-shadow: compact(0 0 0.5em rgba(0, 0, 0, 0.1) inset, false, false, false, false, false, false, false, false, false);
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  -ms-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+.text pre,
+.sidebar-widget pre {
+  padding: 0.5em;
+  border-left: 5px solid #11a611;
+  background: #e6e8ea;
+  -webkit-box-shadow: compact(0 0 0.5em rgba(0, 0, 0, 0.1) inset, false, false, false, false, false, false, false, false, false);
+  -moz-box-shadow: compact(0 0 0.5em rgba(0, 0, 0, 0.1) inset, false, false, false, false, false, false, false, false, false);
+  box-shadow: compact(0 0 0.5em rgba(0, 0, 0, 0.1) inset, false, false, false, false, false, false, false, false, false);
+}
+.text pre code,
+.sidebar-widget pre code {
+  display: block;
+  padding: 0;
+  margin: 0;
+  -webkit-box-shadow: compact(0, false, false, false, false, false, false, false, false, false);
+  -moz-box-shadow: compact(0, false, false, false, false, false, false, false, false, false);
+  box-shadow: compact(0, false, false, false, false, false, false, false, false, false);
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  -ms-border-radius: 0;
+  -o-border-radius: 0;
+  border-radius: 0;
+}
+.text s, .text strike, .text del,
+.sidebar-widget s,
+.sidebar-widget strike,
+.sidebar-widget del {
+  color: #999;
+}
 
 /* Prettier tables if authors use the correct elements */
 table caption {
@@ -2008,55 +2263,69 @@ table caption {
   color: #444;
   font-size: 1.125em;
   text-align: left;
-  margin-bottom: 1.75em; }
+  margin-bottom: 1.75em;
+}
 table thead, table tfoot {
-  border-bottom: 1px solid #ddd; }
+  border-bottom: 1px solid #ddd;
+}
 table tr {
-  background-color: #f6f6f6; }
-  table tr th {
-    background-color: #f0f0f0; }
+  background-color: #f6f6f6;
+}
+table tr th {
+  background-color: #f0f0f0;
+}
 table tr:nth-of-type(even), table tr.even {
-  background-color: #f0f0f0; }
+  background-color: #f0f0f0;
+}
 table th, table td {
-  padding: .25em .5em .2em;
-  border-left: 2px solid #fff; }
-  table th:first-child, table td:first-child {
-    border-left: none; }
+  padding: 0.25em 0.5em 0.2em;
+  border-left: 2px solid #fff;
+}
+table th:first-child, table td:first-child {
+  border-left: none;
+}
 table tfoot {
-  border-top: 1px solid #ddd; }
+  border-top: 1px solid #ddd;
+}
 
 .row-title {
   border-top: 5px solid #d4dbe1;
-  padding: 0.75em 1em 0.5em; }
+  padding: 0.75em 1em 0.5em;
+}
 
 /* ! ===== Widget Styles ===== */
-.small-widget, .download-list-widget, .active-release-list-widget, .most-recent-events, .triple-widget, .most-recent-posts,
+.small-widget, .most-recent-posts, .triple-widget, .most-recent-events, .active-release-list-widget, .download-list-widget,
 .medium-widget,
 .sidebar-widget {
   border-top: 5px solid #e6e8ea;
-  padding: 1.25em; }
-  .small-widget h4, .download-list-widget h4, .active-release-list-widget h4, .most-recent-events h4, .triple-widget h4, .most-recent-posts h4,
-  .medium-widget h4,
-  .sidebar-widget h4 {
-    border-top: 1px solid #e6e8ea;
-    margin-top: 1.75em;
-    padding-top: 0.5em; }
-  .small-widget p, .download-list-widget p, .active-release-list-widget p, .most-recent-events p, .triple-widget p, .most-recent-posts p,
-  .medium-widget p,
-  .sidebar-widget p, .small-widget ul, .download-list-widget ul, .active-release-list-widget ul, .most-recent-events ul, .triple-widget ul, .most-recent-posts ul,
-  .medium-widget ul,
-  .sidebar-widget ul {
-    margin-bottom: 0.875em; }
-    .small-widget p:last-child, .download-list-widget p:last-child, .active-release-list-widget p:last-child, .most-recent-events p:last-child, .triple-widget p:last-child, .most-recent-posts p:last-child,
-    .medium-widget p:last-child,
-    .sidebar-widget p:last-child, .small-widget ul:last-child, .download-list-widget ul:last-child, .active-release-list-widget ul:last-child, .most-recent-events ul:last-child, .triple-widget ul:last-child, .most-recent-posts ul:last-child,
-    .medium-widget ul:last-child,
-    .sidebar-widget ul:last-child {
-      margin-bottom: 0; }
-  .small-widget li > a, .download-list-widget li > a, .active-release-list-widget li > a, .most-recent-events li > a, .triple-widget li > a, .most-recent-posts li > a,
-  .medium-widget li > a,
-  .sidebar-widget li > a {
-    display: inline-block; }
+  padding: 1.25em;
+}
+.small-widget h4, .most-recent-posts h4, .triple-widget h4, .most-recent-events h4, .active-release-list-widget h4, .download-list-widget h4,
+.medium-widget h4,
+.sidebar-widget h4 {
+  border-top: 1px solid #e6e8ea;
+  margin-top: 1.75em;
+  padding-top: 0.5em;
+}
+.small-widget p, .most-recent-posts p, .triple-widget p, .most-recent-events p, .active-release-list-widget p, .download-list-widget p,
+.medium-widget p,
+.sidebar-widget p, .small-widget ul, .most-recent-posts ul, .triple-widget ul, .most-recent-events ul, .active-release-list-widget ul, .download-list-widget ul,
+.medium-widget ul,
+.sidebar-widget ul {
+  margin-bottom: 0.875em;
+}
+.small-widget p:last-child, .most-recent-posts p:last-child, .triple-widget p:last-child, .most-recent-events p:last-child, .active-release-list-widget p:last-child, .download-list-widget p:last-child,
+.medium-widget p:last-child,
+.sidebar-widget p:last-child, .small-widget ul:last-child, .most-recent-posts ul:last-child, .triple-widget ul:last-child, .most-recent-events ul:last-child, .active-release-list-widget ul:last-child, .download-list-widget ul:last-child,
+.medium-widget ul:last-child,
+.sidebar-widget ul:last-child {
+  margin-bottom: 0;
+}
+.small-widget li > a, .most-recent-posts li > a, .triple-widget li > a, .most-recent-events li > a, .active-release-list-widget li > a, .download-list-widget li > a,
+.medium-widget li > a,
+.sidebar-widget li > a {
+  display: inline-block;
+}
 
 .widget-title,
 .listing-company {
@@ -2064,92 +2333,113 @@ table tfoot {
   line-height: 1.25em;
   margin: 0 0 0.1em;
   font-family: Flux-Regular, SourceSansProRegular, Arial, sans-serif;
-  font-size: 1.3125em; }
-  .fontface .widget-title, .fontface
-  .listing-company {
-    font-size: 1.50938em; }
-    .fontface .widget-title span:before, .fontface
-    .listing-company span:before {
-      font-size: .875em; }
-  .widget-title .prompt, .widget-title .readmore:before, .widget-title .give-me-more a:before, .give-me-more .widget-title a:before,
-  .listing-company .prompt,
-  .listing-company .readmore:before,
-  .listing-company .give-me-more a:before,
-  .give-me-more .listing-company a:before {
-    display: none;
-    /* show this at first breakpoint */ }
-  .widget-title > span,
-  .listing-company > span {
-    margin-right: .25em; }
-  .widget-title > span:before,
-  .listing-company > span:before {
-    color: #999; }
+  font-size: 1.3125em;
+}
+.fontface .widget-title,
+.fontface .listing-company {
+  font-size: 1.509375em;
+}
+.fontface .widget-title span:before,
+.fontface .listing-company span:before {
+  font-size: 0.875em;
+}
+.widget-title .prompt, .widget-title .readmore:before, .widget-title .give-me-more a:before, .give-me-more .widget-title a:before,
+.listing-company .prompt,
+.listing-company .readmore:before,
+.listing-company .give-me-more a:before,
+.give-me-more .listing-company a:before {
+  display: none;
+  /* show this at first breakpoint */
+}
+.widget-title > span,
+.listing-company > span {
+  margin-right: 0.25em;
+}
+.widget-title > span:before,
+.listing-company > span:before {
+  color: #999;
+}
 
 /* ! ===== Section Specific Widget Colorways ===== */
-.python .small-widget, .python .download-list-widget, .python .active-release-list-widget, .python .most-recent-events, .python .triple-widget, .python .most-recent-posts, .python
-.medium-widget, .python
-.sidebar-widget {
-  border-top: 4px solid #75a8d3; }
-.psf-home .small-widget, .psf-home .download-list-widget, .psf-home .active-release-list-widget, .psf-home .most-recent-events, .psf-home .triple-widget, .psf-home .most-recent-posts, .psf-home
-.medium-widget, .psf-home
-.sidebar-widget {
-  border-top: 5px solid #caccce; }
-.docs .small-widget, .docs .download-list-widget, .docs .active-release-list-widget, .docs .most-recent-events, .docs .triple-widget, .docs .most-recent-posts, .docs
-.medium-widget, .docs
-.sidebar-widget {
-  border-top: 5px solid #ffd343; }
-.pypl .small-widget, .pypl .download-list-widget, .pypl .active-release-list-widget, .pypl .most-recent-events, .pypl .triple-widget, .pypl .most-recent-posts, .pypl
-.medium-widget, .pypl
-.sidebar-widget {
-  border-top: 5px solid #82b043; }
-.jobs .small-widget, .jobs .download-list-widget, .jobs .active-release-list-widget, .jobs .most-recent-events, .jobs .triple-widget, .jobs .most-recent-posts, .jobs
-.medium-widget, .jobs
-.sidebar-widget {
-  border-top: 5px solid #c9abcd; }
-.shop .small-widget, .shop .download-list-widget, .shop .active-release-list-widget, .shop .most-recent-events, .shop .triple-widget, .shop .most-recent-posts, .shop
-.medium-widget, .shop
-.sidebar-widget {
-  border-top: 5px solid #b55863; }
+.python .small-widget, .python .most-recent-posts, .python .triple-widget, .python .most-recent-events, .python .active-release-list-widget, .python .download-list-widget,
+.python .medium-widget,
+.python .sidebar-widget {
+  border-top: 4px solid #75a8d3;
+}
+.psf-home .small-widget, .psf-home .most-recent-posts, .psf-home .triple-widget, .psf-home .most-recent-events, .psf-home .active-release-list-widget, .psf-home .download-list-widget,
+.psf-home .medium-widget,
+.psf-home .sidebar-widget {
+  border-top: 5px solid #caccce;
+}
+.docs .small-widget, .docs .most-recent-posts, .docs .triple-widget, .docs .most-recent-events, .docs .active-release-list-widget, .docs .download-list-widget,
+.docs .medium-widget,
+.docs .sidebar-widget {
+  border-top: 5px solid #ffd343;
+}
+.pypl .small-widget, .pypl .most-recent-posts, .pypl .triple-widget, .pypl .most-recent-events, .pypl .active-release-list-widget, .pypl .download-list-widget,
+.pypl .medium-widget,
+.pypl .sidebar-widget {
+  border-top: 5px solid #82b043;
+}
+.jobs .small-widget, .jobs .most-recent-posts, .jobs .triple-widget, .jobs .most-recent-events, .jobs .active-release-list-widget, .jobs .download-list-widget,
+.jobs .medium-widget,
+.jobs .sidebar-widget {
+  border-top: 5px solid #c9abcd;
+}
+.shop .small-widget, .shop .most-recent-posts, .shop .triple-widget, .shop .most-recent-events, .shop .active-release-list-widget, .shop .download-list-widget,
+.shop .medium-widget,
+.shop .sidebar-widget {
+  border-top: 5px solid #b55863;
+}
 
 /* ! ===== Section Specific Widget Icon Colorways ===== */
 .python .widget-title > span:before,
 .python .listing-company > span:before {
-  color: #3776ab; }
+  color: #3776ab;
+}
 
 .psf .widget-title > span:before,
 .psf .listing-company > span:before {
-  color: #78797a; }
+  color: #78797a;
+}
 
 .docs .widget-title > span:before,
 .docs .listing-company > span:before {
-  color: #ffd343; }
+  color: #ffd343;
+}
 
 .pypl .widget-title > span:before,
 .pypl .listing-company > span:before {
-  color: #82b043; }
+  color: #82b043;
+}
 
 .jobs .widget-title > span:before,
 .jobs .listing-company > span:before {
-  color: #a06ba7; }
+  color: #a06ba7;
+}
 
 .shop .widget-title > span:before,
 .shop .listing-company > span:before {
-  color: #b55863; }
+  color: #b55863;
+}
 
 /* ! ===== Specific Widget Styles ===== */
 .download-widget p:last-child a {
-  white-space: nowrap; }
+  white-space: nowrap;
+}
 
 .time-posted {
   display: block;
   font-size: 0.875em;
   font-style: italic;
-  margin-bottom: .75em; }
+  margin-bottom: 0.75em;
+}
 
 .blog-name {
   display: block;
   font-family: SourceSansProBold, Arial, sans-serif;
-  letter-spacing: 0.01em; }
+  letter-spacing: 0.01em;
+}
 
 .success-stories-widget blockquote {
   color: #666;
@@ -2160,38 +2450,46 @@ table tfoot {
   line-height: 1.75em;
   background-color: #ffdf76;
   *zoom: 1;
-  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFE590', endColorstr='#FFFFDF76');
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmU1OTAiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZGY3NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-  background-size: 100%;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffe590), color-stop(90%, #ffdf76));
-  background-image: -moz-linear-gradient(#ffe590 10%, #ffdf76 90%);
-  background-image: -webkit-linear-gradient(#ffe590 10%, #ffdf76 90%);
-  background-image: linear-gradient(#ffe590 10%, #ffdf76 90%);
-  -moz-border-radius: 6px;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFE590", endColorstr="#FFFFDF76");
+  background-image: -owg(compact(linear-gradient(#ffe590 10%, #ffdf76 90%), false, false, false, false, false, false, false, false, false));
+  background-image: -webkit(compact(linear-gradient(#ffe590 10%, #ffdf76 90%), false, false, false, false, false, false, false, false, false));
+  background-image: -moz(compact(linear-gradient(#ffe590 10%, #ffdf76 90%), false, false, false, false, false, false, false, false, false));
+  background-image: -o(compact(linear-gradient(#ffe590 10%, #ffdf76 90%), false, false, false, false, false, false, false, false, false));
+  background-image: compact(linear-gradient(#ffe590 10%, #ffdf76 90%), false, false, false, false, false, false, false, false, false);
   -webkit-border-radius: 6px;
-  border-radius: 6px; }
-  .success-stories-widget blockquote:after {
-    position: absolute;
-    content: "";
-    width: 0;
-    height: 0;
-    border-color: transparent;
-    border-style: solid;
-    border-width: 1.5em;
-    left: 20%;
-    bottom: -2.875em;
-    border-top-color: #ffdf76; }
-  .success-stories-widget blockquote a {
-    color: #666; }
-    .success-stories-widget blockquote a:hover, .success-stories-widget blockquote a:focus, .success-stories-widget blockquote a:active {
-      color: #3776ab; }
+  -moz-border-radius: 6px;
+  -ms-border-radius: 6px;
+  -o-border-radius: 6px;
+  border-radius: 6px;
+}
+.success-stories-widget blockquote:after {
+  position: absolute;
+  content: "";
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+  border-width: 1.5em;
+  left: 20%;
+  bottom: -2.875em;
+  border-top-color: #ffdf76;
+}
+.success-stories-widget blockquote a {
+  color: #666;
+}
+.success-stories-widget blockquote a:hover, .success-stories-widget blockquote a:focus, .success-stories-widget blockquote a:active {
+  color: #3776ab;
+}
 .success-stories-widget .quote-from td {
-  padding: .5em;
-  vertical-align: middle; }
+  padding: 0.5em;
+  vertical-align: middle;
+}
 .success-stories-widget .quote-from img {
-  max-height: 5em; }
+  max-height: 5em;
+}
 .success-stories-widget .quote-from p {
-  font-size: 0.875em; }
+  font-size: 0.875em;
+}
 
 /*.statistics-widget {
     padding-left: .75em;
@@ -2221,73 +2519,94 @@ table tfoot {
     }
 }*/
 .applications-widget {
-  padding-left: .75em; }
-  .applications-widget ul {
-    border-top: 1px solid #caccce; }
-  .applications-widget li {
-    padding: .5em 0 .4em;
-    border-bottom: 1px solid #caccce; }
+  padding-left: 0.75em;
+}
+.applications-widget ul {
+  border-top: 1px solid #caccce;
+}
+.applications-widget li {
+  padding: 0.5em 0 0.4em;
+  border-bottom: 1px solid #caccce;
+}
 
 .shrubbery {
-  position: relative; }
-  .shrubbery .give-me-more {
-    color: #caccce;
-    display: none;
-    position: absolute;
-    top: .25em;
-    right: .25em; }
-    .shrubbery .give-me-more a {
-      color: #999; }
-      .shrubbery .give-me-more a:hover, .shrubbery .give-me-more a:active {
-        color: #666; }
+  position: relative;
+}
+.shrubbery .give-me-more {
+  color: #caccce;
+  display: none;
+  position: absolute;
+  top: 0.25em;
+  right: 0.25em;
+}
+.shrubbery .give-me-more a {
+  color: #999;
+}
+.shrubbery .give-me-more a:hover, .shrubbery .give-me-more a:active {
+  color: #666;
+}
 
 /* ! ===== PSF Board Meeting Minutes ===== */
 .draft-preview {
   color: #b55863;
-  font-family: SourceSansProBold, Arial, sans-serif; }
+  font-family: SourceSansProBold, Arial, sans-serif;
+}
 
 /* ! ===== PEP Widget ===== */
 .pep-widget {
-  margin-bottom: 1.3125em; }
-  .pep-widget .widget-title {
-    color: #737373;
-    margin-bottom: 0.35em;
-    font-size: 1.125em; }
-    .fontface .pep-widget .widget-title {
-      font-size: 1.29375em; }
-      .fontface .pep-widget .widget-title span:before {
-        font-size: .875em; }
-    .pep-widget .widget-title a {
-      color: #3776ab; }
-      .pep-widget .widget-title a:hover, .pep-widget .widget-title a:active {
-        color: #1f3b47; }
-  .pep-widget .pep-number {
-    color: #666;
-    font-family: SourceSansProBold, Arial, sans-serif;
-    display: inline-block;
-    width: 3em; }
+  margin-bottom: 1.3125em;
+}
+.pep-widget .widget-title {
+  color: #737373;
+  margin-bottom: 0.35em;
+  font-size: 1.125em;
+}
+.fontface .pep-widget .widget-title {
+  font-size: 1.29375em;
+}
+.fontface .pep-widget .widget-title span:before {
+  font-size: 0.875em;
+}
+.pep-widget .widget-title a {
+  color: #3776ab;
+}
+.pep-widget .widget-title a:hover, .pep-widget .widget-title a:active {
+  color: #1f3b47;
+}
+.pep-widget .pep-number {
+  color: #666;
+  font-family: SourceSansProBold, Arial, sans-serif;
+  display: inline-block;
+  width: 3em;
+}
 
 .pep-list {
   border-top: 1px solid #caccce;
   line-height: 1.2em;
-  margin: 0; }
-  .pep-list li {
-    display: block;
-    line-height: 1.35em; }
-    .pep-list li a {
-      display: block;
-      color: #3776ab;
-      background-color: #f2f4f6;
-      border-bottom: 1px solid #e6eaee;
-      padding: .6em .75em .5em; }
-      .pep-list li a:hover, .pep-list li a:focus, .pep-list li a:active {
-        color: #222;
-        background-color: #fefefe; }
+  margin: 0;
+}
+.pep-list li {
+  display: block;
+  line-height: 1.35em;
+}
+.pep-list li a {
+  display: block;
+  color: #3776ab;
+  background-color: #f2f4f6;
+  border-bottom: 1px solid #e6eaee;
+  padding: 0.6em 0.75em 0.5em;
+}
+.pep-list li a:hover, .pep-list li a:focus, .pep-list li a:active {
+  color: #222;
+  background-color: #fefefe;
+}
 
 .rss-link {
-  line-height: 1em; }
-  .rss-link span:before {
-    color: #cc9547; }
+  line-height: 1em;
+}
+.rss-link span:before {
+  color: #cc9547;
+}
 
 /* ! ===== PEP landing page ===== */
 /*
    
@@ -2306,40 +2625,51 @@ table tfoot {
 */
 .pep-list-header {
   font-family: SourceSansProBold, Arial, sans-serif;
-  display: none; }
+  display: none;
+}
 
 .pep-index-list {
-  margin-bottom: 2.625em; }
-  .pep-index-list .label {
-    font-family: SourceSansProBold, Arial, sans-serif;
-    display: inline-block;
-    width: 20%; }
-  .pep-index-list li {
-    background-color: #f2f4f6;
-    border-bottom: 1px solid #caccce; }
-  .pep-index-list a {
-    display: inline-block;
-    color: #3776ab; }
-    .pep-index-list a:hover, .pep-index-list a:focus, .pep-index-list a:active {
-      color: #222; }
+  margin-bottom: 2.625em;
+}
+.pep-index-list .label {
+  font-family: SourceSansProBold, Arial, sans-serif;
+  display: inline-block;
+  width: 20%;
+}
+.pep-index-list li {
+  background-color: #f2f4f6;
+  border-bottom: 1px solid #caccce;
+}
+.pep-index-list a {
+  display: inline-block;
+  color: #3776ab;
+}
+.pep-index-list a:hover, .pep-index-list a:focus, .pep-index-list a:active {
+  color: #222;
+}
 
 .pep-type, .pep-num, .pep-title, .pep-owner {
-  padding: .5em .5em .4em;
-  border-bottom: 1px solid #e3e7ec; }
+  padding: 0.5em 0.5em 0.4em;
+  border-bottom: 1px solid #e3e7ec;
+}
 
 .footnote .label {
-  width: 4em; }
+  width: 4em;
+}
 
 /*dl*/
 .info-key dt, .info-key dd {
   display: block;
   float: left;
-  padding: .5em .5em .4em; }
+  padding: 0.5em 0.5em 0.4em;
+}
 .info-key dt {
-  width: 25%; }
+  width: 25%;
+}
 .info-key dd {
   width: 75%;
-  border-bottom: 1px solid #e6e8ea; }
+  border-bottom: 1px solid #e6e8ea;
+}
 
 /* 
    
         
    Name
    
@@ -2352,75 +2682,92 @@ table tfoot {
         
      */
 .pep-owner-header {
-  margin: 0 -.5em;
+  margin: 0 -0.5em;
   overflow: hidden;
-  *zoom: 1; }
-  .pep-owner-header .label {
-    font-family: SourceSansProBold, Arial, sans-serif;
-    float: left;
-    width: 50%;
-    padding: .25em .5em .2em; }
+  *zoom: 1;
+}
+.pep-owner-header .label {
+  font-family: SourceSansProBold, Arial, sans-serif;
+  float: left;
+  width: 50%;
+  padding: 0.25em 0.5em 0.2em;
+}
 
 .pep-owner-list li {
   background-color: #f2f4f6;
   border-bottom: 1px solid #caccce;
   overflow: hidden;
-  *zoom: 1; }
-  .pep-owner-list li:hover {
-    background-color: #fefefe; }
+  *zoom: 1;
+}
+.pep-owner-list li:hover {
+  background-color: #fefefe;
+}
 .pep-owner-list .owner-name, .pep-owner-list .owner-email {
   float: left;
   width: 50%;
-  padding: .5em .5em .4em; }
+  padding: 0.5em 0.5em 0.4em;
+}
 
 /* ! ===== Success Stories landing page ===== */
 .featured-success-story {
   padding: 1.3125em 0;
-  background: center -230px no-repeat url('../img/success-glow2.png?1576869008') transparent;
-  /*blockquote*/ }
-  .featured-success-story img {
-    padding: 10px 30px; }
-  .featured-success-story .success-quote {
-    color: #ffd343;
-    font-size: 1.625em;
-    line-height: 1.5;
-    position: static;
-    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }
-    .featured-success-story .success-quote:before, .featured-success-story .success-quote:after {
-      color: #4f90c6;
-      font-style: normal;
-      font-size: 2em;
-      line-height: 0;
-      vertical-align: text-bottom;
-      position: static; }
-    .featured-success-story .success-quote:before {
-      content: "“";
-      top: auto;
-      left: auto;
-      margin-left: -.2em; }
-    .featured-success-story .success-quote:after {
-      content: "”";
-      bottom: auto;
-      right: auto;
-      margin-right: -.2em; }
+  background: center -230px no-repeat image-url("success-glow2.png") transparent;
+  /*blockquote*/
+}
+.featured-success-story img {
+  padding: 10px 30px;
+}
+.featured-success-story .success-quote {
+  color: #ffd343;
+  font-size: 1.625em;
+  line-height: 1.5;
+  position: static;
+  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
+}
+.featured-success-story .success-quote:before, .featured-success-story .success-quote:after {
+  color: #4f90c6;
+  font-style: normal;
+  font-size: 2em;
+  line-height: 0;
+  vertical-align: text-bottom;
+  position: static;
+}
+.featured-success-story .success-quote:before {
+  content: "“";
+  top: auto;
+  left: auto;
+  margin-left: -0.2em;
+}
+.featured-success-story .success-quote:after {
+  content: "”";
+  bottom: auto;
+  right: auto;
+  margin-right: -0.2em;
+}
 
 a.activity-feed {
   border-bottom: none;
-  font-size: 0.75em; }
-  a.activity-feed span {
-    margin-right: .25em; }
+  font-size: 0.75em;
+}
+a.activity-feed span {
+  margin-right: 0.25em;
+}
 
 p.quote-by {
   color: #e6e8ea;
-  margin-bottom: 0; }
+  margin-bottom: 0;
+}
 
 p.quote-by-organization {
-  color: #e6e8ea; }
+  color: #e6e8ea;
+}
 
 .newest-success-stories {
-  padding-top: 1.3125em; }
-  .newest-success-stories .widget-title {
-    position: relative; }
+  padding-top: 1.3125em;
+}
+.newest-success-stories .widget-title {
+  position: relative;
+}
 
 /* Success Stories inner pages */
 /*