liquid_feedback_frontend
diff static/style.css @ 274:aec9df5b4cd3
More optical enhancements and repositioning of elements
| author | bsw |
|---|---|
| date | Sun Feb 12 12:20:19 2012 +0100 (2012-02-12) |
| parents | 7196685f9dd7 |
| children | fc14e76afe31 |
line diff
1.1 --- a/static/style.css Wed Feb 08 18:49:22 2012 +0100 1.2 +++ b/static/style.css Sun Feb 12 12:20:19 2012 +0100 1.3 @@ -15,7 +15,7 @@ 1.4 } 1.5 1.6 .area_list { 1.7 - line-height: 170%; 1.8 + line-height: 140%; 1.9 } 1.10 1.11 body, a { 1.12 @@ -116,7 +116,7 @@ 1.13 background-color: #444; 1.14 color: #fff; 1.15 font-size: 90%; 1.16 - line-height: 140%; 1.17 + line-height: 100%; 1.18 padding-left: 10px; 1.19 } 1.20 1.21 @@ -135,7 +135,7 @@ 1.22 1.23 .navigation, 1.24 .logout_button { 1.25 - line-height: 250%; 1.26 + line-height: 200%; 1.27 } 1.28 1.29 .navigation img, 1.30 @@ -195,17 +195,18 @@ 1.31 */ 1.32 1.33 .title_bar { 1.34 - padding-top: 2ex; 1.35 padding-bottom: 1ex; 1.36 xbackground-color: #def; 1.37 + text-shadow: #fff 0px 0px 3px; 1.38 +} 1.39 + 1.40 +.title_bar_content { 1.41 + padding-left: 1em; 1.42 + padding-top: 1.5ex; 1.43 background: -webkit-gradient(linear, left top, left bottom, 1.44 /*color-stop(0%,#abd3ee), color-stop(100%,#ffffff)*/ 1.45 color-stop(0%,#ddd), color-stop(100%,#fff) 1.46 - ); 1.47 -} 1.48 - 1.49 -.title_bar_content { 1.50 - margin-left: 1em; 1.51 + ); 1.52 } 1.53 1.54 .path { 1.55 @@ -258,6 +259,12 @@ 1.56 margin-right: 0.5em; 1.57 } 1.58 1.59 +.micro_avatar { 1.60 + width: 24px; 1.61 + height: 24px; 1.62 + border-radius: 4px; 1.63 +} 1.64 + 1.65 .actions { 1.66 font-size: 75%; 1.67 line-height: 220%; 1.68 @@ -267,9 +274,6 @@ 1.69 display: inline; 1.70 } 1.71 1.72 -.actions { 1.73 -} 1.74 - 1.75 .actions a { 1.76 padding: 1px 0.5em 1px 0.0em; 1.77 margin-right: 1em; 1.78 @@ -278,12 +282,13 @@ 1.79 1.80 1.81 .slot_initiative_head { 1.82 - xbackground: -webkit-gradient(linear, left top, left bottom, 1.83 + background: -webkit-gradient(linear, left top, left bottom, 1.84 /*color-stop(0%,#AFEFB9), color-stop(100%,#ffffff) */ 1.85 color-stop(0%,#ddd), color-stop(100%,#fff) 1.86 ); 1.87 padding-left: 1em; 1.88 padding-top: 2ex; 1.89 + text-shadow: #fff 0px 0px 3px; 1.90 } 1.91 1.92 .initiative_name { 1.93 @@ -366,25 +371,25 @@ 1.94 .interest .head_active, 1.95 .slot_support .head_potential_supporter{ 1.96 background-color: #fec; 1.97 - border: 1px solid #b96; 1.98 + box-shadow: #fff 0px 0px 10px 1px; 1.99 border-radius: 5px; 1.100 } 1.101 1.102 .slot_support .head_supporter { 1.103 background-color: #dfc; 1.104 - border: 1px solid #8b8; 1.105 + box-shadow: #fff 0px 0px 10px 1px; 1.106 border-radius: 5px; 1.107 } 1.108 1.109 .slot_support .head_initiator { 1.110 background-color: #eee; 1.111 - border: 1px solid #999; 1.112 + box-shadow: #fff 0px 0px 10px 1px; 1.113 border-radius: 5px; 1.114 } 1.115 1.116 .delegation .head_active { 1.117 background-color: #ddf; 1.118 - border: 1px solid #88b; 1.119 + box-shadow: #fff 0px 0px 10px 1px; 1.120 border-radius: 5px; 1.121 } 1.122 1.123 @@ -801,7 +806,6 @@ 1.124 1.125 th { 1.126 text-align: left; 1.127 - border-bottom: 1px solid #000; 1.128 } 1.129 1.130 tr:hover td { 1.131 @@ -907,24 +911,24 @@ 1.132 1.133 .issues .issue { 1.134 xborder: 1px solid #ccc; 1.135 - background: -webkit-gradient(linear, left top, left bottom, 1.136 - color-stop(0%,#e7e7e7), color-stop(33%, #f7f7f7), color-stop(100%,#fff)); 1.137 overflow: hidden; 1.138 margin-bottom: 2ex; 1.139 border-radius: 8px; 1.140 } 1.141 1.142 -.issues .issue.interested { 1.143 - background: -webkit-gradient(linear, left top, left bottom, 1.144 - color-stop(0%,#eec), color-stop(25%, #ffe), color-stop(100%,#fff)); 1.145 -} 1.146 - 1.147 .issues .issue .issue_info { 1.148 xfloat: left; 1.149 xwidth: 25%; 1.150 padding: 1ex; 1.151 line-height: 140%; 1.152 xoverflow: hidden; 1.153 + background: -webkit-gradient(linear, left top, left bottom, 1.154 + color-stop(0%,#e7e7e7), color-stop(33%, #f7f7f7), color-stop(66%,#fff)); 1.155 +} 1.156 + 1.157 +.issues .issue.interested .issue_info{ 1.158 + background: -webkit-gradient(linear, left top, left bottom, 1.159 + color-stop(0%,#FFEECC), color-stop(33%, #FFF7E6), color-stop(66%,#fff)); 1.160 } 1.161 1.162 .issues .issue .issue_info .issue_id { 1.163 @@ -939,11 +943,36 @@ 1.164 font-weight: bold; 1.165 } 1.166 1.167 +.more_initiatives_link { 1.168 + margin-left: 158px; 1.169 + font-style: italic; 1.170 +} 1.171 + 1.172 .issues tr tr { 1.173 border: none; 1.174 background: none; 1.175 } 1.176 1.177 +.initiative_link { 1.178 + padding: 0.5ex 0.5em; 1.179 +} 1.180 + 1.181 +.initiative_link.selected { 1.182 + font-weight: bold; 1.183 +} 1.184 + 1.185 +.initiative_link.supported { 1.186 + background-color: #C9FFD1; 1.187 + border-radius: 5px; 1.188 + background: -webkit-radial-gradient(center, ellipse cover, #c9ffd1 0%,#fff 100%); /* Chrome10+,Safari5.1+ */ 1.189 +} 1.190 + 1.191 +.initiative_link.potentially_supported { 1.192 + background-color: #FFEECC; 1.193 + border-radius: 5px; 1.194 + background: -webkit-radial-gradient(center, ellipse cover, #ffeecc 0%,#fff 100%); /* Chrome10+,Safari5.1+ */ 1.195 +} 1.196 + 1.197 .lang_chooser { 1.198 float: right; 1.199 margin-right: 0.5em; 1.200 @@ -1211,6 +1240,7 @@ 1.201 } 1.202 1.203 .heading { 1.204 + display: block; 1.205 font-size: 120%; 1.206 font-weight: bold; 1.207 margin-top: 2ex;