From d3c2df95e2e5c99e5b0842793e07da48e2978095 Mon Sep 17 00:00:00 2001 From: Steve Piercy Date: Sat, 11 Feb 2012 04:23:49 -0800 Subject: [PATCH 1/3] added css3 button styles --- pycon_project/static/2012/css/pycon.css | 47 +++++++++++++++++++++++++ 1 file changed, 47 insertions(+) diff --git a/pycon_project/static/2012/css/pycon.css b/pycon_project/static/2012/css/pycon.css index df06b1d3..ebbfe0ff 100644 --- a/pycon_project/static/2012/css/pycon.css +++ b/pycon_project/static/2012/css/pycon.css @@ -2006,3 +2006,50 @@ a.btn-register:hover { font-size: 14px; } +/* css3 gradient buttons from http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/ */ +.button { + font-family: LeagueGothicRegular, "Helvetica Neue", Helvetica, Arial, sans-serif; + text-transform: uppercase; + font-size: 24px; + display: inline-block; + outline: none; + cursor: pointer; + text-align: center; + text-decoration: none; + padding: .25em 1em; + text-shadow: 0 1px 1px rgba(0,0,0,.3); + -webkit-border-radius: .25em; + -moz-border-radius: .25em; + border-radius: .25em; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); + -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); + box-shadow: 0 1px 2px rgba(0,0,0,.2); +} +.button:hover { + text-decoration: none; +} +.button:active { + position: relative; + top: 1px; +} +/* blue */ +.blue { + color: #fff; + border: solid 1px #0076a3; + background: #0095cd; + background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); + background: -moz-linear-gradient(top, #00adee, #0078a5); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); +} +.blue:hover { + background: #007ead; + background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); + background: -moz-linear-gradient(top, #0095cc, #00678e); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e'); +} +.blue:active { + color: #80bed6; + background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee)); + background: -moz-linear-gradient(top, #0078a5, #00adee); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee'); +} From aba605f6bc51932c8bb56251106f5a692aaea633 Mon Sep 17 00:00:00 2001 From: Steve Piercy Date: Sat, 11 Feb 2012 05:08:48 -0800 Subject: [PATCH 2/3] added css3 button styles --- pycon_project/static/2012/css/pycon.css | 1 - 1 file changed, 1 deletion(-) diff --git a/pycon_project/static/2012/css/pycon.css b/pycon_project/static/2012/css/pycon.css index ebbfe0ff..2642f3cb 100644 --- a/pycon_project/static/2012/css/pycon.css +++ b/pycon_project/static/2012/css/pycon.css @@ -2005,7 +2005,6 @@ a.btn-register:hover { line-height: 26px; font-size: 14px; } - /* css3 gradient buttons from http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/ */ .button { font-family: LeagueGothicRegular, "Helvetica Neue", Helvetica, Arial, sans-serif; From 891fdaab8669c11ad19c9e526fceb822cd57eb13 Mon Sep 17 00:00:00 2001 From: Steve Piercy Date: Sun, 12 Feb 2012 13:21:16 -0800 Subject: [PATCH 3/3] Fix dropdown menu display issues. Shift venue dropdown menu to the left so that it does not get cropped. Allow text in dropdowns to wrap instead of getting cropped. --- pycon_project/static/2012/css/pycon.css | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/pycon_project/static/2012/css/pycon.css b/pycon_project/static/2012/css/pycon.css index 2642f3cb..f93cdbff 100644 --- a/pycon_project/static/2012/css/pycon.css +++ b/pycon_project/static/2012/css/pycon.css @@ -578,7 +578,6 @@ nav#main-nav { right: -18px; } nav#main-nav ul { - overflow: hidden; } nav#main-nav ul li { float: left; @@ -588,7 +587,6 @@ nav#main-nav ul li a { padding: 0 18px; text-decoration: none; color: #484746; - overflow: hidden; position: relative; text-shadow: 0 1px 0 #f9f2e6; font-size:161.6%; @@ -654,15 +652,20 @@ nav#main-nav ul li.sfhover ul li a, nav#main-nav ul li ul li a { text-shadow: 0px 1px 0px #dddddd; font-size: 93%; font-weight: normal; - padding: 2px 15px; + padding: 6px 15px; border: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - height:24px; - line-height:24px; + height:100%; + line-height:18px; text-transform:none; text-shadow:0 1px 0 #fff; } +/* shift venue dropdown menu to the left so that it does not get cropped */ +nav#main-nav ul li#tab_venue ul { + margin: -17px 0 0 -110px; +} + /* subnav rollover effects */ nav#main-nav ul li ul li a:hover { color: #006e91;