liquid_feedback_frontend
diff static/style.css @ 280:808269b7f41c
More repositioning and optical enhancements
author | bsw |
---|---|
date | Thu Feb 16 14:08:55 2012 +0100 (2012-02-16) |
parents | fecd4c13054a |
children | 6c88b4bfb56c |
line diff
1.1 --- a/static/style.css Thu Feb 16 14:08:43 2012 +0100 1.2 +++ b/static/style.css Thu Feb 16 14:08:55 2012 +0100 1.3 @@ -205,7 +205,7 @@ 1.4 ); 1.5 text-shadow: #fff 0px 0px 3px; 1.6 color: #000; 1.7 - padding: 1ex 1em 0 1em; 1.8 + padding: 1.5ex 1em 0 1em; 1.9 } 1.10 1.11 .title div { 1.12 @@ -217,6 +217,12 @@ 1.13 color: #000; 1.14 } 1.15 1.16 +.title .member_image { 1.17 + margin-right: 0.7em; 1.18 + vertical-align: middle; 1.19 + border-radius: 7px; 1.20 +} 1.21 + 1.22 .slot_title2 { 1.23 margin-top: 1ex; 1.24 margin-left: 1em; 1.25 @@ -227,7 +233,7 @@ 1.26 margin-bottom: 1ex; 1.27 } 1.28 1.29 -.member_image_avatar { 1.30 +.member_list .member_image_avatar { 1.31 float: left; 1.32 margin-right: 0.5em; 1.33 } 1.34 @@ -236,12 +242,13 @@ 1.35 width: 24px; 1.36 height: 24px; 1.37 border-radius: 4px; 1.38 + vertical-align: middle; 1.39 } 1.40 1.41 .actions { 1.42 font-size: 75%; 1.43 line-height: 220%; 1.44 - margin-top: 1ex; 1.45 + margin-top: 2ex; 1.46 margin-bottom: 2ex; 1.47 } 1.48 1.49 @@ -265,8 +272,9 @@ 1.50 /*color-stop(0%,#AFEFB9), color-stop(100%,#ffffff) */ 1.51 color-stop(0%, #fff), color-stop(15%,#e7e7e7), color-stop(100%,#fff) 1.52 ); 1.53 + margin-top: 2ex; 1.54 padding-left: 1em; 1.55 - padding-top: 1ex; 1.56 + padding-top: 2ex; 1.57 text-shadow: #fff 0px 0px 3px; 1.58 } 1.59 1.60 @@ -353,28 +361,16 @@ 1.61 padding-right: 0.3em; 1.62 } 1.63 1.64 +.delegation .head_active, 1.65 .interest .head_active, 1.66 +.actions .supporter, 1.67 .actions .potential_supporter { 1.68 - background-color: #fec; 1.69 - box-shadow: #fff 0px 0px 10px 1px; 1.70 - border-radius: 5px; 1.71 -} 1.72 - 1.73 -.actions .supporter { 1.74 - background-color: #dfc; 1.75 - box-shadow: #fff 0px 0px 10px 1px; 1.76 + background-color: #cdf; 1.77 border-radius: 5px; 1.78 } 1.79 1.80 .slot_support .head_initiator { 1.81 background-color: #eee; 1.82 - box-shadow: #fff 0px 0px 10px 1px; 1.83 - border-radius: 5px; 1.84 -} 1.85 - 1.86 -.delegation .head_active { 1.87 - background-color: #ddf; 1.88 - box-shadow: #fff 0px 0px 10px 1px; 1.89 border-radius: 5px; 1.90 } 1.91 1.92 @@ -414,7 +410,7 @@ 1.93 display: none; 1.94 position: absolute; 1.95 z-index: 10; 1.96 - background-color: #ddddff; 1.97 + background-color: #cdf; 1.98 border-radius: 0 5px 5px 5px; 1.99 padding: 1em; 1.100 width: 35em; 1.101 @@ -441,6 +437,10 @@ 1.102 .vote_info .delegation_info { 1.103 } 1.104 1.105 +.vote_info a { 1.106 + padding-right: 0; 1.107 +} 1.108 + 1.109 .vote_info .member_thumb { 1.110 clear: left; 1.111 background: #fff; 1.112 @@ -507,16 +507,16 @@ 1.113 } 1.114 1.115 .ui_tabs_links a.yellow { 1.116 - background-color: #fec; 1.117 + background-color: #fcc; 1.118 color: #000; 1.119 } 1.120 1.121 .ui_tabs_links a.yellow:hover { 1.122 - background-color: #edb; 1.123 + background-color: #faa; 1.124 } 1.125 1.126 .ui_tabs_links a.yellow.selected { 1.127 - background-color: #654; 1.128 + background-color: #a44; 1.129 color: #fff; 1.130 text-decoration: none; 1.131 padding: 1ex; 1.132 @@ -811,12 +811,12 @@ 1.133 padding: 1ex; 1.134 line-height: 140%; 1.135 background: -webkit-gradient(linear, left top, left bottom, 1.136 - color-stop(0%,#e7e7e7), color-stop(33%, #f7f7f7), color-stop(66%,#fff)); 1.137 + color-stop(0%,#e7e7e7), color-stop(66%,#fff)); 1.138 } 1.139 1.140 .issues .issue.interested .issue_info{ 1.141 background: -webkit-gradient(linear, left top, left bottom, 1.142 - color-stop(0%,#FFEECC), color-stop(33%, #FFF7E6), color-stop(66%,#fff)); 1.143 + color-stop(0%,#cdf), color-stop(66%,#fff)); 1.144 } 1.145 1.146 .issues .issue .issue_info .issue_id { 1.147 @@ -832,7 +832,7 @@ 1.148 } 1.149 1.150 .more_initiatives_link { 1.151 - margin-left: 158px; 1.152 + margin-left: 166px; 1.153 font-style: italic; 1.154 } 1.155 1.156 @@ -845,16 +845,11 @@ 1.157 font-weight: bold; 1.158 } 1.159 1.160 -.initiative_link.supported { 1.161 +.initiative_link.supported, 1.162 +.initiative_link.potentially_supported { 1.163 background-color: #C9FFD1; 1.164 border-radius: 5px; 1.165 - background: -webkit-radial-gradient(center, ellipse cover, #c9ffd1 0%,#fff 100%); /* Chrome10+,Safari5.1+ */ 1.166 -} 1.167 - 1.168 -.initiative_link.potentially_supported { 1.169 - background-color: #FFEECC; 1.170 - border-radius: 5px; 1.171 - background: -webkit-radial-gradient(center, ellipse cover, #ffeecc 0%,#fff 100%); /* Chrome10+,Safari5.1+ */ 1.172 + background: -webkit-radial-gradient(center, ellipse cover, #cdf 50%,#fff 100%); /* Chrome10+,Safari5.1+ */ 1.173 } 1.174 1.175 .lang_chooser { 1.176 @@ -894,14 +889,16 @@ 1.177 height: 48px; 1.178 display: block; 1.179 float: left; 1.180 - border: 1px solid #999; 1.181 + xborder: 1px solid #999; 1.182 + background-color: #eee; 1.183 overflow: hidden; 1.184 xwhite-space: nowrap; 1.185 position: relative; 1.186 border-radius: 7px; 1.187 + padding: 2px; 1.188 } 1.189 1.190 -.member_thumb a { 1.191 +.xmember_thumb a { 1.192 position: absolute; 1.193 top: 0; 1.194 left: 0; 1.195 @@ -918,7 +915,7 @@ 1.196 padding: 0; 1.197 margin: 0; 1.198 vertical-align: bottom; 1.199 - border-radius: 7px 0 0 7px; 1.200 + border-radius: 7px; 1.201 } 1.202 1.203 .member_thumb div { 1.204 @@ -929,7 +926,7 @@ 1.205 1.206 .member_thumb .member_name { 1.207 position: absolute; 1.208 - left: 48px; 1.209 + left: 56px; 1.210 top: 2ex; 1.211 font-size: 100%; 1.212 width: 14em; 1.213 @@ -962,7 +959,7 @@ 1.214 } 1.215 1.216 .member_thumb.in_delegation_chain { 1.217 - border-color: #f70; 1.218 + background-color: #cdf; 1.219 } 1.220 1.221 .member_statement, 1.222 @@ -1035,8 +1032,8 @@ 1.223 .motd, 1.224 .public_access_issue_head { 1.225 background-color: #fec; 1.226 - border: 1px solid #b96; 1.227 padding: 1ex; 1.228 + margin-top: 2ex; 1.229 margin-bottom: 2ex; 1.230 border-radius: 8px; 1.231 } 1.232 @@ -1130,6 +1127,10 @@ 1.233 font-weight: bold; 1.234 } 1.235 1.236 +.heading.member_area_list { 1.237 + position: absolute; 1.238 +} 1.239 + 1.240 .heading.first { 1.241 margin-top: 0; 1.242 }