liquid_feedback_frontend

changeset 325:d4c34b5ee81b

Added css reset, some optical changes, some css code cleanup
author bsw
date Tue Feb 28 17:49:15 2012 +0100 (2012-02-28)
parents 07dc88da30cb
children 6a6ddf763054
files static/style.css
line diff
     1.1 --- a/static/style.css	Tue Feb 28 16:38:54 2012 +0100
     1.2 +++ b/static/style.css	Tue Feb 28 17:49:15 2012 +0100
     1.3 @@ -1,3 +1,43 @@
     1.4 +/* Style reset */
     1.5 +html,
     1.6 +body,
     1.7 +div,
     1.8 +span,
     1.9 +applet,
    1.10 +object,
    1.11 +iframe,
    1.12 +h1, h2, h3, h4, h5, h6,
    1.13 +p, blockquote, pre, a, img,
    1.14 +ol, ul, li,
    1.15 +form, label, legend,
    1.16 +table, tbody, tfoot, thead, tr, th,td {
    1.17 +  margin: 0;
    1.18 +  padding: 0;
    1.19 +  border: 0;
    1.20 +  outline: 0;
    1.21 +  font-weight: inherit;
    1.22 +  font-style: inherit;
    1.23 +  font-size: 100%;
    1.24 +  font-family: inherit;
    1.25 +  vertical-align: baseline;
    1.26 +}
    1.27 +body {
    1.28 +  line-height: 1;
    1.29 +  color: black;
    1.30 +  background: white;
    1.31 +}
    1.32 +ol, ul {
    1.33 +  list-style: none;
    1.34 +}
    1.35 +table {
    1.36 +  border-collapse: separate;
    1.37 +  border-spacing: 0;
    1.38 +}
    1.39 +caption, th, td {
    1.40 +  text-align: left;
    1.41 +  font-weight: normal;
    1.42 +}
    1.43 +
    1.44  /*************************************************************************
    1.45   * Some global definitions 
    1.46   */
    1.47 @@ -61,10 +101,6 @@
    1.48    font-style: italic;
    1.49  }
    1.50  
    1.51 -a {
    1.52 -  xvertical-align: middle;
    1.53 -}
    1.54 -
    1.55  h1 {
    1.56    font-size: 150%;
    1.57  }
    1.58 @@ -82,29 +118,29 @@
    1.59   */
    1.60  
    1.61  .layout_notice, .layout_error, .layout_warning {
    1.62 -        background: #fff;
    1.63 -        font-weight: bold;
    1.64 -        line-height: 1.7em;
    1.65 -        -moz-opacity:0.7;
    1.66 +  background: #fff;
    1.67 +  font-weight: bold;
    1.68 +  line-height: 1.7em;
    1.69 +  -moz-opacity:0.7;
    1.70  }
    1.71  
    1.72  .slot_notice, .slot_warning, .slot_error {
    1.73 -        padding-left: 1em;
    1.74 +  padding-left: 1em;
    1.75  }
    1.76  
    1.77  .slot_notice {
    1.78 -        background-color: #cfc;
    1.79 -        color: #040;
    1.80 +  background-color: #cfc;
    1.81 +  color: #040;
    1.82  }
    1.83  
    1.84  .slot_warning {
    1.85 -        background-color: #fec;
    1.86 -        color: #420;
    1.87 +  background-color: #fec;
    1.88 +  color: #420;
    1.89  }
    1.90  
    1.91  .slot_error {
    1.92 -        background-color: #fcc;
    1.93 -        color: #400;
    1.94 +  background-color: #fcc;
    1.95 +  color: #400;
    1.96  }
    1.97  
    1.98  /*************************************************************************
    1.99 @@ -209,24 +245,6 @@
   1.100    margin-right: 10px;
   1.101  }
   1.102  
   1.103 -.actions,
   1.104 -.issues .issue,
   1.105 -.initiatives_list,
   1.106 -.ui_tabs_links a,
   1.107 -.draft_content,
   1.108 -.help,
   1.109 -.use_terms,
   1.110 -.motd,
   1.111 -.ui_filter a.active {
   1.112 -  box-shadow: #777 0px 5px 5px -5px;
   1.113 -  -mox-box-shadow: #777 0px 5px 5px -5px;
   1.114 -  -webkit-box-shadow: #777 0px 5px 5px -5px;
   1.115 -}
   1.116 -
   1.117 -.issues .issue {
   1.118 -  border: 1px solid #eee;
   1.119 -}
   1.120 -
   1.121  .initiative_head .actions {
   1.122    box-shadow: none;
   1.123    -moz-box-shadow: none;
   1.124 @@ -242,12 +260,13 @@
   1.125    margin: 0px;
   1.126  }
   1.127  
   1.128 -.initiatives_list {
   1.129 +.slot_initiatives_list {
   1.130    margin-top: 1ex;
   1.131    margin-left: 10px;
   1.132    margin-right: 10px;
   1.133 -  background-color: #f2f2f2;
   1.134 +  background-color: #fcfcfc;
   1.135    border-radius: 8px;
   1.136 +  clear: left;
   1.137  }
   1.138  
   1.139  .title {
   1.140 @@ -280,11 +299,8 @@
   1.141    padding: 1ex 1em 0 1em;
   1.142  }
   1.143  
   1.144 -.initiatives_list {
   1.145 -  clear: left;
   1.146 -}
   1.147 -
   1.148  .slot_initiatives_list {
   1.149 +  border: 1px solid #ccc;
   1.150    padding-top: 1ex;
   1.151    padding-bottom: 1ex;
   1.152  }
   1.153 @@ -850,27 +866,34 @@
   1.154  }
   1.155  
   1.156  .issues .issue {
   1.157 +  background-color: #fcfcfc;
   1.158    overflow: hidden;
   1.159    margin-bottom: 2ex;
   1.160 +  border: 1px solid #ccc;
   1.161    border-radius: 8px;
   1.162  }
   1.163  
   1.164 +.issues .issue.interested,
   1.165 +.issues .issue.interest_by_delegation {
   1.166 +}
   1.167 +
   1.168  .issues .issue .issue_info {
   1.169    padding: 1ex 1em;
   1.170    line-height: 140%;
   1.171    background-image: linear-gradient(top, #eee 0%, #fff 66%);
   1.172    background-image: -o-linear-gradient(top, #eee 0%, #fff 66%);
   1.173    background-image: -moz-linear-gradient(top, #eee 0%, #fff 66%);
   1.174 -  background-image: -webkit-linear-gradient(top, #eee 0%, #fff 66%);
   1.175 +  xbackground-image: -webkit-linear-gradient(top, #eee 0%, #fff 66%);
   1.176    background-image: -ms-linear-gradient(top, #eee 0%, #fff 66%);
   1.177  }
   1.178  
   1.179  .issues .issue.interested .issue_info,
   1.180  .issues .issue.interested_by_delegation .issue_info  {
   1.181 +  xbackground-color: #cdf;
   1.182    background-image: linear-gradient(top, #cdf 0%, #fff 66%);
   1.183    background-image: -o-linear-gradient(top, #cdf 0%, #fff 66%);
   1.184    background-image: -moz-linear-gradient(top, #cdf 0%, #fff 66%);
   1.185 -  background-image: -webkit-linear-gradient(top, #cdf 0%, #fff 66%);
   1.186 +  background-image: -webkit-linear-gradient(top, #dfeaff 50%, #fff 100%);
   1.187    background-image: -ms-linear-gradient(top, #cdf 0%, #fff 66%);
   1.188  }
   1.189  
   1.190 @@ -982,12 +1005,6 @@
   1.191    border-radius: 7px;
   1.192  }
   1.193  
   1.194 -.member_thumb div {
   1.195 -}
   1.196 -
   1.197 -.member_thumb .member_image {
   1.198 -}
   1.199 -
   1.200  .member_thumb .member_name {
   1.201    position: absolute;
   1.202    left: 56px;
   1.203 @@ -1330,3 +1347,21 @@
   1.204  div.timeline_results {
   1.205    clear: both;
   1.206  }
   1.207 +
   1.208 +/* shadows */
   1.209 +
   1.210 +.slot_initiatives_list,
   1.211 +.actions,
   1.212 +.issues .issue,
   1.213 +.ui_tabs_links a,
   1.214 +.draft_content,
   1.215 +.help,
   1.216 +.use_terms,
   1.217 +.motd,
   1.218 +.ui_filter a.active {
   1.219 +  box-shadow: #777 0px 5px 5px -5px;
   1.220 +  -mox-box-shadow: #777 0px 5px 5px -5px;
   1.221 +  -webkit-box-shadow: #777 0px 5px 5px -5px;
   1.222 +}
   1.223 +
   1.224 +

Impressum / About Us