liquid_feedback_frontend

diff static/style.css @ 277:bde068b37608

Dropdown boxes except of delegation box removed, optical enhancements and repositioning of elements
author bsw
date Mon Feb 13 00:16:42 2012 +0100 (2012-02-13)
parents f460555c9896
children fecd4c13054a
line diff
     1.1 --- a/static/style.css	Sun Feb 12 20:03:26 2012 +0100
     1.2 +++ b/static/style.css	Mon Feb 13 00:16:42 2012 +0100
     1.3 @@ -118,6 +118,7 @@
     1.4    font-size: 90%;
     1.5    line-height: 100%;
     1.6    padding-left: 10px;
     1.7 +  overflow: hidden;
     1.8  }
     1.9  
    1.10  .topbar .logolf {
    1.11 @@ -166,6 +167,7 @@
    1.12  
    1.13  .searchbox form {
    1.14    float: left;
    1.15 +  margin: 0px;
    1.16  }
    1.17  
    1.18  .searchbox div {
    1.19 @@ -194,46 +196,14 @@
    1.20   * Title of current page including path and actions
    1.21   */
    1.22  
    1.23 -.title_bar {
    1.24 -  padding-bottom: 1ex;
    1.25 -  xbackground-color: #def;
    1.26 -  text-shadow: #fff 0px 0px 3px;
    1.27 -}
    1.28 -
    1.29 -.title_bar_content {
    1.30 -  padding-left: 1em;
    1.31 -  padding-top: 1.5ex;
    1.32 +.title {
    1.33 +  background-color: #ddd;
    1.34    background: -webkit-gradient(linear, left top, left bottom, 
    1.35 -    /*color-stop(0%,#abd3ee), color-stop(100%,#ffffff)*/
    1.36      color-stop(0%,#ddd), color-stop(100%,#fff)                           
    1.37    );
    1.38 -}
    1.39 -
    1.40 -.path {
    1.41 -  color: #444;
    1.42 -}
    1.43 -
    1.44 -.path div {
    1.45 -  font-size: 100%;
    1.46 -  line-height: 180%;
    1.47 -}
    1.48 -
    1.49 -.path a {
    1.50 -  color: #444;
    1.51 -}
    1.52 -
    1.53 -.slot_path div {
    1.54 -  display: inline;
    1.55 -  margin-left: 1em;
    1.56 -  margin-right: 1em;
    1.57 -}
    1.58 -
    1.59 -.title {
    1.60 +  text-shadow: #fff 0px 0px 3px;
    1.61    color: #000;
    1.62 -  margin-bottom: 1ex;
    1.63 -}
    1.64 -
    1.65 -.slot_title {
    1.66 +  padding: 1ex 1em 0 1em;
    1.67  }
    1.68  
    1.69  .title div {
    1.70 @@ -241,17 +211,18 @@
    1.71    line-height: 110%;
    1.72  }
    1.73  
    1.74 -.title div a {
    1.75 -  xfont-weight: bold;
    1.76 -}
    1.77 -
    1.78  .title a {
    1.79    color: #000;
    1.80  }
    1.81  
    1.82 -.title2 div {
    1.83 +.slot_title2 {
    1.84 +  margin-top: 1ex;
    1.85 +  margin-left: 1em;
    1.86 +}
    1.87 +
    1.88 +.initiatives_list {
    1.89 +  clear: left;
    1.90    margin-bottom: 1ex;
    1.91 -  xline-height: 130%;
    1.92  }
    1.93  
    1.94  .member_image_avatar {
    1.95 @@ -268,23 +239,29 @@
    1.96  .actions {
    1.97    font-size: 75%;
    1.98    line-height: 220%;
    1.99 +  margin-top: 1ex;
   1.100 +  margin-bottom: 2ex;
   1.101  }
   1.102  
   1.103 -.slot_actions {
   1.104 -  display: inline;
   1.105 +.interest {
   1.106 +  margin-left: 1.33em;
   1.107 +  margin-bottom: 1.33ex;
   1.108 +}
   1.109 +
   1.110 +.slot_actions .interest {
   1.111 +  margin-left: 0em;
   1.112  }
   1.113  
   1.114  .actions a {
   1.115 -  padding: 1px 0.5em 1px 0.0em;
   1.116    margin-right: 1em;
   1.117    border-radius: 5px;
   1.118 +  padding-right: 0.3em;
   1.119  }
   1.120  
   1.121 -
   1.122  .slot_initiative_head  {
   1.123    background: -webkit-gradient(linear, left top, left bottom, 
   1.124      /*color-stop(0%,#AFEFB9), color-stop(100%,#ffffff)                           */
   1.125 -    color-stop(0%,#ddd), color-stop(100%,#fff)                           
   1.126 +    color-stop(0%,#e7e7e7), color-stop(100%,#fff)                           
   1.127    ); 
   1.128    padding-left: 1em;
   1.129    padding-top: 2ex;
   1.130 @@ -294,11 +271,8 @@
   1.131  .initiative_name {
   1.132    font-weight: bold;
   1.133    font-size: 125%;
   1.134 -  xline-height: 110%;
   1.135 -  xmargin-bottom: 0.7ex;
   1.136  }
   1.137  
   1.138 -
   1.139  .content_navigation {
   1.140    font-size: 75%;
   1.141    background-color: #eee;
   1.142 @@ -323,14 +297,15 @@
   1.143    border-left: 1px solid black;
   1.144  }
   1.145  
   1.146 +
   1.147 +.actions a {
   1.148 +  float: left;
   1.149 +}
   1.150 +
   1.151  .actions a:hover {
   1.152    background-color: #d7d7d7;
   1.153  }
   1.154  
   1.155 -.title_bar .actions a:hover {
   1.156 -  background-color: #fff;
   1.157 -}
   1.158 -
   1.159  .actions img {
   1.160    padding-left: 0.2em;
   1.161    padding-right: 0.2em;
   1.162 @@ -363,13 +338,19 @@
   1.163    padding-left: 0.2em;
   1.164    padding-right: 0.2em;
   1.165  }
   1.166 +.actions .supporter,
   1.167  .vote_info .head {
   1.168    float: left;
   1.169    margin-right: 1em;
   1.170  }
   1.171  
   1.172 +.actions .supporter,
   1.173 +.actions .interest .head {
   1.174 +  padding-right: 0.3em;
   1.175 +}
   1.176 +
   1.177  .interest .head_active,
   1.178 -.actions .potential_supporter{
   1.179 +.actions .potential_supporter {
   1.180    background-color: #fec;
   1.181    box-shadow: #fff 0px 0px 10px 1px;
   1.182    border-radius: 5px;
   1.183 @@ -425,12 +406,12 @@
   1.184  .vote_info .content {
   1.185    font-size: 133%;
   1.186    line-height: 100%;
   1.187 -  top: 3ex;
   1.188 +  top: 2.8ex;
   1.189    display: none;
   1.190    position: absolute;
   1.191    z-index: 10;
   1.192 -  background-color: #fff;
   1.193 -  border: 1px solid #999;
   1.194 +  background-color: #ddddff;
   1.195 +  border-radius: 0 5px 5px 5px;
   1.196    padding: 1em;
   1.197    width: 35em;
   1.198  }
   1.199 @@ -458,6 +439,7 @@
   1.200  
   1.201  .vote_info .member_thumb {
   1.202    clear: left;
   1.203 +  background: #fff;
   1.204  }
   1.205  
   1.206  .delegation_overridden .member_thumb {
   1.207 @@ -490,7 +472,7 @@
   1.208  
   1.209  .ui_tabs_links {
   1.210    margin-top: 2ex;
   1.211 -  margin-bottom: 2ex;
   1.212 +  margin-bottom: 1ex;
   1.213    font-size: 75%;
   1.214  }
   1.215  
   1.216 @@ -520,61 +502,6 @@
   1.217    xpadding: 1ex 1ex 1ex 1ex;
   1.218  }
   1.219  
   1.220 -.web10 .ui_tabs_accordeon_head {
   1.221 -  margin-bottom: 1ex;
   1.222 -}
   1.223 -
   1.224 -.web20 .ui_tabs_accordeon_head {
   1.225 -  font-size: 80%;
   1.226 -  font-weight: bold;
   1.227 -  display: block;
   1.228 -  background: #eee;
   1.229 -  border: 1px solid #bbb;
   1.230 -  color: #000;
   1.231 -  padding: 0.75ex;
   1.232 -  margin-top: 2ex;
   1.233 -  cursor: pointer;
   1.234 -}
   1.235 -
   1.236 -.web20 .ui_tabs_accordeon_head img {
   1.237 -  vertical-align: middle;
   1.238 -  margin-right: 0.5em;
   1.239 -}
   1.240 -
   1.241 -.web20 .ui_tabs_accordeon_head .bargraph {
   1.242 -  margin-right: 0.5em;
   1.243 -}
   1.244 -
   1.245 -.web20 .ui_tabs_accordeon_content {
   1.246 -  border: 1px solid #aaa;
   1.247 -  border-top: none;
   1.248 -  padding: 2ex 1em 2ex 1em;
   1.249 -  margin-bottom: 3ex;
   1.250 -}
   1.251 -
   1.252 -.web20 .issue_initiative_list .ui_tabs_accordeon_head {
   1.253 -  background-color: #e5e5ff;
   1.254 -}
   1.255 -
   1.256 -.web20 .issue_initiative_list .ui_tabs_accordeon_head,
   1.257 -.web20 .issue_initiative_list .ui_tabs_accordeon_content {
   1.258 -  border-color: #aad;
   1.259 -}
   1.260 -
   1.261 -.web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_content {
   1.262 -  border-color: #bbb;
   1.263 -  border-width: 1px;
   1.264 -}
   1.265 -
   1.266 -.web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_head {
   1.267 -  background-color: #eee;
   1.268 -  border: 1px solid #bbb;
   1.269 -}
   1.270 -
   1.271 -.web20 .issue_initiative_list .ui_tabs_accordeon_head a {
   1.272 -  font-size: 120%;
   1.273 -}
   1.274 -
   1.275  .ui_tabs_links a.yellow {
   1.276    background-color: #fec;
   1.277    color: #000;
   1.278 @@ -591,17 +518,6 @@
   1.279    padding: 1ex;
   1.280  }
   1.281  
   1.282 -.web20 .ui_tabs_accordeon_head.yellow {
   1.283 -  background-color: #fec;
   1.284 -  border-color: #b96;
   1.285 -  xpadding: 1ex;
   1.286 -  xmargin-bottom: 2ex;
   1.287 -}
   1.288 -
   1.289 -.web20 .ui_tabs_accordeon_content.yellow {
   1.290 -  border-color: #b96;
   1.291 -}
   1.292 -
   1.293  .ui_tabs_links a.red {
   1.294    background-color: #c33;
   1.295    color: #000;
   1.296 @@ -618,17 +534,6 @@
   1.297    padding: 1ex;
   1.298  }
   1.299  
   1.300 -.web20 .ui_tabs_accordeon_head.red {
   1.301 -  background-color: #c23;
   1.302 -  border-color: #b66;
   1.303 -  xpadding: 1ex;
   1.304 -  xmargin-bottom: 2ex;
   1.305 -}
   1.306 -
   1.307 -.web20 .ui_tabs_accordeon_content.red {
   1.308 -  border-color: #b66;
   1.309 -}
   1.310 -
   1.311  
   1.312  /*************************************************************************
   1.313   * ui.filters
   1.314 @@ -844,40 +749,6 @@
   1.315  
   1.316  
   1.317  /*************************************************************************
   1.318 - * Hidden inline form
   1.319 - */
   1.320 -
   1.321 -.hidden_inline_form {
   1.322 -  display: none;
   1.323 -  border: 1px solid #444;
   1.324 -  width: 42em;
   1.325 -  position: fixed;
   1.326 -  background-color: #fff;
   1.327 -  left: 5em;
   1.328 -  top: 5ex;
   1.329 -z-index: 2;
   1.330 -}
   1.331 -
   1.332 -.hidden_inline_form a {
   1.333 -  padding: 0.5ex;
   1.334 -  color: #fff;
   1.335 -}
   1.336 -
   1.337 -
   1.338 -.hidden_inline_form .head {
   1.339 -  background-color: #444;
   1.340 -  color: #fff;
   1.341 -  display: block;
   1.342 -  padding: 0.5ex;
   1.343 -}
   1.344 -
   1.345 -.hidden_inline_form input[type=text],
   1.346 -.hidden_inline_form textarea,
   1.347 -.hidden_inline_form select {
   1.348 -  width: 30em;
   1.349 -}
   1.350 -
   1.351 -/*************************************************************************
   1.352   * Positive / Negtive votes
   1.353   */
   1.354  
   1.355 @@ -970,10 +841,6 @@
   1.356    background: none;
   1.357  }
   1.358  
   1.359 -.initiative_link {
   1.360 -  padding: 0.5ex 0.5em;
   1.361 -}
   1.362 -
   1.363  .initiative_link.selected {
   1.364    font-weight: bold;
   1.365  }
   1.366 @@ -1034,7 +901,7 @@
   1.367    border-radius: 7px;
   1.368  }
   1.369  
   1.370 -.member_thumb a{
   1.371 +.member_thumb a {
   1.372    position: absolute;
   1.373    top: 0;
   1.374    left: 0;
   1.375 @@ -1201,6 +1068,7 @@
   1.376  .slot_help_hidden {
   1.377    float: right;
   1.378    margin-right: 1em;
   1.379 +  margin-top: 1ex;
   1.380  }
   1.381  
   1.382  .help_actions {

Impressum / About Us