1.1 --- a/static/style.css	Wed Nov 18 12:00:00 2009 +0100
     1.2 +++ b/static/style.css	Mon Nov 23 12:00:00 2009 +0100
     1.3 @@ -23,8 +23,17 @@
     1.4  }
     1.5  
     1.6  td, th {
     1.7 +  padding: 0.5ex 0.5em 0.5ex 0.5em;
     1.8 +}
     1.9 +
    1.10 +td {
    1.11    vertical-align: top;
    1.12 -  padding: 0.5ex 0.5em 0.5ex 0.5em;
    1.13 +}
    1.14 +
    1.15 +th {
    1.16 +  vertical-align: bottom;
    1.17 +  font-size: 75%;
    1.18 +  font-weight: bold;
    1.19  }
    1.20  
    1.21  a.active {
    1.22 @@ -40,6 +49,10 @@
    1.23    font-style: italic;
    1.24  }
    1.25  
    1.26 +a {
    1.27 +  vertical-align: middle;
    1.28 +}
    1.29 +
    1.30  /*************************************************************************
    1.31   * Notices, warnings and errors
    1.32   */
    1.33 @@ -195,6 +208,8 @@
    1.34  .avatar {
    1.35    float: left;
    1.36    margin-right: 0.5em;
    1.37 +  width: 48px;
    1.38 +  height: 48px;
    1.39  }
    1.40  
    1.41  .actions {
    1.42 @@ -224,6 +239,62 @@
    1.43  }
    1.44  
    1.45  /*************************************************************************
    1.46 + * vote info / delegation 
    1.47 + */
    1.48 +
    1.49 +.slot_interest,
    1.50 +.slot_support,
    1.51 +.slot_delegation {
    1.52 +  float: left;
    1.53 +  font-size: 75%;
    1.54 +  margin-right: 1em;
    1.55 +}
    1.56 +
    1.57 +.vote_info .head {
    1.58 +  line-height: 200%;
    1.59 +}
    1.60 +
    1.61 +.vote_info .close {
    1.62 +  background-color: #f44;
    1.63 +  float: right;
    1.64 +  padding: 1ex;
    1.65 +}
    1.66 +
    1.67 +.vote_info .content {
    1.68 +  display: none;
    1.69 +  position: absolute;
    1.70 +  z-index: 10;
    1.71 +  background-color: #fff;
    1.72 +  border: 2px solid #444;
    1.73 +  padding: 1em;
    1.74 +}
    1.75 +
    1.76 +.vote_info .delegation_arrow {
    1.77 +  margin-top: 1ex;
    1.78 +  margin-bottom: 1ex;
    1.79 +  vertical-align: middle;
    1.80 +}
    1.81 +
    1.82 +.vote_info .delegation_scope {
    1.83 +  display: inline;
    1.84 +}
    1.85 +
    1.86 +.vote_info .delegation_info {
    1.87 +}
    1.88 +
    1.89 +.vote_info .member_thumb {
    1.90 +  clear: left;
    1.91 +}
    1.92 +
    1.93 +.delegation .revoke {
    1.94 +  margin: 0.5ex;
    1.95 +}
    1.96 +
    1.97 +.delegation .revoke img {
    1.98 +  vertical-align: middle;
    1.99 +}
   1.100 +
   1.101 +/*************************************************************************
   1.102   * Main content
   1.103   */
   1.104  
   1.105 @@ -268,6 +339,28 @@
   1.106   * ui.order
   1.107   */
   1.108  
   1.109 +.ui_filter_head {
   1.110 +  color: #777;
   1.111 +  float: left;
   1.112 +  margin-bottom: 1ex;
   1.113 +  font-size: 75%;
   1.114 +}
   1.115 +
   1.116 +.ui_filter_head a {
   1.117 +  color: #777;
   1.118 +  padding: 0.5ex;
   1.119 +}
   1.120 +
   1.121 +.ui_filter_head a.active{
   1.122 +  color: #fff;
   1.123 +  background-color: #777;
   1.124 +  padding: 0.5ex;
   1.125 +}
   1.126 +
   1.127 +/*************************************************************************
   1.128 + * ui.order
   1.129 + */
   1.130 +
   1.131  .ui_order_head {
   1.132    color: #777;
   1.133    text-align: right;
   1.134 @@ -299,13 +392,13 @@
   1.135   */
   1.136  
   1.137  .bargraph {
   1.138 -  width: 50px;
   1.139 +  width: 101px;
   1.140  }
   1.141  
   1.142  .bargraph div {
   1.143    float: left;
   1.144    margin-top: 0.5ex;
   1.145 -  height: 1ex;
   1.146 +  height: 1.3ex;
   1.147  }
   1.148  
   1.149  /*************************************************************************
   1.150 @@ -320,8 +413,8 @@
   1.151  .vertical select {
   1.152    font-family: sans-serif;
   1.153    font-size: 100%;
   1.154 +  width: 50em;
   1.155    border: 1px solid #444;
   1.156 -  width: 40em;
   1.157    padding: 0.2ex 0.2em 0.2ex 0.2em;
   1.158    margin-bottom: 1ex;
   1.159  }
   1.160 @@ -498,62 +591,109 @@
   1.161   */
   1.162  
   1.163  .issues tr {
   1.164 -  border-bottom: 1px solid #444;
   1.165 +  border: 1px solid #ccc;
   1.166  }
   1.167  
   1.168  .issues tr tr {
   1.169 -  border-bottom: none;
   1.170 -}
   1.171 -
   1.172 -/*************************************************************************
   1.173 - * delegation 
   1.174 - */
   1.175 -
   1.176 -.infobox {
   1.177 -  float: right;
   1.178 -  margin-right: 1em;
   1.179 -}
   1.180 -
   1.181 -.slot_interest,
   1.182 -.slot_support,
   1.183 -.slot_delegation {
   1.184 -  border: 2px solid #444;
   1.185 -  width: 20em;
   1.186 -  font-size: 75%;
   1.187 -  padding: 0;
   1.188 -  margin-bottom: 0.5ex;
   1.189 -}
   1.190 -
   1.191 -.infobox .head {
   1.192 -  margin: 0.5ex;
   1.193 -}
   1.194 -
   1.195 -.infobox .content {
   1.196 -  display: none;
   1.197 -  position: absolute;
   1.198 -  z-index: 10;
   1.199 -  width: 20em;
   1.200 -  background-color: #fff;
   1.201 -  border: 2px solid #444;
   1.202 -}
   1.203 -
   1.204 -.infobox .text {
   1.205 -  margin: 0.5ex;
   1.206 -  margin-bottom: 1ex;
   1.207 -}
   1.208 -
   1.209 -.infobox .member {
   1.210 -  margin: 0.5ex;
   1.211 -  display: block;
   1.212 -  font-weight: bold;
   1.213 -  margin-bottom: 1ex;
   1.214 -}
   1.215 -
   1.216 -.delegation .revoke {
   1.217 -  margin: 0.5ex;
   1.218 +  border: none;
   1.219  }
   1.220  
   1.221  .lang_chooser {
   1.222    float: right;
   1.223    margin-right: 0.5em;
   1.224  }
   1.225 +
   1.226 +.delegation_list_entry {
   1.227 +  margin-right: 2em;
   1.228 +  margin-bottom: 2ex;
   1.229 +  float: left;
   1.230 +  clear: left;
   1.231 +}
   1.232 +
   1.233 +.delegation_list_entry .delegation_arrow {
   1.234 +  float: left;
   1.235 +}
   1.236 +
   1.237 +.delegation_list_entry .delegation_scope {
   1.238 +  float: left;
   1.239 +  width: 25em;
   1.240 +}
   1.241 +
   1.242 +.delegation_list_entry .delegation_scope a {
   1.243 +  display: block;
   1.244 +}
   1.245 +
   1.246 +.member_list .member_thumb {
   1.247 +  float: left;
   1.248 +  margin-right: 1em;
   1.249 +  margin-bottom: 2ex;
   1.250 +}
   1.251 +
   1.252 +.member_thumb {
   1.253 +  text-decoration: none;
   1.254 +  min-width: 150px;
   1.255 +  display: block;
   1.256 +  float: left;
   1.257 +  border: 1px solid #ccc;
   1.258 +}
   1.259 +
   1.260 +.member_thumb:hover {
   1.261 +  border: 1px solid #000;
   1.262 +}
   1.263 +
   1.264 +.member_thumb img {
   1.265 +  margin-right: 0.5em;
   1.266 +  vertical-align: bottom;
   1.267 +}
   1.268 +
   1.269 +.member_thumb div {
   1.270 +  display: inline;
   1.271 +  margin-right: 0.5em;
   1.272 +}
   1.273 +
   1.274 +.draft_content {
   1.275 +  background-color: #eee;
   1.276 +  border: 1px solid #ccc;
   1.277 +  padding: 1ex;
   1.278 +}
   1.279 +
   1.280 +.diff {
   1.281 +  background-color: #eee;
   1.282 +  border: 1px solid #ccc;
   1.283 +  padding: 1ex;
   1.284 +}
   1.285 +
   1.286 +.diff .added {
   1.287 +  background-color: #cfc;
   1.288 +}
   1.289 +
   1.290 +.diff .removed {
   1.291 +  background-color: #fcc;
   1.292 +}
   1.293 +
   1.294 +.slot_issue_info {
   1.295 +  background-color: #eee;
   1.296 +  border: 1px solid #ccc;
   1.297 +  float: right;
   1.298 +  padding: 0.5ex;
   1.299 +  line-height: 130%;
   1.300 +  margin-right: 1em;
   1.301 +}
   1.302 +
   1.303 +.issue_info label {
   1.304 +  float: left;
   1.305 +  width: 8em;
   1.306 +  text-transform: uppercase;
   1.307 +  font-size: 70%;
   1.308 +  color: #777;
   1.309 +  font-weight: bold;
   1.310 +  clear: left;
   1.311 +  text-align: right;
   1.312 +  margin-right: 0.7em;
   1.313 +}
   1.314 +
   1.315 +.draft_updated_info {
   1.316 +  border: 2px solid #faa;
   1.317 +  background-color: #fee;
   1.318 +  padding: 1ex;
   1.319 +}
   1.320 \ No newline at end of file