webmcp
diff demo-app/static/style.css @ 0:9fdfb27f8e67
Version 1.0.0
author | jbe/bsw |
---|---|
date | Sun Oct 25 12:00:00 2009 +0100 (2009-10-25) |
parents | |
children |
line diff
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/demo-app/static/style.css Sun Oct 25 12:00:00 2009 +0100 1.3 @@ -0,0 +1,383 @@ 1.4 +/* 1.5 + * ********** body *********** 1.6 + */ 1.7 + 1.8 +body { 1.9 + background-color: #ddd; 1.10 + font-family: sans-serif; 1.11 + margin: 0; 1.12 + padding: 0; 1.13 + font-size: 10pt; 1.14 +} 1.15 + 1.16 +body, td, th, input, select { 1.17 + font-size: 10pt; 1.18 +} 1.19 + 1.20 +div { 1.21 + padding: 0px; 1.22 + margin: 0px; 1.23 +} 1.24 + 1.25 +/* 1.26 + * ********** Logo *********** 1.27 + */ 1.28 + 1.29 +.layout_logo { 1.30 + background: #fff; 1.31 + border: 1px solid #444; 1.32 + border-left: none; 1.33 + border-top: none; 1.34 + color: #444; 1.35 + float: left; 1.36 + height: 2.29em; 1.37 + margin-bottom: 2ex; 1.38 + padding-bottom: 0.3ex; 1.39 + padding-left: 0.3ex; 1.40 + padding-top: 0.3ex; 1.41 +} 1.42 + 1.43 +.logo { 1.44 + font-size: 1em; 1.45 + font-weight: bold; 1.46 +} 1.47 + 1.48 +.logo img { 1.49 + height: 2.29em; 1.50 + margin-bottom: -0.7em; 1.51 +} 1.52 + 1.53 +/* 1.54 + * ********** Top navigation *********** 1.55 + */ 1.56 + 1.57 +.layout_topnav { 1.58 + float: left; 1.59 + margin-bottom: 2em; 1.60 + margin-left: 2ex; 1.61 +} 1.62 + 1.63 +.slot_topnav .nav { 1.64 + background: #fff; 1.65 + border: 1px solid #444; 1.66 + border-top: none; 1.67 + color: #000; 1.68 + display: block; 1.69 + float: left; 1.70 + font-weight: bold; 1.71 + height: 2.29em; 1.72 + margin-right: 1ex; 1.73 + padding-bottom: 0.3ex; 1.74 + padding-left: 0.3ex; 1.75 + padding-right: 1ex; 1.76 + padding-top: 0.3ex; 1.77 + text-decoration: none; 1.78 +} 1.79 + 1.80 + 1.81 + 1.82 +.vertical .lang_chooser { 1.83 + margin-left: 25ex; 1.84 + margin-bottom: 1ex; 1.85 +} 1.86 + 1.87 +.vertical .lang_chooser div { 1.88 + margin-right: 1ex; 1.89 +} 1.90 + 1.91 +.lang_chooser div { 1.92 + float: left; 1.93 + text-align: center; 1.94 +} 1.95 + 1.96 +.lang_chooser a { 1.97 + color: #000; 1.98 + font-size: 75%; 1.99 +} 1.100 + 1.101 +.lang_chooser img { 1.102 + display: block; 1.103 +} 1.104 + 1.105 +.lang_chooser img { 1.106 + border: 1px solid white; 1.107 +} 1.108 + 1.109 +.lang_chooser a:hover img { 1.110 + border: 1px solid #444; 1.111 +} 1.112 + 1.113 +.lang_chooser a:hover { 1.114 + background: #444; 1.115 + color: #fff; 1.116 +} 1.117 + 1.118 + 1.119 +.slot_topnav a:hover { 1.120 + background: #444; 1.121 + color: #fff; 1.122 +} 1.123 + 1.124 +/* 1.125 + * ********** Content *********** 1.126 + */ 1.127 + 1.128 +.layout_content { 1.129 + margin-left: 2ex; 1.130 + margin-right: 2ex; 1.131 +} 1.132 + 1.133 + 1.134 +/* 1.135 + * ********** Messages *********** 1.136 + */ 1.137 + 1.138 +.layout_notice, .layout_error, .layout_warning { 1.139 + background: #fff; 1.140 + font-weight: bold; 1.141 + right: 2ex; 1.142 + line-height: 1.7em; 1.143 + position: absolute; 1.144 + top: 2ex; 1.145 + width: 60ex; 1.146 + -moz-opacity:0.7; 1.147 +} 1.148 + 1.149 +.slot_notice, .slot_warning, .slot_error { 1.150 + padding: 2ex; 1.151 +} 1.152 + 1.153 +.slot_notice { 1.154 + color: green; 1.155 + border: 2px solid green; 1.156 +} 1.157 + 1.158 +.slot_warning { 1.159 + color: orange; 1.160 + border: 2px solid orange; 1.161 +} 1.162 + 1.163 +.slot_error { 1.164 + color: red; 1.165 + border: 2px solid red; 1.166 +} 1.167 + 1.168 + 1.169 + 1.170 +/* 1.171 + * ********** Title, Actions and Main *********** 1.172 + */ 1.173 + 1.174 +.layout_title { 1.175 + background: #fff; 1.176 + border: 1px solid #444; 1.177 + border-bottom: none; 1.178 + padding: 0.5ex; 1.179 + font-size: 120%; 1.180 + font-weight: bold; 1.181 + float: left; 1.182 +} 1.183 + 1.184 +.layout_title .object_class { 1.185 + float: left; 1.186 + font-size: 0.7em; 1.187 + font-weight: normal; 1.188 + margin-right: 1ex; 1.189 +} 1.190 + 1.191 +.layout_actions { 1.192 + background: #444; 1.193 + border-left: 1px solid #444; 1.194 + padding-top: 0.5ex; 1.195 + padding-bottom: 0.5ex; 1.196 +} 1.197 + 1.198 +.slot_actions a { 1.199 + color: #fff; 1.200 + text-decoration: none; 1.201 + padding: 0.5ex; 1.202 +} 1.203 + 1.204 +.slot_actions a:hover { 1.205 + background: #ccc; 1.206 + color: #444; 1.207 +} 1.208 + 1.209 +.slot_main { 1.210 + background: #fff; 1.211 + border: 1px solid #444; 1.212 + border-top: none; 1.213 + padding: 2ex; 1.214 + padding-bottom: 0px; 1.215 +} 1.216 + 1.217 + 1.218 + 1.219 +/* 1.220 + * ********** ui *********** 1.221 + */ 1.222 + 1.223 + 1.224 +form.ui_link { 1.225 + display: inline; 1.226 + margin: 0px; 1.227 + padding: 0px; 1.228 +} 1.229 + 1.230 +.vertical { 1.231 + margin-bottom: 1em; 1.232 +} 1.233 + 1.234 +.vertical:after, .vertical div:after { 1.235 + clear: left; 1.236 + content: "."; 1.237 + display: block; 1.238 + height: 0; 1.239 + visibility: hidden; 1.240 +} 1.241 + 1.242 +.vertical label { 1.243 + float: left; 1.244 + width: 25ex; 1.245 + padding-top: 0.7em; 1.246 + font-size: 80%; 1.247 + font-weight: bold; 1.248 + color: #666; 1.249 + text-align: right; 1.250 + text-transform: uppercase; 1.251 +} 1.252 + 1.253 +.vertical select, 1.254 +.vertical input, 1.255 +.vertical textarea, 1.256 +.vertical span { 1.257 + margin-left: 1em; 1.258 + margin-bottom: 2ex; 1.259 +} 1.260 + 1.261 +.vertical textarea { 1.262 + border: none; 1.263 + border: 1px dotted #777; 1.264 + padding: 0px; 1.265 +} 1.266 + 1.267 +.vertical input, 1.268 +.vertical select { 1.269 + border: 1px dotted #777; 1.270 +} 1.271 + 1.272 +.vertical textarea { 1.273 + width: 80ex; 1.274 + height: 5em; 1.275 + font-family: sans-serif; 1.276 + font-size: 100%; 1.277 + padding: 0.5ex; 1.278 +} 1.279 + 1.280 +input[type=text] { 1.281 + background: #fff; 1.282 + padding: 0.5ex; 1.283 +} 1.284 + 1.285 +input[type=submit] { 1.286 + margin-left: 25ex; 1.287 + border: 1px dotted #777; 1.288 +} 1.289 + 1.290 +input[type=submit]:hover { 1.291 + border: 1px solid #777; 1.292 +} 1.293 + 1.294 +/* ui.list */ 1.295 + 1.296 +table.ui_list { 1.297 + border-collapse: collapse; 1.298 +} 1.299 + 1.300 +ul.ui_list { 1.301 + padding: 0px; 1.302 + margin: 0px; 1.303 +} 1.304 + 1.305 +.ui_list li { 1.306 + clear: left; 1.307 + list-style-type: none; 1.308 +} 1.309 + 1.310 +.ui_list_title { 1.311 + font-size: 110%; 1.312 + font-weight: bold; 1.313 + margin-bottom: 0.2em; 1.314 +} 1.315 + 1.316 + 1.317 +li.ui_list_head { 1.318 + font-weight: bold; 1.319 + background: #777; 1.320 + color: #fff; 1.321 +} 1.322 + 1.323 +.ui_list li:hover, 1.324 +.ui_list tr:hover { 1.325 + background: #ddd; 1.326 +} 1.327 + 1.328 +.ui_list li.ui_list_head:hover, 1.329 +.ui_list tr.ui_list_head:hover { 1.330 + background: #777; 1.331 +} 1.332 + 1.333 +.ui_list a { 1.334 + text-decoration: none; 1.335 + color: #000; 1.336 + border-bottom: 1px dashed #777; 1.337 +} 1.338 + 1.339 +.ui_list a:hover { 1.340 + border-bottom: 1px solid #000; 1.341 +} 1.342 + 1.343 +.ui_list li div { 1.344 + float: left; 1.345 +} 1.346 + 1.347 +.ui_list td { 1.348 + vertical-align: top; 1.349 +} 1.350 + 1.351 +.ui_list li div, 1.352 +.ui_list td { 1.353 + padding-top: 0.4ex; 1.354 + padding-bottom: 0.4ex; 1.355 + padding-right: 0.4em; 1.356 +} 1.357 + 1.358 +.ui_list li div div { 1.359 + padding: 0px; 1.360 +} 1.361 + 1.362 +.ui_list li div a { 1.363 + text-decoration: none; 1.364 + color: #000; 1.365 +} 1.366 + 1.367 +.ui_list_col_align_right { 1.368 + text-align: right; 1.369 +} 1.370 + 1.371 +.ui_paginate_select { 1.372 + text-align: center; 1.373 +} 1.374 + 1.375 +.ui_paginate_select a { 1.376 + padding-left: 1ex; 1.377 + padding-right: 1ex; 1.378 + background-color: #ccc; 1.379 + color: #000; 1.380 +} 1.381 + 1.382 +.ui_paginate_select a.active, 1.383 +.ui_paginate_select a:hover { 1.384 + background-color: #444; 1.385 + color: #fff; 1.386 +}