liquid_feedback_frontend

changeset 650:68c2c4a4ddf7

Optical enhancements, browser compatibility for linear gradient
author bsw
date Mon Jun 25 23:54:26 2012 +0200 (2012-06-25)
parents 27226084fcab
children 2bd8077e1960
files static/style.css
line diff
     1.1 --- a/static/style.css	Mon Jun 25 20:14:26 2012 +0200
     1.2 +++ b/static/style.css	Mon Jun 25 23:54:26 2012 +0200
     1.3 @@ -33,7 +33,9 @@
     1.4    margin-top: 2ex;
     1.5    margin-bottom: 2ex;
     1.6  }
     1.7 -
     1.8 +a {
     1.9 +  text-decoration: underline;
    1.10 +}
    1.11  table {
    1.12    border-collapse: separate;
    1.13    border-spacing: 0;
    1.14 @@ -161,9 +163,12 @@
    1.15  
    1.16  .topbar {
    1.17    background-color: #333;
    1.18 -  background-image: -webkit-gradient(linear, left top, left bottom, 
    1.19 -    color-stop(0%, #888), color-stop(25%,#333)
    1.20 -  );
    1.21 +  background: -webkit-linear-gradient(top, #777, #000);
    1.22 +  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%,#000));
    1.23 +  background: -moz-linear-gradient(#777, #000);
    1.24 +  background: -ms-linear-gradient(#777, #000);
    1.25 +  background: -o-linear-gradient(#777, #000);
    1.26 +  background: linear-gradient(#777, #000);
    1.27    font-size: 90%;
    1.28    box-shadow: #aaa 0 0 5px;
    1.29    xoverflow: auto;
    1.30 @@ -215,6 +220,10 @@
    1.31    padding-right: 1%;
    1.32  }
    1.33  
    1.34 +.topbar ul {
    1.35 +  list-style-type: none;
    1.36 +}
    1.37 +
    1.38  
    1.39  #member_menu {
    1.40   z-index: 2;
    1.41 @@ -304,6 +313,7 @@
    1.42    background-color: #fff;
    1.43    margin: 0px 1% 2ex 1%;
    1.44    border: 1px solid #555;
    1.45 +  border-top: none;
    1.46    border-radius: 0 0 8px 8px;
    1.47  }
    1.48  
    1.49 @@ -414,7 +424,12 @@
    1.50  
    1.51  .unit_head {
    1.52    background-color: #44a;
    1.53 -  background-image: -webkit-linear-gradient(top, #67d, #23a);
    1.54 +  background: -webkit-linear-gradient(top, #67d, #23a);
    1.55 +  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67d), color-stop(100%,#23a));
    1.56 +  background: -moz-linear-gradient(#67d, #23a);
    1.57 +  background: -ms-linear-gradient(#67d, #23a);
    1.58 +  background: -o-linear-gradient(#67d, #23a);
    1.59 +  background: linear-gradient(#67d, #23a);
    1.60    color: #fff;
    1.61  }
    1.62  
    1.63 @@ -432,25 +447,25 @@
    1.64  .area_head,
    1.65  .area_list .area_head {
    1.66    background-color: #abf;
    1.67 -  background-image: -webkit-linear-gradient(top, #cdf, #abe);
    1.68 +  background: -webkit-linear-gradient(top, #cdf, #abe);
    1.69 +  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdf), color-stop(100%,#abe));
    1.70 +  background: -moz-linear-gradient(#cdf, #abe);
    1.71 +  background: -ms-linear-gradient(#cdf, #abe);
    1.72 +  background: -o-linear-gradient(#cdf, #abe);
    1.73 +  background: linear-gradient(#cdf, #abe);
    1.74  }
    1.75  
    1.76  .area_list .area > .content,
    1.77  .issue {
    1.78    background-color: #e0e9ff;
    1.79 -  background-image: -webkit-linear-gradient(top, #f7faff, #e0e9ff);
    1.80 +  background: -webkit-linear-gradient(top, #f7faff, #e0e9ff);
    1.81 +  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7faff), color-stop(100%,#e0e9ff));
    1.82 +  background: -moz-linear-gradient(#f7faff, #e0e9ff);
    1.83 +  background: -ms-linear-gradient(#f7faff, #e0e9ff);
    1.84 +  background: -o-linear-gradient(#f7faff, #e0e9ff);
    1.85 +  background: linear-gradient(#f7faff, #e0e9ff);
    1.86  }
    1.87  
    1.88 -
    1.89 -x {
    1.90 -  background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
    1.91 -  background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
    1.92 -  background-image: -moz-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
    1.93 -  background-image: -webkit-linear-gradient(top, #dde 0%, #d7d7e7 10%, #fff 100%);
    1.94 -  background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);
    1.95 -}
    1.96 -
    1.97 -
    1.98  .delegation_info {
    1.99    float: right;
   1.100    text-decoration: none;
   1.101 @@ -473,12 +488,12 @@
   1.102  
   1.103  .delegation_info .micro_avatar {
   1.104    border: none;
   1.105 -  margin: 2px;
   1.106 +  margin: 4px;
   1.107    box-shadow: 1px 1px 2px #000;
   1.108  }
   1.109  
   1.110  .delegation_info .micro_avatar.highlighted {
   1.111 -  margin: none;
   1.112 +  margin: 2;
   1.113    border: 2px solid #f90;
   1.114  }
   1.115  
   1.116 @@ -524,7 +539,12 @@
   1.117    padding: 1ex 1em;
   1.118    line-height: 300%;
   1.119    background-color: #444;
   1.120 -  background-image: -webkit-linear-gradient(top, #000, #666);
   1.121 +  background: -webkit-linear-gradient(top, #000, #666);
   1.122 +  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%,#666));
   1.123 +  background: -moz-linear-gradient(#000, #666);
   1.124 +  background: -ms-linear-gradient(#000, #666);
   1.125 +  background: -o-linear-gradient(#000, #666);
   1.126 +  background: linear-gradient(#000, #666);
   1.127    color: #fff;
   1.128    white-space: nowrap;
   1.129    border-radius: 8px;
   1.130 @@ -625,8 +645,14 @@
   1.131  div.notifications {
   1.132    margin-top: 1ex;
   1.133    background-color: #fda;
   1.134 +  background: -webkit-linear-gradient(top, #fec, #fc9);
   1.135 +  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fec), color-stop(100%,#fc9));
   1.136 +  background: -moz-linear-gradient(#fec, #fc9);
   1.137 +  background: -ms-linear-gradient(#fec, #fc9);
   1.138 +  background: -o-linear-gradient(#fec, #fc9);
   1.139 +  background: linear-gradient(#fec, #fc9);
   1.140    padding: 0.5ex;
   1.141 -  border: 1px solid #fa0;
   1.142 +  border: 1px solid #fc0;
   1.143  }
   1.144  
   1.145  .notifications ul {

Impressum / About Us