1.1 --- a/static/style.css	Mon Jun 25 01:17:27 2012 +0200
     1.2 +++ b/static/style.css	Mon Jun 25 14:40:34 2012 +0200
     1.3 @@ -344,11 +344,6 @@
     1.4    margin-top: 1ex;
     1.5  }
     1.6  
     1.7 -.page_head .actions {
     1.8 -  margin-top: 0.5ex;
     1.9 -  margin-bottom: 1ex;
    1.10 -}
    1.11 -
    1.12  .slot_head {
    1.13    background-color: #fff;
    1.14    margin: 0px 10px 2ex 10px;
    1.15 @@ -364,12 +359,24 @@
    1.16    padding: 8px 10px 2px 10px;
    1.17  }
    1.18  
    1.19 +.page_head .actions,
    1.20  .page_head .unit_head .content,
    1.21  .page_head .area_head .content,
    1.22  .issue .content,
    1.23  .initiative_head .content,
    1.24 +.area_list .unit_head .content,
    1.25  .area_list .area .content {
    1.26 -  padding: 2px 10px 8px 10px;
    1.27 +  padding: 10px 10px 0 10px;
    1.28 +}
    1.29 +
    1.30 +.page_head .actions:last-child,
    1.31 +.page_head .unit_head .content:last-child,
    1.32 +.page_head .area_head .content:last-child,
    1.33 +.issue .content:last-child,
    1.34 +.initiative_head .content:last-child,
    1.35 +.area_list .unit_head .content:last-child,
    1.36 +.area_list .area .content:last-child {
    1.37 +  padding: 10px 10px 10px 10px;
    1.38  }
    1.39  
    1.40  .page_head .initiative_list,
    1.41 @@ -386,6 +393,7 @@
    1.42  .page_head .title,
    1.43  .issue .title,
    1.44  .initiative_head .title,
    1.45 +.area_list .unit_head .unit_name,
    1.46  .area_list .area_name {
    1.47    font-weight: bold;
    1.48    font-size: 120%;
    1.49 @@ -407,13 +415,12 @@
    1.50  .issues .issue .content.actions a,
    1.51  .area_list .area .content,
    1.52  .area_list .area .content a {
    1.53 -  color: #777;
    1.54 +  color: #000;
    1.55  }
    1.56  
    1.57 -.page_head .unit_head .title,
    1.58 -.page_head .area_head .title,
    1.59 -.area_list .area .title,
    1.60 -.issue .title {
    1.61 +x.page_head .unit_head .title,
    1.62 +x.page_head .area_head .title,
    1.63 +x.issue .title {
    1.64    background-color: #eee;
    1.65    background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
    1.66    background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
    1.67 @@ -422,6 +429,33 @@
    1.68    background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
    1.69  }
    1.70  
    1.71 +.unit_head {
    1.72 +  background-color: #cdf;
    1.73 +  background-image: -webkit-linear-gradient(top, #abf 0%, #cdf 20%, #f0f7ff 100%);
    1.74 +}
    1.75 +
    1.76 +.area_head {
    1.77 +  background-color: #def;
    1.78 +  background-image: -webkit-linear-gradient(top, #bef 0%, #def 20%, #f7faff 100%);
    1.79 +}
    1.80 +
    1.81 +.issue {
    1.82 +  background-color: #f0f7ff;
    1.83 +  background-image: -webkit-linear-gradient(top, #f0faff 0%, #f0f7ff 20%, #fff 100%);
    1.84 +}
    1.85 +
    1.86 +.issue .initiative_list {
    1.87 +  background: #fff;
    1.88 +}
    1.89 +
    1.90 +x {
    1.91 +  background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
    1.92 +  background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
    1.93 +  background-image: -moz-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
    1.94 +  background-image: -webkit-linear-gradient(top, #dde 0%, #d7d7e7 10%, #fff 100%);
    1.95 +  background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
    1.96 +}
    1.97 +
    1.98  .page_head .area_head .title,
    1.99  .page_head .issue .title {
   1.100    border-top: 1px solid #ddd;
   1.101 @@ -491,23 +525,25 @@
   1.102   * ui.tab
   1.103   */
   1.104  .ui_tabs {
   1.105 -  margin: 10px 0px;
   1.106 +  margin: 20px 0px;
   1.107  }
   1.108  
   1.109  .ui_tabs_links a {
   1.110 -  padding: 0.75ex 0.6em;
   1.111 +  padding: 1ex 1em;
   1.112    line-height: 225%;
   1.113    background-color: #f7f7f7;
   1.114 +  background-color: #444;
   1.115 +  background-image: -webkit-linear-gradient(top, #000 0%, #444 70%, #777 90%, #888 100%);
   1.116 +  color: #fff;
   1.117    white-space: nowrap;
   1.118    border-radius: 5px;
   1.119 -  margin-right: 5px;
   1.120 +  margin-right: 2px;
   1.121    font-weight: bold;
   1.122  }
   1.123  
   1.124  .ui_tabs_links a:hover,
   1.125  .ui_tabs_links a.selected {
   1.126 -  background-color: #444;
   1.127 -  color: #fff;
   1.128 +  box-shadow: 0px 0px 3px 3px #fc0;
   1.129    text-decoration: none;
   1.130  }
   1.131  
   1.132 @@ -518,29 +554,29 @@
   1.133  
   1.134  .ui_filter {
   1.135    overflow: auto;
   1.136 +  margin: 2ex 0;
   1.137  }
   1.138  
   1.139  .ui_filter_head {
   1.140    color: #777;
   1.141 -  margin-top: 1ex;
   1.142    font-size: 90%;
   1.143 -  font-weight: bold;
   1.144    float: left;
   1.145    line-height: 200%;
   1.146    margin-right: 2em;
   1.147  }
   1.148  
   1.149 -.ui_filter_head a {
   1.150 -  color: #777;
   1.151 -  padding: 0.5ex;
   1.152 +.ui_filter a {
   1.153 +  font-weight: bold;
   1.154 +  margin-right: 0.5em;
   1.155  }
   1.156  
   1.157 -.ui_filter_head a:hover,
   1.158 +
   1.159  .ui_filter_head a.active {
   1.160 +  text-decoration: none;
   1.161 +  background-color: #555;
   1.162    color: #fff;
   1.163 -  background-color: #777;
   1.164 -  padding: 0.5ex;
   1.165 -  border-radius: 5px;
   1.166 +  padding: 0.5ex 0.5em;
   1.167 +  border-radius: 4px;
   1.168  }
   1.169  
   1.170  /*************************************************************************
   1.171 @@ -591,7 +627,7 @@
   1.172    margin-top: 1ex;
   1.173    background-color: #fdd;
   1.174    padding: 0.5ex;
   1.175 -  border: 1px solid #daa;
   1.176 +  border: 1px solid #fbb;
   1.177  }
   1.178  
   1.179  .notifications ul {
   1.180 @@ -780,17 +816,27 @@
   1.181  /*************************************************************************
   1.182   * Area list
   1.183   */
   1.184 -
   1.185 -.area_list .unit_head {
   1.186 -  font-size: 120%;
   1.187 -  font-weight: bold;
   1.188 -  margin-bottom: 1ex;
   1.189 +.area_list {
   1.190 +  border: 1px solid #abf;
   1.191 +  border-radius: 8px;
   1.192 +  margin-top: 2ex;
   1.193  }
   1.194  
   1.195  .area_list .area {
   1.196 -  margin-bottom: 1ex;
   1.197 +  border-bottom: 1px solid #cdf;
   1.198 +}
   1.199 +
   1.200 +.area_list .unit_head {
   1.201 +  border-radius: 8px 8px 0 0;
   1.202  }
   1.203  
   1.204 +.area_list .area:last-child {
   1.205 +  border-radius: 0 0 8px 8px;
   1.206 +}
   1.207 +
   1.208 +.area_list .area:first-child {
   1.209 +  border-radius: 8px 8px 0 0;
   1.210 +}
   1.211  
   1.212  
   1.213  /*************************************************************************
   1.214 @@ -1353,14 +1399,12 @@
   1.215  
   1.216  /* shadows */
   1.217  
   1.218 -.area_list .area,
   1.219  .initiative_head,
   1.220  .box,
   1.221  div.notifications {
   1.222    border-radius: 8px;
   1.223  }
   1.224  
   1.225 -.area_list .area,
   1.226  .initiative_head,
   1.227  .box {
   1.228    border: 1px solid #aaa;
   1.229 @@ -1371,7 +1415,7 @@
   1.230  }
   1.231  
   1.232  .slot_head,
   1.233 -.area_list .area,
   1.234 +.area_list,
   1.235  .initiative_head,
   1.236  .issues .issue,
   1.237  .ui_tabs_links a,
   1.238 @@ -1379,7 +1423,6 @@
   1.239  .help,
   1.240  .use_terms,
   1.241  .motd,
   1.242 -.ui_filter a.active,
   1.243  .vote_info .content,
   1.244  .box,
   1.245  div.notifications {