liquid_feedback_frontend

diff static/style.css @ 280:808269b7f41c

More repositioning and optical enhancements
author bsw
date Thu Feb 16 14:08:55 2012 +0100 (2012-02-16)
parents fecd4c13054a
children 6c88b4bfb56c
line diff
     1.1 --- a/static/style.css	Thu Feb 16 14:08:43 2012 +0100
     1.2 +++ b/static/style.css	Thu Feb 16 14:08:55 2012 +0100
     1.3 @@ -205,7 +205,7 @@
     1.4    );
     1.5    text-shadow: #fff 0px 0px 3px;
     1.6    color: #000;
     1.7 -  padding: 1ex 1em 0 1em;
     1.8 +  padding: 1.5ex 1em 0 1em;
     1.9  }
    1.10  
    1.11  .title div {
    1.12 @@ -217,6 +217,12 @@
    1.13    color: #000;
    1.14  }
    1.15  
    1.16 +.title .member_image {
    1.17 +  margin-right: 0.7em;
    1.18 +  vertical-align: middle;
    1.19 +  border-radius: 7px;
    1.20 +}
    1.21 +
    1.22  .slot_title2 {
    1.23    margin-top: 1ex;
    1.24    margin-left: 1em;
    1.25 @@ -227,7 +233,7 @@
    1.26    margin-bottom: 1ex;
    1.27  }
    1.28  
    1.29 -.member_image_avatar {
    1.30 +.member_list .member_image_avatar {
    1.31    float: left;
    1.32    margin-right: 0.5em;
    1.33  }
    1.34 @@ -236,12 +242,13 @@
    1.35    width: 24px;
    1.36    height: 24px;
    1.37    border-radius: 4px;
    1.38 +  vertical-align: middle;
    1.39  }
    1.40  
    1.41  .actions {
    1.42    font-size: 75%;
    1.43    line-height: 220%;
    1.44 -  margin-top: 1ex;
    1.45 +  margin-top: 2ex;
    1.46    margin-bottom: 2ex;
    1.47  }
    1.48  
    1.49 @@ -265,8 +272,9 @@
    1.50      /*color-stop(0%,#AFEFB9), color-stop(100%,#ffffff)                           */
    1.51      color-stop(0%, #fff), color-stop(15%,#e7e7e7), color-stop(100%,#fff)                           
    1.52    ); 
    1.53 +  margin-top: 2ex;
    1.54    padding-left: 1em;
    1.55 -  padding-top: 1ex;
    1.56 +  padding-top: 2ex;
    1.57    text-shadow: #fff 0px 0px 3px;
    1.58  }
    1.59  
    1.60 @@ -353,28 +361,16 @@
    1.61    padding-right: 0.3em;
    1.62  }
    1.63  
    1.64 +.delegation .head_active,
    1.65  .interest .head_active,
    1.66 +.actions .supporter,
    1.67  .actions .potential_supporter {
    1.68 -  background-color: #fec;
    1.69 -  box-shadow: #fff 0px 0px 10px 1px;
    1.70 -  border-radius: 5px;
    1.71 -}
    1.72 -
    1.73 -.actions .supporter {
    1.74 -  background-color: #dfc;
    1.75 -  box-shadow: #fff 0px 0px 10px 1px;
    1.76 +  background-color: #cdf;
    1.77    border-radius: 5px;
    1.78  }
    1.79  
    1.80  .slot_support .head_initiator {
    1.81    background-color: #eee;
    1.82 -  box-shadow: #fff 0px 0px 10px 1px;
    1.83 -  border-radius: 5px;
    1.84 -}
    1.85 -
    1.86 -.delegation .head_active {
    1.87 -  background-color: #ddf;
    1.88 -  box-shadow: #fff 0px 0px 10px 1px;
    1.89    border-radius: 5px;
    1.90  }
    1.91  
    1.92 @@ -414,7 +410,7 @@
    1.93    display: none;
    1.94    position: absolute;
    1.95    z-index: 10;
    1.96 -  background-color: #ddddff;
    1.97 +  background-color: #cdf;
    1.98    border-radius: 0 5px 5px 5px;
    1.99    padding: 1em;
   1.100    width: 35em;
   1.101 @@ -441,6 +437,10 @@
   1.102  .vote_info .delegation_info {
   1.103  }
   1.104  
   1.105 +.vote_info a {
   1.106 +  padding-right: 0;
   1.107 +}
   1.108 +
   1.109  .vote_info .member_thumb {
   1.110    clear: left;
   1.111    background: #fff;
   1.112 @@ -507,16 +507,16 @@
   1.113  }
   1.114  
   1.115  .ui_tabs_links a.yellow {
   1.116 -  background-color: #fec;
   1.117 +  background-color: #fcc;
   1.118    color: #000;
   1.119  }
   1.120  
   1.121  .ui_tabs_links a.yellow:hover {
   1.122 -  background-color: #edb;
   1.123 +  background-color: #faa;
   1.124  }
   1.125  
   1.126  .ui_tabs_links a.yellow.selected {
   1.127 -  background-color: #654;
   1.128 +  background-color: #a44;
   1.129    color: #fff;
   1.130    text-decoration: none;
   1.131    padding: 1ex;
   1.132 @@ -811,12 +811,12 @@
   1.133    padding: 1ex;
   1.134    line-height: 140%;
   1.135    background: -webkit-gradient(linear, left top, left bottom,
   1.136 -    color-stop(0%,#e7e7e7), color-stop(33%, #f7f7f7), color-stop(66%,#fff));
   1.137 +    color-stop(0%,#e7e7e7), color-stop(66%,#fff));
   1.138  }
   1.139  
   1.140  .issues .issue.interested .issue_info{
   1.141    background: -webkit-gradient(linear, left top, left bottom,
   1.142 -    color-stop(0%,#FFEECC), color-stop(33%, #FFF7E6), color-stop(66%,#fff));
   1.143 +    color-stop(0%,#cdf), color-stop(66%,#fff));
   1.144  }
   1.145  
   1.146  .issues .issue .issue_info .issue_id {
   1.147 @@ -832,7 +832,7 @@
   1.148  }
   1.149  
   1.150  .more_initiatives_link {
   1.151 -  margin-left: 158px;
   1.152 +  margin-left: 166px;
   1.153    font-style: italic;
   1.154  }
   1.155  
   1.156 @@ -845,16 +845,11 @@
   1.157    font-weight: bold;
   1.158  }
   1.159  
   1.160 -.initiative_link.supported {
   1.161 +.initiative_link.supported,
   1.162 +.initiative_link.potentially_supported {
   1.163    background-color: #C9FFD1;
   1.164    border-radius: 5px;
   1.165 -  background: -webkit-radial-gradient(center, ellipse cover, #c9ffd1 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
   1.166 -}
   1.167 -
   1.168 -.initiative_link.potentially_supported {
   1.169 -  background-color: #FFEECC;
   1.170 -  border-radius: 5px;
   1.171 -  background: -webkit-radial-gradient(center, ellipse cover, #ffeecc 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
   1.172 +  background: -webkit-radial-gradient(center, ellipse cover, #cdf 50%,#fff 100%); /* Chrome10+,Safari5.1+ */
   1.173  }
   1.174  
   1.175  .lang_chooser {
   1.176 @@ -894,14 +889,16 @@
   1.177    height: 48px;
   1.178    display: block;
   1.179    float: left;
   1.180 -  border: 1px solid #999;
   1.181 +  xborder: 1px solid #999;
   1.182 +  background-color: #eee;
   1.183    overflow: hidden;
   1.184    xwhite-space: nowrap;
   1.185    position: relative;
   1.186    border-radius: 7px;
   1.187 +  padding: 2px;
   1.188  }
   1.189  
   1.190 -.member_thumb a {
   1.191 +.xmember_thumb a {
   1.192    position: absolute;
   1.193    top: 0;
   1.194    left: 0;
   1.195 @@ -918,7 +915,7 @@
   1.196    padding: 0;
   1.197    margin: 0;
   1.198    vertical-align: bottom;
   1.199 -  border-radius: 7px 0 0 7px;
   1.200 +  border-radius: 7px;
   1.201  }
   1.202  
   1.203  .member_thumb div {
   1.204 @@ -929,7 +926,7 @@
   1.205  
   1.206  .member_thumb .member_name {
   1.207    position: absolute;
   1.208 -  left: 48px;
   1.209 +  left: 56px;
   1.210    top: 2ex;
   1.211    font-size: 100%;
   1.212    width: 14em;
   1.213 @@ -962,7 +959,7 @@
   1.214  }
   1.215  
   1.216  .member_thumb.in_delegation_chain {
   1.217 -  border-color: #f70;
   1.218 +  background-color: #cdf;
   1.219  }
   1.220  
   1.221  .member_statement,
   1.222 @@ -1035,8 +1032,8 @@
   1.223  .motd,
   1.224  .public_access_issue_head {
   1.225    background-color: #fec;
   1.226 -  border: 1px solid #b96;
   1.227    padding: 1ex;
   1.228 +  margin-top: 2ex;
   1.229    margin-bottom: 2ex;
   1.230    border-radius: 8px;
   1.231  }
   1.232 @@ -1130,6 +1127,10 @@
   1.233    font-weight: bold;
   1.234  }
   1.235  
   1.236 +.heading.member_area_list {
   1.237 +  position: absolute;
   1.238 +}
   1.239 +
   1.240  .heading.first {
   1.241    margin-top: 0;
   1.242  }

Impressum / About Us