liquid_feedback_frontend

diff static/style.css @ 273:7196685f9dd7

More optical enhancements, more repositioning
author bsw
date Wed Feb 08 18:49:22 2012 +0100 (2012-02-08)
parents 65a1f7a01e7b
children aec9df5b4cd3
line diff
     1.1 --- a/static/style.css	Wed Feb 08 00:55:17 2012 +0100
     1.2 +++ b/static/style.css	Wed Feb 08 18:49:22 2012 +0100
     1.3 @@ -113,23 +113,15 @@
     1.4   */
     1.5  
     1.6  .topbar {
     1.7 -  xbackground-color: #444;
     1.8 +  background-color: #444;
     1.9    color: #fff;
    1.10 -  font-size: 75%;
    1.11 +  font-size: 90%;
    1.12    line-height: 140%;
    1.13 -  background: -webkit-gradient(
    1.14 -    linear, left bottom, left top, 
    1.15 -    color-stop(0%,#4c4c4c),
    1.16 -    color-stop(12%,#595959),
    1.17 -    color-stop(25%,#666666),
    1.18 -    color-stop(39%,#474747),
    1.19 -    color-stop(50%,#2c2c2c),
    1.20 -    color-stop(51%,#000000),
    1.21 -    color-stop(60%,#111111),
    1.22 -    color-stop(76%,#2b2b2b),
    1.23 -    color-stop(91%,#1c1c1c),
    1.24 -    color-stop(100%,#131313)
    1.25 -  );
    1.26 +  padding-left: 10px;
    1.27 +}
    1.28 +
    1.29 +.topbar .logolf {
    1.30 +  font-weight: bold;
    1.31  }
    1.32  
    1.33  .topbar a {
    1.34 @@ -207,7 +199,8 @@
    1.35    padding-bottom: 1ex;
    1.36    xbackground-color: #def;
    1.37    background: -webkit-gradient(linear, left top, left bottom, 
    1.38 -    color-stop(0%,#abd3ee), color-stop(100%,#ffffff)                           
    1.39 +    /*color-stop(0%,#abd3ee), color-stop(100%,#ffffff)*/
    1.40 +    color-stop(0%,#ddd), color-stop(100%,#fff)                           
    1.41    ); 
    1.42  }
    1.43  
    1.44 @@ -274,19 +267,20 @@
    1.45    display: inline;
    1.46  }
    1.47  
    1.48 +.actions {
    1.49 +}
    1.50 +
    1.51  .actions a {
    1.52 -  float: left;
    1.53 -  display: block;
    1.54    padding: 1px 0.5em 1px 0.0em;
    1.55    margin-right: 1em;
    1.56 -  vertical-align: middle;
    1.57    border-radius: 5px;
    1.58  }
    1.59  
    1.60  
    1.61  .slot_initiative_head  {
    1.62 -  background: -webkit-gradient(linear, left top, left bottom, 
    1.63 -    color-stop(0%,#AFEFB9), color-stop(100%,#ffffff)                           
    1.64 +  xbackground: -webkit-gradient(linear, left top, left bottom, 
    1.65 +    /*color-stop(0%,#AFEFB9), color-stop(100%,#ffffff)                           */
    1.66 +    color-stop(0%,#ddd), color-stop(100%,#fff)                           
    1.67    ); 
    1.68    padding-left: 1em;
    1.69    padding-top: 2ex;
    1.70 @@ -295,8 +289,8 @@
    1.71  .initiative_name {
    1.72    font-weight: bold;
    1.73    font-size: 125%;
    1.74 -  line-height: 110%;
    1.75 -  margin-bottom: 0.7ex;
    1.76 +  xline-height: 110%;
    1.77 +  xmargin-bottom: 0.7ex;
    1.78  }
    1.79  
    1.80  
    1.81 @@ -373,26 +367,25 @@
    1.82  .slot_support .head_potential_supporter{
    1.83    background-color: #fec;
    1.84    border: 1px solid #b96;
    1.85 -}
    1.86 -
    1.87 -.interest .head_autoreject {
    1.88 -  background-color: #fdd;
    1.89 -  border: 1px solid #b77;
    1.90 +  border-radius: 5px;
    1.91  }
    1.92  
    1.93  .slot_support .head_supporter {
    1.94    background-color: #dfc;
    1.95    border: 1px solid #8b8;
    1.96 +  border-radius: 5px;
    1.97  }
    1.98  
    1.99  .slot_support .head_initiator {
   1.100    background-color: #eee;
   1.101    border: 1px solid #999;
   1.102 +  border-radius: 5px;
   1.103  }
   1.104  
   1.105  .delegation .head_active {
   1.106    background-color: #ddf;
   1.107    border: 1px solid #88b;
   1.108 +  border-radius: 5px;
   1.109  }
   1.110  
   1.111  .delegation .change_delegation {
   1.112 @@ -912,12 +905,43 @@
   1.113   * Issues
   1.114   */
   1.115  
   1.116 -.issues tr {
   1.117 -  border: 1px solid #ccc;
   1.118 +.issues .issue {
   1.119 +  xborder: 1px solid #ccc;
   1.120 +  background: -webkit-gradient(linear, left top, left bottom,
   1.121 +    color-stop(0%,#e7e7e7), color-stop(33%, #f7f7f7), color-stop(100%,#fff));
   1.122 +  overflow: hidden;
   1.123 +  margin-bottom: 2ex;
   1.124 +  border-radius: 8px;
   1.125 +}
   1.126 +
   1.127 +.issues .issue.interested {
   1.128 +  background: -webkit-gradient(linear, left top, left bottom,
   1.129 +    color-stop(0%,#eec), color-stop(25%, #ffe), color-stop(100%,#fff));
   1.130 +}
   1.131 +
   1.132 +.issues .issue .issue_info {
   1.133 +  xfloat: left;
   1.134 +  xwidth: 25%;
   1.135 +  padding: 1ex;
   1.136 +  line-height: 140%;
   1.137 +  xoverflow: hidden;
   1.138 +}
   1.139 +
   1.140 +.issues .issue .issue_info .issue_id {
   1.141 +  font-size: 125%;
   1.142 +}
   1.143 +
   1.144 +.issues .issue .initiative_list a {
   1.145 +  font-weight: bold;
   1.146 +}
   1.147 +
   1.148 +.issue_initiative_list a {
   1.149 +  font-weight: bold;
   1.150  }
   1.151  
   1.152  .issues tr tr {
   1.153    border: none;
   1.154 +  background: none;
   1.155  }
   1.156  
   1.157  .lang_chooser {
   1.158 @@ -961,6 +985,7 @@
   1.159    overflow: hidden;
   1.160    xwhite-space: nowrap;
   1.161    position: relative;
   1.162 +  border-radius: 7px;
   1.163  }
   1.164  
   1.165  .member_thumb a{
   1.166 @@ -980,6 +1005,7 @@
   1.167    padding: 0;
   1.168    margin: 0;
   1.169    vertical-align: bottom;
   1.170 +  border-radius: 7px 0 0 7px;
   1.171  }
   1.172  
   1.173  .member_thumb div {
   1.174 @@ -1030,7 +1056,7 @@
   1.175  .draft_content,
   1.176  .suggestion_content {
   1.177    background-color: #eee;
   1.178 -  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5));
   1.179 +  xbackground: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5));
   1.180    padding: 1ex;
   1.181    border-radius: 8px;
   1.182  }
   1.183 @@ -1099,6 +1125,7 @@
   1.184    border: 1px solid #b96;
   1.185    padding: 1ex;
   1.186    margin-bottom: 2ex;
   1.187 +  border-radius: 8px;
   1.188  }
   1.189  
   1.190  .suggestion_fulfilled {

Impressum / About Us