liquid_feedback_frontend

annotate static/lf3.less @ 1080:cb9e75ac968f

find changesets by author, revision, files, or words in the commit message
Better ordering of interested members
author bsw
date Wed Jul 23 20:47:57 2014 +0200 (2014-07-23)
parents 187127e290f9
children c2baf086cc8d
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@1045 127 @head2-font: normal @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@1045 172 background-image: url( "back50.png" );
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@1045 1022 h1 {
bsw@1045 1023 font: @usertext-italic-font;
bsw@1045 1024 font-size: 125%;
bsw@1045 1025 border-bottom: 1px solid @main-second-color;
bsw@1045 1026 margin-bottom: 1ex;
bsw@1045 1027 }
bsw@1045 1028
bsw@1045 1029 h2 {
bsw@1045 1030 font: @usertext-bold-font;
bsw@1045 1031 font-size: 125%;
bsw@1045 1032 }
bsw@1045 1033
bsw@1045 1034 h3 {
bsw@1045 1035 font: @usertext-font;
bsw@1045 1036 font-size: 125%;
bsw@1045 1037 }
bsw@1045 1038
bsw@1045 1039 h4 {
bsw@1045 1040 font: @usertext-bold-font;
bsw@1045 1041 }
bsw@1045 1042
bsw@1045 1043 hr {
bsw@1045 1044 border: none;
bsw@1045 1045 border-top: 1px solid @main-color;
bsw@1045 1046 }
bsw@1045 1047
bsw@1045 1048 b, strong {
bsw@1045 1049 font: @usertext-italic-font;
bsw@1045 1050 }
bsw@1045 1051
bsw@1045 1052 i, em {
bsw@1045 1053 //font-style: italic;
bsw@1045 1054 font: @usertext-bold-font;
bsw@1045 1055 }
bsw@1045 1056 }
bsw@1045 1057
bsw@1045 1058 form, .form {
bsw@1045 1059 margin: 0;
bsw@1045 1060 padding: 0;
bsw@1045 1061
bsw@1045 1062 .ui_field_label {
bsw@1045 1063 display: inline-block;
bsw@1045 1064 width: 25%;
bsw@1045 1065 margin: 0;
bsw@1045 1066 padding: 0;
bsw@1045 1067 text-align: right;
bsw@1045 1068 margin-bottom: @pad;
bsw@1045 1069 padding-right: 0.5%;
bsw@1045 1070 vertical-align: top;
bsw@1045 1071 color: @main-second-color;
bsw@1045 1072 }
bsw@1045 1073
bsw@1045 1074 input[type=text],
bsw@1045 1075 input[type=password],
bsw@1045 1076 select,
bsw@1045 1077 textarea {
bsw@1045 1078 vertical-align: top;
bsw@1045 1079 width: 73%;
bsw@1045 1080 margin: 0;
bsw@1045 1081 padding: 3px;
bsw@1045 1082 border: 1px solid @main-second-color;
bsw@1045 1083 font: @head3-font;
bsw@1045 1084 margin-bottom: @pad;
bsw@1045 1085 }
bsw@1045 1086
bsw@1045 1087 input:focus {
bsw@1045 1088 outline: 2px solid @body-bg-color;
bsw@1045 1089 }
bsw@1045 1090
bsw@1045 1091
bsw@1045 1092
bsw@1045 1093 .actions {
bsw@1045 1094 margin-left: 26%;
bsw@1045 1095 }
bsw@1045 1096
bsw@1045 1097 }
bsw@1045 1098
bsw@1045 1099 form.wide {
bsw@1045 1100 input[type=text],
bsw@1045 1101 input[type=password],
bsw@1045 1102 select,
bsw@1045 1103 textarea {
bsw@1045 1104 width: 100%;
bsw@1045 1105 }
bsw@1045 1106
bsw@1045 1107 }
bsw@1045 1108
bsw@1045 1109 }
bsw@1045 1110
bsw@1045 1111 .issues, .events {
bsw@1045 1112
bsw@1045 1113 .event {
bsw@1045 1114
bsw@1045 1115 .initiative_pie {
bsw@1045 1116 clear: right;
bsw@1045 1117 float: right;
bsw@1045 1118 }
bsw@1045 1119
bsw@1045 1120 ul.initiatives {
bsw@1045 1121
bsw@1045 1122 .initiative_info_left {
bsw@1045 1123 display: inline;
bsw@1045 1124 margin-right: 0.5em;
bsw@1045 1125 }
bsw@1045 1126
bsw@1045 1127 .initiative_info_right {
bsw@1045 1128 float: right;
bsw@1045 1129
bsw@1045 1130 .bargraph {
bsw@1045 1131 float: right;
bsw@1045 1132 margin-left: 0.5em;
bsw@1045 1133 }
bsw@1045 1134 }
bsw@1045 1135
bsw@1045 1136 .result {
bsw@1045 1137 color: @main-second-color;
bsw@1045 1138 margin-top: 0.5ex;
bsw@1045 1139 }
bsw@1045 1140
bsw@1045 1141 h3 {
bsw@1045 1142 margin-top: 1ex;
bsw@1045 1143 margin-bottom: 0;
bsw@1045 1144 }
bsw@1045 1145
bsw@1045 1146 a.initiative {
bsw@1045 1147 font: @head3-font;
bsw@1045 1148 }
bsw@1045 1149 }
bsw@1045 1150
bsw@1045 1151 .event_info {
bsw@1045 1152 font: @event-font;
bsw@1045 1153 color: @main-event-color;
bsw@1045 1154 margin-top: 0.66ex;
bsw@1045 1155 margin-bottom: 1ex;
bsw@1045 1156 }
bsw@1045 1157
bsw@1045 1158 .event_info:last-child {
bsw@1045 1159 margin-bottom: 0;
bsw@1045 1160 }
bsw@1045 1161
bsw@1045 1162 .event_info.negative {
bsw@1045 1163 color: @main-negative-event-color;
bsw@1045 1164 }
bsw@1045 1165
bsw@1045 1166 .event_time {
bsw@1045 1167 font: @main-font;
bsw@1045 1168 color: @main-second-color;
bsw@1045 1169 }
bsw@1045 1170 }
bsw@1045 1171
bsw@1045 1172 .event:hover {
bsw@1045 1173 .event_time {
bsw@1045 1174 visibility: visible;
bsw@1045 1175 }
bsw@1045 1176 ul.initiatives {
bsw@1045 1177 div {
bsw@1045 1178 visibility: visible;
bsw@1045 1179 }
bsw@1045 1180 }
bsw@1045 1181 }
bsw@1045 1182 .issue_context {
bsw@1045 1183 line-height: 24px;
bsw@1045 1184 margin-bottom: 0.66ex;
bsw@1045 1185 .unit {
bsw@1045 1186 background-color: #777;
bsw@1045 1187 color: #fff;
bsw@1045 1188 padding: 1px 3px;
bsw@1045 1189 border-radius: @border-radius;
bsw@1045 1190 text-decoration: none;
bsw@1045 1191 }
bsw@1045 1192 .area {
bsw@1045 1193 background-color: #ddd;
bsw@1045 1194 color: #000;
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 }
bsw@1045 1200 .issue_info {
bsw@1045 1201 .issue {
bsw@1045 1202 font: @head3-font;
bsw@1045 1203 color: @main-color;
bsw@1045 1204 }
bsw@1045 1205 }
bsw@1045 1206 img.star {
bsw@1045 1207 vertical-align: middle;
bsw@1045 1208 float: right;
bsw@1045 1209 margin-left: 0.5em;
bsw@1045 1210 }
bsw@1045 1211
bsw@1045 1212 .draft_preview {
bsw@1045 1213 }
bsw@1045 1214
bsw@1045 1215 .event.suggestion {
bsw@1045 1216
bsw@1045 1217 ul.initiatives li {
bsw@1045 1218
bsw@1045 1219 margin-top: 0;
bsw@1045 1220 margin-bottom: 1ex;
bsw@1045 1221
bsw@1045 1222 a {
bsw@1045 1223
bsw@1045 1224 font: @main-font;
bsw@1045 1225 }
bsw@1045 1226
bsw@1045 1227 }
bsw@1045 1228
bsw@1045 1229 .suggestion {
bsw@1045 1230
bsw@1045 1231 font: @head3-font;
bsw@1045 1232 overflow: hidden;
bsw@1045 1233 text-overflow: ellipsis;
bsw@1045 1234 }
bsw@1045 1235
bsw@1045 1236 }
bsw@1045 1237
bsw@1045 1238 }
bsw@1045 1239
bsw@1045 1240 .suggestions {
bsw@1045 1241
bsw@1045 1242 .suggestion {
bsw@1045 1243
bsw@1045 1244 .opinion {
bsw@1045 1245 float: right;
bsw@1045 1246
bsw@1045 1247 .must {
bsw@1045 1248 background-color: @must-bg-color;
bsw@1045 1249 color: @must-color
bsw@1045 1250 }
bsw@1045 1251 .should {
bsw@1045 1252 background-color: @should-bg-color;
bsw@1045 1253 color: @should-color
bsw@1045 1254 }
bsw@1045 1255 .shouldnot {
bsw@1045 1256 background-color: @shouldnot-bg-color;
bsw@1045 1257 color: @shouldnot-color
bsw@1045 1258 }
bsw@1045 1259 .mustnot {
bsw@1045 1260 background-color: @mustnot-bg-color;
bsw@1045 1261 color: @mustnot-color
bsw@1045 1262 }
bsw@1045 1263 .implemented {
bsw@1045 1264 background-color: @implemented-bg-color;
bsw@1045 1265 color: @implemented-color
bsw@1045 1266 }
bsw@1045 1267 .notimplemented {
bsw@1045 1268 background-color: @notimplemented-bg-color;
bsw@1045 1269 color: @notimplemented-color
bsw@1045 1270 }
bsw@1045 1271
bsw@1045 1272 }
bsw@1045 1273
bsw@1045 1274 .suggestion-rating {
bsw@1045 1275 float: right;
bsw@1045 1276 }
bsw@1045 1277 .suggestion-text {
bsw@1045 1278 margin-top: @pad;
bsw@1045 1279 font: @usertext-font;
bsw@1045 1280 overflow: hidden;
bsw@1045 1281 text-overflow: ellipsis;
bsw@1045 1282 position: relative;
bsw@1045 1283 z-index: 10;
bsw@1045 1284 }
bsw@1045 1285
bsw@1063 1286
bsw@1063 1287 .suggestion-details {
bsw@1063 1288 float: right;
bsw@1063 1289 }
bsw@1063 1290
bsw@1045 1291 .suggestion-more {
bsw@1045 1292 display: none;
bsw@1045 1293 }
bsw@1045 1294
bsw@1045 1295 .suggestion-less {
bsw@1045 1296 display: none;
bsw@1045 1297 }
bsw@1045 1298
bsw@1045 1299 .suggestionHead {
bsw@1045 1300 overflow: hidden;
bsw@1045 1301 text-overflow: ellipsis;
bsw@1045 1302 }
bsw@1045 1303
bsw@1045 1304 .rating {
bsw@1045 1305 display: none;
bsw@1045 1306 padding: @pad/2 0;
bsw@1045 1307 .active-plus2 {
bsw@1045 1308 background-color: @must-bg-color;;
bsw@1045 1309 color: @must-color;;
bsw@1045 1310 }
bsw@1045 1311 .active-plus1 {
bsw@1045 1312 background-color: @should-bg-color;
bsw@1045 1313 color: @should-color;
bsw@1045 1314 }
bsw@1045 1315 .active-minus1 {
bsw@1045 1316 background-color: @shouldnot-bg-color;
bsw@1045 1317 color: @shouldnot-color;
bsw@1045 1318 }
bsw@1045 1319 .active-minus2 {
bsw@1045 1320 background-color: @mustnot-bg-color;
bsw@1045 1321 color: @mustnot-color;
bsw@1045 1322 }
bsw@1045 1323 .active-notfulfilled {
bsw@1045 1324 background-color: #faa;
bsw@1045 1325 }
bsw@1045 1326 .active-fulfilled {
bsw@1045 1327 background-color: #afa;
bsw@1045 1328 }
bsw@1045 1329 }
bsw@1045 1330 }
bsw@1045 1331
bsw@1045 1332 .suggestion.rateable {
bsw@1045 1333 .suggestion-more {
bsw@1045 1334 display: block;
bsw@1045 1335 }
bsw@1045 1336 }
bsw@1045 1337
bsw@1045 1338 .suggestion.rateable.unfolded {
bsw@1045 1339 .rating {
bsw@1045 1340 border-top: 3px solid @body-bg-color;
bsw@1045 1341 }
bsw@1045 1342 }
bsw@1045 1343
bsw@1045 1344 .suggestion.folded {
bsw@1063 1345 .suggestion-text {
bsw@1063 1346 height: 150px;
bsw@1063 1347 overflow: hidden;
bsw@1063 1348 }
bsw@1063 1349
bsw@1045 1350 .suggestion-more {
bsw@1045 1351 display: block;
bsw@1045 1352 position: absolute;
bsw@1045 1353 bottom: 0;
bsw@1045 1354 left: 0;
bsw@1045 1355 width: 100%;
bsw@1045 1356 box-shadow: inset 0 -12ex 10ex -5ex #fff;
bsw@1045 1357 padding-top: 5ex;
bsw@1045 1358 }
bsw@1063 1359
bsw@1063 1360 .suggestion-details {
bsw@1063 1361 position: absolute;
bsw@1063 1362 bottom: 0;
bsw@1063 1363 right: 0;
bsw@1063 1364 }
bsw@1063 1365
bsw@1045 1366 }
bsw@1045 1367
bsw@1045 1368 .suggestion.unfolded {
bsw@1045 1369 .suggestion-more {
bsw@1045 1370 display: none;
bsw@1045 1371 }
bsw@1045 1372 .rating {
bsw@1045 1373 display: block;
bsw@1045 1374 }
bsw@1045 1375 .suggestion-less {
bsw@1045 1376 margin-top: 1ex;
bsw@1045 1377 display: block;
bsw@1045 1378 }
bsw@1045 1379 }
bsw@1045 1380
bsw@1045 1381 .suggestion.highlighted {
bsw@1045 1382 background-color: @main-highlight-bg-color;
bsw@1045 1383
bsw@1045 1384 .suggestion-more {
bsw@1045 1385 box-shadow: inset 0 -12ex 10ex -5ex @main-highlight-bg-color;
bsw@1045 1386 }
bsw@1045 1387
bsw@1045 1388 }
bsw@1045 1389
bsw@1045 1390 }
bsw@1045 1391
bsw@1045 1392 li.raw {
bsw@1045 1393 list-style: none;
bsw@1045 1394 padding: 0;
bsw@1045 1395 margin: 0 !important;
bsw@1045 1396 }
bsw@1045 1397
bsw@1045 1398
bsw@1045 1399 .satisfiedSupporterCount {
bsw@1045 1400 color: #070;
bsw@1045 1401 }
bsw@1045 1402 .potentialSupporterCount {
bsw@1045 1403 color: #960;
bsw@1045 1404 }
bsw@1045 1405
bsw@1045 1406 .bargraph {
bsw@1045 1407 display: inline-block;
bsw@1045 1408 vertical-align: top;
bsw@1045 1409 height: 9px;
bsw@1045 1410
bsw@1045 1411 div {
bsw@1045 1412 margin: 0;
bsw@1045 1413 padding: 0;
bsw@1045 1414 display: inline-block;
bsw@1045 1415 height: 9px;
bsw@1045 1416 }
bsw@1045 1417
bsw@1045 1418 }
bsw@1045 1419
bsw@1045 1420 .diff {
bsw@1045 1421 .diff_added {
bsw@1045 1422 background-color: #cfc;
bsw@1045 1423 }
bsw@1045 1424
bsw@1045 1425 .diff_removed {
bsw@1045 1426 text-decoration: line-through;
bsw@1045 1427 background-color: #fcc;
bsw@1045 1428 }
bsw@1045 1429 }
bsw@1045 1430
bsw@1045 1431 .btn, .ui_paginate_foot a {
bsw@1045 1432 text-decoration: none;
bsw@1045 1433 min-width: 2em;
bsw@1045 1434 text-align: center;
bsw@1045 1435 display: inline-block;
bsw@1045 1436 border-radius: @btn-border-radius;
bsw@1045 1437 border: none;
bsw@1045 1438 font: @btn-font;
bsw@1045 1439 background-color: #999;
bsw@1045 1440 color: #fff !important;
bsw@1045 1441 margin-bottom: 5px;
bsw@1045 1442 }
bsw@1045 1443
bsw@1045 1444 .btn {
bsw@1045 1445 padding: 1ex 1em;
bsw@1045 1446 }
bsw@1045 1447
bsw@1045 1448
bsw@1045 1449
bsw@1045 1450 .ui_paginate_foot a {
bsw@1045 1451 padding: 0.5ex 0.5em;
bsw@1045 1452 background-color: #eee;
bsw@1045 1453 color: 000 !important;
bsw@1045 1454 }
bsw@1045 1455
bsw@1045 1456 .ui_paginate_foot a.active {
bsw@1045 1457 background-color: #666;
bsw@1045 1458 color: #fff !important;
bsw@1045 1459 }
bsw@1045 1460
bsw@1045 1461 .btn-default {
bsw@1045 1462 background-color: #47a;
bsw@1045 1463 color: #fff !important;
bsw@1045 1464 }
bsw@1045 1465
bsw@1045 1466 .btn:hover, .btn:focus, .ui_paginate_foot a:hover, .ui_paginate_foot a:focus {
bsw@1045 1467 background-color: #0a0;
bsw@1045 1468 color: #fff !important;
bsw@1045 1469 cursor: pointer;
bsw@1045 1470 }
bsw@1045 1471
bsw@1045 1472 .btn-dangerous:hover {
bsw@1045 1473 background-color: #c00;
bsw@1045 1474 color: #fff !important;
bsw@1045 1475 }
bsw@1045 1476
bsw@1045 1477 .btn-link {
bsw@1045 1478 font: @main-font;
bsw@1045 1479 background-color: @main-bg-color;
bsw@1045 1480 color: @main-link-color;
bsw@1045 1481 border: none;
bsw@1045 1482 padding: 0;
bsw@1045 1483 margin: 0;
bsw@1045 1484 text-decoration: underline;
bsw@1045 1485 cursor: pointer;
bsw@1045 1486 }
bsw@1045 1487
bsw@1045 1488 /*************************************************************************
bsw@1045 1489 * Voting
bsw@1045 1490 */
bsw@1045 1491
bsw@1045 1492 .main .section #voting_form .sectionRow:last-child {
bsw@1045 1493 border-radius: 0;
bsw@1045 1494 margin-bottom: 0;
bsw@1045 1495 }
bsw@1045 1496
bsw@1045 1497 #voting {
bsw@1045 1498 background: #ddd;
bsw@1045 1499 padding: @pad;
bsw@1045 1500 margin-top: 4px;
bsw@1045 1501 position: relative;
bsw@1045 1502 margin-bottom: 2ex;
bsw@1045 1503
bsw@1045 1504 .approval,
bsw@1045 1505 .abstention,
bsw@1045 1506 .disapproval {
bsw@1045 1507 border: 2px black solid;
bsw@1045 1508 margin-bottom: 2ex;
bsw@1045 1509 padding: 1ex;
bsw@1045 1510 padding-bottom: 2ex;
bsw@1045 1511 border-radius: @border-radius;
bsw@1045 1512 }
bsw@1045 1513
bsw@1045 1514 .disapproval {
bsw@1045 1515 margin-bottom: 2ex;
bsw@1045 1516 }
bsw@1045 1517
bsw@1045 1518 .approval {
bsw@1045 1519 background-color: #9f9;
bsw@1045 1520
bsw@1045 1521 .movable {
bsw@1045 1522 background-color: #dfd;
bsw@1045 1523 }
bsw@1045 1524 }
bsw@1045 1525
bsw@1045 1526 .abstention {
bsw@1045 1527 background-color: #ccc;
bsw@1045 1528
bsw@1045 1529 .movable {
bsw@1045 1530 background-color: #f2f2f2;
bsw@1045 1531 }
bsw@1045 1532 }
bsw@1045 1533
bsw@1045 1534 .disapproval {
bsw@1045 1535 background-color: #f88;
bsw@1045 1536
bsw@1045 1537 .movable {
bsw@1045 1538 background-color: #fbb;
bsw@1045 1539 }
bsw@1045 1540 }
bsw@1045 1541
bsw@1045 1542 .movable {
bsw@1045 1543 position: relative;
bsw@1045 1544 border: 1px black solid;
bsw@1045 1545 margin-top: 1ex;
bsw@1045 1546 padding: 0.5ex;
bsw@1045 1547 border-radius: @border-radius;
bsw@1045 1548 }
bsw@1045 1549
bsw@1045 1550 .voting_form_active {
bsw@1045 1551 .movable {
bsw@1045 1552 cursor: pointer;
bsw@1045 1553 vertical-align: middle;
bsw@1045 1554 cursor: move;
bsw@1045 1555 }
bsw@1045 1556
bsw@1045 1557 .clickable {
bsw@1045 1558 cursor: auto;
bsw@1045 1559 }
bsw@1045 1560
bsw@1045 1561 a.clickable {
bsw@1045 1562 cursor: pointer;
bsw@1045 1563 }
bsw@1045 1564 }
bsw@1045 1565 }
bsw@1045 1566
bsw@1045 1567
bsw@1045 1568 /*
bsw@1045 1569 * footer
bsw@1045 1570 */
bsw@1045 1571
bsw@1045 1572 .footer {
bsw@1045 1573 text-align: center;
bsw@1045 1574 color: @footer-color;
bsw@1045 1575 background-color: @footer-bg-color;
bsw@1045 1576 padding: @pad 0;
bsw@1045 1577 border: 1px solid #000;
bsw@1045 1578 border-top: none;
bsw@1045 1579
bsw@1045 1580 a {
bsw@1045 1581 color: @body-color;
bsw@1045 1582 }
bsw@1045 1583 }
bsw@1045 1584
bsw@1045 1585
bsw@1045 1586 .ui_paginate_head {
bsw@1045 1587 display: none;
bsw@1045 1588 }
bsw@1045 1589
bsw@1045 1590 .ui_paginate_foot {
bsw@1045 1591 line-height: 180%;
bsw@1045 1592 }
bsw@1045 1593
bsw@1045 1594
bsw@1045 1595 .swiper_tabs {
bsw@1045 1596 display: none;
bsw@1045 1597 }
bsw@1045 1598
bsw@1045 1599 #swiper_info {
bsw@1045 1600 display: none;
bsw@1045 1601 }
bsw@1045 1602
bsw@1045 1603 .nav .searchLink {
bsw@1045 1604 display: none;
bsw@1045 1605 }
bsw@1045 1606
bsw@1045 1607
bsw@1045 1608 @media (max-width: 767px) {
bsw@1045 1609
bsw@1045 1610 html {
bsw@1045 1611
bsw@1045 1612 body {
bsw@1045 1613 margin: 0;
bsw@1045 1614 background: @mobile-bg-color;
bsw@1045 1615
bsw@1045 1616 .head {
bsw@1045 1617 margin: @grid/2;
bsw@1045 1618 padding: 0;
bsw@1045 1619
bsw@1045 1620 .logo {
bsw@1045 1621 display: block;
bsw@1045 1622 padding: 0;
bsw@1045 1623
bsw@1045 1624 .liquid, .feedback {
bsw@1045 1625 font: @mobile-logo-font;
bsw@1045 1626 }
bsw@1045 1627
bsw@1045 1628 .instanceName {
bsw@1045 1629 font: @mobile-instance-font;
bsw@1045 1630 display: block;
bsw@1045 1631 margin-left: 0;
bsw@1045 1632 }
bsw@1045 1633 }
bsw@1045 1634 .nav {
bsw@1045 1635 padding: 0;
bsw@1045 1636 }
bsw@1045 1637 }
bsw@1045 1638
bsw@1045 1639 .initiativeInfo h1 {
bsw@1045 1640 display: none;
bsw@1045 1641 }
bsw@1045 1642
bsw@1045 1643 .slot_title {
bsw@1045 1644
bsw@1045 1645 font: @head2-font;
bsw@1045 1646 padding: 0;
bsw@1045 1647 margin: 0 @grid/2;
bsw@1045 1648
bsw@1045 1649 .spacer {
bsw@1045 1650 display: none;
bsw@1045 1651 }
bsw@1045 1652
bsw@1045 1653 .unit, .area, .issue, .initiative, .member {
bsw@1045 1654 display: block;
bsw@1045 1655 margin-right: 0;
bsw@1045 1656 padding: 4px 0;
bsw@1045 1657 border-radius: @border-radius;
bsw@1045 1658 overflow: auto;
bsw@1045 1659 }
bsw@1045 1660
bsw@1045 1661 .unit:before, .area:before, .issue:before, .initiative:before, .member:before {
bsw@1045 1662 content: "↳";
bsw@1045 1663 position: relative;
bsw@1045 1664 top: -2px;
bsw@1045 1665 }
bsw@1045 1666
bsw@1045 1667 .area {
bsw@1045 1668 margin-left: 10px;
bsw@1045 1669 }
bsw@1045 1670 .issue {
bsw@1045 1671 margin-left: 10px * 2;
bsw@1045 1672 }
bsw@1045 1673 .initiative {
bsw@1045 1674 margin-left: 10px * 3;
bsw@1045 1675 }
bsw@1045 1676
bsw@1045 1677 a:last-child, .issue:last-child, .area:last-child, .unit:last-child, .initiative:last-child {
bsw@1045 1678 margin-bottom: @grid/2;
bsw@1045 1679 }
bsw@1045 1680
bsw@1045 1681 .unit, .initiative, .issue, .area {
bsw@1045 1682 a {
bsw@1045 1683 margin-bottom: 0;
bsw@1045 1684 display: inline;
bsw@1045 1685 }
bsw@1045 1686 }
bsw@1045 1687
bsw@1045 1688 a.home {
bsw@1045 1689 display: none;
bsw@1045 1690 }
bsw@1045 1691
bsw@1045 1692 .weight {
bsw@1045 1693 float: right;
bsw@1045 1694 margin: 0;
bsw@1045 1695 }
bsw@1045 1696
bsw@1045 1697 .delegation_info {
bsw@1045 1698 float: right;
bsw@1045 1699 display: block;
bsw@1045 1700 margin-top: -10px;
bsw@1045 1701 }
bsw@1045 1702 a .label {
bsw@1045 1703 display: inline;
bsw@1045 1704 }
bsw@1045 1705 .star {
bsw@1045 1706 float: right;
bsw@1045 1707 margin-left: 0.5em;
bsw@1045 1708 margin-top: -@pad/2;
bsw@1045 1709 margin-bottom: -@pad/2;
bsw@1045 1710 }
bsw@1045 1711 }
bsw@1045 1712
bsw@1045 1713 .slot_title > span > *:last-child {
bsw@1045 1714 font: @head1-font;
bsw@1045 1715 }
bsw@1045 1716
bsw@1045 1717
bsw@1045 1718 .page {
bsw@1045 1719 background: none;
bsw@1045 1720 margin: 0;
bsw@1045 1721 box-shadow: none;
bsw@1045 1722 }
bsw@1045 1723
bsw@1045 1724 .nav #member_menu .text {
bsw@1045 1725 display: none;
bsw@1045 1726 }
bsw@1045 1727
bsw@1045 1728 .nav form.search {
bsw@1045 1729 display: none;
bsw@1045 1730 }
bsw@1045 1731
bsw@1045 1732 .nav .notifications,
bsw@1045 1733 .nav .searchLink,
bsw@1045 1734 .nav #member_menu a {
bsw@1045 1735 vertical-align: middle;
bsw@1045 1736 display: inline-block;
bsw@1045 1737 height: 48px;
bsw@1045 1738 min-width: 35px;
bsw@1045 1739 text-align: center;
bsw@1045 1740 background-color: #000;
bsw@1045 1741 border: 1px solid #777;
bsw@1045 1742 border-radius: @border-radius;
bsw@1045 1743 img {
bsw@1045 1744 margin: 0;
bsw@1045 1745 width: 48px;
bsw@1045 1746 height: 48px;
bsw@1045 1747 }
bsw@1045 1748 margin: 0;
bsw@1045 1749 }
bsw@1045 1750
bsw@1045 1751 .nav .notifications {
bsw@1045 1752 padding: 12px 2px;
bsw@1045 1753 height: 24px;
bsw@1045 1754 }
bsw@1045 1755
bsw@1045 1756 .nav #member_menu a :last-child {
bsw@1045 1757 display: none;
bsw@1045 1758 }
bsw@1045 1759
bsw@1045 1760 .notifications span {
bsw@1045 1761 margin-left: -5px;
bsw@1045 1762 }
bsw@1045 1763
bsw@1045 1764 .swiper_tabs {
bsw@1045 1765 clear: both;
bsw@1045 1766 display: block;
bsw@1045 1767 overflow: auto;
bsw@1045 1768 margin: @grid/2;
bsw@1045 1769
bsw@1045 1770 div {
bsw@1045 1771 display: block;
bsw@1045 1772 float: left;
bsw@1045 1773 width: 33.333%;
bsw@1045 1774
bsw@1045 1775 a {
bsw@1045 1776 padding: 8px 0;
bsw@1045 1777 display: block;
bsw@1045 1778 text-align: center;
bsw@1045 1779 background-color: #eee;
bsw@1045 1780 }
bsw@1045 1781
bsw@1045 1782 a.active {
bsw@1045 1783 background-color: #abe;
bsw@1045 1784 }
bsw@1045 1785 }
bsw@1045 1786 div:first-child a {
bsw@1045 1787 border-radius: @border-radius 0 0 @border-radius;
bsw@1045 1788 }
bsw@1045 1789
bsw@1045 1790 div:last-child a {
bsw@1045 1791 border-radius: 0 @border-radius @border-radius 0;
bsw@1045 1792 }
bsw@1045 1793 }
bsw@1045 1794
bsw@1045 1795 #swiper_info.active {
bsw@1045 1796 display: block;
bsw@1045 1797 font: @head3-font;
bsw@1045 1798 z-index: 1;
bsw@1045 1799 text-align: center;
bsw@1045 1800 width: 100%;
bsw@1045 1801 background-color: @mobile-bg-color;
bsw@1045 1802 color: @body-color;
bsw@1045 1803 }
bsw@1045 1804
bsw@1045 1805 .sidebarSection {
bsw@1045 1806 margin: 0 @grid/2 @grid/2 @grid/2;
bsw@1045 1807 }
bsw@1045 1808
bsw@1045 1809 .main, .extra > .section {
bsw@1045 1810 clear: none;
bsw@1045 1811 float: none;
bsw@1045 1812 width: auto;
bsw@1045 1813 margin: 0 @grid/2 @grid/2 @grid/2;
bsw@1045 1814 .section .sectionRow:last-child {
bsw@1045 1815 margin-bottom: @grid/2;
bsw@1045 1816 }
bsw@1045 1817
bsw@1045 1818 }
bsw@1045 1819
bsw@1045 1820 .ui_filter_head.filter_mode {
bsw@1045 1821 float: none !important;
bsw@1045 1822 background: @main-bg-color !important;
bsw@1045 1823 text-align: left !important;
bsw@1045 1824 border-radius: @border-radius;
bsw@1045 1825 margin-bottom: @grid/2 !important;
bsw@1045 1826 }
bsw@1045 1827
bsw@1045 1828 .member_photo {
bsw@1045 1829 text-align: center;
bsw@1045 1830 margin-bottom: 2ex;
bsw@1045 1831 .member_image_photo {
bsw@1045 1832 max-width: 600px;
bsw@1045 1833 }
bsw@1045 1834 }
bsw@1045 1835
bsw@1045 1836 #trace_content {
bsw@1045 1837 margin: @grid/2 0;
bsw@1045 1838 border-radius: 0;
bsw@1045 1839
bsw@1045 1840 ul {
bsw@1045 1841 li {
bsw@1045 1842 .trace_head {
bsw@1045 1843 padding: 6px 5px;
bsw@1045 1844 }
bsw@1045 1845 }
bsw@1045 1846 ul {
bsw@1045 1847 padding: 5px 2px;
bsw@1045 1848 }
bsw@1045 1849 }
bsw@1045 1850 }
bsw@1045 1851
bsw@1045 1852 }
bsw@1045 1853 } }
bsw@1045 1854
bsw@1045 1855 .textCenter {
bsw@1045 1856 text-align: center;
bsw@1045 1857 }
bsw@1045 1858
bsw@1045 1859 a.initiative {
bsw@1045 1860 text-decoration: none;
bsw@1045 1861 border-bottom: 1px solid #66c;
bsw@1045 1862 }
bsw@1045 1863
bsw@1045 1864 a.initiative:hover {
bsw@1045 1865 border-bottom: 1px solid #007;
bsw@1045 1866 }
bsw@1045 1867
bsw@1045 1868
bsw@1045 1869
bsw@1045 1870 #trace_content {
bsw@1045 1871 margin: @grid;
bsw@1045 1872 padding: @pad;
bsw@1045 1873 border-radius: @border-radius;
bsw@1045 1874 background-color: @main-bg-color;
bsw@1045 1875
bsw@1045 1876 #system_error {
bsw@1045 1877 font-family: monospace;
bsw@1045 1878 }
bsw@1045 1879
bsw@1045 1880 ul {
bsw@1045 1881 li {
bsw@1045 1882 margin-top: 10px;
bsw@1045 1883 .trace_head {
bsw@1045 1884 padding: 3px 5px;
bsw@1045 1885 border-radius: @border-radius @border-radius 0 0;
bsw@1045 1886 }
bsw@1045 1887 .trace_head:last-child {
bsw@1045 1888 border-radius: @border-radius;
bsw@1045 1889 }
bsw@1045 1890 ul {
bsw@1045 1891 border-radius: 0 0 @border-radius @border-radius;
bsw@1045 1892 }
bsw@1045 1893 }
bsw@1045 1894 li:first-child {
bsw@1045 1895 margin-top: 0;
bsw@1045 1896 }
bsw@1045 1897 ul {
bsw@1045 1898 padding: 10px;
bsw@1045 1899 }
bsw@1045 1900 }
bsw@1045 1901
bsw@1045 1902 .trace_config > ul {
bsw@1045 1903 background-color: #eee;
bsw@1045 1904 border: 1px solid #ccc;
bsw@1045 1905 }
bsw@1045 1906 .trace_config > .trace_head {
bsw@1045 1907 background-color: #ccc;
bsw@1045 1908 color: #000;
bsw@1045 1909 }
bsw@1045 1910 .trace_request > ul {
bsw@1045 1911 background-color: #afa;
bsw@1045 1912 }
bsw@1045 1913 .trace_request > .trace_head {
bsw@1045 1914 background-color: #0c0;
bsw@1045 1915 }
bsw@1045 1916 .trace_filter > ul {
bsw@1045 1917 background-color: #ccf;
bsw@1045 1918 border: 1px solid #00c;
bsw@1045 1919 border-top: none;
bsw@1045 1920 }
bsw@1045 1921 .trace_filter > .trace_head {
bsw@1045 1922 background-color: #00c;
bsw@1045 1923 color: #fff;
bsw@1045 1924 }
bsw@1045 1925 .trace_view > ul {
bsw@1045 1926 background-color: #cfc;
bsw@1045 1927 border: 1px solid #0c0;
bsw@1045 1928 border-top: none;
bsw@1045 1929 }
bsw@1045 1930 .trace_view > .trace_head {
bsw@1045 1931 background-color: #0c0;
bsw@1045 1932 color: #000;
bsw@1045 1933 }
bsw@1045 1934 .trace_action_neutral > ul {
bsw@1045 1935 background-color: #ffa;
bsw@1045 1936 border: 1px solid #fe0;
bsw@1045 1937 }
bsw@1045 1938 .trace_action_neutral > .trace_head {
bsw@1045 1939 background-color: #fe0;
bsw@1045 1940 color: #000;
bsw@1045 1941 }
bsw@1045 1942 .trace_sql {
bsw@1045 1943 background-color: #fff;
bsw@1045 1944 padding: 2px 4px;
bsw@1045 1945 margin-top: 8px;
bsw@1045 1946 }
bsw@1045 1947 .trace_error {
bsw@1045 1948 background-color: #faa;
bsw@1045 1949 color: #000;
bsw@1045 1950 font-weight: bold;
bsw@1045 1951 border: 1px solid #c00;
bsw@1045 1952 }
bsw@1045 1953 .trace_exectime {
bsw@1045 1954 background-color: #ccc;
bsw@1045 1955 font-weight: bold;
bsw@1045 1956 border-radius: @border-radius;
bsw@1045 1957 }
bsw@1045 1958
bsw@1045 1959 .time {
bsw@1045 1960 float: right;
bsw@1045 1961 }
bsw@1045 1962
bsw@1045 1963 .total_duration {
bsw@1045 1964 font-weight: bold;
bsw@1045 1965 }
bsw@1045 1966
bsw@1045 1967 }

Impressum / About Us