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 {