webmcp

annotate demo-app/static/style.css @ 494:e7c9a80b6795

find changesets by author, revision, files, or words in the commit message
Improved documentation
author jbe
date Wed Jun 28 18:51:36 2017 +0200 (2017-06-28)
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 }

Impressum / About Us