liquid_feedback_frontend

annotate static/lf3.less @ 1154:91089defc3ea

find changesets by author, revision, files, or words in the commit message
Added missing colors for trace of actions
author bsw
date Sun Mar 22 22:59:17 2015 +0100 (2015-03-22)
parents 6d0e762bc105
children
rev   line source
bsw@1045 1 html, body, div, span, applet, object, iframe,
bsw@1045 2 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
bsw@1045 3 a, abbr, acronym, address, big, cite, code,
bsw@1045 4 del, dfn, em, img, ins, kbd, q, s, samp,
bsw@1045 5 small, strike, strong, sub, sup, tt, var,
bsw@1045 6 b, u, i, center,
bsw@1045 7 dl, dt, dd, ol, ul, li,
bsw@1045 8 fieldset, form, label, legend,
bsw@1045 9 table, caption, tbody, tfoot, thead, tr, th, td,
bsw@1045 10 article, aside, canvas, details, embed,
bsw@1045 11 figure, figcaption, footer, header, hgroup,
bsw@1045 12 menu, nav, output, ruby, section, summary,
bsw@1045 13 time, mark, audio, video {
bsw@1045 14 margin: 0;
bsw@1045 15 padding: 0;
bsw@1045 16 border: 0;
bsw@1045 17 font-size: 100%;
bsw@1045 18 font: inherit;
bsw@1045 19 vertical-align: baseline;
bsw@1045 20 }
bsw@1045 21 /* HTML5 display-role reset for older browsers */
bsw@1045 22 article, aside, details, figcaption, figure,
bsw@1045 23 footer, header, hgroup, menu, nav, section {
bsw@1045 24 display: block;
bsw@1045 25 }
bsw@1045 26 body {
bsw@1045 27 line-height: 1;
bsw@1045 28 }
bsw@1045 29 ol, ul {
bsw@1045 30 list-style: none;
bsw@1045 31 }
bsw@1045 32 blockquote, q {
bsw@1045 33 quotes: none;
bsw@1045 34 }
bsw@1045 35 blockquote:before, blockquote:after,
bsw@1045 36 q:before, q:after {
bsw@1045 37 content: '';
bsw@1045 38 content: none;
bsw@1045 39 }
bsw@1045 40 table {
bsw@1045 41 border-collapse: collapse;
bsw@1045 42 border-spacing: 0;
bsw@1045 43 }
bsw@1045 44
bsw@1045 45 /* end reset */
bsw@1045 46
bsw@1045 47
bsw@1045 48 /* color, fonts, gaps and border radius settings */
bsw@1045 49
bsw@1045 50 @body-bg-color: #397ab6;
bsw@1045 51 @body-color: #fff;
bsw@1045 52 @footer-bg-color: #000;
bsw@1045 53 @footer-color: #fff;
bsw@1045 54 @page-bg-color: #ddd;
bsw@1045 55 @mobile-bg-color: #255078;
bsw@1045 56 @head-bg-color: #000;
bsw@1045 57 @head-color: #fff;
bsw@1045 58 @head-second-color: #0e0;
bsw@1045 59 @head-link-color: #fff;
bsw@1045 60 @main-bg-color: #fff;
bsw@1045 61 @main-color: #000;
bsw@1045 62 @main-second-color: #444;
bsw@1045 63 @main-event-color: #070;
bsw@1045 64 @main-negative-event-color: #a00;
bsw@1045 65 @main-head-bg-color: #fff;
bsw@1045 66 @main-head-color: #000;
bsw@1045 67 @main-link-color: #227;
bsw@1045 68 @main-seperator-color: #aaa;
bsw@1045 69 @main-highlight-bg-color: #e7f0ff;
bsw@1045 70 @main-supported-bg-color: #fa2;
bsw@1045 71 @main-satisfied-bg-color: #282;
bsw@1045 72 @sidebar-bg-color: #fff;
bsw@1045 73 @sidebar-color: #000;
bsw@1045 74 @sidebar-head-bg-color: @main-head-bg-color;
bsw@1045 75 @sidebar-head-color: @main-head-color;
bsw@1045 76 @sidebar-link-color: #227;
bsw@1045 77 @sidebar-hr-color: #777;
bsw@1045 78 @disabled-color: #777;
bsw@1045 79 @admitted-color: #0a0;
bsw@1045 80 @not-admitted-color: #a00;
bsw@1045 81
bsw@1045 82 @delegation-bg-color: #fff;
bsw@1045 83 @delegation-color: #000;
bsw@1045 84 @delegation-active-border-color: #f80;
bsw@1045 85
bsw@1045 86 @must-bg-color: #0c0;
bsw@1045 87 @must-color: #fff;
bsw@1045 88 @should-bg-color: #4a4;
bsw@1045 89 @should-color: #fff;
bsw@1045 90 @shouldnot-bg-color: #a44;
bsw@1045 91 @shouldnot-color: #fff;
bsw@1045 92 @mustnot-bg-color: #c00;
bsw@1045 93 @mustnot-color: #fff;
bsw@1045 94
bsw@1045 95 @implemented-bg-color: #0c0;
bsw@1045 96 @implemented-color: #fff;
bsw@1045 97 @notimplemented-bg-color: #c00;
bsw@1045 98 @notimplemented-color: #fff;
bsw@1045 99
bsw@1045 100 @font: sans-serif;
bsw@1045 101 @size-normal: 10pt;
bsw@1045 102 @size-big: 12pt;
bsw@1045 103 @line-height: 125%;
bsw@1045 104
bsw@1045 105
bsw@1045 106
bsw@1045 107 @logo-font: bold @size-normal e('/') 100% @font;
bsw@1045 108 @instance-font: normal @size-normal e('/') 100% @font;
bsw@1045 109 @mobile-logo-font: bold @size-big e('/') @line-height @font;
bsw@1045 110 @mobile-instance-font: normal @size-normal e('/') 100% @font;
bsw@1045 111
bsw@1045 112 @title-font: bold @size-big e('/') @line-height @font;
bsw@1045 113
bsw@1045 114 @main-font: normal @size-normal e('/') @line-height @font;
bsw@1045 115 @event-font: bold @size-normal e('/') @line-height @font;
bsw@1045 116
bsw@1045 117 @tabs-font: normal @size-normal e('/') @line-height @font;
bsw@1045 118 @tabs-active-font: bold @size-big e('/') @line-height @font;
bsw@1045 119
bsw@1045 120 @filter-font: normal @size-normal e('/') 150% @font;
bsw@1045 121 @filter-active-font: bold @size-normal e('/') 150% @font;
bsw@1045 122
bsw@1045 123 @subfilter-font: @filter-font;
bsw@1045 124 @subfilter-active-font: @filter-active-font;
bsw@1045 125
bsw@1045 126 @head1-font: bold @size-big e('/') @line-height @font;
bsw@1097 127 @head2-font: bold @size-big e('/') @line-height @font;
bsw@1045 128 @head3-font: bold @size-normal e('/') @line-height @font;
bsw@1045 129
bsw@1045 130 @btn-font: bold @size-normal e('/') @line-height @font;
bsw@1045 131
bsw@1045 132 @usertext-font: normal @size-normal e('/') @line-height @font;
bsw@1045 133 @usertext-italic-font: italic @size-normal e('/') @line-height @font;
bsw@1045 134 @usertext-bold-font: normal @size-normal e('/') @line-height @font;
bsw@1045 135
bsw@1045 136
bsw@1045 137
bsw@1045 138 @main-width: 70%;
bsw@1045 139
bsw@1045 140 @pad: 9px;
bsw@1045 141 @grid: 12pt;
bsw@1045 142
bsw@1045 143 @paragraph-margin: 1.5ex;
bsw@1045 144
bsw@1045 145 @border-radius: 2px;
bsw@1045 146 @btn-border-radius: 5px;
bsw@1045 147
bsw@1045 148 .list-style {
bsw@1045 149 list-style: disc;
bsw@1045 150 padding-left: 20px;
bsw@1045 151 }
bsw@1045 152
bsw@1045 153 @micro-avatar-size: 24px;
bsw@1045 154
bsw@1045 155 /*
bsw@1045 156 * basic font settings
bsw@1045 157 */
bsw@1045 158
bsw@1045 159 html {
bsw@1045 160 overflow-y: scroll;
bsw@1045 161 }
bsw@1045 162
bsw@1045 163 body {
bsw@1045 164 font: @main-font;
bsw@1045 165 background-color: @body-bg-color;
bsw@1045 166 //background-image: url( "back2.png" );
bsw@1045 167 color: @main-color;
bsw@1045 168 background-attachment: fixed;
bsw@1045 169 }
bsw@1045 170
bsw@1045 171 .page {
bsw@1146 172 background-color: #255078;
bsw@1045 173 max-width: 1240px;
bsw@1045 174 border-radius: 0 0 @border-radius @border-radius;
bsw@1045 175 margin: 0 auto;
bsw@1045 176 margin-bottom: 40px;
bsw@1045 177 }
bsw@1045 178
bsw@1045 179 /*
bsw@1045 180 * messages
bsw@1045 181 */
bsw@1045 182
bsw@1045 183 .slot_notice,
bsw@1045 184 .slot_warning,
bsw@1045 185 .slot_error {
bsw@1045 186 font: @head1-font;
bsw@1045 187 padding: @grid;
bsw@1045 188 }
bsw@1045 189
bsw@1045 190 .slot_motd {
bsw@1045 191 background-color: #ccc;
bsw@1045 192 padding: @grid;
bsw@1045 193 }
bsw@1045 194
bsw@1045 195 .slot_notice {
bsw@1045 196 background-color: #0c0;
bsw@1045 197 color: #fff;
bsw@1045 198 }
bsw@1045 199
bsw@1045 200 .slot_warning {
bsw@1045 201 background-color: #f80;
bsw@1045 202 color: #000;
bsw@1045 203 }
bsw@1045 204
bsw@1045 205 .slot_error {
bsw@1045 206 background-color: #c00;
bsw@1045 207 color: #fff;
bsw@1045 208 }
bsw@1045 209
bsw@1045 210 /*
bsw@1045 211 * global styles
bsw@1045 212 */
bsw@1045 213
bsw@1045 214 /* headlines */
bsw@1045 215 h1 {
bsw@1045 216 font: @head1-font;
bsw@1045 217 margin-bottom: 1ex;
bsw@1045 218 }
bsw@1045 219
bsw@1045 220 h1:last-child {
bsw@1045 221 margin-bottom: 0;
bsw@1045 222 }
bsw@1045 223
bsw@1045 224 h2 {
bsw@1045 225 font: @head2-font;
bsw@1045 226 }
bsw@1045 227
bsw@1045 228 h3 {
bsw@1045 229 font: @head3-font;
bsw@1045 230 }
bsw@1045 231
bsw@1045 232 h1:first-child,
bsw@1045 233 h2:first-child,
bsw@1045 234 h3:first-child {
bsw@1045 235 margin-top: 0;
bsw@1045 236 }
bsw@1045 237
bsw@1045 238 .right {
bsw@1045 239 float: right;
bsw@1045 240 }
bsw@1045 241
bsw@1045 242 .left {
bsw@1045 243 float: left;
bsw@1045 244 margin-right: @pad;
bsw@1045 245 }
bsw@1045 246
bsw@1045 247 /* paragraphs */
bsw@1045 248 p {
bsw@1045 249 margin-bottom: @paragraph-margin;
bsw@1045 250 }
bsw@1045 251
bsw@1045 252 p:last-child {
bsw@1045 253 margin-bottom: 0;
bsw@1045 254 }
bsw@1045 255
bsw@1045 256 /* lists */
bsw@1045 257 ul.ul {
bsw@1045 258 margin-left: @pad;
bsw@1045 259 margin-bottom: @paragraph-margin;
bsw@1045 260 .list-style;
bsw@1045 261 li {
bsw@1045 262 margin: @pad/3 0;
bsw@1045 263 }
bsw@1045 264
bsw@1045 265 li:last-child {
bsw@1045 266 margin-bottom: 0;
bsw@1045 267 }
bsw@1045 268 }
bsw@1045 269
bsw@1045 270 ul.ul:last-child {
bsw@1045 271 margin-bottom: 0;
bsw@1045 272 }
bsw@1045 273
bsw@1045 274
bsw@1045 275 /* tables */
bsw@1045 276
bsw@1045 277 table {
bsw@1045 278
bsw@1045 279 td {
bsw@1045 280
bsw@1045 281 padding: 0.3ex 0.3em;
bsw@1045 282
bsw@1045 283 }
bsw@1045 284
bsw@1045 285 }
bsw@1045 286
bsw@1045 287 /* links */
bsw@1045 288
bsw@1045 289 a {
bsw@1045 290 color: @main-link-color;
bsw@1045 291 }
bsw@1045 292
bsw@1045 293 a.disabled {
bsw@1045 294 color: @disabled-color;
bsw@1045 295 cursor: default;
bsw@1045 296 }
bsw@1045 297
bsw@1045 298 /* formulars */
bsw@1045 299 form.inline {
bsw@1045 300 display: inline;
bsw@1045 301 div {
bsw@1045 302 display: inline;
bsw@1045 303 }
bsw@1045 304 }
bsw@1045 305
bsw@1045 306 img {
bsw@1045 307 vertical-align: middle;
bsw@1045 308 }
bsw@1045 309
bsw@1045 310
bsw@1045 311
bsw@1045 312 img.star {
bsw@1045 313 width: 24px;
bsw@1045 314 height: 24px;
bsw@1045 315 }
bsw@1063 316
bsw@1063 317 img.icon16 {
bsw@1063 318 width: 16px;
bsw@1063 319 height: 16px;
bsw@1063 320 }
bsw@1063 321
bsw@1063 322 img.icon24 {
bsw@1063 323 width: 24px;
bsw@1063 324 height: 24px;
bsw@1063 325 }
bsw@1063 326 img.icon32 {
bsw@1063 327 width: 32px;
bsw@1063 328 height: 32px;
bsw@1063 329 }
bsw@1063 330 img.icon48 {
bsw@1063 331 width: 48px;
bsw@1063 332 height: 48px;
bsw@1063 333 }
bsw@1063 334
bsw@1045 335
bsw@1045 336 /*
bsw@1045 337 * Avatars
bsw@1045 338 */
bsw@1045 339
bsw@1045 340 .microAvatar {
bsw@1045 341 text-wrap: nowrap;
bsw@1045 342 }
bsw@1045 343
bsw@1045 344 .microAvatar img,
bsw@1045 345 img.micro_avatar {
bsw@1045 346 vertical-align: middle;
bsw@1045 347 border-radius: 2px;
bsw@1045 348 width: @micro-avatar-size;
bsw@1045 349 height: @micro-avatar-size;
bsw@1045 350 }
bsw@1045 351
bsw@1045 352 img.micro_avatar.highlighted {
bsw@1045 353 margin: 0;
bsw@1045 354 border: 2px solid @delegation-active-border-color;
bsw@1045 355 }
bsw@1045 356
bsw@1045 357
bsw@1045 358 /*
bsw@1045 359 * delegation info
bsw@1045 360 */
bsw@1045 361
bsw@1045 362 .vote_info,
bsw@1045 363 .delegation_info {
bsw@1045 364 white-space: nowrap;
bsw@1045 365 float: right;
bsw@1045 366 text-decoration: none;
bsw@1045 367 img {
bsw@1045 368 vertical-align: middle;
bsw@1045 369 }
bsw@1045 370 margin: -2px;
bsw@1045 371 }
bsw@1045 372
bsw@1045 373 .delegation_info img {
bsw@1045 374 border-radius: @border-radius;
bsw@1045 375 margin: 2px;
bsw@1045 376 }
bsw@1045 377
bsw@1045 378 .delegation_info.suspended {
bsw@1045 379 opacity: 0.3;
bsw@1045 380 }
bsw@1045 381
bsw@1045 382 .slot_title .delegation_info.suspended {
bsw@1045 383 opacity: 1;
bsw@1045 384 }
bsw@1045 385
bsw@1045 386 /*
bsw@1045 387 * generic attributes
bsw@1045 388 */
bsw@1045 389
bsw@1045 390 .hide {
bsw@1045 391 display: none;
bsw@1045 392 }
bsw@1045 393 .head_outer {
bsw@1045 394 background-color: @head-bg-color;
bsw@1045 395 color: @head-color;
bsw@1045 396 overflow: auto;
bsw@1045 397 margin: 0 auto;
bsw@1045 398 max-width: 1240px;
bsw@1045 399 }
bsw@1045 400 .head {
bsw@1045 401 padding: 0.3ex 0;
bsw@1045 402 margin: 0 @grid;
bsw@1045 403 a {
bsw@1045 404 color: @head-link-color;
bsw@1045 405 }
bsw@1045 406
bsw@1045 407 /*
bsw@1045 408 * the logo and instance name
bsw@1045 409 */
bsw@1045 410 .logo {
bsw@1045 411 display: block;
bsw@1045 412 padding: @pad 0;
bsw@1045 413 text-decoration: none;
bsw@1045 414 font: @logo-font;
bsw@1045 415
bsw@1045 416 .liquid {
bsw@1045 417 color: @head-color;
bsw@1045 418 }
bsw@1045 419
bsw@1045 420 .feedback {
bsw@1045 421 color: @head-second-color;
bsw@1045 422 }
bsw@1045 423 .instanceName {
bsw@1045 424 font: @instance-font;
bsw@1045 425 padding-top: @pad;
bsw@1045 426 }
bsw@1045 427 }
bsw@1045 428 .logo:hover {
bsw@1045 429 text-decoration: underline;
bsw@1045 430 }
bsw@1045 431
bsw@1045 432
bsw@1045 433
bsw@1045 434 .notifications {
bsw@1045 435 margin-left: 0.6em;
bsw@1045 436 text-decoration: none;
bsw@1045 437
bsw@1045 438 .count {
bsw@1045 439 background-color: #f00;
bsw@1045 440 color: #000;
bsw@1045 441 padding: 0.2ex 0.25em;
bsw@1045 442 border-radius: 1ex;
bsw@1045 443 vertical-align: top;
bsw@1045 444 }
bsw@1045 445
bsw@1045 446 .icon {
bsw@1045 447 width: 24px;
bsw@1045 448 height: 24px;
bsw@1045 449 }
bsw@1045 450 }
bsw@1045 451
bsw@1045 452 /*
bsw@1045 453 * navigation bar
bsw@1045 454 */
bsw@1045 455 .nav {
bsw@1045 456 float: right;
bsw@1045 457 padding-top: @pad - 3px;
bsw@1045 458
bsw@1045 459 ul, > ul > li:first-child {
bsw@1045 460 display: inline;
bsw@1045 461 }
bsw@1045 462
bsw@1045 463 input[name=q] {
bsw@1045 464 width: 12em;
bsw@1045 465 border-radius: @border-radius;
bsw@1045 466 padding: 2px;
bsw@1045 467 background-color: @head-bg-color;
bsw@1045 468 color: @head-color;
bsw@1045 469 border: 1px solid @body-bg-color;
bsw@1045 470 margin-right: 0.6em;
bsw@1045 471 }
bsw@1045 472 input[name=q]:focus {
bsw@1045 473 outline: 2px solid @body-bg-color;
bsw@1045 474 }
bsw@1045 475
bsw@1045 476 #member_menu a span {
bsw@1045 477 margin-left: 5px;
bsw@1045 478 }
bsw@1045 479
bsw@1045 480 }
bsw@1045 481
bsw@1045 482 }
bsw@1045 483
bsw@1045 484 /*
bsw@1045 485 * title
bsw@1045 486 */
bsw@1045 487 .slot_title {
bsw@1045 488
bsw@1045 489 padding-left: @grid;
bsw@1045 490 padding-right: @grid;
bsw@1045 491 font: @title-font;
bsw@1045 492 color: @body-color;
bsw@1045 493 padding-top: @grid;
bsw@1045 494
bsw@1045 495 a {
bsw@1045 496 color: @body-color;
bsw@1045 497 display: inline-block;
bsw@1045 498 }
bsw@1045 499
bsw@1045 500 a.home {
bsw@1045 501 margin-right: 4px;
bsw@1045 502 }
bsw@1045 503
bsw@1045 504 a.delegation_info {
bsw@1045 505 margin-right: 0;
bsw@1045 506 }
bsw@1045 507
bsw@1045 508 .initiative,
bsw@1045 509 a .label {
bsw@1045 510 display: none;
bsw@1045 511 }
bsw@1045 512
bsw@1045 513 .delegation_info {
bsw@1045 514 background-color: @main-bg-color;
bsw@1045 515 color: @main-color;
bsw@1045 516 border-radius: @border-radius;
bsw@1045 517 padding-right: 3px;
bsw@1045 518 margin-bottom: @grid;
bsw@1045 519 a {
bsw@1045 520 color: @main-color;
bsw@1045 521 }
bsw@1045 522 }
bsw@1045 523 }
bsw@1045 524
bsw@1045 525 .content {
bsw@1045 526 clear: both;
bsw@1045 527 margin: 0 @grid;
bsw@1045 528 margin-top: @grid;
bsw@1045 529 }
bsw@1045 530
bsw@1045 531 /*
bsw@1045 532 * the sidebar
bsw@1045 533 */
bsw@1045 534
bsw@1045 535 .sidebar {
bsw@1045 536 float: right;
bsw@1045 537 width: 100% - @main-width;
bsw@1045 538 }
bsw@1045 539
bsw@1045 540 .sidebarSection {
bsw@1045 541 background-color: @sidebar-bg-color;
bsw@1045 542 border-radius: @border-radius;
bsw@1045 543 color: @sidebar-color;
bsw@1045 544 margin-bottom: @grid;
bsw@1045 545 padding: 0;
bsw@1045 546
bsw@1045 547 .sidebarHead {
bsw@1045 548 padding: @pad @pad @pad / 2 @pad;
bsw@1045 549 background: @sidebar-head-bg-color;
bsw@1045 550 color: @sidebar-head-color;
bsw@1045 551
bsw@1045 552 a {
bsw@1045 553 color: @sidebar-head-color;
bsw@1045 554 }
bsw@1045 555 min-height: 20px;
bsw@1045 556
bsw@1045 557 .icon24 {
bsw@1045 558 margin-top: -@pad/2.5;
bsw@1045 559 }
bsw@1045 560 }
bsw@1045 561
bsw@1080 562 .sidebarRow, .ui_filter_head, .ui_paginate_foot {
bsw@1045 563 clear: right;
bsw@1045 564 display: block;
bsw@1045 565 padding: @pad/2 @pad;
bsw@1045 566 min-height: 20px;
bsw@1045 567 }
bsw@1080 568
bsw@1080 569 .sidebarRow {
bsw@1080 570 border-top: 1px solid @main-seperator-color;
bsw@1080 571 }
bsw@1080 572
bsw@1045 573 .sidebarRow.highlighted {
bsw@1045 574 background-color: @main-highlight-bg-color;
bsw@1045 575 }
bsw@1045 576
bsw@1080 577 .sidebarRow.sidebarRowNarrow, .ui_filter_head, .ui_paginate_foot{
bsw@1045 578 padding: @pad / 4 @pad;
bsw@1045 579 }
bsw@1045 580
bsw@1045 581 .sidebarRow.moreLink {
bsw@1045 582 min-height: 0;
bsw@1045 583 }
bsw@1045 584
bsw@1063 585 a.sidebarRow {
bsw@1063 586 text-decoration: none;
bsw@1063 587 color: @sidebar-color;
bsw@1063 588 }
bsw@1063 589
bsw@1045 590 h1, h1 a,
bsw@1045 591 h2, h2 a,
bsw@1045 592 h3, h3 a {
bsw@1045 593 color: @sidebar-head-color;
bsw@1045 594 }
bsw@1045 595
bsw@1045 596 a {
bsw@1045 597 color: @sidebar-link-color;
bsw@1045 598 }
bsw@1045 599
bsw@1045 600 .areas {
bsw@1045 601 .whenfolded {
bsw@1045 602 display: none;
bsw@1045 603 }
bsw@1045 604 }
bsw@1045 605
bsw@1045 606 .areas.folded {
bsw@1045 607 .whenunfolded {
bsw@1045 608 display: none;
bsw@1045 609 }
bsw@1045 610 .whenfolded {
bsw@1045 611 display: block;
bsw@1045 612 }
bsw@1045 613 .disabled {
bsw@1045 614 display: none;
bsw@1045 615 }
bsw@1045 616 }
bsw@1045 617
bsw@1045 618
bsw@1045 619 a.issue {
bsw@1045 620 font: @head1-font;
bsw@1045 621 color: @main-color;
bsw@1045 622 }
bsw@1045 623
bsw@1045 624 ul.initiatives {
bsw@1045 625 li {
bsw@1045 626 padding: @pad/2 @pad;
bsw@1045 627 .bargraph {
bsw@1045 628 display: block;
bsw@1045 629 }
bsw@1045 630 .supporterCount {
bsw@1045 631 white-space: nowrap;
bsw@1045 632 }
bsw@1045 633 border-top: 1px solid @main-seperator-color;
bsw@1045 634 }
bsw@1045 635 .revoked .initiative_name {
bsw@1045 636 text-decoration: line-through;
bsw@1045 637 }
bsw@1063 638
bsw@1063 639 .rank1 .initiative_name {
bsw@1063 640 font-weight: bold;
bsw@1063 641 }
bsw@1045 642
bsw@1045 643 li.highlighted {
bsw@1045 644 background-color: @main-highlight-bg-color;
bsw@1045 645 }
bsw@1045 646 li.highlighted:last-child{
bsw@1045 647 border-radius: 0 0 @border-radius @border-radius;
bsw@1045 648 }
bsw@1045 649 }
bsw@1045 650
bsw@1045 651 .supporters {
bsw@1045 652 line-height: @micro-avatar-size * 1.2;
bsw@1045 653 }
bsw@1045 654
bsw@1045 655 .supportCount {
bsw@1045 656 color: #00c000;
bsw@1045 657 font: @head1-font;
bsw@1045 658 float: right;
bsw@1045 659 }
bsw@1045 660
bsw@1045 661 .member_list {
bsw@1045 662
bsw@1045 663 .member_thumb {
bsw@1045 664 white-space: nowrap;
bsw@1045 665 overflow: hidden;
bsw@1045 666 text-overflow: ellipsis;
bsw@1045 667
bsw@1045 668 img.member_image {
bsw@1045 669 width: 24px;
bsw@1045 670 height: 24px;
bsw@1045 671 vertical-align: middle;
bsw@1045 672 margin-right: 0.2em;
bsw@1045 673 }
bsw@1045 674
bsw@1045 675 }
bsw@1045 676
bsw@1045 677 .member_thumb.in_delegation_chain {
bsw@1045 678 font-weight: bold;
bsw@1045 679 }
bsw@1045 680 }
bsw@1045 681
bsw@1045 682
bsw@1045 683 > div {
bsw@1045 684 position: relative;
bsw@1045 685 }
bsw@1045 686
bsw@1045 687 > div:first-child {
bsw@1045 688 margin-top: 0;
bsw@1045 689 border-radius: @border-radius @border-radius 0 0;
bsw@1045 690 }
bsw@1045 691
bsw@1045 692 > div:last-child {
bsw@1045 693 border-radius: 0 0 @border-radius @border-radius;
bsw@1045 694 }
bsw@1045 695
bsw@1045 696 > div:last-child:first-child {
bsw@1045 697 border-radius: @border-radius;
bsw@1045 698 }
bsw@1045 699
bsw@1045 700
bsw@1045 701 a.unit {
bsw@1045 702 font: @head2-font;
bsw@1045 703 }
bsw@1045 704
bsw@1045 705 a.area {
bsw@1063 706 margin-left: 20px;
bsw@1045 707 display: block;
bsw@1045 708 }
bsw@1045 709
bsw@1045 710 .star {
bsw@1045 711 float: left;
bsw@1045 712 }
bsw@1045 713
bsw@1045 714 .delegation_info {
bsw@1045 715 margin-top: -@pad/2.5;
bsw@1045 716 margin-bottom: 1px;
bsw@1045 717 }
bsw@1045 718 }
bsw@1045 719
bsw@1045 720 .admitted_info h1 {
bsw@1045 721 color: @admitted-color;
bsw@1045 722 }
bsw@1045 723
bsw@1045 724 .not_admitted_info, .revoked_info {
bsw@1045 725 h1 {
bsw@1045 726 color: @not-admitted-color;
bsw@1045 727 }
bsw@1045 728 }
bsw@1045 729
bsw@1045 730 .admitted_info,
bsw@1045 731 .not_admitted_info {
bsw@1045 732
bsw@1045 733 .initiative_pie {
bsw@1045 734 float: right;
bsw@1045 735 }
bsw@1045 736
bsw@1045 737 table {
bsw@1045 738 tr {
bsw@1045 739 th {
bsw@1045 740 text-align: left;
bsw@1045 741 }
bsw@1045 742 td {
bsw@1045 743 text-align: right;
bsw@1045 744 padding: 0.3ex 0.4em;
bsw@1045 745 }
bsw@1045 746 }
bsw@1045 747 }
bsw@1045 748 }
bsw@1045 749
bsw@1045 750
bsw@1045 751
bsw@1045 752
bsw@1045 753 /*
bsw@1045 754 * main area
bsw@1045 755 */
bsw@1045 756
bsw@1045 757 .main_outer {
bsw@1045 758 width: @main-width;
bsw@1045 759 }
bsw@1045 760
bsw@1045 761
bsw@1045 762 .main {
bsw@1045 763
bsw@1045 764 clear: left;
bsw@1045 765 margin-right: @grid;
bsw@1045 766 border-radius: @border-radius;
bsw@1045 767
bsw@1045 768 .section {
bsw@1045 769
bsw@1045 770 .sectionHead, .sectionRow {
bsw@1045 771 background-color: @main-bg-color;
bsw@1045 772 overflow: auto;
bsw@1045 773 padding: @pad;
bsw@1045 774 }
bsw@1045 775
bsw@1045 776 .sectionHead {
bsw@1045 777 background-color: @main-head-bg-color;
bsw@1045 778 color: @main-head-color;
bsw@1045 779 margin-top: @grid;
bsw@1045 780 border-radius: @border-radius @border-radius 0 0;
bsw@1045 781 }
bsw@1045 782
bsw@1045 783 .sectionHead:first-child {
bsw@1045 784 margin-top: 0;
bsw@1045 785 }
bsw@1045 786
bsw@1045 787 .sectionHead:last-child {
bsw@1045 788 border-radius: @border-radius;
bsw@1045 789 }
bsw@1045 790
bsw@1045 791
bsw@1045 792 .sectionRow {
bsw@1045 793 margin-top: 4px;
bsw@1045 794 }
bsw@1045 795
bsw@1045 796 .sectionRow:last-child {
bsw@1045 797 border-radius: 0 0 @border-radius @border-radius;
bsw@1045 798 margin-bottom: @grid;
bsw@1045 799 }
bsw@1045 800
bsw@1045 801
bsw@1045 802 }
bsw@1045 803
bsw@1045 804 .ui_tabs_links {
bsw@1045 805 }
bsw@1045 806
bsw@1045 807 > h1 {
bsw@1045 808 border-bottom: 1px solid @main-seperator-color;
bsw@1045 809 padding: @pad;
bsw@1045 810 }
bsw@1045 811
bsw@1045 812 /*
bsw@1045 813 * tabs und filter
bsw@1045 814 */
bsw@1045 815
bsw@1045 816 .ui_filter {
bsw@1045 817 .ui_filter_head {
bsw@1045 818 background: @main-head-bg-color;
bsw@1045 819 color: @main-head-color;
bsw@1045 820 padding: 0 @pad @pad @pad;
bsw@1045 821 vertical-align: middle;
bsw@1045 822 a {
bsw@1045 823 white-space: nowrap;
bsw@1045 824 font: @filter-font;
bsw@1045 825 margin-right: 0.5em;
bsw@1045 826 }
bsw@1045 827 a.active {
bsw@1045 828 font: @filter-active-font;
bsw@1045 829 text-decoration: none;
bsw@1045 830 color: @main-head-color;
bsw@1045 831 }
bsw@1045 832 select {
bsw@1045 833 background: @main-bg-color;
bsw@1045 834 color: @main-second-color;
bsw@1045 835 font: @filter-font;
bsw@1045 836 border: none;
bsw@1045 837 padding: 0;
bsw@1045 838 margin: 0;
bsw@1045 839
bsw@1045 840 option {
bsw@1045 841 color: @main-color;
bsw@1045 842 }
bsw@1045 843 option:first-child,
bsw@1045 844 option[value="interest_direct"],
bsw@1045 845 option[value="interest_delegated"],
bsw@1045 846 option[value="support_direct"],
bsw@1045 847 option[value="support_delegated"],
bsw@1045 848 option[value="potential_support_direct"],
bsw@1045 849 option[value="potential_support_delegated"] {
bsw@1045 850 color: @main-second-color;
bsw@1045 851 }
bsw@1045 852 }
bsw@1045 853 select.active {
bsw@1045 854 color: @main-color;
bsw@1045 855 }
bsw@1045 856 }
bsw@1045 857 .ui_filter_head:first-child {
bsw@1045 858 border-radius: @border-radius @border-radius 0 0;
bsw@1045 859 padding-top: @pad;
bsw@1045 860 }
bsw@1045 861 .ui_filter_head.filter_filter {
bsw@1045 862 padding-top: @pad;
bsw@1045 863 }
bsw@1045 864
bsw@1045 865 .ui_filter_head.filter_mode {
bsw@1045 866 padding-top: @pad;
bsw@1045 867 margin-bottom: 0;
bsw@1045 868 padding-bottom: 0;
bsw@1045 869 }
bsw@1045 870 .ui_filter_head.subfilter {
bsw@1045 871 a {
bsw@1045 872 font: @subfilter-font;
bsw@1045 873 }
bsw@1045 874 a.active {
bsw@1045 875 font: @subfilter-active-font;
bsw@1045 876 }
bsw@1045 877 }
bsw@1045 878 }
bsw@1045 879
bsw@1045 880 .filter {
bsw@1045 881 float: right;
bsw@1045 882 }
bsw@1045 883
bsw@1045 884 .delegation_info.suspended {
bsw@1045 885 margin: 1ex -2px -2px -2px;
bsw@1045 886 }
bsw@1045 887
bsw@1045 888
bsw@1045 889 .issues {
bsw@1045 890 .state_info {
bsw@1045 891 font: @event-font;
bsw@1045 892 color: @main-event-color;
bsw@1045 893 }
bsw@1045 894 .state_info.negative {
bsw@1045 895 color: @main-negative-event-color;
bsw@1045 896 }
bsw@1045 897 }
bsw@1045 898
bsw@1045 899 ul.initiatives {
bsw@1045 900 li {
bsw@1045 901 margin-top: 1ex;
bsw@1045 902
bsw@1045 903 .bargraph {
bsw@1045 904 float: left;
bsw@1045 905 margin-top: 5px;
bsw@1045 906 margin-right: 0.5em;
bsw@1045 907 }
bsw@1045 908
bsw@1045 909 .initiative_name {
bsw@1045 910 display: block;
bsw@1045 911 margin-left: 110px;
bsw@1045 912 }
bsw@1045 913
bsw@1045 914 .rank1 .initiative_name {
bsw@1045 915 margin-left: 0;
bsw@1063 916 font-weight: bold;
bsw@1045 917 }
bsw@1045 918
bsw@1045 919 .revoked .initiative_name {
bsw@1045 920 text-decoration: line-through;
bsw@1045 921 }
bsw@1045 922
bsw@1045 923 }
bsw@1045 924
bsw@1045 925 li:first-child {
bsw@1045 926 margin-top: 0;
bsw@1045 927 clear: none;
bsw@1045 928 }
bsw@1045 929
bsw@1045 930 }
bsw@1045 931
bsw@1045 932 .events .event ul.initiatives li .initiative_name {
bsw@1045 933 margin-left: 0;
bsw@1045 934 }
bsw@1045 935
bsw@1045 936 .member_photo {
bsw@1045 937 float: right;
bsw@1045 938 }
bsw@1045 939
bsw@1045 940 .member_thumb.in_delegation_chain {
bsw@1045 941 font-weight: bold;
bsw@1045 942 }
bsw@1045 943
bsw@1045 944
bsw@1045 945
bsw@1045 946 /*
bsw@1045 947 * initiative
bsw@1045 948 */
bsw@1045 949
bsw@1045 950
bsw@1045 951 .support {
bsw@1045 952 color: #aaa;
bsw@1045 953 line-height: 80%;
bsw@1045 954 float: right;
bsw@1045 955 width: 102px;
bsw@1045 956 }
bsw@1045 957
bsw@1045 958 .initiativeInfo {
bsw@1045 959 font-family: @main-font;
bsw@1045 960 line-height: @micro-avatar-size;
bsw@1045 961 overflow: auto;
bsw@1045 962
bsw@1045 963 .support {
bsw@1045 964 margin-top: 1ex;
bsw@1045 965 float: left;
bsw@1045 966 width: auto;
bsw@1045 967 }
bsw@1045 968
bsw@1045 969 .mySupport {
bsw@1045 970 line-height: 125%;
bsw@1045 971 min-width: 12em;
bsw@1045 972 text-align: right;
bsw@1045 973 }
bsw@1045 974
bsw@1045 975 .initiators {
bsw@1045 976 margin-top: 1.5ex;
bsw@1045 977 margin-bottom: -1ex;
bsw@1045 978 float: left;
bsw@1045 979 }
bsw@1045 980
bsw@1045 981 .links {
bsw@1045 982 margin-top: 1.5ex;
bsw@1045 983 margin-bottom: -1ex;
bsw@1045 984 float: right;
bsw@1045 985 clear: right;
bsw@1045 986 }
bsw@1045 987
bsw@1045 988 .initiator_links {
bsw@1045 989 clear: right;
bsw@1045 990 }
bsw@1045 991
bsw@1045 992 }
bsw@1045 993
bsw@1045 994 .issueInfo {
bsw@1045 995 .links {
bsw@1045 996 margin-top: 1.5ex;
bsw@1045 997 margin-bottom: -1ex;
bsw@1045 998 float: right;
bsw@1045 999 clear: both;
bsw@1045 1000 }
bsw@1045 1001 }
bsw@1045 1002
bsw@1045 1003 .draft_updated_info {
bsw@1045 1004 color: @main-event-color;
bsw@1045 1005
bsw@1045 1006 .info {
bsw@1045 1007 font: @head3-font;
bsw@1045 1008 }
bsw@1045 1009 }
bsw@1045 1010
bsw@1045 1011 /* the draft */
bsw@1045 1012 .draft {
bsw@1045 1013 font: @usertext-font;
bsw@1045 1014
bsw@1045 1015 ul {
bsw@1045 1016 margin-left: 1em;
bsw@1045 1017 margin-bottom: @paragraph-margin;
bsw@1045 1018 list-style: square;
bsw@1045 1019 padding-left: 1em;
bsw@1045 1020 }
bsw@1045 1021
bsw@1093 1022 ol {
bsw@1093 1023 margin-left: 1em;
bsw@1093 1024 margin-bottom: @paragraph-margin;
bsw@1093 1025 list-style: decimal;
bsw@1093 1026 padding-left: 1em;
bsw@1093 1027 }
bsw@1093 1028
bsw@1045 1029 h1 {
bsw@1045 1030 font: @usertext-italic-font;
bsw@1045 1031 font-size: 125%;
bsw@1045 1032 border-bottom: 1px solid @main-second-color;
bsw@1045 1033 margin-bottom: 1ex;
bsw@1045 1034 }
bsw@1045 1035
bsw@1045 1036 h2 {
bsw@1045 1037 font: @usertext-bold-font;
bsw@1045 1038 font-size: 125%;
bsw@1045 1039 }
bsw@1045 1040
bsw@1045 1041 h3 {
bsw@1045 1042 font: @usertext-font;
bsw@1045 1043 font-size: 125%;
bsw@1045 1044 }
bsw@1045 1045
bsw@1045 1046 h4 {
bsw@1045 1047 font: @usertext-bold-font;
bsw@1045 1048 }
bsw@1045 1049
bsw@1045 1050 hr {
bsw@1045 1051 border: none;
bsw@1045 1052 border-top: 1px solid @main-color;
bsw@1045 1053 }
bsw@1045 1054
bsw@1045 1055 b, strong {
bsw@1045 1056 font: @usertext-italic-font;
bsw@1045 1057 }
bsw@1045 1058
bsw@1045 1059 i, em {
bsw@1045 1060 //font-style: italic;
bsw@1045 1061 font: @usertext-bold-font;
bsw@1045 1062 }
bsw@1045 1063 }
bsw@1045 1064
bsw@1045 1065 form, .form {
bsw@1045 1066 margin: 0;
bsw@1045 1067 padding: 0;
bsw@1045 1068
bsw@1045 1069 .ui_field_label {
bsw@1045 1070 display: inline-block;
bsw@1045 1071 width: 25%;
bsw@1045 1072 margin: 0;
bsw@1045 1073 padding: 0;
bsw@1045 1074 text-align: right;
bsw@1045 1075 margin-bottom: @pad;
bsw@1045 1076 padding-right: 0.5%;
bsw@1045 1077 vertical-align: top;
bsw@1045 1078 color: @main-second-color;
bsw@1045 1079 }
bsw@1045 1080
bsw@1045 1081 input[type=text],
bsw@1045 1082 input[type=password],
bsw@1045 1083 select,
bsw@1045 1084 textarea {
bsw@1045 1085 vertical-align: top;
bsw@1045 1086 width: 73%;
bsw@1045 1087 margin: 0;
bsw@1045 1088 padding: 3px;
bsw@1045 1089 border: 1px solid @main-second-color;
bsw@1045 1090 font: @head3-font;
bsw@1045 1091 margin-bottom: @pad;
bsw@1045 1092 }
bsw@1045 1093
bsw@1045 1094 input:focus {
bsw@1045 1095 outline: 2px solid @body-bg-color;
bsw@1045 1096 }
bsw@1045 1097
bsw@1045 1098
bsw@1045 1099
bsw@1045 1100 .actions {
bsw@1045 1101 margin-left: 26%;
bsw@1045 1102 }
bsw@1045 1103
bsw@1045 1104 }
bsw@1045 1105
bsw@1045 1106 form.wide {
bsw@1045 1107 input[type=text],
bsw@1045 1108 input[type=password],
bsw@1045 1109 select,
bsw@1045 1110 textarea {
bsw@1045 1111 width: 100%;
bsw@1045 1112 }
bsw@1045 1113
bsw@1045 1114 }
bsw@1045 1115
bsw@1045 1116 }
bsw@1045 1117
bsw@1045 1118 .issues, .events {
bsw@1045 1119
bsw@1045 1120 .event {
bsw@1045 1121
bsw@1045 1122 .initiative_pie {
bsw@1045 1123 clear: right;
bsw@1045 1124 float: right;
bsw@1045 1125 }
bsw@1045 1126
bsw@1045 1127 ul.initiatives {
bsw@1045 1128
bsw@1045 1129 .initiative_info_left {
bsw@1045 1130 display: inline;
bsw@1045 1131 margin-right: 0.5em;
bsw@1045 1132 }
bsw@1045 1133
bsw@1045 1134 .initiative_info_right {
bsw@1045 1135 float: right;
bsw@1045 1136
bsw@1045 1137 .bargraph {
bsw@1045 1138 float: right;
bsw@1045 1139 margin-left: 0.5em;
bsw@1045 1140 }
bsw@1045 1141 }
bsw@1045 1142
bsw@1045 1143 .result {
bsw@1045 1144 color: @main-second-color;
bsw@1045 1145 margin-top: 0.5ex;
bsw@1045 1146 }
bsw@1045 1147
bsw@1045 1148 h3 {
bsw@1045 1149 margin-top: 1ex;
bsw@1045 1150 margin-bottom: 0;
bsw@1045 1151 }
bsw@1045 1152
bsw@1045 1153 a.initiative {
bsw@1045 1154 font: @head3-font;
bsw@1045 1155 }
bsw@1045 1156 }
bsw@1045 1157
bsw@1045 1158 .event_info {
bsw@1045 1159 font: @event-font;
bsw@1045 1160 color: @main-event-color;
bsw@1045 1161 margin-top: 0.66ex;
bsw@1045 1162 margin-bottom: 1ex;
bsw@1045 1163 }
bsw@1045 1164
bsw@1045 1165 .event_info:last-child {
bsw@1045 1166 margin-bottom: 0;
bsw@1045 1167 }
bsw@1045 1168
bsw@1045 1169 .event_info.negative {
bsw@1045 1170 color: @main-negative-event-color;
bsw@1045 1171 }
bsw@1045 1172
bsw@1045 1173 .event_time {
bsw@1045 1174 font: @main-font;
bsw@1045 1175 color: @main-second-color;
bsw@1045 1176 }
bsw@1045 1177 }
bsw@1045 1178
bsw@1045 1179 .event:hover {
bsw@1045 1180 .event_time {
bsw@1045 1181 visibility: visible;
bsw@1045 1182 }
bsw@1045 1183 ul.initiatives {
bsw@1045 1184 div {
bsw@1045 1185 visibility: visible;
bsw@1045 1186 }
bsw@1045 1187 }
bsw@1045 1188 }
bsw@1045 1189 .issue_context {
bsw@1045 1190 line-height: 24px;
bsw@1045 1191 margin-bottom: 0.66ex;
bsw@1045 1192 .unit {
bsw@1045 1193 background-color: #777;
bsw@1045 1194 color: #fff;
bsw@1045 1195 padding: 1px 3px;
bsw@1045 1196 border-radius: @border-radius;
bsw@1045 1197 text-decoration: none;
bsw@1045 1198 }
bsw@1045 1199 .area {
bsw@1045 1200 background-color: #ddd;
bsw@1045 1201 color: #000;
bsw@1045 1202 padding: 1px 3px;
bsw@1045 1203 border-radius: @border-radius;
bsw@1045 1204 text-decoration: none;
bsw@1045 1205 }
bsw@1045 1206 }
bsw@1045 1207 .issue_info {
bsw@1045 1208 .issue {
bsw@1045 1209 font: @head3-font;
bsw@1045 1210 color: @main-color;
bsw@1045 1211 }
bsw@1045 1212 }
bsw@1045 1213 img.star {
bsw@1045 1214 vertical-align: middle;
bsw@1045 1215 float: right;
bsw@1045 1216 margin-left: 0.5em;
bsw@1045 1217 }
bsw@1045 1218
bsw@1045 1219 .draft_preview {
bsw@1045 1220 }
bsw@1045 1221
bsw@1045 1222 .event.suggestion {
bsw@1045 1223
bsw@1045 1224 ul.initiatives li {
bsw@1045 1225
bsw@1045 1226 margin-top: 0;
bsw@1045 1227 margin-bottom: 1ex;
bsw@1045 1228
bsw@1045 1229 a {
bsw@1045 1230
bsw@1045 1231 font: @main-font;
bsw@1045 1232 }
bsw@1045 1233
bsw@1045 1234 }
bsw@1045 1235
bsw@1045 1236 .suggestion {
bsw@1045 1237
bsw@1045 1238 font: @head3-font;
bsw@1045 1239 overflow: hidden;
bsw@1045 1240 text-overflow: ellipsis;
bsw@1045 1241 }
bsw@1045 1242
bsw@1045 1243 }
bsw@1045 1244
bsw@1045 1245 }
bsw@1045 1246
bsw@1045 1247 .suggestions {
bsw@1045 1248
bsw@1045 1249 .suggestion {
bsw@1045 1250
bsw@1045 1251 .opinion {
bsw@1045 1252 float: right;
bsw@1045 1253
bsw@1045 1254 .must {
bsw@1045 1255 background-color: @must-bg-color;
bsw@1045 1256 color: @must-color
bsw@1045 1257 }
bsw@1045 1258 .should {
bsw@1045 1259 background-color: @should-bg-color;
bsw@1045 1260 color: @should-color
bsw@1045 1261 }
bsw@1045 1262 .shouldnot {
bsw@1045 1263 background-color: @shouldnot-bg-color;
bsw@1045 1264 color: @shouldnot-color
bsw@1045 1265 }
bsw@1045 1266 .mustnot {
bsw@1045 1267 background-color: @mustnot-bg-color;
bsw@1045 1268 color: @mustnot-color
bsw@1045 1269 }
bsw@1045 1270 .implemented {
bsw@1045 1271 background-color: @implemented-bg-color;
bsw@1045 1272 color: @implemented-color
bsw@1045 1273 }
bsw@1045 1274 .notimplemented {
bsw@1045 1275 background-color: @notimplemented-bg-color;
bsw@1045 1276 color: @notimplemented-color
bsw@1045 1277 }
bsw@1045 1278
bsw@1045 1279 }
bsw@1045 1280
bsw@1045 1281 .suggestion-rating {
bsw@1045 1282 float: right;
bsw@1045 1283 }
bsw@1045 1284 .suggestion-text {
bsw@1045 1285 margin-top: @pad;
bsw@1045 1286 font: @usertext-font;
bsw@1045 1287 overflow: hidden;
bsw@1045 1288 text-overflow: ellipsis;
bsw@1045 1289 position: relative;
bsw@1045 1290 z-index: 10;
bsw@1045 1291 }
bsw@1045 1292
bsw@1063 1293
bsw@1063 1294 .suggestion-details {
bsw@1063 1295 float: right;
bsw@1063 1296 }
bsw@1063 1297
bsw@1045 1298 .suggestion-more {
bsw@1045 1299 display: none;
bsw@1045 1300 }
bsw@1045 1301
bsw@1045 1302 .suggestion-less {
bsw@1045 1303 display: none;
bsw@1045 1304 }
bsw@1045 1305
bsw@1045 1306 .suggestionHead {
bsw@1045 1307 overflow: hidden;
bsw@1045 1308 text-overflow: ellipsis;
bsw@1045 1309 }
bsw@1045 1310
bsw@1045 1311 .rating {
bsw@1045 1312 display: none;
bsw@1045 1313 padding: @pad/2 0;
bsw@1045 1314 .active-plus2 {
bsw@1045 1315 background-color: @must-bg-color;;
bsw@1045 1316 color: @must-color;;
bsw@1045 1317 }
bsw@1045 1318 .active-plus1 {
bsw@1045 1319 background-color: @should-bg-color;
bsw@1045 1320 color: @should-color;
bsw@1045 1321 }
bsw@1045 1322 .active-minus1 {
bsw@1045 1323 background-color: @shouldnot-bg-color;
bsw@1045 1324 color: @shouldnot-color;
bsw@1045 1325 }
bsw@1045 1326 .active-minus2 {
bsw@1045 1327 background-color: @mustnot-bg-color;
bsw@1045 1328 color: @mustnot-color;
bsw@1045 1329 }
bsw@1045 1330 .active-notfulfilled {
bsw@1045 1331 background-color: #faa;
bsw@1045 1332 }
bsw@1045 1333 .active-fulfilled {
bsw@1045 1334 background-color: #afa;
bsw@1045 1335 }
bsw@1045 1336 }
bsw@1045 1337 }
bsw@1045 1338
bsw@1045 1339 .suggestion.rateable {
bsw@1045 1340 .suggestion-more {
bsw@1045 1341 display: block;
bsw@1045 1342 }
bsw@1045 1343 }
bsw@1045 1344
bsw@1045 1345 .suggestion.rateable.unfolded {
bsw@1045 1346 .rating {
bsw@1045 1347 border-top: 3px solid @body-bg-color;
bsw@1045 1348 }
bsw@1045 1349 }
bsw@1045 1350
bsw@1045 1351 .suggestion.folded {
bsw@1063 1352 .suggestion-text {
bsw@1063 1353 height: 150px;
bsw@1063 1354 overflow: hidden;
bsw@1063 1355 }
bsw@1063 1356
bsw@1045 1357 .suggestion-more {
bsw@1045 1358 display: block;
bsw@1045 1359 position: absolute;
bsw@1045 1360 bottom: 0;
bsw@1045 1361 left: 0;
bsw@1045 1362 width: 100%;
bsw@1045 1363 box-shadow: inset 0 -12ex 10ex -5ex #fff;
bsw@1045 1364 padding-top: 5ex;
bsw@1045 1365 }
bsw@1063 1366
bsw@1063 1367 .suggestion-details {
bsw@1063 1368 position: absolute;
bsw@1063 1369 bottom: 0;
bsw@1063 1370 right: 0;
bsw@1063 1371 }
bsw@1063 1372
bsw@1045 1373 }
bsw@1045 1374
bsw@1045 1375 .suggestion.unfolded {
bsw@1045 1376 .suggestion-more {
bsw@1045 1377 display: none;
bsw@1045 1378 }
bsw@1045 1379 .rating {
bsw@1045 1380 display: block;
bsw@1045 1381 }
bsw@1045 1382 .suggestion-less {
bsw@1045 1383 margin-top: 1ex;
bsw@1045 1384 display: block;
bsw@1045 1385 }
bsw@1045 1386 }
bsw@1045 1387
bsw@1045 1388 .suggestion.highlighted {
bsw@1045 1389 background-color: @main-highlight-bg-color;
bsw@1045 1390
bsw@1045 1391 .suggestion-more {
bsw@1045 1392 box-shadow: inset 0 -12ex 10ex -5ex @main-highlight-bg-color;
bsw@1045 1393 }
bsw@1045 1394
bsw@1045 1395 }
bsw@1045 1396
bsw@1045 1397 }
bsw@1045 1398
bsw@1045 1399 li.raw {
bsw@1045 1400 list-style: none;
bsw@1045 1401 padding: 0;
bsw@1045 1402 margin: 0 !important;
bsw@1045 1403 }
bsw@1045 1404
bsw@1045 1405
bsw@1045 1406 .satisfiedSupporterCount {
bsw@1045 1407 color: #070;
bsw@1045 1408 }
bsw@1045 1409 .potentialSupporterCount {
bsw@1045 1410 color: #960;
bsw@1045 1411 }
bsw@1045 1412
bsw@1045 1413 .bargraph {
bsw@1045 1414 display: inline-block;
bsw@1045 1415 vertical-align: top;
bsw@1045 1416 height: 9px;
bsw@1045 1417
bsw@1045 1418 div {
bsw@1045 1419 margin: 0;
bsw@1045 1420 padding: 0;
bsw@1045 1421 display: inline-block;
bsw@1045 1422 height: 9px;
bsw@1045 1423 }
bsw@1045 1424
bsw@1045 1425 }
bsw@1045 1426
bsw@1045 1427 .diff {
bsw@1045 1428 .diff_added {
bsw@1045 1429 background-color: #cfc;
bsw@1045 1430 }
bsw@1045 1431
bsw@1045 1432 .diff_removed {
bsw@1045 1433 text-decoration: line-through;
bsw@1045 1434 background-color: #fcc;
bsw@1045 1435 }
bsw@1045 1436 }
bsw@1045 1437
bsw@1045 1438 .btn, .ui_paginate_foot a {
bsw@1045 1439 text-decoration: none;
bsw@1045 1440 min-width: 2em;
bsw@1045 1441 text-align: center;
bsw@1045 1442 display: inline-block;
bsw@1045 1443 border-radius: @btn-border-radius;
bsw@1045 1444 border: none;
bsw@1045 1445 font: @btn-font;
bsw@1045 1446 background-color: #999;
bsw@1045 1447 color: #fff !important;
bsw@1045 1448 margin-bottom: 5px;
bsw@1045 1449 }
bsw@1045 1450
bsw@1045 1451 .btn {
bsw@1045 1452 padding: 1ex 1em;
bsw@1045 1453 }
bsw@1045 1454
bsw@1045 1455
bsw@1045 1456
bsw@1045 1457 .ui_paginate_foot a {
bsw@1045 1458 padding: 0.5ex 0.5em;
bsw@1045 1459 background-color: #eee;
bsw@1045 1460 color: 000 !important;
bsw@1045 1461 }
bsw@1045 1462
bsw@1045 1463 .ui_paginate_foot a.active {
bsw@1045 1464 background-color: #666;
bsw@1045 1465 color: #fff !important;
bsw@1045 1466 }
bsw@1045 1467
bsw@1045 1468 .btn-default {
bsw@1045 1469 background-color: #47a;
bsw@1045 1470 color: #fff !important;
bsw@1045 1471 }
bsw@1045 1472
bsw@1045 1473 .btn:hover, .btn:focus, .ui_paginate_foot a:hover, .ui_paginate_foot a:focus {
bsw@1045 1474 background-color: #0a0;
bsw@1045 1475 color: #fff !important;
bsw@1045 1476 cursor: pointer;
bsw@1045 1477 }
bsw@1045 1478
bsw@1045 1479 .btn-dangerous:hover {
bsw@1045 1480 background-color: #c00;
bsw@1045 1481 color: #fff !important;
bsw@1045 1482 }
bsw@1045 1483
bsw@1045 1484 .btn-link {
bsw@1045 1485 font: @main-font;
bsw@1045 1486 background-color: @main-bg-color;
bsw@1045 1487 color: @main-link-color;
bsw@1045 1488 border: none;
bsw@1045 1489 padding: 0;
bsw@1045 1490 margin: 0;
bsw@1045 1491 text-decoration: underline;
bsw@1045 1492 cursor: pointer;
bsw@1045 1493 }
bsw@1045 1494
bsw@1045 1495 /*************************************************************************
bsw@1045 1496 * Voting
bsw@1045 1497 */
bsw@1045 1498
bsw@1045 1499 .main .section #voting_form .sectionRow:last-child {
bsw@1045 1500 border-radius: 0;
bsw@1045 1501 margin-bottom: 0;
bsw@1045 1502 }
bsw@1045 1503
bsw@1045 1504 #voting {
bsw@1045 1505 background: #ddd;
bsw@1045 1506 padding: @pad;
bsw@1045 1507 margin-top: 4px;
bsw@1045 1508 position: relative;
bsw@1045 1509 margin-bottom: 2ex;
bsw@1045 1510
bsw@1045 1511 .approval,
bsw@1045 1512 .abstention,
bsw@1045 1513 .disapproval {
bsw@1045 1514 border: 2px black solid;
bsw@1045 1515 margin-bottom: 2ex;
bsw@1045 1516 padding: 1ex;
bsw@1045 1517 padding-bottom: 2ex;
bsw@1045 1518 border-radius: @border-radius;
bsw@1045 1519 }
bsw@1045 1520
bsw@1045 1521 .disapproval {
bsw@1045 1522 margin-bottom: 2ex;
bsw@1045 1523 }
bsw@1045 1524
bsw@1045 1525 .approval {
bsw@1045 1526 background-color: #9f9;
bsw@1045 1527
bsw@1045 1528 .movable {
bsw@1045 1529 background-color: #dfd;
bsw@1045 1530 }
bsw@1045 1531 }
bsw@1045 1532
bsw@1045 1533 .abstention {
bsw@1045 1534 background-color: #ccc;
bsw@1045 1535
bsw@1045 1536 .movable {
bsw@1045 1537 background-color: #f2f2f2;
bsw@1045 1538 }
bsw@1045 1539 }
bsw@1045 1540
bsw@1045 1541 .disapproval {
bsw@1045 1542 background-color: #f88;
bsw@1045 1543
bsw@1045 1544 .movable {
bsw@1045 1545 background-color: #fbb;
bsw@1045 1546 }
bsw@1045 1547 }
bsw@1045 1548
bsw@1045 1549 .movable {
bsw@1045 1550 position: relative;
bsw@1045 1551 border: 1px black solid;
bsw@1045 1552 margin-top: 1ex;
bsw@1045 1553 padding: 0.5ex;
bsw@1045 1554 border-radius: @border-radius;
bsw@1045 1555 }
bsw@1045 1556
bsw@1045 1557 .voting_form_active {
bsw@1045 1558 .movable {
bsw@1045 1559 cursor: pointer;
bsw@1045 1560 vertical-align: middle;
bsw@1045 1561 cursor: move;
bsw@1045 1562 }
bsw@1045 1563
bsw@1045 1564 .clickable {
bsw@1045 1565 cursor: auto;
bsw@1045 1566 }
bsw@1045 1567
bsw@1045 1568 a.clickable {
bsw@1045 1569 cursor: pointer;
bsw@1045 1570 }
bsw@1045 1571 }
bsw@1045 1572 }
bsw@1045 1573
bsw@1045 1574
bsw@1045 1575 /*
bsw@1045 1576 * footer
bsw@1045 1577 */
bsw@1045 1578
bsw@1045 1579 .footer {
bsw@1045 1580 text-align: center;
bsw@1045 1581 color: @footer-color;
bsw@1045 1582 background-color: @footer-bg-color;
bsw@1045 1583 padding: @pad 0;
bsw@1045 1584 border: 1px solid #000;
bsw@1045 1585 border-top: none;
bsw@1045 1586
bsw@1045 1587 a {
bsw@1045 1588 color: @body-color;
bsw@1045 1589 }
bsw@1045 1590 }
bsw@1045 1591
bsw@1045 1592
bsw@1045 1593 .ui_paginate_head {
bsw@1045 1594 display: none;
bsw@1045 1595 }
bsw@1045 1596
bsw@1045 1597 .ui_paginate_foot {
bsw@1045 1598 line-height: 180%;
bsw@1045 1599 }
bsw@1045 1600
bsw@1045 1601
bsw@1045 1602 .swiper_tabs {
bsw@1045 1603 display: none;
bsw@1045 1604 }
bsw@1045 1605
bsw@1045 1606 #swiper_info {
bsw@1045 1607 display: none;
bsw@1045 1608 }
bsw@1045 1609
bsw@1045 1610 .nav .searchLink {
bsw@1045 1611 display: none;
bsw@1045 1612 }
bsw@1045 1613
bsw@1045 1614
bsw@1045 1615 @media (max-width: 767px) {
bsw@1045 1616
bsw@1045 1617 html {
bsw@1045 1618
bsw@1045 1619 body {
bsw@1045 1620 margin: 0;
bsw@1045 1621 background: @mobile-bg-color;
bsw@1045 1622
bsw@1045 1623 .head {
bsw@1045 1624 margin: @grid/2;
bsw@1045 1625 padding: 0;
bsw@1045 1626
bsw@1045 1627 .logo {
bsw@1045 1628 display: block;
bsw@1045 1629 padding: 0;
bsw@1045 1630
bsw@1045 1631 .liquid, .feedback {
bsw@1045 1632 font: @mobile-logo-font;
bsw@1045 1633 }
bsw@1045 1634
bsw@1045 1635 .instanceName {
bsw@1045 1636 font: @mobile-instance-font;
bsw@1045 1637 display: block;
bsw@1045 1638 margin-left: 0;
bsw@1045 1639 }
bsw@1045 1640 }
bsw@1045 1641 .nav {
bsw@1045 1642 padding: 0;
bsw@1045 1643 }
bsw@1045 1644 }
bsw@1045 1645
bsw@1045 1646 .initiativeInfo h1 {
bsw@1045 1647 display: none;
bsw@1045 1648 }
bsw@1045 1649
bsw@1045 1650 .slot_title {
bsw@1045 1651
bsw@1045 1652 font: @head2-font;
bsw@1045 1653 padding: 0;
bsw@1045 1654 margin: 0 @grid/2;
bsw@1045 1655
bsw@1045 1656 .spacer {
bsw@1045 1657 display: none;
bsw@1045 1658 }
bsw@1045 1659
bsw@1045 1660 .unit, .area, .issue, .initiative, .member {
bsw@1045 1661 display: block;
bsw@1045 1662 margin-right: 0;
bsw@1045 1663 padding: 4px 0;
bsw@1045 1664 border-radius: @border-radius;
bsw@1045 1665 overflow: auto;
bsw@1045 1666 }
bsw@1045 1667
bsw@1045 1668 .unit:before, .area:before, .issue:before, .initiative:before, .member:before {
bsw@1045 1669 content: "↳";
bsw@1045 1670 position: relative;
bsw@1045 1671 top: -2px;
bsw@1045 1672 }
bsw@1045 1673
bsw@1045 1674 .area {
bsw@1045 1675 margin-left: 10px;
bsw@1045 1676 }
bsw@1045 1677 .issue {
bsw@1045 1678 margin-left: 10px * 2;
bsw@1045 1679 }
bsw@1045 1680 .initiative {
bsw@1045 1681 margin-left: 10px * 3;
bsw@1045 1682 }
bsw@1045 1683
bsw@1045 1684 a:last-child, .issue:last-child, .area:last-child, .unit:last-child, .initiative:last-child {
bsw@1045 1685 margin-bottom: @grid/2;
bsw@1045 1686 }
bsw@1045 1687
bsw@1045 1688 .unit, .initiative, .issue, .area {
bsw@1045 1689 a {
bsw@1045 1690 margin-bottom: 0;
bsw@1045 1691 display: inline;
bsw@1045 1692 }
bsw@1045 1693 }
bsw@1045 1694
bsw@1045 1695 a.home {
bsw@1045 1696 display: none;
bsw@1045 1697 }
bsw@1045 1698
bsw@1045 1699 .weight {
bsw@1045 1700 float: right;
bsw@1045 1701 margin: 0;
bsw@1045 1702 }
bsw@1045 1703
bsw@1045 1704 .delegation_info {
bsw@1045 1705 float: right;
bsw@1045 1706 display: block;
bsw@1045 1707 margin-top: -10px;
bsw@1045 1708 }
bsw@1045 1709 a .label {
bsw@1045 1710 display: inline;
bsw@1045 1711 }
bsw@1045 1712 .star {
bsw@1045 1713 float: right;
bsw@1045 1714 margin-left: 0.5em;
bsw@1045 1715 margin-top: -@pad/2;
bsw@1045 1716 margin-bottom: -@pad/2;
bsw@1045 1717 }
bsw@1045 1718 }
bsw@1045 1719
bsw@1045 1720 .slot_title > span > *:last-child {
bsw@1045 1721 font: @head1-font;
bsw@1045 1722 }
bsw@1045 1723
bsw@1045 1724
bsw@1045 1725 .page {
bsw@1045 1726 background: none;
bsw@1045 1727 margin: 0;
bsw@1045 1728 box-shadow: none;
bsw@1045 1729 }
bsw@1045 1730
bsw@1045 1731 .nav #member_menu .text {
bsw@1045 1732 display: none;
bsw@1045 1733 }
bsw@1045 1734
bsw@1045 1735 .nav form.search {
bsw@1045 1736 display: none;
bsw@1045 1737 }
bsw@1045 1738
bsw@1045 1739 .nav .notifications,
bsw@1045 1740 .nav .searchLink,
bsw@1045 1741 .nav #member_menu a {
bsw@1045 1742 vertical-align: middle;
bsw@1045 1743 display: inline-block;
bsw@1045 1744 height: 48px;
bsw@1045 1745 min-width: 35px;
bsw@1045 1746 text-align: center;
bsw@1045 1747 background-color: #000;
bsw@1045 1748 border: 1px solid #777;
bsw@1045 1749 border-radius: @border-radius;
bsw@1045 1750 img {
bsw@1045 1751 margin: 0;
bsw@1045 1752 width: 48px;
bsw@1045 1753 height: 48px;
bsw@1045 1754 }
bsw@1045 1755 margin: 0;
bsw@1045 1756 }
bsw@1045 1757
bsw@1045 1758 .nav .notifications {
bsw@1045 1759 padding: 12px 2px;
bsw@1045 1760 height: 24px;
bsw@1045 1761 }
bsw@1045 1762
bsw@1045 1763 .nav #member_menu a :last-child {
bsw@1045 1764 display: none;
bsw@1045 1765 }
bsw@1045 1766
bsw@1045 1767 .notifications span {
bsw@1045 1768 margin-left: -5px;
bsw@1045 1769 }
bsw@1045 1770
bsw@1045 1771 .swiper_tabs {
bsw@1045 1772 clear: both;
bsw@1045 1773 display: block;
bsw@1045 1774 overflow: auto;
bsw@1045 1775 margin: @grid/2;
bsw@1045 1776
bsw@1045 1777 div {
bsw@1045 1778 display: block;
bsw@1045 1779 float: left;
bsw@1045 1780 width: 33.333%;
bsw@1045 1781
bsw@1045 1782 a {
bsw@1045 1783 padding: 8px 0;
bsw@1045 1784 display: block;
bsw@1045 1785 text-align: center;
bsw@1045 1786 background-color: #eee;
bsw@1045 1787 }
bsw@1045 1788
bsw@1045 1789 a.active {
bsw@1045 1790 background-color: #abe;
bsw@1045 1791 }
bsw@1045 1792 }
bsw@1045 1793 div:first-child a {
bsw@1045 1794 border-radius: @border-radius 0 0 @border-radius;
bsw@1045 1795 }
bsw@1045 1796
bsw@1045 1797 div:last-child a {
bsw@1045 1798 border-radius: 0 @border-radius @border-radius 0;
bsw@1045 1799 }
bsw@1045 1800 }
bsw@1045 1801
bsw@1045 1802 #swiper_info.active {
bsw@1045 1803 display: block;
bsw@1045 1804 font: @head3-font;
bsw@1045 1805 z-index: 1;
bsw@1045 1806 text-align: center;
bsw@1045 1807 width: 100%;
bsw@1045 1808 background-color: @mobile-bg-color;
bsw@1045 1809 color: @body-color;
bsw@1045 1810 }
bsw@1045 1811
bsw@1045 1812 .sidebarSection {
bsw@1045 1813 margin: 0 @grid/2 @grid/2 @grid/2;
bsw@1045 1814 }
bsw@1045 1815
bsw@1045 1816 .main, .extra > .section {
bsw@1045 1817 clear: none;
bsw@1045 1818 float: none;
bsw@1045 1819 width: auto;
bsw@1045 1820 margin: 0 @grid/2 @grid/2 @grid/2;
bsw@1045 1821 .section .sectionRow:last-child {
bsw@1045 1822 margin-bottom: @grid/2;
bsw@1045 1823 }
bsw@1045 1824
bsw@1045 1825 }
bsw@1045 1826
bsw@1045 1827 .ui_filter_head.filter_mode {
bsw@1045 1828 float: none !important;
bsw@1045 1829 background: @main-bg-color !important;
bsw@1045 1830 text-align: left !important;
bsw@1045 1831 border-radius: @border-radius;
bsw@1045 1832 margin-bottom: @grid/2 !important;
bsw@1045 1833 }
bsw@1045 1834
bsw@1045 1835 .member_photo {
bsw@1045 1836 text-align: center;
bsw@1045 1837 margin-bottom: 2ex;
bsw@1045 1838 .member_image_photo {
bsw@1045 1839 max-width: 600px;
bsw@1045 1840 }
bsw@1045 1841 }
bsw@1045 1842
bsw@1045 1843 #trace_content {
bsw@1045 1844 margin: @grid/2 0;
bsw@1045 1845 border-radius: 0;
bsw@1045 1846
bsw@1045 1847 ul {
bsw@1045 1848 li {
bsw@1045 1849 .trace_head {
bsw@1045 1850 padding: 6px 5px;
bsw@1045 1851 }
bsw@1045 1852 }
bsw@1045 1853 ul {
bsw@1045 1854 padding: 5px 2px;
bsw@1045 1855 }
bsw@1045 1856 }
bsw@1045 1857 }
bsw@1045 1858
bsw@1045 1859 }
bsw@1045 1860 } }
bsw@1045 1861
bsw@1045 1862 .textCenter {
bsw@1045 1863 text-align: center;
bsw@1045 1864 }
bsw@1045 1865
bsw@1045 1866 a.initiative {
bsw@1045 1867 text-decoration: none;
bsw@1045 1868 border-bottom: 1px solid #66c;
bsw@1045 1869 }
bsw@1045 1870
bsw@1045 1871 a.initiative:hover {
bsw@1045 1872 border-bottom: 1px solid #007;
bsw@1045 1873 }
bsw@1045 1874
bsw@1045 1875
bsw@1045 1876
bsw@1045 1877 #trace_content {
bsw@1045 1878 margin: @grid;
bsw@1045 1879 padding: @pad;
bsw@1045 1880 border-radius: @border-radius;
bsw@1045 1881 background-color: @main-bg-color;
bsw@1045 1882
bsw@1045 1883 #system_error {
bsw@1045 1884 font-family: monospace;
bsw@1045 1885 }
bsw@1045 1886
bsw@1045 1887 ul {
bsw@1045 1888 li {
bsw@1045 1889 margin-top: 10px;
bsw@1045 1890 .trace_head {
bsw@1045 1891 padding: 3px 5px;
bsw@1045 1892 border-radius: @border-radius @border-radius 0 0;
bsw@1045 1893 }
bsw@1045 1894 .trace_head:last-child {
bsw@1045 1895 border-radius: @border-radius;
bsw@1045 1896 }
bsw@1045 1897 ul {
bsw@1045 1898 border-radius: 0 0 @border-radius @border-radius;
bsw@1045 1899 }
bsw@1045 1900 }
bsw@1045 1901 li:first-child {
bsw@1045 1902 margin-top: 0;
bsw@1045 1903 }
bsw@1045 1904 ul {
bsw@1045 1905 padding: 10px;
bsw@1045 1906 }
bsw@1045 1907 }
bsw@1045 1908
bsw@1045 1909 .trace_config > ul {
bsw@1045 1910 background-color: #eee;
bsw@1045 1911 border: 1px solid #ccc;
bsw@1045 1912 }
bsw@1045 1913 .trace_config > .trace_head {
bsw@1045 1914 background-color: #ccc;
bsw@1045 1915 color: #000;
bsw@1045 1916 }
bsw@1045 1917 .trace_request > ul {
bsw@1045 1918 background-color: #afa;
bsw@1045 1919 }
bsw@1045 1920 .trace_request > .trace_head {
bsw@1045 1921 background-color: #0c0;
bsw@1045 1922 }
bsw@1045 1923 .trace_filter > ul {
bsw@1045 1924 background-color: #ccf;
bsw@1045 1925 border: 1px solid #00c;
bsw@1045 1926 border-top: none;
bsw@1045 1927 }
bsw@1045 1928 .trace_filter > .trace_head {
bsw@1045 1929 background-color: #00c;
bsw@1045 1930 color: #fff;
bsw@1045 1931 }
bsw@1045 1932 .trace_view > ul {
bsw@1045 1933 background-color: #cfc;
bsw@1045 1934 border: 1px solid #0c0;
bsw@1045 1935 border-top: none;
bsw@1045 1936 }
bsw@1045 1937 .trace_view > .trace_head {
bsw@1045 1938 background-color: #0c0;
bsw@1045 1939 color: #000;
bsw@1045 1940 }
bsw@1045 1941 .trace_action_neutral > ul {
bsw@1045 1942 background-color: #ffa;
bsw@1045 1943 border: 1px solid #fe0;
bsw@1045 1944 }
bsw@1045 1945 .trace_action_neutral > .trace_head {
bsw@1045 1946 background-color: #fe0;
bsw@1045 1947 color: #000;
bsw@1045 1948 }
bsw@1154 1949 .trace_action_success > ul {
bsw@1154 1950 background-color: #afa;
bsw@1154 1951 border: 1px solid #fe0;
bsw@1154 1952 }
bsw@1154 1953 .trace_action_success > .trace_head {
bsw@1154 1954 background-color: #fe0;
bsw@1154 1955 color: #000;
bsw@1154 1956 }
bsw@1154 1957 .trace_action_softfail > ul {
bsw@1154 1958 background-color: #faa;
bsw@1154 1959 border: 1px solid #fe0;
bsw@1154 1960 }
bsw@1154 1961 .trace_action_softfail > .trace_head {
bsw@1154 1962 background-color: #fe0;
bsw@1154 1963 color: #000;
bsw@1154 1964 }
bsw@1045 1965 .trace_sql {
bsw@1045 1966 background-color: #fff;
bsw@1045 1967 padding: 2px 4px;
bsw@1045 1968 margin-top: 8px;
bsw@1045 1969 }
bsw@1151 1970 .trace_sql_time {
bsw@1151 1971 float: right;
bsw@1154 1972 font-weight: bold;
bsw@1151 1973 }
bsw@1045 1974 .trace_error {
bsw@1045 1975 background-color: #faa;
bsw@1045 1976 color: #000;
bsw@1045 1977 font-weight: bold;
bsw@1045 1978 border: 1px solid #c00;
bsw@1045 1979 }
bsw@1045 1980 .trace_exectime {
bsw@1045 1981 background-color: #ccc;
bsw@1045 1982 font-weight: bold;
bsw@1045 1983 border-radius: @border-radius;
bsw@1045 1984 }
bsw@1045 1985
bsw@1045 1986 .time {
bsw@1045 1987 float: right;
bsw@1045 1988 }
bsw@1045 1989
bsw@1045 1990 .total_duration {
bsw@1045 1991 font-weight: bold;
bsw@1045 1992 }
bsw@1045 1993
bsw@1045 1994 }

Impressum / About Us