From 7e45c5dbf61d3474c1fff60c7132a3430445a79f Mon Sep 17 00:00:00 2001 From: Christopher Wilcox Date: Mon, 20 Apr 2020 09:23:43 -0700 Subject: [PATCH] Add Active Python Releases to Downloads Page (#1569) Closes #1302 --- static/sass/_layout.scss | 17 ++ static/sass/mq.css | 393 ++++++++++++++----------- static/sass/no-mq.css | 348 +++++++++++++--------- static/sass/style.css | 524 +++++++++++++++++---------------- static/sass/style.scss | 20 ++ templates/downloads/index.html | 55 +++- 6 files changed, 785 insertions(+), 572 deletions(-) diff --git a/static/sass/_layout.scss b/static/sass/_layout.scss index d97526979..7e7bf5fab 100644 --- a/static/sass/_layout.scss +++ b/static/sass/_layout.scss @@ -447,6 +447,23 @@ .release-download { width: 25%; } .release-enhancements { width: 25%; } + .release-version, + .release-status, + .release-start, + .release-end, + .release-pep { + -moz-box-orient: vertical; + display: inline-block; + margin-right: -4px; + vertical-align: middle; + } + + .release-version { width: 15%; } + .release-status { width: 20%; } + .release-start { width: 25%; } + .release-end { width: 25%; } + .release-pep { width: 15%; } + /* Previous Next pattern */ .previous-next { @include clearfix(); diff --git a/static/sass/mq.css b/static/sass/mq.css index 92143e9ba..bf962e624 100644 --- a/static/sass/mq.css +++ b/static/sass/mq.css @@ -2,12 +2,15 @@ /* Define constants for the application and to configure the blueprint framework. */ /* ===== Compass Imports ===== */ /* DO NOT include Blueprint here. We are using Susy for the grid, and if Blueprint is here, it will mess things up */ +/* @import "compass/css3/columns" */ +/* @import "compass/css3/hyphenation"; */ /* Needed for the link-colors() function */ /* Needed for the horizontal-list() function */ /* When remembering whether or not there's a hyphen in white-space is too hard */ /* Use pie-clearfix when there is no width set ont the element to avoid edge cases */ /* Use to calculate color legibility: http://compass-style.org/reference/compass/utilities/color/contrast/ */ /* Other interesting functions: + @import "compass/utilities/color/contrast"; detailed here: http://compass-style.org/reference/compass/utilities/color/contrast/ Used to pass two colors into a get out the most readable color. Good for situations where we dont want to create a new color, @@ -174,7 +177,7 @@ .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} */ - /* FlexSlider Necessary Styles +/* FlexSlider Necessary Styles .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping .flexslider .slides img {width: 100%; display: block;} @@ -222,12 +225,15 @@ html[xmlns] .slides { display: block; } /* Define constants for the application and to configure the blueprint framework. */ /* ===== Compass Imports ===== */ /* DO NOT include Blueprint here. We are using Susy for the grid, and if Blueprint is here, it will mess things up */ +/* @import "compass/css3/columns" */ +/* @import "compass/css3/hyphenation"; */ /* Needed for the link-colors() function */ /* Needed for the horizontal-list() function */ /* When remembering whether or not there's a hyphen in white-space is too hard */ /* Use pie-clearfix when there is no width set ont the element to avoid edge cases */ /* Use to calculate color legibility: http://compass-style.org/reference/compass/utilities/color/contrast/ */ /* Other interesting functions: + @import "compass/utilities/color/contrast"; detailed here: http://compass-style.org/reference/compass/utilities/color/contrast/ Used to pass two colors into a get out the most readable color. Good for situations where we dont want to create a new color, @@ -522,7 +528,7 @@ html[xmlns] .slides { display: block; } /* 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; + padding: .5em 1.5em .4em 1em; position: relative; } .main-navigation .tier-1 { display: block; @@ -548,20 +554,20 @@ html[xmlns] .slides { display: block; } .no-touch .main-navigation .subnav { min-width: 100%; display: none; - -webkit-transition: all 0s ease; -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; - -webkit-transition: opacity 0.25s ease-in-out; -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; - -webkit-box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.6); -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; @@ -576,16 +582,16 @@ html[xmlns] .slides { 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: 0.25s; -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; - -webkit-transition-delay: 0.25s; -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 */ } @@ -614,13 +620,11 @@ html[xmlns] .slides { display: block; } display: block; clear: both; text-align: center; - -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; - -ms-border-radius: 8px 8px 0 0; - -o-border-radius: 8px 8px 0 0; + -webkit-border-radius: 8px; border-radius: 8px 8px 0 0; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -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; @@ -653,8 +657,8 @@ html[xmlns] .slides { display: block; } .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: 0 0.5em 0.5em rgba(0, 0, 0, 0.3); -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); } /* Shorten the amount of blue space under the nav on inner pages */ @@ -705,7 +709,7 @@ html[xmlns] .slides { display: block; } /* Reset some styles from the drop down menus */ } .touch .main-navigation a { text-align: center; - padding: 0.65em 1.25em 0.55em; } + padding: .65em 1.25em .55em; } .touch .main-navigation .tier-2 { font-size: 0.875em; } .touch .main-navigation .subnav { @@ -713,27 +717,25 @@ html[xmlns] .slides { display: block; } display: block; opacity: 1; border-top: 0; - -webkit-box-shadow: none; -moz-box-shadow: none; + -webkit-box-shadow: none; box-shadow: none; } /* TO DO: With Javascript, look for a left-right swipe action and also trigger the menu to open */ .touch #touchnav-wrapper { - -webkit-transition: -webkit-transform 300ms ease; -moz-transition: -moz-transform 300ms ease; -o-transition: -o-transform 300ms ease; + -webkit-transition: -webkit-transform 300ms ease; transition: transform 300ms ease; - -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -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); - -o-transform: translate3d(260px, 0, 0); + -webkit-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0); } /* Simple Column Structure */ @@ -782,9 +784,9 @@ html[xmlns] .slides { display: block; } border-color: transparent; } .search-field { - -webkit-transition: width 0.3s ease-in-out; -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; } .search-field:focus { @@ -839,10 +841,11 @@ html[xmlns] .slides { display: block; } 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: -webkit-linear-gradient(#3776ab 30%, #2d618c 95%); background-image: -moz-linear-gradient(#3776ab 30%, #2d618c 95%); - background-image: -o-linear-gradient(#3776ab 30%, #2d618c 95%); + background-image: -webkit-linear-gradient(#3776ab 30%, #2d618c 95%); background-image: linear-gradient(#3776ab 30%, #2d618c 95%); border-top: 1px solid #629ccd; border-bottom: 1px solid #18334b; @@ -859,14 +862,15 @@ html[xmlns] .slides { display: block; } 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: white; + 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: -webkit-linear-gradient(#326b9c 10%, #2d618c 90%); background-image: -moz-linear-gradient(#326b9c 10%, #2d618c 90%); - background-image: -o-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; } @@ -875,13 +879,14 @@ html[xmlns] .slides { display: block; } 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: -webkit-linear-gradient(#bbd4e9 10%, #d6e5f2 90%); background-image: -moz-linear-gradient(#bbd4e9 10%, #d6e5f2 90%); - background-image: -o-linear-gradient(#bbd4e9 10%, #d6e5f2 90%); + background-image: -webkit-linear-gradient(#bbd4e9 10%, #d6e5f2 90%); background-image: linear-gradient(#bbd4e9 10%, #d6e5f2 90%); - -webkit-box-shadow: inset 0 0 20px rgba(55, 118, 171, 0.15); -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 { @@ -896,25 +901,27 @@ html[xmlns] .slides { display: block; } .python-navigation .tier-2:last-child > a { border-bottom: 1px solid rgba(55, 118, 171, 0.25); } .python-navigation .current_item { - color: white; + 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: -webkit-linear-gradient(#2b5b84 10%, #244e71 90%); background-image: -moz-linear-gradient(#2b5b84 10%, #244e71 90%); - background-image: -o-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: #666666; + 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: -webkit-linear-gradient(#fcfdfe 10%, #d6e5f2 90%); background-image: -moz-linear-gradient(#fcfdfe 10%, #d6e5f2 90%); - background-image: -o-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; } @@ -925,17 +932,18 @@ html[xmlns] .slides { display: block; } 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: -webkit-linear-gradient(#78797a 30%, #646565 95%); background-image: -moz-linear-gradient(#78797a 30%, #646565 95%); - background-image: -o-linear-gradient(#78797a 30%, #646565 95%); + background-image: -webkit-linear-gradient(#78797a 30%, #646565 95%); background-image: linear-gradient(#78797a 30%, #646565 95%); border-top: 1px solid #9e9fa0; border-bottom: 1px solid #39393a; /*a*/ } .psf-navigation .tier-1 { border-top: 1px solid #929393; - border-right: 1px solid #5f5f60; + border-right: 1px solid #5f6060; border-bottom: 1px solid #454647; border-left: 1px solid #929393; } .psf-navigation .tier-1 > a { @@ -945,14 +953,15 @@ html[xmlns] .slides { display: block; } 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: white; + 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: -webkit-linear-gradient(#6e6f70 10%, #646565 90%); background-image: -moz-linear-gradient(#6e6f70 10%, #646565 90%); - background-image: -o-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; } @@ -961,13 +970,14 @@ html[xmlns] .slides { display: block; } 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: -webkit-linear-gradient(#dadada 10%, #ececec 90%); background-image: -moz-linear-gradient(#dadada 10%, #ececec 90%); - background-image: -o-linear-gradient(#dadada 10%, #ececec 90%); + background-image: -webkit-linear-gradient(#dadada 10%, #ececec 90%); background-image: linear-gradient(#dadada 10%, #ececec 90%); - -webkit-box-shadow: inset 0 0 20px rgba(120, 121, 122, 0.15); -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 { @@ -982,25 +992,27 @@ html[xmlns] .slides { display: block; } .psf-navigation .tier-2:last-child > a { border-bottom: 1px solid rgba(120, 121, 122, 0.25); } .psf-navigation .current_item { - color: white; + color: #fff; background-color: #525353; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5F5F60', endColorstr='#FF525353'); - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #5f5f60), color-stop(90%, #525353)); - background-image: -webkit-linear-gradient(#5f5f60 10%, #525353 90%); - background-image: -moz-linear-gradient(#5f5f60 10%, #525353 90%); - background-image: -o-linear-gradient(#5f5f60 10%, #525353 90%); - background-image: linear-gradient(#5f5f60 10%, #525353 90%); } + 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: #666666; + 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: -webkit-linear-gradient(#ffffff 10%, #ececec 90%); background-image: -moz-linear-gradient(#ffffff 10%, #ececec 90%); - background-image: -o-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; } @@ -1011,12 +1023,13 @@ html[xmlns] .slides { display: block; } 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: -webkit-linear-gradient(#ffd343 30%, #ffc91a 95%); background-image: -moz-linear-gradient(#ffd343 30%, #ffc91a 95%); - background-image: -o-linear-gradient(#ffd343 30%, #ffc91a 95%); + background-image: -webkit-linear-gradient(#ffd343 30%, #ffc91a 95%); background-image: linear-gradient(#ffd343 30%, #ffc91a 95%); - border-top: 1px solid #ffe58f; + border-top: 1px solid #ffe590; border-bottom: 1px solid #c39500; /*a*/ } .docs-navigation .tier-1 { @@ -1025,20 +1038,21 @@ html[xmlns] .slides { display: block; } border-bottom: 1px solid #dca900; border-left: 1px solid #ffdf76; } .docs-navigation .tier-1 > a { - color: #333333; + 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: white; + 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: -webkit-linear-gradient(#ffce2f 10%, #ffc91a 90%); background-image: -moz-linear-gradient(#ffce2f 10%, #ffc91a 90%); - background-image: -o-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; } @@ -1047,13 +1061,14 @@ html[xmlns] .slides { display: block; } 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: -webkit-linear-gradient(#ffffff 10%, #ffffff 90%); background-image: -moz-linear-gradient(#ffffff 10%, #ffffff 90%); - background-image: -o-linear-gradient(#ffffff 10%, #ffffff 90%); + background-image: -webkit-linear-gradient(#ffffff 10%, #ffffff 90%); background-image: linear-gradient(#ffffff 10%, #ffffff 90%); - -webkit-box-shadow: inset 0 0 20px rgba(255, 211, 67, 0.15); -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 { @@ -1068,39 +1083,42 @@ html[xmlns] .slides { display: block; } .docs-navigation .tier-2:last-child > a { border-bottom: 1px solid rgba(255, 211, 67, 0.25); } .docs-navigation .current_item { - color: white; - background-color: #f5bc00; + color: #fff; + background-color: #f6bc00; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFC710', endColorstr='#FFF5BC00'); - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffc710), color-stop(90%, #f5bc00)); - background-image: -webkit-linear-gradient(#ffc710 10%, #f5bc00 90%); - background-image: -moz-linear-gradient(#ffc710 10%, #f5bc00 90%); - background-image: -o-linear-gradient(#ffc710 10%, #f5bc00 90%); - background-image: linear-gradient(#ffc710 10%, #f5bc00 90%); } + 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: #666666; - border: 1px solid #fff1c2; + 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: -webkit-linear-gradient(#ffffff 10%, #ffffff 90%); background-image: -moz-linear-gradient(#ffffff 10%, #ffffff 90%); - background-image: -o-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: #ffcd29; } + 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: -webkit-linear-gradient(#82b043 30%, #6c9238 95%); background-image: -moz-linear-gradient(#82b043 30%, #6c9238 95%); - background-image: -o-linear-gradient(#82b043 30%, #6c9238 95%); + background-image: -webkit-linear-gradient(#82b043 30%, #6c9238 95%); background-image: linear-gradient(#82b043 30%, #6c9238 95%); border-top: 1px solid #a6ca75; border-bottom: 1px solid #3e5420; @@ -1117,14 +1135,15 @@ html[xmlns] .slides { display: block; } 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: white; + 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: -webkit-linear-gradient(#77a13d 10%, #6c9238 90%); background-image: -moz-linear-gradient(#77a13d 10%, #6c9238 90%); - background-image: -o-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; } @@ -1133,13 +1152,14 @@ html[xmlns] .slides { display: block; } 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: -webkit-linear-gradient(#ddebca 10%, #eef5e4 90%); background-image: -moz-linear-gradient(#ddebca 10%, #eef5e4 90%); - background-image: -o-linear-gradient(#ddebca 10%, #eef5e4 90%); + background-image: -webkit-linear-gradient(#ddebca 10%, #eef5e4 90%); background-image: linear-gradient(#ddebca 10%, #eef5e4 90%); - -webkit-box-shadow: inset 0 0 20px rgba(130, 176, 67, 0.15); -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 { @@ -1154,25 +1174,27 @@ html[xmlns] .slides { display: block; } .pypl-navigation .tier-2:last-child > a { border-bottom: 1px solid rgba(130, 176, 67, 0.25); } .pypl-navigation .current_item { - color: white; + 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: -webkit-linear-gradient(#678b35 10%, #59792e 90%); background-image: -moz-linear-gradient(#678b35 10%, #59792e 90%); - background-image: -o-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: #666666; + 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: -webkit-linear-gradient(#ffffff 10%, #eef5e4 90%); background-image: -moz-linear-gradient(#ffffff 10%, #eef5e4 90%); - background-image: -o-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; } @@ -1183,10 +1205,11 @@ html[xmlns] .slides { display: block; } 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: -webkit-linear-gradient(#a06ba7 30%, #8b5792 95%); background-image: -moz-linear-gradient(#a06ba7 30%, #8b5792 95%); - background-image: -o-linear-gradient(#a06ba7 30%, #8b5792 95%); + background-image: -webkit-linear-gradient(#a06ba7 30%, #8b5792 95%); background-image: linear-gradient(#a06ba7 30%, #8b5792 95%); border-top: 1px solid #bf9bc4; border-bottom: 1px solid #58375c; @@ -1203,14 +1226,15 @@ html[xmlns] .slides { display: block; } 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: white; + 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: -webkit-linear-gradient(#985f9f 10%, #8b5792 90%); background-image: -moz-linear-gradient(#985f9f 10%, #8b5792 90%); - background-image: -o-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; } @@ -1219,13 +1243,14 @@ html[xmlns] .slides { display: block; } 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: -webkit-linear-gradient(#eee5ef 10%, #fcfbfd 90%); background-image: -moz-linear-gradient(#eee5ef 10%, #fcfbfd 90%); - background-image: -o-linear-gradient(#eee5ef 10%, #fcfbfd 90%); + background-image: -webkit-linear-gradient(#eee5ef 10%, #fcfbfd 90%); background-image: linear-gradient(#eee5ef 10%, #fcfbfd 90%); - -webkit-box-shadow: inset 0 0 20px rgba(160, 107, 167, 0.15); -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 { @@ -1240,25 +1265,27 @@ html[xmlns] .slides { display: block; } .jobs-navigation .tier-2:last-child > a { border-bottom: 1px solid rgba(160, 107, 167, 0.25); } .jobs-navigation .current_item { - color: white; + 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: -webkit-linear-gradient(#85538c 10%, #764a7c 90%); background-image: -moz-linear-gradient(#85538c 10%, #764a7c 90%); - background-image: -o-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: #666666; + 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: -webkit-linear-gradient(#ffffff 10%, #fcfbfd 90%); background-image: -moz-linear-gradient(#ffffff 10%, #fcfbfd 90%); - background-image: -o-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; } @@ -1269,10 +1296,11 @@ html[xmlns] .slides { display: block; } 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: -webkit-linear-gradient(#b55863 30%, #9e4650 95%); background-image: -moz-linear-gradient(#b55863 30%, #9e4650 95%); - background-image: -o-linear-gradient(#b55863 30%, #9e4650 95%); + background-image: -webkit-linear-gradient(#b55863 30%, #9e4650 95%); background-image: linear-gradient(#b55863 30%, #9e4650 95%); border-top: 1px solid #cc8d95; border-bottom: 1px solid #622b32; @@ -1289,14 +1317,15 @@ html[xmlns] .slides { display: block; } 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: white; + 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: -webkit-linear-gradient(#ac4c58 10%, #9e4650 90%); background-image: -moz-linear-gradient(#ac4c58 10%, #9e4650 90%); - background-image: -o-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; } @@ -1305,13 +1334,14 @@ html[xmlns] .slides { display: block; } 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: -webkit-linear-gradient(#f1dee0 10%, #fbf7f8 90%); background-image: -moz-linear-gradient(#f1dee0 10%, #fbf7f8 90%); - background-image: -o-linear-gradient(#f1dee0 10%, #fbf7f8 90%); + background-image: -webkit-linear-gradient(#f1dee0 10%, #fbf7f8 90%); background-image: linear-gradient(#f1dee0 10%, #fbf7f8 90%); - -webkit-box-shadow: inset 0 0 20px rgba(181, 88, 99, 0.15); -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 { @@ -1326,25 +1356,27 @@ html[xmlns] .slides { display: block; } .shop-navigation .tier-2:last-child > a { border-bottom: 1px solid rgba(181, 88, 99, 0.25); } .shop-navigation .current_item { - color: white; + 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: -webkit-linear-gradient(#97434d 10%, #853b44 90%); background-image: -moz-linear-gradient(#97434d 10%, #853b44 90%); - background-image: -o-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: #666666; + 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: -webkit-linear-gradient(#ffffff 10%, #fbf7f8 90%); background-image: -moz-linear-gradient(#ffffff 10%, #fbf7f8 90%); - background-image: -o-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; } @@ -1424,7 +1456,7 @@ html[xmlns] .slides { display: block; } .pep-list-header, .pep-index-list li, .info-key { - margin: 0 -0.5em; } + margin: 0 -.5em; } .pep-list-header { display: block; } @@ -1463,15 +1495,15 @@ html[xmlns] .slides { display: block; } .listing-company-category:before { content: "Category: "; - color: #666666; } + color: #666; } .listing-job-title:before { content: "Title: "; - color: #666666; } + color: #666; } .listing-job-type:before { content: "Looking for: "; - color: #666666; } + color: #666; } .release-number, .release-date, @@ -1494,13 +1526,38 @@ html[xmlns] .slides { display: block; } .release-enhancements { width: 25%; } + .release-version, + .release-status, + .release-start, + .release-end, + .release-pep { + -moz-box-orient: vertical; + display: inline-block; + margin-right: -4px; + vertical-align: middle; } + + .release-version { + width: 15%; } + + .release-status { + width: 20%; } + + .release-start { + width: 25%; } + + .release-end { + width: 25%; } + + .release-pep { + width: 15%; } + /* Previous Next pattern */ .previous-next { overflow: hidden; *zoom: 1; } .previous-next a { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; } .previous-next .prev-button { width: 48.93617%; @@ -1540,7 +1597,7 @@ html[xmlns] .slides { display: block; } speak: none; } .site-headline { - margin: 0.25em 0 0.5em; } + margin: .25em 0 .5em; } .site-headline a .python-logo { width: 255.2px; @@ -1556,8 +1613,8 @@ html[xmlns] .slides { display: block; } margin: 0.875em 0; } .search-field { - background: white; - padding: 0.4em 0.5em 0.3em; + background: #fff; + padding: .4em .5em .3em; margin-right: .5em; width: 11em; } .search-field:focus { @@ -1601,39 +1658,38 @@ html[xmlns] .slides { display: block; } top: -9999px; right: 2.6em; white-space: nowrap; - padding: 0.4em 0.75em 0.35em; - color: #999999; + 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: -webkit-linear-gradient(#333333 10%, #1f1f1f 90%); background-image: -moz-linear-gradient(#333333 10%, #1f1f1f 90%); - background-image: -o-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 #444444; - border-right: 1px solid #444444; - border-bottom: 1px solid #444444; - border-left: 1px solid #444444; - -webkit-border-radius: 6px; + border-top: 1px solid #444; + border-right: 1px solid #444; + border-bottom: 1px solid #444; + border-left: 1px solid #444; -moz-border-radius: 6px; - -ms-border-radius: 6px; - -o-border-radius: 6px; + -webkit-border-radius: 6px; border-radius: 6px; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); -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); - -webkit-transition: opacity 0.25s ease-in-out, top 0s linear; - -webkit-transition-delay: 0s, 0.25s; -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; - -webkit-transition: opacity 0.25s ease-in-out, top 0s linear; -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; } .introduction { @@ -1662,24 +1718,24 @@ html[xmlns] .slides { display: block; } padding-top: 1em; } .about-banner { - background: 120% 0 no-repeat url('../img/landing-about.png?1543670309') transparent; + background: 120% 0 no-repeat url('../img/landing-about.png?1576869008') transparent; min-height: 345px; padding-bottom: 3.5em; margin-bottom: -2.5em; } .download-for-current-os { - background: 130% 0 no-repeat url('../img/landing-downloads.png?1543670309') transparent; + background: 130% 0 no-repeat url('../img/landing-downloads.png?1576869008') transparent; min-height: 345px; padding-bottom: 4em; margin-bottom: -3em; } .documentation-banner { - background: 130% 0 no-repeat url('../img/landing-docs.png?1543670309') transparent; + background: 130% 0 no-repeat url('../img/landing-docs.png?1576869008') transparent; padding-bottom: 1em; } .community-banner { text-align: left; - background: 110% 0 no-repeat url('../img/landing-community.png?1543670309') transparent; + background: 110% 0 no-repeat url('../img/landing-community.png?1576869008') transparent; min-height: 345px; padding-bottom: 2em; margin-bottom: -1.25em; } @@ -1783,7 +1839,7 @@ html[xmlns] .slides { display: block; } right: 1em; width: 210px; height: 210px; - background: top left no-repeat url('../img/python-logo-large.png?1543670309') transparent; } + 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%; } @@ -1831,7 +1887,7 @@ html[xmlns] .slides { display: block; } float: left; margin-right: 2.12766%; } .listing-company .listing-company-name a:hover:after, .listing-company .listing-company-name a:focus:after { - color: #666666; + color: #666; content: " View Details"; font-size: .75em; } .listing-company .listing-location { @@ -1948,7 +2004,7 @@ html[xmlns] .slides { display: block; } /* 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; + padding: .5em 1.5em .4em 1em; position: relative; } .main-navigation .tier-1 { display: block; @@ -1974,20 +2030,20 @@ html[xmlns] .slides { display: block; } .no-touch .main-navigation .subnav { min-width: 100%; display: none; - -webkit-transition: all 0s ease; -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; - -webkit-transition: opacity 0.25s ease-in-out; -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; - -webkit-box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.6); -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; @@ -2002,16 +2058,16 @@ html[xmlns] .slides { 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: 0.25s; -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; - -webkit-transition-delay: 0.25s; -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 */ } @@ -2040,13 +2096,11 @@ html[xmlns] .slides { display: block; } display: block; text-align: center; font-size: 1.125em; - -webkit-border-radius: 8px; -moz-border-radius: 8px; - -ms-border-radius: 8px; - -o-border-radius: 8px; + -webkit-border-radius: 8px; border-radius: 8px; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -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; } @@ -2074,7 +2128,7 @@ html[xmlns] .slides { display: block; } .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; } + padding: .65em 1.25em .55em; } .no-touch .main-navigation .tier-2 { font-size: 0.875em; } @@ -2134,7 +2188,7 @@ html[xmlns] .slides { display: block; } /*.subnav li*/ .super-navigation { - color: #666666; + color: #666; position: absolute; /* relative to the containing LI */ top: 0; @@ -2161,7 +2215,7 @@ html[xmlns] .slides { display: block; } line-height: 1.25em; margin-bottom: 0; } .super-navigation p.date-posted { - color: #666666; + color: #666; font-size: 0.625em !important; font-style: italic; } .super-navigation p.excert { @@ -2233,7 +2287,7 @@ html[xmlns] .slides { display: block; } .text { /* Make the intro/first paragraphs slightly larger? */ } .text > p:first-of-type { - color: #666666; + color: #666; font-size: 1.125em; line-height: 1.6875; margin-bottom: 1.25em; } @@ -2363,7 +2417,7 @@ html[xmlns] .slides { display: block; } .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(Opacity=100); + filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .home-slideshow .flex-direction-nav .flex-prev { left: -.75em; } @@ -2409,7 +2463,7 @@ html[xmlns] .slides { display: block; } /* Reset some styles from the drop down menus */ } .touch .main-navigation a { text-align: center; - padding: 0.65em 1.25em 0.55em; } + padding: .65em 1.25em .55em; } .touch .main-navigation .tier-2 { font-size: 0.875em; } .touch .main-navigation .subnav { @@ -2417,27 +2471,25 @@ html[xmlns] .slides { display: block; } display: block; opacity: 1; border-top: 0; - -webkit-box-shadow: none; -moz-box-shadow: none; + -webkit-box-shadow: none; box-shadow: none; } /* TO DO: With Javascript, look for a left-right swipe action and also trigger the menu to open */ .touch #touchnav-wrapper { - -webkit-transition: -webkit-transform 300ms ease; -moz-transition: -moz-transform 300ms ease; -o-transition: -o-transform 300ms ease; + -webkit-transition: -webkit-transform 300ms ease; transition: transform 300ms ease; - -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -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); - -o-transform: translate3d(260px, 0, 0); + -webkit-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0); } } /* - - - Larger than 1024px - - - */ @media (min-width: 64em) { @@ -2533,6 +2585,7 @@ html[xmlns] .slides { display: block; } */ @-ms-viewport { width: device-width; } - @viewport { width: device-width; } + +/*# sourceMappingURL=mq.css.map */ diff --git a/static/sass/no-mq.css b/static/sass/no-mq.css index 09274402d..f383aab5b 100644 --- a/static/sass/no-mq.css +++ b/static/sass/no-mq.css @@ -2,12 +2,15 @@ /* Define constants for the application and to configure the blueprint framework. */ /* ===== Compass Imports ===== */ /* DO NOT include Blueprint here. We are using Susy for the grid, and if Blueprint is here, it will mess things up */ +/* @import "compass/css3/columns" */ +/* @import "compass/css3/hyphenation"; */ /* Needed for the link-colors() function */ /* Needed for the horizontal-list() function */ /* When remembering whether or not there's a hyphen in white-space is too hard */ /* Use pie-clearfix when there is no width set ont the element to avoid edge cases */ /* Use to calculate color legibility: http://compass-style.org/reference/compass/utilities/color/contrast/ */ /* Other interesting functions: + @import "compass/utilities/color/contrast"; detailed here: http://compass-style.org/reference/compass/utilities/color/contrast/ Used to pass two colors into a get out the most readable color. Good for situations where we dont want to create a new color, @@ -174,7 +177,7 @@ .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} */ - /* FlexSlider Necessary Styles +/* FlexSlider Necessary Styles .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping .flexslider .slides img {width: 100%; display: block;} @@ -222,12 +225,15 @@ html[xmlns] .slides { display: block; } /* Define constants for the application and to configure the blueprint framework. */ /* ===== Compass Imports ===== */ /* DO NOT include Blueprint here. We are using Susy for the grid, and if Blueprint is here, it will mess things up */ +/* @import "compass/css3/columns" */ +/* @import "compass/css3/hyphenation"; */ /* Needed for the link-colors() function */ /* Needed for the horizontal-list() function */ /* When remembering whether or not there's a hyphen in white-space is too hard */ /* Use pie-clearfix when there is no width set ont the element to avoid edge cases */ /* Use to calculate color legibility: http://compass-style.org/reference/compass/utilities/color/contrast/ */ /* Other interesting functions: + @import "compass/utilities/color/contrast"; detailed here: http://compass-style.org/reference/compass/utilities/color/contrast/ Used to pass two colors into a get out the most readable color. Good for situations where we dont want to create a new color, @@ -499,9 +505,9 @@ a.button { border-color: transparent; } .search-field { - -webkit-transition: width 0.3s ease-in-out; -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; } .search-field:focus { @@ -556,10 +562,11 @@ a.button { 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: -webkit-linear-gradient(#3776ab 30%, #2d618c 95%); background-image: -moz-linear-gradient(#3776ab 30%, #2d618c 95%); - background-image: -o-linear-gradient(#3776ab 30%, #2d618c 95%); + background-image: -webkit-linear-gradient(#3776ab 30%, #2d618c 95%); background-image: linear-gradient(#3776ab 30%, #2d618c 95%); border-top: 1px solid #629ccd; border-bottom: 1px solid #18334b; @@ -576,14 +583,15 @@ a.button { 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: white; + 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: -webkit-linear-gradient(#326b9c 10%, #2d618c 90%); background-image: -moz-linear-gradient(#326b9c 10%, #2d618c 90%); - background-image: -o-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; } @@ -592,13 +600,14 @@ a.button { 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: -webkit-linear-gradient(#bbd4e9 10%, #d6e5f2 90%); background-image: -moz-linear-gradient(#bbd4e9 10%, #d6e5f2 90%); - background-image: -o-linear-gradient(#bbd4e9 10%, #d6e5f2 90%); + background-image: -webkit-linear-gradient(#bbd4e9 10%, #d6e5f2 90%); background-image: linear-gradient(#bbd4e9 10%, #d6e5f2 90%); - -webkit-box-shadow: inset 0 0 20px rgba(55, 118, 171, 0.15); -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 { @@ -613,25 +622,27 @@ a.button { .python-navigation .tier-2:last-child > a { border-bottom: 1px solid rgba(55, 118, 171, 0.25); } .python-navigation .current_item { - color: white; + 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: -webkit-linear-gradient(#2b5b84 10%, #244e71 90%); background-image: -moz-linear-gradient(#2b5b84 10%, #244e71 90%); - background-image: -o-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: #666666; + 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: -webkit-linear-gradient(#fcfdfe 10%, #d6e5f2 90%); background-image: -moz-linear-gradient(#fcfdfe 10%, #d6e5f2 90%); - background-image: -o-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; } @@ -642,17 +653,18 @@ a.button { 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: -webkit-linear-gradient(#78797a 30%, #646565 95%); background-image: -moz-linear-gradient(#78797a 30%, #646565 95%); - background-image: -o-linear-gradient(#78797a 30%, #646565 95%); + background-image: -webkit-linear-gradient(#78797a 30%, #646565 95%); background-image: linear-gradient(#78797a 30%, #646565 95%); border-top: 1px solid #9e9fa0; border-bottom: 1px solid #39393a; /*a*/ } .psf-navigation .tier-1 { border-top: 1px solid #929393; - border-right: 1px solid #5f5f60; + border-right: 1px solid #5f6060; border-bottom: 1px solid #454647; border-left: 1px solid #929393; } .psf-navigation .tier-1 > a { @@ -662,14 +674,15 @@ a.button { 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: white; + 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: -webkit-linear-gradient(#6e6f70 10%, #646565 90%); background-image: -moz-linear-gradient(#6e6f70 10%, #646565 90%); - background-image: -o-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; } @@ -678,13 +691,14 @@ a.button { 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: -webkit-linear-gradient(#dadada 10%, #ececec 90%); background-image: -moz-linear-gradient(#dadada 10%, #ececec 90%); - background-image: -o-linear-gradient(#dadada 10%, #ececec 90%); + background-image: -webkit-linear-gradient(#dadada 10%, #ececec 90%); background-image: linear-gradient(#dadada 10%, #ececec 90%); - -webkit-box-shadow: inset 0 0 20px rgba(120, 121, 122, 0.15); -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 { @@ -699,25 +713,27 @@ a.button { .psf-navigation .tier-2:last-child > a { border-bottom: 1px solid rgba(120, 121, 122, 0.25); } .psf-navigation .current_item { - color: white; + color: #fff; background-color: #525353; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5F5F60', endColorstr='#FF525353'); - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #5f5f60), color-stop(90%, #525353)); - background-image: -webkit-linear-gradient(#5f5f60 10%, #525353 90%); - background-image: -moz-linear-gradient(#5f5f60 10%, #525353 90%); - background-image: -o-linear-gradient(#5f5f60 10%, #525353 90%); - background-image: linear-gradient(#5f5f60 10%, #525353 90%); } + 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: #666666; + 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: -webkit-linear-gradient(#ffffff 10%, #ececec 90%); background-image: -moz-linear-gradient(#ffffff 10%, #ececec 90%); - background-image: -o-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; } @@ -728,12 +744,13 @@ a.button { 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: -webkit-linear-gradient(#ffd343 30%, #ffc91a 95%); background-image: -moz-linear-gradient(#ffd343 30%, #ffc91a 95%); - background-image: -o-linear-gradient(#ffd343 30%, #ffc91a 95%); + background-image: -webkit-linear-gradient(#ffd343 30%, #ffc91a 95%); background-image: linear-gradient(#ffd343 30%, #ffc91a 95%); - border-top: 1px solid #ffe58f; + border-top: 1px solid #ffe590; border-bottom: 1px solid #c39500; /*a*/ } .docs-navigation .tier-1 { @@ -742,20 +759,21 @@ a.button { border-bottom: 1px solid #dca900; border-left: 1px solid #ffdf76; } .docs-navigation .tier-1 > a { - color: #333333; + 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: white; + 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: -webkit-linear-gradient(#ffce2f 10%, #ffc91a 90%); background-image: -moz-linear-gradient(#ffce2f 10%, #ffc91a 90%); - background-image: -o-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; } @@ -764,13 +782,14 @@ a.button { 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: -webkit-linear-gradient(#ffffff 10%, #ffffff 90%); background-image: -moz-linear-gradient(#ffffff 10%, #ffffff 90%); - background-image: -o-linear-gradient(#ffffff 10%, #ffffff 90%); + background-image: -webkit-linear-gradient(#ffffff 10%, #ffffff 90%); background-image: linear-gradient(#ffffff 10%, #ffffff 90%); - -webkit-box-shadow: inset 0 0 20px rgba(255, 211, 67, 0.15); -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 { @@ -785,39 +804,42 @@ a.button { .docs-navigation .tier-2:last-child > a { border-bottom: 1px solid rgba(255, 211, 67, 0.25); } .docs-navigation .current_item { - color: white; - background-color: #f5bc00; + color: #fff; + background-color: #f6bc00; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFC710', endColorstr='#FFF5BC00'); - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffc710), color-stop(90%, #f5bc00)); - background-image: -webkit-linear-gradient(#ffc710 10%, #f5bc00 90%); - background-image: -moz-linear-gradient(#ffc710 10%, #f5bc00 90%); - background-image: -o-linear-gradient(#ffc710 10%, #f5bc00 90%); - background-image: linear-gradient(#ffc710 10%, #f5bc00 90%); } + 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: #666666; - border: 1px solid #fff1c2; + 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: -webkit-linear-gradient(#ffffff 10%, #ffffff 90%); background-image: -moz-linear-gradient(#ffffff 10%, #ffffff 90%); - background-image: -o-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: #ffcd29; } + 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: -webkit-linear-gradient(#82b043 30%, #6c9238 95%); background-image: -moz-linear-gradient(#82b043 30%, #6c9238 95%); - background-image: -o-linear-gradient(#82b043 30%, #6c9238 95%); + background-image: -webkit-linear-gradient(#82b043 30%, #6c9238 95%); background-image: linear-gradient(#82b043 30%, #6c9238 95%); border-top: 1px solid #a6ca75; border-bottom: 1px solid #3e5420; @@ -834,14 +856,15 @@ a.button { 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: white; + 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: -webkit-linear-gradient(#77a13d 10%, #6c9238 90%); background-image: -moz-linear-gradient(#77a13d 10%, #6c9238 90%); - background-image: -o-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; } @@ -850,13 +873,14 @@ a.button { 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: -webkit-linear-gradient(#ddebca 10%, #eef5e4 90%); background-image: -moz-linear-gradient(#ddebca 10%, #eef5e4 90%); - background-image: -o-linear-gradient(#ddebca 10%, #eef5e4 90%); + background-image: -webkit-linear-gradient(#ddebca 10%, #eef5e4 90%); background-image: linear-gradient(#ddebca 10%, #eef5e4 90%); - -webkit-box-shadow: inset 0 0 20px rgba(130, 176, 67, 0.15); -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 { @@ -871,25 +895,27 @@ a.button { .pypl-navigation .tier-2:last-child > a { border-bottom: 1px solid rgba(130, 176, 67, 0.25); } .pypl-navigation .current_item { - color: white; + 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: -webkit-linear-gradient(#678b35 10%, #59792e 90%); background-image: -moz-linear-gradient(#678b35 10%, #59792e 90%); - background-image: -o-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: #666666; + 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: -webkit-linear-gradient(#ffffff 10%, #eef5e4 90%); background-image: -moz-linear-gradient(#ffffff 10%, #eef5e4 90%); - background-image: -o-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; } @@ -900,10 +926,11 @@ a.button { 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: -webkit-linear-gradient(#a06ba7 30%, #8b5792 95%); background-image: -moz-linear-gradient(#a06ba7 30%, #8b5792 95%); - background-image: -o-linear-gradient(#a06ba7 30%, #8b5792 95%); + background-image: -webkit-linear-gradient(#a06ba7 30%, #8b5792 95%); background-image: linear-gradient(#a06ba7 30%, #8b5792 95%); border-top: 1px solid #bf9bc4; border-bottom: 1px solid #58375c; @@ -920,14 +947,15 @@ a.button { 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: white; + 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: -webkit-linear-gradient(#985f9f 10%, #8b5792 90%); background-image: -moz-linear-gradient(#985f9f 10%, #8b5792 90%); - background-image: -o-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; } @@ -936,13 +964,14 @@ a.button { 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: -webkit-linear-gradient(#eee5ef 10%, #fcfbfd 90%); background-image: -moz-linear-gradient(#eee5ef 10%, #fcfbfd 90%); - background-image: -o-linear-gradient(#eee5ef 10%, #fcfbfd 90%); + background-image: -webkit-linear-gradient(#eee5ef 10%, #fcfbfd 90%); background-image: linear-gradient(#eee5ef 10%, #fcfbfd 90%); - -webkit-box-shadow: inset 0 0 20px rgba(160, 107, 167, 0.15); -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 { @@ -957,25 +986,27 @@ a.button { .jobs-navigation .tier-2:last-child > a { border-bottom: 1px solid rgba(160, 107, 167, 0.25); } .jobs-navigation .current_item { - color: white; + 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: -webkit-linear-gradient(#85538c 10%, #764a7c 90%); background-image: -moz-linear-gradient(#85538c 10%, #764a7c 90%); - background-image: -o-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: #666666; + 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: -webkit-linear-gradient(#ffffff 10%, #fcfbfd 90%); background-image: -moz-linear-gradient(#ffffff 10%, #fcfbfd 90%); - background-image: -o-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; } @@ -986,10 +1017,11 @@ a.button { 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: -webkit-linear-gradient(#b55863 30%, #9e4650 95%); background-image: -moz-linear-gradient(#b55863 30%, #9e4650 95%); - background-image: -o-linear-gradient(#b55863 30%, #9e4650 95%); + background-image: -webkit-linear-gradient(#b55863 30%, #9e4650 95%); background-image: linear-gradient(#b55863 30%, #9e4650 95%); border-top: 1px solid #cc8d95; border-bottom: 1px solid #622b32; @@ -1006,14 +1038,15 @@ a.button { 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: white; + 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: -webkit-linear-gradient(#ac4c58 10%, #9e4650 90%); background-image: -moz-linear-gradient(#ac4c58 10%, #9e4650 90%); - background-image: -o-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; } @@ -1022,13 +1055,14 @@ a.button { 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: -webkit-linear-gradient(#f1dee0 10%, #fbf7f8 90%); background-image: -moz-linear-gradient(#f1dee0 10%, #fbf7f8 90%); - background-image: -o-linear-gradient(#f1dee0 10%, #fbf7f8 90%); + background-image: -webkit-linear-gradient(#f1dee0 10%, #fbf7f8 90%); background-image: linear-gradient(#f1dee0 10%, #fbf7f8 90%); - -webkit-box-shadow: inset 0 0 20px rgba(181, 88, 99, 0.15); -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 { @@ -1043,25 +1077,27 @@ a.button { .shop-navigation .tier-2:last-child > a { border-bottom: 1px solid rgba(181, 88, 99, 0.25); } .shop-navigation .current_item { - color: white; + 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: -webkit-linear-gradient(#97434d 10%, #853b44 90%); background-image: -moz-linear-gradient(#97434d 10%, #853b44 90%); - background-image: -o-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: #666666; + 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: -webkit-linear-gradient(#ffffff 10%, #fbf7f8 90%); background-image: -moz-linear-gradient(#ffffff 10%, #fbf7f8 90%); - background-image: -o-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; } @@ -1141,7 +1177,7 @@ a.button { .pep-list-header, .pep-index-list li, .info-key { - margin: 0 -0.5em; } + margin: 0 -.5em; } .pep-list-header { display: block; } @@ -1180,15 +1216,15 @@ a.button { .listing-company-category:before { content: "Category: "; - color: #666666; } + color: #666; } .listing-job-title:before { content: "Title: "; - color: #666666; } + color: #666; } .listing-job-type:before { content: "Looking for: "; - color: #666666; } + color: #666; } .release-number, .release-date, @@ -1211,13 +1247,38 @@ a.button { .release-enhancements { width: 25%; } +.release-version, +.release-status, +.release-start, +.release-end, +.release-pep { + -moz-box-orient: vertical; + display: inline-block; + margin-right: -4px; + vertical-align: middle; } + +.release-version { + width: 15%; } + +.release-status { + width: 20%; } + +.release-start { + width: 25%; } + +.release-end { + width: 25%; } + +.release-pep { + width: 15%; } + /* Previous Next pattern */ .previous-next { overflow: hidden; *zoom: 1; } .previous-next a { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; } .previous-next .prev-button { width: 48.93617%; @@ -1251,7 +1312,7 @@ a.button { display: inline-block; } .site-headline { - margin: 0.25em 0 0.5em; } + margin: .25em 0 .5em; } .site-headline a .python-logo { width: 255.2px; @@ -1267,8 +1328,8 @@ a.button { margin: 0.875em 0; } .search-field { - background: white; - padding: 0.4em 0.5em 0.3em; + background: #fff; + padding: .4em .5em .3em; margin-right: .5em; width: 11em; } .search-field:focus { @@ -1312,39 +1373,38 @@ a.button { top: -9999px; right: 2.6em; white-space: nowrap; - padding: 0.4em 0.75em 0.35em; - color: #999999; + 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: -webkit-linear-gradient(#333333 10%, #1f1f1f 90%); background-image: -moz-linear-gradient(#333333 10%, #1f1f1f 90%); - background-image: -o-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 #444444; - border-right: 1px solid #444444; - border-bottom: 1px solid #444444; - border-left: 1px solid #444444; - -webkit-border-radius: 6px; + border-top: 1px solid #444; + border-right: 1px solid #444; + border-bottom: 1px solid #444; + border-left: 1px solid #444; -moz-border-radius: 6px; - -ms-border-radius: 6px; - -o-border-radius: 6px; + -webkit-border-radius: 6px; border-radius: 6px; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); -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); - -webkit-transition: opacity 0.25s ease-in-out, top 0s linear; - -webkit-transition-delay: 0s, 0.25s; -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; - -webkit-transition: opacity 0.25s ease-in-out, top 0s linear; -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; } .introduction { @@ -1373,24 +1433,24 @@ a.button { padding-top: 1em; } .about-banner { - background: 120% 0 no-repeat url('../img/landing-about.png?1543670309') transparent; + background: 120% 0 no-repeat url('../img/landing-about.png?1576869008') transparent; min-height: 345px; padding-bottom: 3.5em; margin-bottom: -2.5em; } .download-for-current-os { - background: 130% 0 no-repeat url('../img/landing-downloads.png?1543670309') transparent; + background: 130% 0 no-repeat url('../img/landing-downloads.png?1576869008') transparent; min-height: 345px; padding-bottom: 4em; margin-bottom: -3em; } .documentation-banner { - background: 130% 0 no-repeat url('../img/landing-docs.png?1543670309') transparent; + background: 130% 0 no-repeat url('../img/landing-docs.png?1576869008') transparent; padding-bottom: 1em; } .community-banner { text-align: left; - background: 110% 0 no-repeat url('../img/landing-community.png?1543670309') transparent; + background: 110% 0 no-repeat url('../img/landing-community.png?1576869008') transparent; min-height: 345px; padding-bottom: 2em; margin-bottom: -1.25em; } @@ -1494,7 +1554,7 @@ a.button { right: 1em; width: 210px; height: 210px; - background: top left no-repeat url('../img/python-logo-large.png?1543670309') transparent; } + 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%; } @@ -1542,7 +1602,7 @@ a.button { float: left; margin-right: 2.12766%; } .listing-company .listing-company-name a:hover:after, .listing-company .listing-company-name a:focus:after { - color: #666666; + color: #666; content: " View Details"; font-size: .75em; } .listing-company .listing-location { @@ -1639,7 +1699,7 @@ a.button { /* 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; + padding: .5em 1.5em .4em 1em; position: relative; } .main-navigation .tier-1 { display: block; @@ -1665,20 +1725,20 @@ a.button { .no-touch .main-navigation .subnav { min-width: 100%; display: none; - -webkit-transition: all 0s ease; -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; - -webkit-transition: opacity 0.25s ease-in-out; -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; - -webkit-box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.6); -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; @@ -1693,16 +1753,16 @@ a.button { .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: 0.25s; -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; - -webkit-transition-delay: 0.25s; -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 */ } @@ -1731,13 +1791,11 @@ a.button { display: block; text-align: center; font-size: 1.125em; - -webkit-border-radius: 8px; -moz-border-radius: 8px; - -ms-border-radius: 8px; - -o-border-radius: 8px; + -webkit-border-radius: 8px; border-radius: 8px; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -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; } @@ -1765,7 +1823,7 @@ a.button { .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; } + padding: .65em 1.25em .55em; } .no-touch .main-navigation .tier-2 { font-size: 0.875em; } @@ -1825,7 +1883,7 @@ a.button { /*.subnav li*/ .super-navigation { - color: #666666; + color: #666; position: absolute; /* relative to the containing LI */ top: 0; @@ -1852,7 +1910,7 @@ a.button { line-height: 1.25em; margin-bottom: 0; } .super-navigation p.date-posted { - color: #666666; + color: #666; font-size: 0.625em !important; font-style: italic; } .super-navigation p.excert { @@ -1924,7 +1982,7 @@ a.button { .text { /* Make the intro/first paragraphs slightly larger? */ } .text > p:first-of-type { - color: #666666; + color: #666; font-size: 1.125em; line-height: 1.6875; margin-bottom: 1.25em; } @@ -2054,7 +2112,7 @@ a.button { .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(Opacity=100); + filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .home-slideshow .flex-direction-nav .flex-prev { left: -.75em; } @@ -2073,3 +2131,5 @@ a.button { .site-headline a, .site-headline a .python-logo { width: 290px; height: 82px; } + +/*# sourceMappingURL=no-mq.css.map */ diff --git a/static/sass/style.css b/static/sass/style.css index 1425afb3e..618c2ad9f 100644 --- a/static/sass/style.css +++ b/static/sass/style.css @@ -2,12 +2,15 @@ /* Define constants for the application and to configure the blueprint framework. */ /* ===== Compass Imports ===== */ /* DO NOT include Blueprint here. We are using Susy for the grid, and if Blueprint is here, it will mess things up */ +/* @import "compass/css3/columns" */ +/* @import "compass/css3/hyphenation"; */ /* Needed for the link-colors() function */ /* Needed for the horizontal-list() function */ /* When remembering whether or not there's a hyphen in white-space is too hard */ /* Use pie-clearfix when there is no width set ont the element to avoid edge cases */ /* Use to calculate color legibility: http://compass-style.org/reference/compass/utilities/color/contrast/ */ /* Other interesting functions: + @import "compass/utilities/color/contrast"; detailed here: http://compass-style.org/reference/compass/utilities/color/contrast/ Used to pass two colors into a get out the most readable color. Good for situations where we dont want to create a new color, @@ -112,13 +115,14 @@ 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: -webkit-linear-gradient(#1e415e 10%, #2b5b84 90%); background-image: -moz-linear-gradient(#1e415e 10%, #2b5b84 90%); - background-image: -o-linear-gradient(#1e415e 10%, #2b5b84 90%); + background-image: -webkit-linear-gradient(#1e415e 10%, #2b5b84 90%); background-image: linear-gradient(#1e415e 10%, #2b5b84 90%); - -webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.03), inset 0 0 20px rgba(0, 0, 0, 0.03); -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); } .psf-widget, .python-needs-you-widget { @@ -134,13 +138,14 @@ 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: -webkit-linear-gradient(#e6e8ea 10%, #d8dbde 90%); background-image: -moz-linear-gradient(#e6e8ea 10%, #d8dbde 90%); - background-image: -o-linear-gradient(#e6e8ea 10%, #d8dbde 90%); + background-image: -webkit-linear-gradient(#e6e8ea 10%, #d8dbde 90%); background-image: linear-gradient(#e6e8ea 10%, #d8dbde 90%); - -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.01); -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 { @@ -157,13 +162,14 @@ 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: -webkit-linear-gradient(#ffe89f 10%, #ffdd6c 90%); background-image: -moz-linear-gradient(#ffe89f 10%, #ffdd6c 90%); - background-image: -o-linear-gradient(#ffe89f 10%, #ffdd6c 90%); + background-image: -webkit-linear-gradient(#ffe89f 10%, #ffdd6c 90%); background-image: linear-gradient(#ffe89f 10%, #ffdd6c 90%); - -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05); -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); } .single-event-date { @@ -184,95 +190,99 @@ color: #4d4d4d !important; font-weight: normal; margin-bottom: 0.4375em; - padding: 0.4em 0.75em 0.35em; + padding: .4em .75em .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: -webkit-linear-gradient(#d9d9d9 10%, #cccccc 90%); background-image: -moz-linear-gradient(#d9d9d9 10%, #cccccc 90%); - background-image: -o-linear-gradient(#d9d9d9 10%, #cccccc 90%); + background-image: -webkit-linear-gradient(#d9d9d9 10%, #cccccc 90%); background-image: linear-gradient(#d9d9d9 10%, #cccccc 90%); border-top: 1px solid #caccce; border-right: 1px solid #caccce; - border-bottom: 1px solid #999999; + border-bottom: 1px solid #999; border-left: 1px solid #caccce; - -webkit-border-radius: 6px; -moz-border-radius: 6px; - -ms-border-radius: 6px; - -o-border-radius: 6px; + -webkit-border-radius: 6px; border-radius: 6px; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05), inset 0 0 5px rgba(255, 255, 255, 0.5); -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, .header-banner .button:hover, .header-banner a.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, + .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, .header-banner .button:focus, .header-banner a.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 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, .header-banner .button:active, .header-banner a.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 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: -webkit-linear-gradient(#e6e6e6 10%, #d9d9d9 90%); background-image: -moz-linear-gradient(#e6e6e6 10%, #d9d9d9 90%); - background-image: -o-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 { 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: -webkit-linear-gradient(#ffdf76 10%, #ffd343 90%); background-image: -moz-linear-gradient(#ffdf76 10%, #ffd343 90%); - background-image: -o-linear-gradient(#ffdf76 10%, #ffd343 90%); + background-image: -webkit-linear-gradient(#ffdf76 10%, #ffd343 90%); background-image: linear-gradient(#ffdf76 10%, #ffd343 90%); 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, .header-banner a.button:hover, .psf-widget .button:active, .python-needs-you-widget .button:active, .donate-button:active, .header-banner .button:active, .header-banner a.button:active { + .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: -webkit-linear-gradient(#ffeba9 10%, #ffd343 90%); background-image: -moz-linear-gradient(#ffeba9 10%, #ffd343 90%); - background-image: -o-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"] { 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: -webkit-linear-gradient(#c57b84 10%, #b55863 90%); background-image: -moz-linear-gradient(#c57b84 10%, #b55863 90%); - background-image: -o-linear-gradient(#c57b84 10%, #b55863 90%); + background-image: -webkit-linear-gradient(#c57b84 10%, #b55863 90%); background-image: linear-gradient(#c57b84 10%, #b55863 90%); border-top: 1px solid #74333b; border-right: 1px solid #74333b; border-bottom: 1px solid #74333b; border-left: 1px solid #74333b; - color: white !important; } + 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: white !important; + 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: -webkit-linear-gradient(#d49fa5 10%, #b55863 90%); background-image: -moz-linear-gradient(#d49fa5 10%, #b55863 90%); - background-image: -o-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], @@ -283,17 +293,18 @@ button[type=submit], .search-button, #dive-into-python .flex-control-paging a, . 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: -webkit-linear-gradient(#3776ab 10%, #2b5b84 90%); background-image: -moz-linear-gradient(#3776ab 10%, #2b5b84 90%); - background-image: -o-linear-gradient(#3776ab 10%, #2b5b84 90%); + background-image: -webkit-linear-gradient(#3776ab 10%, #2b5b84 90%); background-image: linear-gradient(#3776ab 10%, #2b5b84 90%); border-top: 1px solid #3d83be; border-right: 1px solid #3776ab; border-bottom: 1px solid #3776ab; border-left: 1px solid #3d83be; - -webkit-box-shadow: inset 0 0 5px rgba(55, 118, 171, 0.2); -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, @@ -305,10 +316,11 @@ button[type=submit], .search-button, #dive-into-python .flex-control-paging a, . 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: -webkit-linear-gradient(#316998 10%, #244e71 90%); background-image: -moz-linear-gradient(#316998 10%, #244e71 90%); - background-image: -o-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), @@ -336,8 +348,8 @@ button[type=submit], .search-button, #dive-into-python .flex-control-paging a, . .pagination a { /* Used in the pagination UL anchors, and in the Previous Next pattern */ display: block; - color: #999999; - padding: 0.5em 0.75em 0.4em; + color: #999; + padding: .5em .75em .4em; border: 1px solid #caccce; background-color: transparent; } @@ -393,7 +405,7 @@ form, .header-banner, .success-stories-widget .quote-from { .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} */ - /* FlexSlider Necessary Styles +/* FlexSlider Necessary Styles .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping .flexslider .slides img {width: 100%; display: block;} @@ -479,14 +491,14 @@ q q:after { content: "’"; } ins { - background-color: #dddddd; - color: #222222; + background-color: #ddd; + color: #222; text-decoration: none; } mark { display: inline-block; - padding: 0 0.25em; - margin: 0 -0.125em; + padding: 0 .25em; + margin: 0 -.125em; background-color: #ffb; /* light yellow */ } @@ -585,7 +597,7 @@ sub { 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 */ @@ -662,7 +674,6 @@ abbr.truncation { /* Stupid IE: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ */ @-ms-viewport { width: device-width; } - canvas { -ms-touch-action: double-tap-zoom; } @@ -701,20 +712,20 @@ html { font: normal 100%/1.625 SourceSansProRegular, Arial, sans-serif; } body { - color: #444444; - background-color: white; + 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; } body, input, textarea, select, button { - color: #444444; + color: #444; font: normal 100%/1.625 SourceSansProRegular, Arial, sans-serif; } * { - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; box-sizing: border-box; } a, a:active, a:visited, a:hover, a:visited:hover { @@ -726,7 +737,7 @@ a:hover, a:focus { /*modernizr*/ .touch a[href^="tel:"] { - border-bottom: 1px dotted #444444; } + border-bottom: 1px dotted #444; } a img { display: block; @@ -778,34 +789,34 @@ h1, .alpha { margin-bottom: 0.4375em; } h2, .beta { - color: #999999; + color: #999; font-family: SourceSansProRegular, Arial, sans-serif; font-size: 1.5em; margin-top: 1.3125em; margin-bottom: 0.32813em; } h3, .chi { - color: #222222; + color: #222; font-size: 1.3125em; margin-top: 1.75em; margin-bottom: 0.4375em; } h4, .delta { - color: #222222; + color: #222; font-family: SourceSansProBold, Arial, sans-serif; font-size: 1.125em; margin-top: 1.3125em; margin-bottom: 0.4375em; } h5, .epsilon { - color: #222222; + color: #222; font-family: SourceSansProBold, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.0625em; margin-top: 1.75em; } h6, .gamma { - color: #222222; + color: #222; font-family: SourceSansProBold, Arial, sans-serif; margin-top: 1.75em; } @@ -856,7 +867,7 @@ dl { label { display: block; - color: #999999; + color: #999; font-weight: bold; margin-top: 0.875em; margin-top: 0.21875em; } @@ -867,10 +878,8 @@ input, textarea { width: 100%; padding: .65em; border: 1px solid #caccce; - -webkit-border-radius: 6px; -moz-border-radius: 6px; - -ms-border-radius: 6px; - -o-border-radius: 6px; + -webkit-border-radius: 6px; border-radius: 6px; } input, textarea, select { @@ -887,22 +896,22 @@ input[type=radio] { input { /*modernizr*/ } .no-touch input:focus { - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); -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 { - -webkit-box-shadow: 0px 0px 10px rgba(255, 0, 0, 0.5); -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); } ::-webkit-input-placeholder { - color: #999999; + color: #999; font-style: italic; } input:-moz-placeholder { - color: #999999; + color: #999; font-style: italic; } /* Not a mistake... I repeat a.button and .button so I do not need to add !important to the color declaration */ @@ -910,27 +919,29 @@ input[type=submit], input[type=reset], button, a.button, .button { display: block; } input[type=reset], button.secondaryAction[type=submit] { - background-color: #999999; + 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: -webkit-linear-gradient(#b3b3b3 10%, #999999 90%); background-image: -moz-linear-gradient(#b3b3b3 10%, #999999 90%); - background-image: -o-linear-gradient(#b3b3b3 10%, #999999 90%); + background-image: -webkit-linear-gradient(#b3b3b3 10%, #999999 90%); background-image: linear-gradient(#b3b3b3 10%, #999999 90%); border-top: 1px solid #caccce; - border-right: 1px solid #999999; + border-right: 1px solid #999; border-bottom: 1px solid gray; - border-left: 1px solid #999999; } + 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: white; + 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: -webkit-linear-gradient(#999999 10%, #b3b3b3 90%); background-image: -moz-linear-gradient(#999999 10%, #b3b3b3 90%); - background-image: -o-linear-gradient(#999999 10%, #b3b3b3 90%); + background-image: -webkit-linear-gradient(#999999 10%, #b3b3b3 90%); background-image: linear-gradient(#999999 10%, #b3b3b3 90%); } /* Reset for a special case */ @@ -999,14 +1010,15 @@ h2.not-column { /* ! ===== 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 { - color: white; + 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: -webkit-linear-gradient(#13191e 10%, #1f2a32 90%); background-image: -moz-linear-gradient(#13191e 10%, #1f2a32 90%); - background-image: -o-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%; } @@ -1018,10 +1030,10 @@ h2.not-column { .top-bar a { position: relative; display: block; - color: #999999; + color: #999; background: transparent; text-align: center; - padding: 0.5em 0.75em 0.4em; + padding: .5em .75em .4em; font-size: 1em; line-height: 1.75em; /* no fallback for .no-generatedcontent. This is a progressive enhancement */ } @@ -1070,14 +1082,14 @@ h2.not-column { /* Used in both the main-header and the header-banner */ .main-header { border-top: 1px solid #191919; - border-bottom: 1px solid #444444; } + border-bottom: 1px solid #444; } .main-header .container { text-align: center; - padding: 0.75em 1em; } + padding: .75em 1em; } /*h1*/ .site-headline { - color: white; + color: #fff; margin: 0.15em auto 0.2em; } .site-headline a { display: block; @@ -1101,16 +1113,14 @@ h2.not-column { .options-bar { width: 100%; - color: #bbbbbb; + color: #bbb; margin-bottom: 1.3125em; border-top: 1px solid #2d3e4d; border-bottom: 1px solid #070a0c; background-color: #1e2933; line-height: 1em; - -webkit-border-radius: 6px; -moz-border-radius: 6px; - -ms-border-radius: 6px; - -o-border-radius: 6px; + -webkit-border-radius: 6px; border-radius: 6px; } .options-bar form { padding: 0.35em 0.2em 0.3em; } @@ -1162,24 +1172,24 @@ input#s, border-right: 1px solid #070a0c; } #site-map-link { - color: #bbbbbb; } + color: #bbb; } #site-map-link:hover, #site-map-link:focus { - color: white; } + color: #fff; } .no-touch #site-map-link { display: none; } .menu-icon { display: inline-block; font-size: 1.25em; - margin: -0.125em -0.125em 0 0; } + margin: -.125em -.125em 0 0; } /*form*/ .search-the-site { text-align: left; - padding: 0.35em 0.2em 0.3em; } + padding: .35em .2em .3em; } .search-the-site .icon-search:before { font-size: 1.75em; - margin: 0 0.125em 0 0.25em; } + margin: 0 .125em 0 .25em; } .search-the-site .no-touch { border-left: 0; } @@ -1187,30 +1197,28 @@ input#s, .search-field { width: 4.5em; margin-bottom: 0; - color: #bbbbbb; + color: #bbb; background-color: transparent; border: none; - margin: 0.125em 0; - padding: 0.4em 0 0.3em; - -webkit-border-radius: 0px; + margin: .125em 0; + padding: .4em 0 .3em; -moz-border-radius: 0px; - -ms-border-radius: 0px; - -o-border-radius: 0px; + -webkit-border-radius: 0px; border-radius: 0px; } .search-field::-webkit-input-placeholder { - color: #bbbbbb; + color: #bbb; font-style: normal; } .search-field:-moz-placeholder { - color: #bbbbbb; + color: #bbb; font-style: normal; } .search-field:focus { - background-color: white; - color: #444444; - padding: 0.4em 0.5em 0.3em; + 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: #bbbbbb; } + color: #bbb; } .search-button { margin-right: 0.2em; @@ -1269,7 +1277,7 @@ input#s, .account-signin .tier-1 > a, .account-signin .tier-2 > a { display: block; - padding: 0.5em 1.5em 0.4em 1em; + padding: .5em 1.5em .4em 1em; position: relative; } .adjust-font-size .tier-1, .winkwink-nudgenudge .tier-1, @@ -1343,9 +1351,9 @@ input#s, .account-signin .subnav { min-width: 100%; display: none; - -webkit-transition: all 0s ease; -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 @@ -1353,12 +1361,12 @@ input#s, top: 120%; display: none; opacity: 0; - -webkit-transition: opacity 0.25s ease-in-out; -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; - -webkit-box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.6); -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 @@ -1391,9 +1399,9 @@ input#s, .account-signin .element-4:focus .subnav { left: 0; display: initial; - -webkit-transition-delay: 0.25s; -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 @@ -1418,9 +1426,9 @@ input#s, .account-signin .last:focus .subnav { right: 0; display: initial; - -webkit-transition-delay: 0.25s; -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 @@ -1523,7 +1531,7 @@ input#s, .adjust-font-size a, .winkwink-nudgenudge a, .account-signin a { - color: #bbbbbb; + color: #bbb; background-color: transparent; } .adjust-font-size .tier-1, .winkwink-nudgenudge .tier-1, @@ -1549,7 +1557,7 @@ input#s, .account-signin .subnav a:hover, .account-signin .subnav a:focus { color: #e6e8ea; - background-color: #999999; } + 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 { @@ -1563,12 +1571,12 @@ input#s, .winkwink-nudgenudge .subnav, .touch .account-signin .subnav { top: 135%; - border: 3px solid #666666; } + 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 #666666 transparent; } + border-color: transparent transparent #666 transparent; } .adjust-font-size :hover .subnav, .winkwink-nudgenudge :hover .subnav, .account-signin :hover .subnav { @@ -1587,7 +1595,7 @@ input#s, .adjust-font-size .tier-1 > a, .winkwink-nudgenudge .tier-1 > a, .account-signin .tier-1 > a { - padding: 1em 1em 0.875em; } + padding: 1em 1em .875em; } /* ! ===== Main navigation – In _layout.scss and _mixins.scss, as we don't display it here ===== */ .main-navigation { @@ -1614,8 +1622,8 @@ input#s, margin: 0 auto; max-width: 61.25em; background: #1e2933; - -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.6); -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); } .slide-code, @@ -1629,9 +1637,9 @@ input#s, display: inline-block; color: #11a611; } .slide-code code .comment { - color: #666666; } + color: #666; } .slide-code code .output { - color: #dddddd; } + color: #ddd; } .js .launch-shell, .no-js .launch-shell { display: none; } @@ -1657,11 +1665,11 @@ input#s, 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); + 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(Opacity=100); + filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .introduction { @@ -1678,7 +1686,7 @@ input#s, 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: white; } + color: #fff; } .introduction .breaker { display: none; } @@ -1709,10 +1717,11 @@ input#s, 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: -webkit-linear-gradient(#fcfcfc 10%, #f9f9f9 90%); background-image: -moz-linear-gradient(#fcfcfc 10%, #f9f9f9 90%); - background-image: -o-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; } @@ -1725,7 +1734,7 @@ input#s, padding-bottom: 1.75em; } .page-title { - color: #666666; + color: #666; word-spacing: .15em; font-size: 2em; } .fontface .page-title { @@ -1853,7 +1862,7 @@ input#s, .sidebar-widget form button, .sidebar-widget form input[type=submit] { font-size: 1.125em; - padding: 0.4em 1em 0.35em; } + padding: .4em 1em .35em; } .text a:not(.button), .sidebar-widget a:not(.button) { display: inline; @@ -1937,7 +1946,7 @@ input#s, letter-spacing: 0.125em; } .text var, .sidebar-widget var { - color: #222222; + color: #222; font-size: 104%; font-weight: 700; } .text code, .text kbd, .text samp, @@ -1953,59 +1962,55 @@ input#s, .sidebar-widget samp { border-bottom: 1px solid #caccce; background-color: #e6e8ea; - padding: 0.125em 0.375em 0; - margin: 0 0.25em; } + padding: .125em .375em 0; + margin: 0 .25em; } .text code, .text kbd, .sidebar-widget code, .sidebar-widget kbd { - padding: 0.125em 0.375em 0; - margin: 0 -0.0625em; + padding: .125em .375em 0; + margin: 0 -.0625em; background: #e6e8ea; background: rgba(230, 232, 234, 0.5); - -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1) inset; -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; - -webkit-border-radius: 6px; -moz-border-radius: 6px; - -ms-border-radius: 6px; - -o-border-radius: 6px; + -webkit-border-radius: 6px; border-radius: 6px; } .text pre, .sidebar-widget pre { padding: .5em; border-left: 5px solid #11a611; background: #e6e8ea; - -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1) inset; -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; - -webkit-box-shadow: 0; -moz-box-shadow: 0; + -webkit-box-shadow: 0; box-shadow: 0; - -webkit-border-radius: 0; -moz-border-radius: 0; - -ms-border-radius: 0; - -o-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: #999999; } + color: #999; } /* Prettier tables if authors use the correct elements */ table caption { caption-side: top; - color: #444444; + color: #444; font-size: 1.125em; text-align: left; margin-bottom: 1.75em; } table thead, table tfoot { - border-bottom: 1px solid #dddddd; } + border-bottom: 1px solid #ddd; } table tr { background-color: #f6f6f6; } table tr th { @@ -2013,49 +2018,49 @@ table tr { table tr:nth-of-type(even), table tr.even { background-color: #f0f0f0; } table th, table td { - padding: 0.25em 0.5em 0.2em; - border-left: 2px solid white; } + padding: .25em .5em .2em; + border-left: 2px solid #fff; } table th:first-child, table td:first-child { border-left: none; } table tfoot { - border-top: 1px solid #dddddd; } + border-top: 1px solid #ddd; } .row-title { border-top: 5px solid #d4dbe1; padding: 0.75em 1em 0.5em; } /* ! ===== Widget Styles ===== */ -.small-widget, .download-list-widget, .most-recent-events, .triple-widget, .most-recent-posts, +.small-widget, .download-list-widget, .active-release-list-widget, .most-recent-events, .triple-widget, .most-recent-posts, .medium-widget, .sidebar-widget { border-top: 5px solid #e6e8ea; padding: 1.25em; } - .small-widget h4, .download-list-widget h4, .most-recent-events h4, .triple-widget h4, .most-recent-posts h4, + .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, .most-recent-events p, .triple-widget p, .most-recent-posts p, + .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, .most-recent-events ul, .triple-widget ul, .most-recent-posts ul, + .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, .most-recent-events p:last-child, .triple-widget p:last-child, .most-recent-posts p:last-child, + .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, .most-recent-events ul:last-child, .triple-widget ul:last-child, .most-recent-posts ul: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, .most-recent-events li > a, .triple-widget li > a, .most-recent-posts li > a, + .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; } .widget-title, .listing-company { - color: #444444; + color: #444; line-height: 1.25em; margin: 0 0 0.1em; font-family: Flux-Regular, SourceSansProRegular, Arial, sans-serif; @@ -2078,30 +2083,30 @@ table tfoot { margin-right: .25em; } .widget-title > span:before, .listing-company > span:before { - color: #999999; } + color: #999; } /* ! ===== Section Specific Widget Colorways ===== */ -.python .small-widget, .python .download-list-widget, .python .most-recent-events, .python .triple-widget, .python .most-recent-posts, .python +.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 .most-recent-events, .psf-home .triple-widget, .psf-home .most-recent-posts, .psf-home +.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 .most-recent-events, .docs .triple-widget, .docs .most-recent-posts, .docs +.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 .most-recent-events, .pypl .triple-widget, .pypl .most-recent-posts, .pypl +.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 .most-recent-events, .jobs .triple-widget, .jobs .most-recent-posts, .jobs +.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 .most-recent-events, .shop .triple-widget, .shop .most-recent-posts, .shop +.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; } @@ -2147,24 +2152,23 @@ table tfoot { letter-spacing: 0.01em; } .success-stories-widget blockquote { - color: #666666; - background-color: #ffe58f; + color: #666; + background-color: #ffe590; padding: 0.7em 1em 0.875em; margin-bottom: 0.4375em; font-size: 1em; line-height: 1.75em; background-color: #ffdf76; *zoom: 1; - filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFE58F', endColorstr='#FFFFDF76'); - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffe58f), color-stop(90%, #ffdf76)); - background-image: -webkit-linear-gradient(#ffe58f 10%, #ffdf76 90%); - background-image: -moz-linear-gradient(#ffe58f 10%, #ffdf76 90%); - background-image: -o-linear-gradient(#ffe58f 10%, #ffdf76 90%); - background-image: linear-gradient(#ffe58f 10%, #ffdf76 90%); - -webkit-border-radius: 6px; + 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; - -ms-border-radius: 6px; - -o-border-radius: 6px; + -webkit-border-radius: 6px; border-radius: 6px; } .success-stories-widget blockquote:after { position: absolute; @@ -2178,7 +2182,7 @@ table tfoot { bottom: -2.875em; border-top-color: #ffdf76; } .success-stories-widget blockquote a { - color: #666666; } + 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 { @@ -2221,7 +2225,7 @@ table tfoot { .applications-widget ul { border-top: 1px solid #caccce; } .applications-widget li { - padding: 0.5em 0 0.4em; + padding: .5em 0 .4em; border-bottom: 1px solid #caccce; } .shrubbery { @@ -2233,9 +2237,9 @@ table tfoot { top: .25em; right: .25em; } .shrubbery .give-me-more a { - color: #999999; } + color: #999; } .shrubbery .give-me-more a:hover, .shrubbery .give-me-more a:active { - color: #666666; } + color: #666; } /* ! ===== PSF Board Meeting Minutes ===== */ .draft-preview { @@ -2258,7 +2262,7 @@ table tfoot { .pep-widget .widget-title a:hover, .pep-widget .widget-title a:active { color: #1f3b47; } .pep-widget .pep-number { - color: #666666; + color: #666; font-family: SourceSansProBold, Arial, sans-serif; display: inline-block; width: 3em; } @@ -2275,9 +2279,9 @@ table tfoot { color: #3776ab; background-color: #f2f4f6; border-bottom: 1px solid #e6eaee; - padding: 0.6em 0.75em 0.5em; } + padding: .6em .75em .5em; } .pep-list li a:hover, .pep-list li a:focus, .pep-list li a:active { - color: #222222; + color: #222; background-color: #fefefe; } .rss-link { @@ -2317,10 +2321,10 @@ table tfoot { display: inline-block; color: #3776ab; } .pep-index-list a:hover, .pep-index-list a:focus, .pep-index-list a:active { - color: #222222; } + color: #222; } .pep-type, .pep-num, .pep-title, .pep-owner { - padding: 0.5em 0.5em 0.4em; + padding: .5em .5em .4em; border-bottom: 1px solid #e3e7ec; } .footnote .label { @@ -2330,7 +2334,7 @@ table tfoot { .info-key dt, .info-key dd { display: block; float: left; - padding: 0.5em 0.5em 0.4em; } + padding: .5em .5em .4em; } .info-key dt { width: 25%; } .info-key dd { @@ -2348,14 +2352,14 @@ table tfoot { */ .pep-owner-header { - margin: 0 -0.5em; + margin: 0 -.5em; overflow: hidden; *zoom: 1; } .pep-owner-header .label { font-family: SourceSansProBold, Arial, sans-serif; float: left; width: 50%; - padding: 0.25em 0.5em 0.2em; } + padding: .25em .5em .2em; } .pep-owner-list li { background-color: #f2f4f6; @@ -2367,12 +2371,12 @@ table tfoot { .pep-owner-list .owner-name, .pep-owner-list .owner-email { float: left; width: 50%; - padding: 0.5em 0.5em 0.4em; } + padding: .5em .5em .4em; } /* ! ===== Success Stories landing page ===== */ .featured-success-story { padding: 1.3125em 0; - background: center -230px no-repeat url('../img/success-glow2.png?1543670309') transparent; + background: center -230px no-repeat url('../img/success-glow2.png?1576869008') transparent; /*blockquote*/ } .featured-success-story img { padding: 10px 30px; } @@ -2454,7 +2458,7 @@ p.quote-by-organization { .latest-blog-post .readmore, .featured-event .readmore { color: #ffd343; } .latest-blog-post .readmore:hover, .latest-blog-post .readmore:focus, .featured-event .readmore:hover, .featured-event .readmore:focus { - color: white; } + color: #fff; } .most-recent-posts li time { position: relative; } @@ -2466,10 +2470,10 @@ p.quote-by-organization { margin-top: 1.3125em; } .list-recent-events, .list-recent-posts { - border-top: 1px solid #dddddd; } + border-top: 1px solid #ddd; } .list-recent-events li, .list-recent-posts li { position: relative; - border-bottom: 1px solid #dddddd; + border-bottom: 1px solid #ddd; padding: 0 0 0.75em; } .list-recent-events li .date-start, .list-recent-events li .date-end, @@ -2494,7 +2498,7 @@ p.quote-by-organization { /* resets as this is an H3 element and it behaves differently */ margin-top: .75em; margin-bottom: 1.25em; - padding: 0.5em 0.75em; } + padding: .5em .75em; } .event-description { padding: 1.3125em 0; } @@ -2505,19 +2509,17 @@ p.quote-by-organization { /* ! ===== Community landing page ===== */ .community-success-stories blockquote { padding: 0; - color: #666666; + color: #666; line-height: 1.5; } .community-success-stories blockquote:before { content: ''; } .python-weekly { background-color: #f2f4f6; - -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; - -ms-border-radius: 0 0 8px 8px; - -o-border-radius: 0 0 8px 8px; + -webkit-border-radius: 0; border-radius: 0 0 8px 8px; - padding: 0.75em 1em; } + padding: .75em 1em; } /*ul*/ .twitter-stream li { @@ -2545,15 +2547,15 @@ p.quote-by-organization { /*a*/ } .tag-wrapper .tag { white-space: nowrap; - color: #666666; + color: #666; font-size: 0.875em; vertical-align: baseline; - padding: 0.2em 0.4em 0.1em; + padding: .2em .4em .1em; background-color: #e6e8ea; border-top: 1px solid #f2f4f6; border-bottom: 1px solid #caccce; } .tag-wrapper .tag:hover, .tag-wrapper .tag:focus { - color: #444444; + color: #444; background-color: #d0d4d7; border-top: 1px solid #dae0e5; border-bottom: 1px solid #b5b8ba; } @@ -2571,13 +2573,13 @@ p.quote-by-organization { /* ! ===== Stylized lists of items, used on Downloads and others ===== */ .list-row-headings { font-family: SourceSansProBold, Arial, sans-serif; - padding: 0.5em 0.5em 0.4em 0.75em; + padding: .5em .5em .4em .75em; margin-right: 1.25em; } .list-row-container { border: 1px solid #caccce; } .list-row-container li { - padding: 0.5em 0.5em 0.4em 0.75em; + padding: .5em .5em .4em .75em; margin-right: 0; } .list-row-container li:nth-child(odd) { background-color: #f2f4f6; } @@ -2607,7 +2609,7 @@ p.quote-by-organization { zoom: 1; display: inline; } .pagination a:hover, .pagination a:focus { - color: #333333; + color: #333; background-color: #ffd343; } .pagination a.active { color: #e6e8ea; @@ -2642,12 +2644,12 @@ p.quote-by-organization { .previous-next .prev-button, .previous-next .next-button { display: block; - padding: 0.5em 0.75em 0.4em; + padding: .5em .75em .4em; margin-bottom: 0.875em; } .previous-next .prev-button:not(.disabled):hover, .previous-next .prev-button:not(.disabled):focus, .previous-next .next-button:not(.disabled):hover, .previous-next .next-button:not(.disabled):focus { - color: #333333; + color: #333; background-color: #ffd343; } .previous-next .prev-button-text, .previous-next .next-button-text { @@ -2678,6 +2680,22 @@ p.quote-by-organization { .release-number { font-family: SourceSansProBold, Arial, sans-serif; } +.release-version, +.release-status, +.release-start, +.release-end, +.release-pep { + display: block; } + +.release-version { + font-family: SourceSansProBold, Arial, sans-serif; } + +.active-release-list-widget .list-row-headings, +.active-release-list-widget .list-row-container li { + font-size: 0.875em; } +.active-release-list-widget .list-row-container { + margin-bottom: .5em; } + .download-list-widget { /*modernizr*/ } .download-list-widget .list-row-headings, @@ -2695,7 +2713,7 @@ p.quote-by-organization { .main-content .psf-widget a:not(.button), .main-content .python-needs-you-widget a:not(.button) { color: #ffd343; } .main-content .psf-widget a:not(.button):hover, .main-content .psf-widget a:not(.button):focus, .main-content .python-needs-you-widget a:not(.button):hover, .main-content .python-needs-you-widget a:not(.button):focus { - color: #fff1c2; } + color: #fff1c3; } .psf-widget .widget-title, .psf-widget .readmore, .psf-widget .readmore:before, .python-needs-you-widget .widget-title, .python-needs-you-widget .readmore, .python-needs-you-widget .readmore:before { color: #ffd343; } .psf-widget .widget-title:hover, .psf-widget .widget-title:focus, .psf-widget .readmore:hover, .psf-widget .readmore:focus, .psf-widget .readmore:before:hover, .psf-widget .readmore:before:focus, .python-needs-you-widget .widget-title:hover, .python-needs-you-widget .widget-title:focus, .python-needs-you-widget .readmore:hover, .python-needs-you-widget .readmore:focus, .python-needs-you-widget .readmore:before:hover, .python-needs-you-widget .readmore:before:focus { @@ -2710,19 +2728,17 @@ p.quote-by-organization {

Can’t find what you’re looking for? Try our comprehensive Help section

*/ .user-feedback { - padding: 0.75em 1em 0.65em; + padding: .75em 1em .65em; margin-bottom: 1.3125em; - -webkit-border-radius: 6px; -moz-border-radius: 6px; - -ms-border-radius: 6px; - -o-border-radius: 6px; + -webkit-border-radius: 6px; border-radius: 6px; } .user-feedback p { margin-bottom: 0; } .user-feedback a { text-decoration: underline; } .user-feedback a:hover, .user-feedback a:focus { - color: #222222; } + color: #222; } /* A helpful tip */ .level-general { @@ -2772,24 +2788,24 @@ p.quote-by-organization { /*h2*/ .listing-company .listing-new { display: inline-block; - color: white; + color: #fff; background-color: #b55863; font-size: 0.58333em; text-transform: uppercase; letter-spacing: .0625em; - padding: 0.45em 0.5em 0; + padding: .45em .5em 0; margin-right: .25em; } .listing-company .listing-removed { display: inline-block; - color: white; - background-color: #666666; + color: #fff; + background-color: #666; font-size: 0.58333em; text-transform: uppercase; letter-spacing: .0625em; - padding: 0.45em 0.5em 0; + padding: .45em .5em 0; margin-right: .25em; } .listing-company .listing-location a { - color: #999999; } + color: #999; } .listing-company .listing-location a:hover, .listing-company .listing-location a:focus { color: #3776ab; } @@ -2820,7 +2836,7 @@ p.quote-by-organization { /* ! ===== Inner pages ===== */ .breadcrumbs { - padding: 0.5em 0; + padding: .5em 0; border-bottom: 1px solid #caccce; } .breadcrumbs li { display: -moz-inline-stack; @@ -2844,17 +2860,18 @@ p.quote-by-organization { .section-nav a { display: block; - padding: 0.3em 0 0.2em; } + padding: .3em 0 .2em; } .psf-sidebar-widget { color: #f2f4f6; background-color: #3776ab; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2B5B84', endColorstr='#FF3776AB'); + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMyYjViODQiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzM3NzZhYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #2b5b84), color-stop(90%, #3776ab)); - background-image: -webkit-linear-gradient(#2b5b84 10%, #3776ab 90%); background-image: -moz-linear-gradient(#2b5b84 10%, #3776ab 90%); - background-image: -o-linear-gradient(#2b5b84 10%, #3776ab 90%); + background-image: -webkit-linear-gradient(#2b5b84 10%, #3776ab 90%); background-image: linear-gradient(#2b5b84 10%, #3776ab 90%); } .psf-sidebar-widget .widget-title { color: #ffd343; @@ -2862,7 +2879,7 @@ p.quote-by-organization { .psf-sidebar-widget .widget-title a { color: #ffd343; } .psf-sidebar-widget .widget-title a:hover, .psf-sidebar-widget .widget-title a:focus { - color: white; } + color: #fff; } /* ! ===== User profile pages and sign up forms ===== */ .user-profile-controls { @@ -2894,15 +2911,15 @@ p.quote-by-organization { width: 25%; } .profile-label { - color: #999999; } + color: #999; } .psf-codeofconduct { font-size: 0.875em; - padding: 0.5em 1em; + padding: .5em 1em; margin-bottom: 1em; - background-color: white; - -webkit-box-shadow: 0.25em 0.25em 0.75em rgba(0, 0, 0, 0.15); + background-color: #fff; -moz-box-shadow: 0.25em 0.25em 0.75em rgba(0, 0, 0, 0.15); + -webkit-box-shadow: 0.25em 0.25em 0.75em rgba(0, 0, 0, 0.15); box-shadow: 0.25em 0.25em 0.75em rgba(0, 0, 0, 0.15); } /*p*/ @@ -2925,23 +2942,23 @@ p.quote-by-organization { .main-footer .jump-link, .sitemap a, .footer-links a { display: block; text-align: center; - padding: 0.5em 0.75em 0.4em; } + padding: .5em .75em .4em; } .main-footer { clear: both; - color: #666666; + color: #666; background-color: #e6e8ea; border-top: 1px solid #d8dbde; } .main-footer .container { - padding: 0 0.75em 0.75em; } + padding: 0 .75em .75em; } .main-footer a { - color: #666666; } + color: #666; } .main-footer a:hover, .main-footer a:focus { - color: #444444; } + color: #444; } .main-footer .jump-link { background-color: #e0e3e5; } .main-footer a.jump-link { - margin: 0.75em 0; + margin: .75em 0; border-top: 1px solid #e6e8ea; border-bottom: 1px solid #dbdee1; } .main-footer a.jump-link:hover, .main-footer a.jump-link:focus { @@ -2955,13 +2972,13 @@ p.quote-by-organization { margin-bottom: 1.3125em; } .sitemap .tier-1 > a { color: #3776ab; - padding: 0.4em 0.5em 0.3em; + padding: .4em .5em .3em; font-family: Flux-Bold, SourceSansProBold, Arial, sans-serif; font-size: 1.25em; margin-top: 0.875em; margin-bottom: 0em; } .sitemap .tier-1 > a:hover, .sitemap .tier-1 > a:focus { - color: #222222; } + color: #222; } .sitemap .subnav { font-size: 1em; margin-bottom: 0; @@ -2974,7 +2991,7 @@ p.quote-by-organization { background-color: #ecedef; } .site-base { - border-top: 1px solid #111111; } + border-top: 1px solid #111; } .site-base .container { padding: 1em; } @@ -3002,7 +3019,7 @@ p.quote-by-organization { border-bottom: 1px dotted #4f90c6; color: #75a8d3; } .copyright a:hover, .copyright a:focus { - color: white; + color: #fff; text-decoration: none; } #python-status-indicator { @@ -3028,7 +3045,7 @@ p.quote-by-organization { div.note { background-color: #eee; - border: 1px solid #cccccc; + border: 1px solid #ccc; padding: 0.3125em 0.625em; margin-bottom: 1.5625em; } div.note > p { @@ -3042,7 +3059,7 @@ p.admonition-title:after { div.warning, form.deletion-form { background-color: #ffe4e4; - border: 1px solid #ff6666; + border: 1px solid #f66; padding: 0.3125em 0.625em; margin-bottom: 1.5625em; } div.warning > p, form.deletion-form > p { @@ -3058,7 +3075,7 @@ form.deletion-form { div.sidebar { margin: 0 0 0.5em 1em; - border: 1px solid #ddddbb; + border: 1px solid #ddb; padding: 0.4375em 0.4375em 0 0.4375em; background-color: #ffe; width: 40%; @@ -3142,17 +3159,17 @@ span.highlighted { color: #888; margin-left: .5em; } .flex-control-nav a:hover, .flex-control-nav a:focus { - color: #444444; + color: #444; background-color: #ccc; border-color: #bbb; } .text .flex-control-nav a { text-decoration: none; } .flex-control-nav .flex-active { - color: #666666; - background-color: white; } + color: #666; + background-color: #fff; } .touch .flex-control-nav a { /* Larger touch target */ - padding: 0.5em 0.75em; } + padding: .5em .75em; } /*