liquid_feedback_frontend
diff static/style.css @ 273:7196685f9dd7
More optical enhancements, more repositioning
| author | bsw |
|---|---|
| date | Wed Feb 08 18:49:22 2012 +0100 (2012-02-08) |
| parents | 65a1f7a01e7b |
| children | aec9df5b4cd3 |
line diff
1.1 --- a/static/style.css Wed Feb 08 00:55:17 2012 +0100 1.2 +++ b/static/style.css Wed Feb 08 18:49:22 2012 +0100 1.3 @@ -113,23 +113,15 @@ 1.4 */ 1.5 1.6 .topbar { 1.7 - xbackground-color: #444; 1.8 + background-color: #444; 1.9 color: #fff; 1.10 - font-size: 75%; 1.11 + font-size: 90%; 1.12 line-height: 140%; 1.13 - background: -webkit-gradient( 1.14 - linear, left bottom, left top, 1.15 - color-stop(0%,#4c4c4c), 1.16 - color-stop(12%,#595959), 1.17 - color-stop(25%,#666666), 1.18 - color-stop(39%,#474747), 1.19 - color-stop(50%,#2c2c2c), 1.20 - color-stop(51%,#000000), 1.21 - color-stop(60%,#111111), 1.22 - color-stop(76%,#2b2b2b), 1.23 - color-stop(91%,#1c1c1c), 1.24 - color-stop(100%,#131313) 1.25 - ); 1.26 + padding-left: 10px; 1.27 +} 1.28 + 1.29 +.topbar .logolf { 1.30 + font-weight: bold; 1.31 } 1.32 1.33 .topbar a { 1.34 @@ -207,7 +199,8 @@ 1.35 padding-bottom: 1ex; 1.36 xbackground-color: #def; 1.37 background: -webkit-gradient(linear, left top, left bottom, 1.38 - color-stop(0%,#abd3ee), color-stop(100%,#ffffff) 1.39 + /*color-stop(0%,#abd3ee), color-stop(100%,#ffffff)*/ 1.40 + color-stop(0%,#ddd), color-stop(100%,#fff) 1.41 ); 1.42 } 1.43 1.44 @@ -274,19 +267,20 @@ 1.45 display: inline; 1.46 } 1.47 1.48 +.actions { 1.49 +} 1.50 + 1.51 .actions a { 1.52 - float: left; 1.53 - display: block; 1.54 padding: 1px 0.5em 1px 0.0em; 1.55 margin-right: 1em; 1.56 - vertical-align: middle; 1.57 border-radius: 5px; 1.58 } 1.59 1.60 1.61 .slot_initiative_head { 1.62 - background: -webkit-gradient(linear, left top, left bottom, 1.63 - color-stop(0%,#AFEFB9), color-stop(100%,#ffffff) 1.64 + xbackground: -webkit-gradient(linear, left top, left bottom, 1.65 + /*color-stop(0%,#AFEFB9), color-stop(100%,#ffffff) */ 1.66 + color-stop(0%,#ddd), color-stop(100%,#fff) 1.67 ); 1.68 padding-left: 1em; 1.69 padding-top: 2ex; 1.70 @@ -295,8 +289,8 @@ 1.71 .initiative_name { 1.72 font-weight: bold; 1.73 font-size: 125%; 1.74 - line-height: 110%; 1.75 - margin-bottom: 0.7ex; 1.76 + xline-height: 110%; 1.77 + xmargin-bottom: 0.7ex; 1.78 } 1.79 1.80 1.81 @@ -373,26 +367,25 @@ 1.82 .slot_support .head_potential_supporter{ 1.83 background-color: #fec; 1.84 border: 1px solid #b96; 1.85 -} 1.86 - 1.87 -.interest .head_autoreject { 1.88 - background-color: #fdd; 1.89 - border: 1px solid #b77; 1.90 + border-radius: 5px; 1.91 } 1.92 1.93 .slot_support .head_supporter { 1.94 background-color: #dfc; 1.95 border: 1px solid #8b8; 1.96 + border-radius: 5px; 1.97 } 1.98 1.99 .slot_support .head_initiator { 1.100 background-color: #eee; 1.101 border: 1px solid #999; 1.102 + border-radius: 5px; 1.103 } 1.104 1.105 .delegation .head_active { 1.106 background-color: #ddf; 1.107 border: 1px solid #88b; 1.108 + border-radius: 5px; 1.109 } 1.110 1.111 .delegation .change_delegation { 1.112 @@ -912,12 +905,43 @@ 1.113 * Issues 1.114 */ 1.115 1.116 -.issues tr { 1.117 - border: 1px solid #ccc; 1.118 +.issues .issue { 1.119 + xborder: 1px solid #ccc; 1.120 + background: -webkit-gradient(linear, left top, left bottom, 1.121 + color-stop(0%,#e7e7e7), color-stop(33%, #f7f7f7), color-stop(100%,#fff)); 1.122 + overflow: hidden; 1.123 + margin-bottom: 2ex; 1.124 + border-radius: 8px; 1.125 +} 1.126 + 1.127 +.issues .issue.interested { 1.128 + background: -webkit-gradient(linear, left top, left bottom, 1.129 + color-stop(0%,#eec), color-stop(25%, #ffe), color-stop(100%,#fff)); 1.130 +} 1.131 + 1.132 +.issues .issue .issue_info { 1.133 + xfloat: left; 1.134 + xwidth: 25%; 1.135 + padding: 1ex; 1.136 + line-height: 140%; 1.137 + xoverflow: hidden; 1.138 +} 1.139 + 1.140 +.issues .issue .issue_info .issue_id { 1.141 + font-size: 125%; 1.142 +} 1.143 + 1.144 +.issues .issue .initiative_list a { 1.145 + font-weight: bold; 1.146 +} 1.147 + 1.148 +.issue_initiative_list a { 1.149 + font-weight: bold; 1.150 } 1.151 1.152 .issues tr tr { 1.153 border: none; 1.154 + background: none; 1.155 } 1.156 1.157 .lang_chooser { 1.158 @@ -961,6 +985,7 @@ 1.159 overflow: hidden; 1.160 xwhite-space: nowrap; 1.161 position: relative; 1.162 + border-radius: 7px; 1.163 } 1.164 1.165 .member_thumb a{ 1.166 @@ -980,6 +1005,7 @@ 1.167 padding: 0; 1.168 margin: 0; 1.169 vertical-align: bottom; 1.170 + border-radius: 7px 0 0 7px; 1.171 } 1.172 1.173 .member_thumb div { 1.174 @@ -1030,7 +1056,7 @@ 1.175 .draft_content, 1.176 .suggestion_content { 1.177 background-color: #eee; 1.178 - background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5)); 1.179 + xbackground: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5)); 1.180 padding: 1ex; 1.181 border-radius: 8px; 1.182 } 1.183 @@ -1099,6 +1125,7 @@ 1.184 border: 1px solid #b96; 1.185 padding: 1ex; 1.186 margin-bottom: 2ex; 1.187 + border-radius: 8px; 1.188 } 1.189 1.190 .suggestion_fulfilled {