webmcp
annotate demo-app/static/style.css @ 28:ea2e8f3a2776
allow webmcp path to be set in cgi script
this allows another script to include the webmcp script when the cwd is not the cgi-bin. the script needs to set the WEBMCP_PATH variable.
this allows another script to include the webmcp script when the cwd is not the cgi-bin. the script needs to set the WEBMCP_PATH variable.
| author | Daniel Poelzleithner <poelzi@poelzi.org> |
|---|---|
| date | Sun Sep 19 01:36:08 2010 +0200 (2010-09-19) |
| parents | 9fdfb27f8e67 |
| children |
| rev | line source |
|---|---|
| jbe/bsw@0 | 1 /* |
| jbe/bsw@0 | 2 * ********** body *********** |
| jbe/bsw@0 | 3 */ |
| jbe/bsw@0 | 4 |
| jbe/bsw@0 | 5 body { |
| jbe/bsw@0 | 6 background-color: #ddd; |
| jbe/bsw@0 | 7 font-family: sans-serif; |
| jbe/bsw@0 | 8 margin: 0; |
| jbe/bsw@0 | 9 padding: 0; |
| jbe/bsw@0 | 10 font-size: 10pt; |
| jbe/bsw@0 | 11 } |
| jbe/bsw@0 | 12 |
| jbe/bsw@0 | 13 body, td, th, input, select { |
| jbe/bsw@0 | 14 font-size: 10pt; |
| jbe/bsw@0 | 15 } |
| jbe/bsw@0 | 16 |
| jbe/bsw@0 | 17 div { |
| jbe/bsw@0 | 18 padding: 0px; |
| jbe/bsw@0 | 19 margin: 0px; |
| jbe/bsw@0 | 20 } |
| jbe/bsw@0 | 21 |
| jbe/bsw@0 | 22 /* |
| jbe/bsw@0 | 23 * ********** Logo *********** |
| jbe/bsw@0 | 24 */ |
| jbe/bsw@0 | 25 |
| jbe/bsw@0 | 26 .layout_logo { |
| jbe/bsw@0 | 27 background: #fff; |
| jbe/bsw@0 | 28 border: 1px solid #444; |
| jbe/bsw@0 | 29 border-left: none; |
| jbe/bsw@0 | 30 border-top: none; |
| jbe/bsw@0 | 31 color: #444; |
| jbe/bsw@0 | 32 float: left; |
| jbe/bsw@0 | 33 height: 2.29em; |
| jbe/bsw@0 | 34 margin-bottom: 2ex; |
| jbe/bsw@0 | 35 padding-bottom: 0.3ex; |
| jbe/bsw@0 | 36 padding-left: 0.3ex; |
| jbe/bsw@0 | 37 padding-top: 0.3ex; |
| jbe/bsw@0 | 38 } |
| jbe/bsw@0 | 39 |
| jbe/bsw@0 | 40 .logo { |
| jbe/bsw@0 | 41 font-size: 1em; |
| jbe/bsw@0 | 42 font-weight: bold; |
| jbe/bsw@0 | 43 } |
| jbe/bsw@0 | 44 |
| jbe/bsw@0 | 45 .logo img { |
| jbe/bsw@0 | 46 height: 2.29em; |
| jbe/bsw@0 | 47 margin-bottom: -0.7em; |
| jbe/bsw@0 | 48 } |
| jbe/bsw@0 | 49 |
| jbe/bsw@0 | 50 /* |
| jbe/bsw@0 | 51 * ********** Top navigation *********** |
| jbe/bsw@0 | 52 */ |
| jbe/bsw@0 | 53 |
| jbe/bsw@0 | 54 .layout_topnav { |
| jbe/bsw@0 | 55 float: left; |
| jbe/bsw@0 | 56 margin-bottom: 2em; |
| jbe/bsw@0 | 57 margin-left: 2ex; |
| jbe/bsw@0 | 58 } |
| jbe/bsw@0 | 59 |
| jbe/bsw@0 | 60 .slot_topnav .nav { |
| jbe/bsw@0 | 61 background: #fff; |
| jbe/bsw@0 | 62 border: 1px solid #444; |
| jbe/bsw@0 | 63 border-top: none; |
| jbe/bsw@0 | 64 color: #000; |
| jbe/bsw@0 | 65 display: block; |
| jbe/bsw@0 | 66 float: left; |
| jbe/bsw@0 | 67 font-weight: bold; |
| jbe/bsw@0 | 68 height: 2.29em; |
| jbe/bsw@0 | 69 margin-right: 1ex; |
| jbe/bsw@0 | 70 padding-bottom: 0.3ex; |
| jbe/bsw@0 | 71 padding-left: 0.3ex; |
| jbe/bsw@0 | 72 padding-right: 1ex; |
| jbe/bsw@0 | 73 padding-top: 0.3ex; |
| jbe/bsw@0 | 74 text-decoration: none; |
| jbe/bsw@0 | 75 } |
| jbe/bsw@0 | 76 |
| jbe/bsw@0 | 77 |
| jbe/bsw@0 | 78 |
| jbe/bsw@0 | 79 .vertical .lang_chooser { |
| jbe/bsw@0 | 80 margin-left: 25ex; |
| jbe/bsw@0 | 81 margin-bottom: 1ex; |
| jbe/bsw@0 | 82 } |
| jbe/bsw@0 | 83 |
| jbe/bsw@0 | 84 .vertical .lang_chooser div { |
| jbe/bsw@0 | 85 margin-right: 1ex; |
| jbe/bsw@0 | 86 } |
| jbe/bsw@0 | 87 |
| jbe/bsw@0 | 88 .lang_chooser div { |
| jbe/bsw@0 | 89 float: left; |
| jbe/bsw@0 | 90 text-align: center; |
| jbe/bsw@0 | 91 } |
| jbe/bsw@0 | 92 |
| jbe/bsw@0 | 93 .lang_chooser a { |
| jbe/bsw@0 | 94 color: #000; |
| jbe/bsw@0 | 95 font-size: 75%; |
| jbe/bsw@0 | 96 } |
| jbe/bsw@0 | 97 |
| jbe/bsw@0 | 98 .lang_chooser img { |
| jbe/bsw@0 | 99 display: block; |
| jbe/bsw@0 | 100 } |
| jbe/bsw@0 | 101 |
| jbe/bsw@0 | 102 .lang_chooser img { |
| jbe/bsw@0 | 103 border: 1px solid white; |
| jbe/bsw@0 | 104 } |
| jbe/bsw@0 | 105 |
| jbe/bsw@0 | 106 .lang_chooser a:hover img { |
| jbe/bsw@0 | 107 border: 1px solid #444; |
| jbe/bsw@0 | 108 } |
| jbe/bsw@0 | 109 |
| jbe/bsw@0 | 110 .lang_chooser a:hover { |
| jbe/bsw@0 | 111 background: #444; |
| jbe/bsw@0 | 112 color: #fff; |
| jbe/bsw@0 | 113 } |
| jbe/bsw@0 | 114 |
| jbe/bsw@0 | 115 |
| jbe/bsw@0 | 116 .slot_topnav a:hover { |
| jbe/bsw@0 | 117 background: #444; |
| jbe/bsw@0 | 118 color: #fff; |
| jbe/bsw@0 | 119 } |
| jbe/bsw@0 | 120 |
| jbe/bsw@0 | 121 /* |
| jbe/bsw@0 | 122 * ********** Content *********** |
| jbe/bsw@0 | 123 */ |
| jbe/bsw@0 | 124 |
| jbe/bsw@0 | 125 .layout_content { |
| jbe/bsw@0 | 126 margin-left: 2ex; |
| jbe/bsw@0 | 127 margin-right: 2ex; |
| jbe/bsw@0 | 128 } |
| jbe/bsw@0 | 129 |
| jbe/bsw@0 | 130 |
| jbe/bsw@0 | 131 /* |
| jbe/bsw@0 | 132 * ********** Messages *********** |
| jbe/bsw@0 | 133 */ |
| jbe/bsw@0 | 134 |
| jbe/bsw@0 | 135 .layout_notice, .layout_error, .layout_warning { |
| jbe/bsw@0 | 136 background: #fff; |
| jbe/bsw@0 | 137 font-weight: bold; |
| jbe/bsw@0 | 138 right: 2ex; |
| jbe/bsw@0 | 139 line-height: 1.7em; |
| jbe/bsw@0 | 140 position: absolute; |
| jbe/bsw@0 | 141 top: 2ex; |
| jbe/bsw@0 | 142 width: 60ex; |
| jbe/bsw@0 | 143 -moz-opacity:0.7; |
| jbe/bsw@0 | 144 } |
| jbe/bsw@0 | 145 |
| jbe/bsw@0 | 146 .slot_notice, .slot_warning, .slot_error { |
| jbe/bsw@0 | 147 padding: 2ex; |
| jbe/bsw@0 | 148 } |
| jbe/bsw@0 | 149 |
| jbe/bsw@0 | 150 .slot_notice { |
| jbe/bsw@0 | 151 color: green; |
| jbe/bsw@0 | 152 border: 2px solid green; |
| jbe/bsw@0 | 153 } |
| jbe/bsw@0 | 154 |
| jbe/bsw@0 | 155 .slot_warning { |
| jbe/bsw@0 | 156 color: orange; |
| jbe/bsw@0 | 157 border: 2px solid orange; |
| jbe/bsw@0 | 158 } |
| jbe/bsw@0 | 159 |
| jbe/bsw@0 | 160 .slot_error { |
| jbe/bsw@0 | 161 color: red; |
| jbe/bsw@0 | 162 border: 2px solid red; |
| jbe/bsw@0 | 163 } |
| jbe/bsw@0 | 164 |
| jbe/bsw@0 | 165 |
| jbe/bsw@0 | 166 |
| jbe/bsw@0 | 167 /* |
| jbe/bsw@0 | 168 * ********** Title, Actions and Main *********** |
| jbe/bsw@0 | 169 */ |
| jbe/bsw@0 | 170 |
| jbe/bsw@0 | 171 .layout_title { |
| jbe/bsw@0 | 172 background: #fff; |
| jbe/bsw@0 | 173 border: 1px solid #444; |
| jbe/bsw@0 | 174 border-bottom: none; |
| jbe/bsw@0 | 175 padding: 0.5ex; |
| jbe/bsw@0 | 176 font-size: 120%; |
| jbe/bsw@0 | 177 font-weight: bold; |
| jbe/bsw@0 | 178 float: left; |
| jbe/bsw@0 | 179 } |
| jbe/bsw@0 | 180 |
| jbe/bsw@0 | 181 .layout_title .object_class { |
| jbe/bsw@0 | 182 float: left; |
| jbe/bsw@0 | 183 font-size: 0.7em; |
| jbe/bsw@0 | 184 font-weight: normal; |
| jbe/bsw@0 | 185 margin-right: 1ex; |
| jbe/bsw@0 | 186 } |
| jbe/bsw@0 | 187 |
| jbe/bsw@0 | 188 .layout_actions { |
| jbe/bsw@0 | 189 background: #444; |
| jbe/bsw@0 | 190 border-left: 1px solid #444; |
| jbe/bsw@0 | 191 padding-top: 0.5ex; |
| jbe/bsw@0 | 192 padding-bottom: 0.5ex; |
| jbe/bsw@0 | 193 } |
| jbe/bsw@0 | 194 |
| jbe/bsw@0 | 195 .slot_actions a { |
| jbe/bsw@0 | 196 color: #fff; |
| jbe/bsw@0 | 197 text-decoration: none; |
| jbe/bsw@0 | 198 padding: 0.5ex; |
| jbe/bsw@0 | 199 } |
| jbe/bsw@0 | 200 |
| jbe/bsw@0 | 201 .slot_actions a:hover { |
| jbe/bsw@0 | 202 background: #ccc; |
| jbe/bsw@0 | 203 color: #444; |
| jbe/bsw@0 | 204 } |
| jbe/bsw@0 | 205 |
| jbe/bsw@0 | 206 .slot_main { |
| jbe/bsw@0 | 207 background: #fff; |
| jbe/bsw@0 | 208 border: 1px solid #444; |
| jbe/bsw@0 | 209 border-top: none; |
| jbe/bsw@0 | 210 padding: 2ex; |
| jbe/bsw@0 | 211 padding-bottom: 0px; |
| jbe/bsw@0 | 212 } |
| jbe/bsw@0 | 213 |
| jbe/bsw@0 | 214 |
| jbe/bsw@0 | 215 |
| jbe/bsw@0 | 216 /* |
| jbe/bsw@0 | 217 * ********** ui *********** |
| jbe/bsw@0 | 218 */ |
| jbe/bsw@0 | 219 |
| jbe/bsw@0 | 220 |
| jbe/bsw@0 | 221 form.ui_link { |
| jbe/bsw@0 | 222 display: inline; |
| jbe/bsw@0 | 223 margin: 0px; |
| jbe/bsw@0 | 224 padding: 0px; |
| jbe/bsw@0 | 225 } |
| jbe/bsw@0 | 226 |
| jbe/bsw@0 | 227 .vertical { |
| jbe/bsw@0 | 228 margin-bottom: 1em; |
| jbe/bsw@0 | 229 } |
| jbe/bsw@0 | 230 |
| jbe/bsw@0 | 231 .vertical:after, .vertical div:after { |
| jbe/bsw@0 | 232 clear: left; |
| jbe/bsw@0 | 233 content: "."; |
| jbe/bsw@0 | 234 display: block; |
| jbe/bsw@0 | 235 height: 0; |
| jbe/bsw@0 | 236 visibility: hidden; |
| jbe/bsw@0 | 237 } |
| jbe/bsw@0 | 238 |
| jbe/bsw@0 | 239 .vertical label { |
| jbe/bsw@0 | 240 float: left; |
| jbe/bsw@0 | 241 width: 25ex; |
| jbe/bsw@0 | 242 padding-top: 0.7em; |
| jbe/bsw@0 | 243 font-size: 80%; |
| jbe/bsw@0 | 244 font-weight: bold; |
| jbe/bsw@0 | 245 color: #666; |
| jbe/bsw@0 | 246 text-align: right; |
| jbe/bsw@0 | 247 text-transform: uppercase; |
| jbe/bsw@0 | 248 } |
| jbe/bsw@0 | 249 |
| jbe/bsw@0 | 250 .vertical select, |
| jbe/bsw@0 | 251 .vertical input, |
| jbe/bsw@0 | 252 .vertical textarea, |
| jbe/bsw@0 | 253 .vertical span { |
| jbe/bsw@0 | 254 margin-left: 1em; |
| jbe/bsw@0 | 255 margin-bottom: 2ex; |
| jbe/bsw@0 | 256 } |
| jbe/bsw@0 | 257 |
| jbe/bsw@0 | 258 .vertical textarea { |
| jbe/bsw@0 | 259 border: none; |
| jbe/bsw@0 | 260 border: 1px dotted #777; |
| jbe/bsw@0 | 261 padding: 0px; |
| jbe/bsw@0 | 262 } |
| jbe/bsw@0 | 263 |
| jbe/bsw@0 | 264 .vertical input, |
| jbe/bsw@0 | 265 .vertical select { |
| jbe/bsw@0 | 266 border: 1px dotted #777; |
| jbe/bsw@0 | 267 } |
| jbe/bsw@0 | 268 |
| jbe/bsw@0 | 269 .vertical textarea { |
| jbe/bsw@0 | 270 width: 80ex; |
| jbe/bsw@0 | 271 height: 5em; |
| jbe/bsw@0 | 272 font-family: sans-serif; |
| jbe/bsw@0 | 273 font-size: 100%; |
| jbe/bsw@0 | 274 padding: 0.5ex; |
| jbe/bsw@0 | 275 } |
| jbe/bsw@0 | 276 |
| jbe/bsw@0 | 277 input[type=text] { |
| jbe/bsw@0 | 278 background: #fff; |
| jbe/bsw@0 | 279 padding: 0.5ex; |
| jbe/bsw@0 | 280 } |
| jbe/bsw@0 | 281 |
| jbe/bsw@0 | 282 input[type=submit] { |
| jbe/bsw@0 | 283 margin-left: 25ex; |
| jbe/bsw@0 | 284 border: 1px dotted #777; |
| jbe/bsw@0 | 285 } |
| jbe/bsw@0 | 286 |
| jbe/bsw@0 | 287 input[type=submit]:hover { |
| jbe/bsw@0 | 288 border: 1px solid #777; |
| jbe/bsw@0 | 289 } |
| jbe/bsw@0 | 290 |
| jbe/bsw@0 | 291 /* ui.list */ |
| jbe/bsw@0 | 292 |
| jbe/bsw@0 | 293 table.ui_list { |
| jbe/bsw@0 | 294 border-collapse: collapse; |
| jbe/bsw@0 | 295 } |
| jbe/bsw@0 | 296 |
| jbe/bsw@0 | 297 ul.ui_list { |
| jbe/bsw@0 | 298 padding: 0px; |
| jbe/bsw@0 | 299 margin: 0px; |
| jbe/bsw@0 | 300 } |
| jbe/bsw@0 | 301 |
| jbe/bsw@0 | 302 .ui_list li { |
| jbe/bsw@0 | 303 clear: left; |
| jbe/bsw@0 | 304 list-style-type: none; |
| jbe/bsw@0 | 305 } |
| jbe/bsw@0 | 306 |
| jbe/bsw@0 | 307 .ui_list_title { |
| jbe/bsw@0 | 308 font-size: 110%; |
| jbe/bsw@0 | 309 font-weight: bold; |
| jbe/bsw@0 | 310 margin-bottom: 0.2em; |
| jbe/bsw@0 | 311 } |
| jbe/bsw@0 | 312 |
| jbe/bsw@0 | 313 |
| jbe/bsw@0 | 314 li.ui_list_head { |
| jbe/bsw@0 | 315 font-weight: bold; |
| jbe/bsw@0 | 316 background: #777; |
| jbe/bsw@0 | 317 color: #fff; |
| jbe/bsw@0 | 318 } |
| jbe/bsw@0 | 319 |
| jbe/bsw@0 | 320 .ui_list li:hover, |
| jbe/bsw@0 | 321 .ui_list tr:hover { |
| jbe/bsw@0 | 322 background: #ddd; |
| jbe/bsw@0 | 323 } |
| jbe/bsw@0 | 324 |
| jbe/bsw@0 | 325 .ui_list li.ui_list_head:hover, |
| jbe/bsw@0 | 326 .ui_list tr.ui_list_head:hover { |
| jbe/bsw@0 | 327 background: #777; |
| jbe/bsw@0 | 328 } |
| jbe/bsw@0 | 329 |
| jbe/bsw@0 | 330 .ui_list a { |
| jbe/bsw@0 | 331 text-decoration: none; |
| jbe/bsw@0 | 332 color: #000; |
| jbe/bsw@0 | 333 border-bottom: 1px dashed #777; |
| jbe/bsw@0 | 334 } |
| jbe/bsw@0 | 335 |
| jbe/bsw@0 | 336 .ui_list a:hover { |
| jbe/bsw@0 | 337 border-bottom: 1px solid #000; |
| jbe/bsw@0 | 338 } |
| jbe/bsw@0 | 339 |
| jbe/bsw@0 | 340 .ui_list li div { |
| jbe/bsw@0 | 341 float: left; |
| jbe/bsw@0 | 342 } |
| jbe/bsw@0 | 343 |
| jbe/bsw@0 | 344 .ui_list td { |
| jbe/bsw@0 | 345 vertical-align: top; |
| jbe/bsw@0 | 346 } |
| jbe/bsw@0 | 347 |
| jbe/bsw@0 | 348 .ui_list li div, |
| jbe/bsw@0 | 349 .ui_list td { |
| jbe/bsw@0 | 350 padding-top: 0.4ex; |
| jbe/bsw@0 | 351 padding-bottom: 0.4ex; |
| jbe/bsw@0 | 352 padding-right: 0.4em; |
| jbe/bsw@0 | 353 } |
| jbe/bsw@0 | 354 |
| jbe/bsw@0 | 355 .ui_list li div div { |
| jbe/bsw@0 | 356 padding: 0px; |
| jbe/bsw@0 | 357 } |
| jbe/bsw@0 | 358 |
| jbe/bsw@0 | 359 .ui_list li div a { |
| jbe/bsw@0 | 360 text-decoration: none; |
| jbe/bsw@0 | 361 color: #000; |
| jbe/bsw@0 | 362 } |
| jbe/bsw@0 | 363 |
| jbe/bsw@0 | 364 .ui_list_col_align_right { |
| jbe/bsw@0 | 365 text-align: right; |
| jbe/bsw@0 | 366 } |
| jbe/bsw@0 | 367 |
| jbe/bsw@0 | 368 .ui_paginate_select { |
| jbe/bsw@0 | 369 text-align: center; |
| jbe/bsw@0 | 370 } |
| jbe/bsw@0 | 371 |
| jbe/bsw@0 | 372 .ui_paginate_select a { |
| jbe/bsw@0 | 373 padding-left: 1ex; |
| jbe/bsw@0 | 374 padding-right: 1ex; |
| jbe/bsw@0 | 375 background-color: #ccc; |
| jbe/bsw@0 | 376 color: #000; |
| jbe/bsw@0 | 377 } |
| jbe/bsw@0 | 378 |
| jbe/bsw@0 | 379 .ui_paginate_select a.active, |
| jbe/bsw@0 | 380 .ui_paginate_select a:hover { |
| jbe/bsw@0 | 381 background-color: #444; |
| jbe/bsw@0 | 382 color: #fff; |
| jbe/bsw@0 | 383 } |