From 2d4740f037b779efadbe7ee79fd55ed4ca5008db Mon Sep 17 00:00:00 2001 From: Andromeda Yelton Date: Tue, 6 Nov 2012 09:53:56 -0500 Subject: [PATCH] round user avatar corners sitewide, not just on pages with supporter layout --- static/css/sitewide.css | 17 +++++++++++++++++ static/css/supporter_layout.css | 7 ------- static/less/sitewide.less | 17 ++++++++++++++++- static/less/supporter_layout.less | 6 ------ 4 files changed, 33 insertions(+), 14 deletions(-) diff --git a/static/css/sitewide.css b/static/css/sitewide.css index 9b59f47f..750c8acf 100644 --- a/static/css/sitewide.css +++ b/static/css/sitewide.css @@ -453,6 +453,16 @@ h4 { img { border: none; } +img.user-avatar { + float: left; + margin-right: 10px; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + border-radius: 7px; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + border-radius: 7px; +} input, textarea, a.fakeinput { @@ -626,6 +636,9 @@ ul.menu { cursor: pointer; position: relative; } +.js-topmenu#authenticated.highlight span#welcome { + background-image: url("/static/images/menu_bar_up_arrow.png"); +} .js-topmenu ul#user_menu { display: none; z-index: 100; @@ -689,6 +702,10 @@ ul.menu { letter-spacing: -0.05em; padding: 0 10px; margin-right: 5px; + padding-right: 22px; + background-image: url("/static/images/menu_bar_down_arrow.png"); + background-repeat: no-repeat; + background-position: right; } .js-topmenu ul li span#welcome img { vertical-align: middle; diff --git a/static/css/supporter_layout.css b/static/css/supporter_layout.css index 25b5e401..04d242d6 100644 --- a/static/css/supporter_layout.css +++ b/static/css/supporter_layout.css @@ -188,13 +188,6 @@ .user-block4 { margin-top: 7px; } -img.user-avatar { - float: left; - margin-right: 10px; - -moz-border-radius: 7px; - -webkit-border-radius: 7px; - border-radius: 7px; -} .user-badges { position: absolute; bottom: 0; diff --git a/static/less/sitewide.less b/static/less/sitewide.less index 698c8908..9b3315b1 100644 --- a/static/less/sitewide.less +++ b/static/less/sitewide.less @@ -142,6 +142,12 @@ img { border:none; } +img.user-avatar { + float:left; + margin-right:10px; + .one-border-radius(7px); +} + input, textarea, a.fakeinput { border: 2px solid @blue-grey; .one-border-radius(5px); @@ -279,6 +285,10 @@ ul.menu{ position: relative; } + &#authenticated.highlight span#welcome { + background-image: url("/static/images/menu_bar_up_arrow.png"); + } + ul { &#user_menu { display: none; @@ -326,11 +336,16 @@ ul.menu{ color:@green; .header-text; padding: 0 10px; - margin-right: 5px; + margin-right: 5px; + padding-right: 22px; img { vertical-align: middle; } + + background-image: url("/static/images/menu_bar_down_arrow.png"); + background-repeat: no-repeat; + background-position: right; } img { diff --git a/static/less/supporter_layout.less b/static/less/supporter_layout.less index bb8b59d7..6aabad28 100644 --- a/static/less/supporter_layout.less +++ b/static/less/supporter_layout.less @@ -116,12 +116,6 @@ margin-top: 7px; } -img.user-avatar { - float:left; - margin-right:10px; - .one-border-radius(7px); -} - .user-badges { position: absolute; bottom: 0;