liquid_feedback_frontend
diff static/style.css @ 271:d13b27a37ad5
Optical enhancements, some repositioning of ui elements
| author | bsw | 
|---|---|
| date | Tue Feb 07 22:30:48 2012 +0100 (2012-02-07) | 
| parents | 272193cc190e | 
| children | 65a1f7a01e7b | 
   line diff
1.1 --- a/static/style.css Tue Feb 07 20:03:31 2012 +0100 1.2 +++ b/static/style.css Tue Feb 07 22:30:48 2012 +0100 1.3 @@ -113,15 +113,26 @@ 1.4 */ 1.5 1.6 .topbar { 1.7 - background-color: #444; 1.8 + xbackground-color: #444; 1.9 color: #fff; 1.10 font-size: 75%; 1.11 line-height: 140%; 1.12 - margin-bottom: 1.8ex; 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 } 1.27 1.28 .topbar a { 1.29 - background-color: #444; 1.30 color: #fff; 1.31 } 1.32 1.33 @@ -192,9 +203,14 @@ 1.34 */ 1.35 1.36 .title_bar { 1.37 - border-bottom: 1px solid #777; 1.38 - padding-top: 1ex; 1.39 - padding-bottom: 0.5ex; 1.40 + padding-top: 2ex; 1.41 + padding-bottom: 1ex; 1.42 + xbackground-color: #def; 1.43 + background: -webkit-gradient(linear, left top, left bottom, 1.44 + 1.45 +color-stop(0%,#abd3ee), color-stop(100%,#ffffff) 1.46 + 1.47 + ); 1.48 } 1.49 1.50 .title_bar_content { 1.51 @@ -222,22 +238,30 @@ 1.52 1.53 .title { 1.54 color: #000; 1.55 - margin-bottom: 0.5ex; 1.56 + margin-bottom: 1ex; 1.57 } 1.58 1.59 .slot_title { 1.60 } 1.61 1.62 .title div { 1.63 - font-weight: bold; 1.64 - font-size: 135%; 1.65 + font-size: 125%; 1.66 line-height: 110%; 1.67 } 1.68 1.69 +.title div a { 1.70 + xfont-weight: bold; 1.71 +} 1.72 + 1.73 .title a { 1.74 color: #000; 1.75 } 1.76 1.77 +.title2 div { 1.78 + margin-bottom: 2ex; 1.79 + xline-height: 130%; 1.80 +} 1.81 + 1.82 .member_image_avatar { 1.83 float: left; 1.84 margin-right: 0.5em; 1.85 @@ -258,6 +282,7 @@ 1.86 padding: 1px 0.5em 1px 0.0em; 1.87 margin-right: 1em; 1.88 vertical-align: middle; 1.89 + border-radius: 5px; 1.90 } 1.91 1.92 .content_navigation { 1.93 @@ -288,6 +313,10 @@ 1.94 background-color: #d7d7d7; 1.95 } 1.96 1.97 +.title_bar .actions a:hover { 1.98 + background-color: #fff; 1.99 +} 1.100 + 1.101 .actions img { 1.102 padding-left: 0.2em; 1.103 padding-right: 0.2em; 1.104 @@ -451,15 +480,19 @@ 1.105 */ 1.106 1.107 .ui_tabs_links { 1.108 - margin-top: 4ex; 1.109 + margin-top: 2ex; 1.110 + margin-bottom: 2ex; 1.111 font-size: 75%; 1.112 } 1.113 1.114 .ui_tabs_links a { 1.115 padding: 1ex; 1.116 - line-height: 200%; 1.117 + line-height: 300%; 1.118 background-color: #e7e7e7; 1.119 white-space: nowrap; 1.120 + border-radius: 5px; 1.121 + margin-right: 5px; 1.122 + font-weight: bold; 1.123 } 1.124 1.125 .ui_tabs_links a:hover { 1.126 @@ -474,8 +507,8 @@ 1.127 } 1.128 1.129 .ui_tabs_content { 1.130 - border: 1px solid #444; 1.131 - padding: 1ex 1ex 1ex 1ex; 1.132 + xborder: 1px solid #444; 1.133 + xpadding: 1ex 1ex 1ex 1ex; 1.134 } 1.135 1.136 .web10 .ui_tabs_accordeon_head {