liquid_feedback_frontend

diff static/style.css @ 274:aec9df5b4cd3

More optical enhancements and repositioning of elements
author bsw
date Sun Feb 12 12:20:19 2012 +0100 (2012-02-12)
parents 7196685f9dd7
children fc14e76afe31
line diff
     1.1 --- a/static/style.css	Wed Feb 08 18:49:22 2012 +0100
     1.2 +++ b/static/style.css	Sun Feb 12 12:20:19 2012 +0100
     1.3 @@ -15,7 +15,7 @@
     1.4  }
     1.5  
     1.6  .area_list {
     1.7 -  line-height: 170%;
     1.8 +  line-height: 140%;
     1.9  }
    1.10  
    1.11  body, a {
    1.12 @@ -116,7 +116,7 @@
    1.13    background-color: #444;
    1.14    color: #fff;
    1.15    font-size: 90%;
    1.16 -  line-height: 140%;
    1.17 +  line-height: 100%;
    1.18    padding-left: 10px;
    1.19  }
    1.20  
    1.21 @@ -135,7 +135,7 @@
    1.22  
    1.23  .navigation,
    1.24  .logout_button {
    1.25 -  line-height: 250%;
    1.26 +  line-height: 200%;
    1.27  }
    1.28  
    1.29  .navigation img,
    1.30 @@ -195,17 +195,18 @@
    1.31   */
    1.32  
    1.33  .title_bar {
    1.34 -  padding-top: 2ex;
    1.35    padding-bottom: 1ex;
    1.36    xbackground-color: #def;
    1.37 +  text-shadow: #fff 0px 0px 3px;
    1.38 +}
    1.39 +
    1.40 +.title_bar_content {
    1.41 +  padding-left: 1em;
    1.42 +  padding-top: 1.5ex;
    1.43    background: -webkit-gradient(linear, left top, left bottom, 
    1.44      /*color-stop(0%,#abd3ee), color-stop(100%,#ffffff)*/
    1.45      color-stop(0%,#ddd), color-stop(100%,#fff)                           
    1.46 -  ); 
    1.47 -}
    1.48 -
    1.49 -.title_bar_content {
    1.50 -  margin-left: 1em;
    1.51 +  );
    1.52  }
    1.53  
    1.54  .path {
    1.55 @@ -258,6 +259,12 @@
    1.56    margin-right: 0.5em;
    1.57  }
    1.58  
    1.59 +.micro_avatar {
    1.60 +  width: 24px;
    1.61 +  height: 24px;
    1.62 +  border-radius: 4px;
    1.63 +}
    1.64 +
    1.65  .actions {
    1.66    font-size: 75%;
    1.67    line-height: 220%;
    1.68 @@ -267,9 +274,6 @@
    1.69    display: inline;
    1.70  }
    1.71  
    1.72 -.actions {
    1.73 -}
    1.74 -
    1.75  .actions a {
    1.76    padding: 1px 0.5em 1px 0.0em;
    1.77    margin-right: 1em;
    1.78 @@ -278,12 +282,13 @@
    1.79  
    1.80  
    1.81  .slot_initiative_head  {
    1.82 -  xbackground: -webkit-gradient(linear, left top, left bottom, 
    1.83 +  background: -webkit-gradient(linear, left top, left bottom, 
    1.84      /*color-stop(0%,#AFEFB9), color-stop(100%,#ffffff)                           */
    1.85      color-stop(0%,#ddd), color-stop(100%,#fff)                           
    1.86    ); 
    1.87    padding-left: 1em;
    1.88    padding-top: 2ex;
    1.89 +  text-shadow: #fff 0px 0px 3px;
    1.90  }
    1.91  
    1.92  .initiative_name {
    1.93 @@ -366,25 +371,25 @@
    1.94  .interest .head_active,
    1.95  .slot_support .head_potential_supporter{
    1.96    background-color: #fec;
    1.97 -  border: 1px solid #b96;
    1.98 +  box-shadow: #fff 0px 0px 10px 1px;
    1.99    border-radius: 5px;
   1.100  }
   1.101  
   1.102  .slot_support .head_supporter {
   1.103    background-color: #dfc;
   1.104 -  border: 1px solid #8b8;
   1.105 +  box-shadow: #fff 0px 0px 10px 1px;
   1.106    border-radius: 5px;
   1.107  }
   1.108  
   1.109  .slot_support .head_initiator {
   1.110    background-color: #eee;
   1.111 -  border: 1px solid #999;
   1.112 +  box-shadow: #fff 0px 0px 10px 1px;
   1.113    border-radius: 5px;
   1.114  }
   1.115  
   1.116  .delegation .head_active {
   1.117    background-color: #ddf;
   1.118 -  border: 1px solid #88b;
   1.119 +  box-shadow: #fff 0px 0px 10px 1px;
   1.120    border-radius: 5px;
   1.121  }
   1.122  
   1.123 @@ -801,7 +806,6 @@
   1.124  
   1.125  th {
   1.126    text-align: left;
   1.127 -  border-bottom: 1px solid #000;
   1.128  }
   1.129  
   1.130  tr:hover td {
   1.131 @@ -907,24 +911,24 @@
   1.132  
   1.133  .issues .issue {
   1.134    xborder: 1px solid #ccc;
   1.135 -  background: -webkit-gradient(linear, left top, left bottom,
   1.136 -    color-stop(0%,#e7e7e7), color-stop(33%, #f7f7f7), color-stop(100%,#fff));
   1.137    overflow: hidden;
   1.138    margin-bottom: 2ex;
   1.139    border-radius: 8px;
   1.140  }
   1.141  
   1.142 -.issues .issue.interested {
   1.143 -  background: -webkit-gradient(linear, left top, left bottom,
   1.144 -    color-stop(0%,#eec), color-stop(25%, #ffe), color-stop(100%,#fff));
   1.145 -}
   1.146 -
   1.147  .issues .issue .issue_info {
   1.148    xfloat: left;
   1.149    xwidth: 25%;
   1.150    padding: 1ex;
   1.151    line-height: 140%;
   1.152    xoverflow: hidden;
   1.153 +  background: -webkit-gradient(linear, left top, left bottom,
   1.154 +    color-stop(0%,#e7e7e7), color-stop(33%, #f7f7f7), color-stop(66%,#fff));
   1.155 +}
   1.156 +
   1.157 +.issues .issue.interested .issue_info{
   1.158 +  background: -webkit-gradient(linear, left top, left bottom,
   1.159 +    color-stop(0%,#FFEECC), color-stop(33%, #FFF7E6), color-stop(66%,#fff));
   1.160  }
   1.161  
   1.162  .issues .issue .issue_info .issue_id {
   1.163 @@ -939,11 +943,36 @@
   1.164    font-weight: bold;
   1.165  }
   1.166  
   1.167 +.more_initiatives_link {
   1.168 +  margin-left: 158px;
   1.169 +  font-style: italic;
   1.170 +}
   1.171 +
   1.172  .issues tr tr {
   1.173    border: none;
   1.174    background: none;
   1.175  }
   1.176  
   1.177 +.initiative_link {
   1.178 +  padding: 0.5ex 0.5em;
   1.179 +}
   1.180 +
   1.181 +.initiative_link.selected {
   1.182 +  font-weight: bold;
   1.183 +}
   1.184 +
   1.185 +.initiative_link.supported {
   1.186 +  background-color: #C9FFD1;
   1.187 +  border-radius: 5px;
   1.188 +  background: -webkit-radial-gradient(center, ellipse cover, #c9ffd1 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
   1.189 +}
   1.190 +
   1.191 +.initiative_link.potentially_supported {
   1.192 +  background-color: #FFEECC;
   1.193 +  border-radius: 5px;
   1.194 +  background: -webkit-radial-gradient(center, ellipse cover, #ffeecc 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
   1.195 +}
   1.196 +
   1.197  .lang_chooser {
   1.198    float: right;
   1.199    margin-right: 0.5em;
   1.200 @@ -1211,6 +1240,7 @@
   1.201  }
   1.202  
   1.203  .heading {
   1.204 +  display: block;
   1.205    font-size: 120%;
   1.206    font-weight: bold;
   1.207    margin-top: 2ex;

Impressum / About Us