1.1 --- a/static/style.css	Sun Jun 24 20:50:02 2012 +0200
     1.2 +++ b/static/style.css	Sun Jun 24 22:30:29 2012 +0200
     1.3 @@ -359,14 +359,16 @@
     1.4  .page_head .title,
     1.5  .issue .context,
     1.6  .issue .title,
     1.7 -.initiative_head .title {
     1.8 +.initiative_head .title,
     1.9 +.area_list .title {
    1.10    padding: 8px 10px 2px 10px;
    1.11  }
    1.12  
    1.13  .page_head .unit_head .content,
    1.14  .page_head .area_head .content,
    1.15  .issue .content,
    1.16 -.initiative_head .content {
    1.17 +.initiative_head .content,
    1.18 +.area_list .area .content {
    1.19    padding: 2px 10px 8px 10px;
    1.20  }
    1.21  
    1.22 @@ -383,7 +385,8 @@
    1.23  
    1.24  .page_head .title,
    1.25  .issue .title,
    1.26 -.initiative_head .title {
    1.27 +.initiative_head .title,
    1.28 +.area_list .area_name {
    1.29    font-weight: bold;
    1.30    font-size: 120%;
    1.31  }
    1.32 @@ -401,7 +404,9 @@
    1.33  .page_head .issue .content.actions,
    1.34  .page_head .issue .content.actions a,
    1.35  .issues .issue .content.actions,
    1.36 -.issues .issue .content.actions a {
    1.37 +.issues .issue .content.actions a,
    1.38 +.area_list .area .content,
    1.39 +.area_list .area .content a {
    1.40    color: #777;
    1.41  }
    1.42  
    1.43 @@ -775,104 +780,17 @@
    1.44   * Area list
    1.45   */
    1.46  
    1.47 -.member_area_list {
    1.48 -  margin-bottom: 0ex;
    1.49 -  border-radius: 8px;
    1.50 -  border: 1px solid #aaa;
    1.51 -  padding: 1ex;
    1.52 -  margin-bottom: 2ex;
    1.53 -}
    1.54 -
    1.55 -.member_area_list .unit_head {
    1.56 +.area_list .unit_head {
    1.57    font-size: 120%;
    1.58    font-weight: bold;
    1.59 -  float: left;
    1.60 -  clear: both;
    1.61 -}
    1.62 -
    1.63 -.member_area_list .unit_delegatee {
    1.64 -  float: left;
    1.65 -}
    1.66 -
    1.67 -.member_area_list .voting_priv_info {
    1.68 -  clear: left;
    1.69 -  margin-top: 4ex;
    1.70 -}
    1.71 -
    1.72 -.member_area_list .more_areas {
    1.73 -  font-style: italic;
    1.74 -}
    1.75 -
    1.76 -.area_list {
    1.77 -  margin-bottom: 4ex;
    1.78 -}
    1.79 -
    1.80 -.member_area_list .area_list {
    1.81 -  margin-bottom: 0;
    1.82 +  margin-bottom: 1ex;
    1.83  }
    1.84  
    1.85  .area_list .area {
    1.86 -  line-height: 32px;
    1.87 -  clear: both;
    1.88 -}
    1.89 -
    1.90 -.area_list .bargraph {
    1.91 -  line-height: 10px;
    1.92 -}
    1.93 -
    1.94 -.area_list .area .delegatee {
    1.95 -  white-space: nowrap;
    1.96 -}
    1.97 -
    1.98 -.area_list .area.head .phases {
    1.99 -  xmargin-top: 2ex;
   1.100 -}
   1.101 -
   1.102 -.area_list .area img {
   1.103 -  vertical-align: middle;
   1.104 -}
   1.105 -
   1.106 -.area_list .area .bar {
   1.107 -  float: left;
   1.108 -  padding-top: 6px
   1.109 -}
   1.110 -
   1.111 -.area_list .area .membership,
   1.112 -.area_list .area .delegatee {
   1.113 -  display: inline;
   1.114 -  width: 24px
   1.115 +  margin-bottom: 1ex;
   1.116  }
   1.117  
   1.118 -.area_list .area .name {
   1.119 -  display: inline;
   1.120 -  font-weight: bold;
   1.121 -}
   1.122  
   1.123 -.area_list .area .phases {
   1.124 -  float: right;
   1.125 -}
   1.126 -
   1.127 -.area_list .area .phases div {
   1.128 -  float: left;
   1.129 -  width: 3em;
   1.130 -  text-align: right;
   1.131 -}
   1.132 -
   1.133 -@media screen and (max-width: 480px) {
   1.134 -  .area_list .area .name {
   1.135 -    display: block;
   1.136 -    line-height: 100%;
   1.137 -  }
   1.138 -  
   1.139 -  .area_list .area .delegatee,
   1.140 -  .area_list .area .membership {
   1.141 -    float: left;
   1.142 -    white-space: nowrap;
   1.143 -  }
   1.144 -  .area_list .area .bar {
   1.145 -    display: none;
   1.146 -  }
   1.147 -}
   1.148  
   1.149  /*************************************************************************
   1.150   * Events
   1.151 @@ -1434,12 +1352,14 @@
   1.152  
   1.153  /* shadows */
   1.154  
   1.155 +.area_list .area,
   1.156  .initiative_head,
   1.157  .box,
   1.158  div.notifications {
   1.159    border-radius: 8px;
   1.160  }
   1.161  
   1.162 +.area_list .area,
   1.163  .initiative_head,
   1.164  .box {
   1.165    border: 1px solid #aaa;
   1.166 @@ -1449,12 +1369,8 @@
   1.167    padding: 1ex;
   1.168  }
   1.169  
   1.170 -.member_area_list .box {
   1.171 -  border: none;
   1.172 -  padding: 0;
   1.173 -}
   1.174 -
   1.175  .slot_head,
   1.176 +.area_list .area,
   1.177  .initiative_head,
   1.178  .issues .issue,
   1.179  .ui_tabs_links a,
   1.180 @@ -1464,7 +1380,6 @@
   1.181  .motd,
   1.182  .ui_filter a.active,
   1.183  .vote_info .content,
   1.184 -.member_area_list,
   1.185  .box,
   1.186  div.notifications {
   1.187    box-shadow: #777 0px 5px 5px -5px;
   1.188 @@ -1473,12 +1388,6 @@
   1.189    clear: both;
   1.190  }
   1.191  
   1.192 -.member_area_list .box {
   1.193 -  box-shadow: none;
   1.194 -  -mox-box-shadow: none;
   1.195 -  -webkit-box-shadow: none;
   1.196 -}
   1.197 -
   1.198  .slot_footer {
   1.199    margin: 0 1%;
   1.200    border-top: 1px solid #ccc;