liquid_feedback_frontend

annotate static/lf3.less @ 1063:187127e290f9

find changesets by author, revision, files, or words in the commit message
Style updates for suggestions and inline help for phases
author bsw
date Wed Jul 16 21:53:12 2014 +0200 (2014-07-16)
parents 701a5cf6b067
children cb9e75ac968f
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@1045 562 .sidebarRow {
bsw@1045 563 clear: right;
bsw@1045 564 display: block;
bsw@1045 565 border-top: 1px solid @main-seperator-color;
bsw@1045 566 padding: @pad/2 @pad;
bsw@1045 567 min-height: 20px;
bsw@1045 568 }
bsw@1045 569 .sidebarRow.highlighted {
bsw@1045 570 background-color: @main-highlight-bg-color;
bsw@1045 571 }
bsw@1045 572
bsw@1045 573 .sidebarRow.sidebarRowNarrow {
bsw@1045 574 padding: @pad / 4 @pad;
bsw@1045 575 }
bsw@1045 576
bsw@1045 577 .sidebarRow.moreLink {
bsw@1045 578 min-height: 0;
bsw@1045 579 }
bsw@1045 580
bsw@1063 581 a.sidebarRow {
bsw@1063 582 text-decoration: none;
bsw@1063 583 color: @sidebar-color;
bsw@1063 584 }
bsw@1063 585
bsw@1045 586 h1, h1 a,
bsw@1045 587 h2, h2 a,
bsw@1045 588 h3, h3 a {
bsw@1045 589 color: @sidebar-head-color;
bsw@1045 590 }
bsw@1045 591
bsw@1045 592 a {
bsw@1045 593 color: @sidebar-link-color;
bsw@1045 594 }
bsw@1045 595
bsw@1045 596 .areas {
bsw@1045 597 .whenfolded {
bsw@1045 598 display: none;
bsw@1045 599 }
bsw@1045 600 }
bsw@1045 601
bsw@1045 602 .areas.folded {
bsw@1045 603 .whenunfolded {
bsw@1045 604 display: none;
bsw@1045 605 }
bsw@1045 606 .whenfolded {
bsw@1045 607 display: block;
bsw@1045 608 }
bsw@1045 609 .disabled {
bsw@1045 610 display: none;
bsw@1045 611 }
bsw@1045 612 }
bsw@1045 613
bsw@1045 614
bsw@1045 615 a.issue {
bsw@1045 616 font: @head1-font;
bsw@1045 617 color: @main-color;
bsw@1045 618 }
bsw@1045 619
bsw@1045 620 ul.initiatives {
bsw@1045 621 li {
bsw@1045 622 padding: @pad/2 @pad;
bsw@1045 623 .bargraph {
bsw@1045 624 display: block;
bsw@1045 625 }
bsw@1045 626 .supporterCount {
bsw@1045 627 white-space: nowrap;
bsw@1045 628 }
bsw@1045 629 border-top: 1px solid @main-seperator-color;
bsw@1045 630 }
bsw@1045 631 .revoked .initiative_name {
bsw@1045 632 text-decoration: line-through;
bsw@1045 633 }
bsw@1063 634
bsw@1063 635 .rank1 .initiative_name {
bsw@1063 636 font-weight: bold;
bsw@1063 637 }
bsw@1045 638
bsw@1045 639 li.highlighted {
bsw@1045 640 background-color: @main-highlight-bg-color;
bsw@1045 641 }
bsw@1045 642 li.highlighted:last-child{
bsw@1045 643 border-radius: 0 0 @border-radius @border-radius;
bsw@1045 644 }
bsw@1045 645 }
bsw@1045 646
bsw@1045 647 .supporters {
bsw@1045 648 line-height: @micro-avatar-size * 1.2;
bsw@1045 649 }
bsw@1045 650
bsw@1045 651 .supportCount {
bsw@1045 652 color: #00c000;
bsw@1045 653 font: @head1-font;
bsw@1045 654 float: right;
bsw@1045 655 }
bsw@1045 656
bsw@1045 657 .member_list {
bsw@1045 658
bsw@1045 659 .member_thumb {
bsw@1045 660 white-space: nowrap;
bsw@1045 661 overflow: hidden;
bsw@1045 662 text-overflow: ellipsis;
bsw@1045 663
bsw@1045 664 img.member_image {
bsw@1045 665 width: 24px;
bsw@1045 666 height: 24px;
bsw@1045 667 vertical-align: middle;
bsw@1045 668 margin-right: 0.2em;
bsw@1045 669 }
bsw@1045 670
bsw@1045 671 }
bsw@1045 672
bsw@1045 673 .member_thumb.in_delegation_chain {
bsw@1045 674 font-weight: bold;
bsw@1045 675 }
bsw@1045 676 }
bsw@1045 677
bsw@1045 678
bsw@1045 679 > div {
bsw@1045 680 position: relative;
bsw@1045 681 }
bsw@1045 682
bsw@1045 683 > div:first-child {
bsw@1045 684 margin-top: 0;
bsw@1045 685 border-radius: @border-radius @border-radius 0 0;
bsw@1045 686 }
bsw@1045 687
bsw@1045 688 > div:last-child {
bsw@1045 689 border-radius: 0 0 @border-radius @border-radius;
bsw@1045 690 }
bsw@1045 691
bsw@1045 692 > div:last-child:first-child {
bsw@1045 693 border-radius: @border-radius;
bsw@1045 694 }
bsw@1045 695
bsw@1045 696
bsw@1045 697 a.unit {
bsw@1045 698 font: @head2-font;
bsw@1045 699 }
bsw@1045 700
bsw@1045 701 a.area {
bsw@1063 702 margin-left: 20px;
bsw@1045 703 display: block;
bsw@1045 704 }
bsw@1045 705
bsw@1045 706 .star {
bsw@1045 707 float: left;
bsw@1045 708 }
bsw@1045 709
bsw@1045 710 .delegation_info {
bsw@1045 711 margin-top: -@pad/2.5;
bsw@1045 712 margin-bottom: 1px;
bsw@1045 713 }
bsw@1045 714 }
bsw@1045 715
bsw@1045 716 .admitted_info h1 {
bsw@1045 717 color: @admitted-color;
bsw@1045 718 }
bsw@1045 719
bsw@1045 720 .not_admitted_info, .revoked_info {
bsw@1045 721 h1 {
bsw@1045 722 color: @not-admitted-color;
bsw@1045 723 }
bsw@1045 724 }
bsw@1045 725
bsw@1045 726 .admitted_info,
bsw@1045 727 .not_admitted_info {
bsw@1045 728
bsw@1045 729 .initiative_pie {
bsw@1045 730 float: right;
bsw@1045 731 }
bsw@1045 732
bsw@1045 733 table {
bsw@1045 734 tr {
bsw@1045 735 th {
bsw@1045 736 text-align: left;
bsw@1045 737 }
bsw@1045 738 td {
bsw@1045 739 text-align: right;
bsw@1045 740 padding: 0.3ex 0.4em;
bsw@1045 741 }
bsw@1045 742 }
bsw@1045 743 }
bsw@1045 744 }
bsw@1045 745
bsw@1045 746
bsw@1045 747
bsw@1045 748
bsw@1045 749 /*
bsw@1045 750 * main area
bsw@1045 751 */
bsw@1045 752
bsw@1045 753 .main_outer {
bsw@1045 754 width: @main-width;
bsw@1045 755 }
bsw@1045 756
bsw@1045 757
bsw@1045 758 .main {
bsw@1045 759
bsw@1045 760 clear: left;
bsw@1045 761 margin-right: @grid;
bsw@1045 762 border-radius: @border-radius;
bsw@1045 763
bsw@1045 764 .section {
bsw@1045 765
bsw@1045 766 .sectionHead, .sectionRow {
bsw@1045 767 background-color: @main-bg-color;
bsw@1045 768 overflow: auto;
bsw@1045 769 padding: @pad;
bsw@1045 770 }
bsw@1045 771
bsw@1045 772 .sectionHead {
bsw@1045 773 background-color: @main-head-bg-color;
bsw@1045 774 color: @main-head-color;
bsw@1045 775 margin-top: @grid;
bsw@1045 776 border-radius: @border-radius @border-radius 0 0;
bsw@1045 777 }
bsw@1045 778
bsw@1045 779 .sectionHead:first-child {
bsw@1045 780 margin-top: 0;
bsw@1045 781 }
bsw@1045 782
bsw@1045 783 .sectionHead:last-child {
bsw@1045 784 border-radius: @border-radius;
bsw@1045 785 }
bsw@1045 786
bsw@1045 787
bsw@1045 788 .sectionRow {
bsw@1045 789 margin-top: 4px;
bsw@1045 790 }
bsw@1045 791
bsw@1045 792 .sectionRow:last-child {
bsw@1045 793 border-radius: 0 0 @border-radius @border-radius;
bsw@1045 794 margin-bottom: @grid;
bsw@1045 795 }
bsw@1045 796
bsw@1045 797
bsw@1045 798 }
bsw@1045 799
bsw@1045 800 .ui_tabs_links {
bsw@1045 801 }
bsw@1045 802
bsw@1045 803 > h1 {
bsw@1045 804 border-bottom: 1px solid @main-seperator-color;
bsw@1045 805 padding: @pad;
bsw@1045 806 }
bsw@1045 807
bsw@1045 808 /*
bsw@1045 809 * tabs und filter
bsw@1045 810 */
bsw@1045 811
bsw@1045 812 .ui_filter {
bsw@1045 813 .ui_filter_head {
bsw@1045 814 background: @main-head-bg-color;
bsw@1045 815 color: @main-head-color;
bsw@1045 816 padding: 0 @pad @pad @pad;
bsw@1045 817 vertical-align: middle;
bsw@1045 818 a {
bsw@1045 819 white-space: nowrap;
bsw@1045 820 font: @filter-font;
bsw@1045 821 margin-right: 0.5em;
bsw@1045 822 }
bsw@1045 823 a.active {
bsw@1045 824 font: @filter-active-font;
bsw@1045 825 text-decoration: none;
bsw@1045 826 color: @main-head-color;
bsw@1045 827 }
bsw@1045 828 select {
bsw@1045 829 background: @main-bg-color;
bsw@1045 830 color: @main-second-color;
bsw@1045 831 font: @filter-font;
bsw@1045 832 border: none;
bsw@1045 833 padding: 0;
bsw@1045 834 margin: 0;
bsw@1045 835
bsw@1045 836 option {
bsw@1045 837 color: @main-color;
bsw@1045 838 }
bsw@1045 839 option:first-child,
bsw@1045 840 option[value="interest_direct"],
bsw@1045 841 option[value="interest_delegated"],
bsw@1045 842 option[value="support_direct"],
bsw@1045 843 option[value="support_delegated"],
bsw@1045 844 option[value="potential_support_direct"],
bsw@1045 845 option[value="potential_support_delegated"] {
bsw@1045 846 color: @main-second-color;
bsw@1045 847 }
bsw@1045 848 }
bsw@1045 849 select.active {
bsw@1045 850 color: @main-color;
bsw@1045 851 }
bsw@1045 852 }
bsw@1045 853 .ui_filter_head:first-child {
bsw@1045 854 border-radius: @border-radius @border-radius 0 0;
bsw@1045 855 padding-top: @pad;
bsw@1045 856 }
bsw@1045 857 .ui_filter_head.filter_filter {
bsw@1045 858 padding-top: @pad;
bsw@1045 859 }
bsw@1045 860
bsw@1045 861 .ui_filter_head.filter_mode {
bsw@1045 862 padding-top: @pad;
bsw@1045 863 margin-bottom: 0;
bsw@1045 864 padding-bottom: 0;
bsw@1045 865 }
bsw@1045 866 .ui_filter_head.subfilter {
bsw@1045 867 a {
bsw@1045 868 font: @subfilter-font;
bsw@1045 869 }
bsw@1045 870 a.active {
bsw@1045 871 font: @subfilter-active-font;
bsw@1045 872 }
bsw@1045 873 }
bsw@1045 874 }
bsw@1045 875
bsw@1045 876 .filter {
bsw@1045 877 float: right;
bsw@1045 878 }
bsw@1045 879
bsw@1045 880 .delegation_info.suspended {
bsw@1045 881 margin: 1ex -2px -2px -2px;
bsw@1045 882 }
bsw@1045 883
bsw@1045 884
bsw@1045 885 .issues {
bsw@1045 886 .state_info {
bsw@1045 887 font: @event-font;
bsw@1045 888 color: @main-event-color;
bsw@1045 889 }
bsw@1045 890 .state_info.negative {
bsw@1045 891 color: @main-negative-event-color;
bsw@1045 892 }
bsw@1045 893 }
bsw@1045 894
bsw@1045 895 ul.initiatives {
bsw@1045 896 li {
bsw@1045 897 margin-top: 1ex;
bsw@1045 898
bsw@1045 899 .bargraph {
bsw@1045 900 float: left;
bsw@1045 901 margin-top: 5px;
bsw@1045 902 margin-right: 0.5em;
bsw@1045 903 }
bsw@1045 904
bsw@1045 905 .initiative_name {
bsw@1045 906 display: block;
bsw@1045 907 margin-left: 110px;
bsw@1045 908 }
bsw@1045 909
bsw@1045 910 .rank1 .initiative_name {
bsw@1045 911 margin-left: 0;
bsw@1063 912 font-weight: bold;
bsw@1045 913 }
bsw@1045 914
bsw@1045 915 .revoked .initiative_name {
bsw@1045 916 text-decoration: line-through;
bsw@1045 917 }
bsw@1045 918
bsw@1045 919 }
bsw@1045 920
bsw@1045 921 li:first-child {
bsw@1045 922 margin-top: 0;
bsw@1045 923 clear: none;
bsw@1045 924 }
bsw@1045 925
bsw@1045 926 }
bsw@1045 927
bsw@1045 928 .events .event ul.initiatives li .initiative_name {
bsw@1045 929 margin-left: 0;
bsw@1045 930 }
bsw@1045 931
bsw@1045 932 .member_photo {
bsw@1045 933 float: right;
bsw@1045 934 }
bsw@1045 935
bsw@1045 936 .member_thumb.in_delegation_chain {
bsw@1045 937 font-weight: bold;
bsw@1045 938 }
bsw@1045 939
bsw@1045 940
bsw@1045 941
bsw@1045 942 /*
bsw@1045 943 * initiative
bsw@1045 944 */
bsw@1045 945
bsw@1045 946
bsw@1045 947 .support {
bsw@1045 948 color: #aaa;
bsw@1045 949 line-height: 80%;
bsw@1045 950 float: right;
bsw@1045 951 width: 102px;
bsw@1045 952 }
bsw@1045 953
bsw@1045 954 .initiativeInfo {
bsw@1045 955 font-family: @main-font;
bsw@1045 956 line-height: @micro-avatar-size;
bsw@1045 957 overflow: auto;
bsw@1045 958
bsw@1045 959 .support {
bsw@1045 960 margin-top: 1ex;
bsw@1045 961 float: left;
bsw@1045 962 width: auto;
bsw@1045 963 }
bsw@1045 964
bsw@1045 965 .mySupport {
bsw@1045 966 line-height: 125%;
bsw@1045 967 min-width: 12em;
bsw@1045 968 text-align: right;
bsw@1045 969 }
bsw@1045 970
bsw@1045 971 .initiators {
bsw@1045 972 margin-top: 1.5ex;
bsw@1045 973 margin-bottom: -1ex;
bsw@1045 974 float: left;
bsw@1045 975 }
bsw@1045 976
bsw@1045 977 .links {
bsw@1045 978 margin-top: 1.5ex;
bsw@1045 979 margin-bottom: -1ex;
bsw@1045 980 float: right;
bsw@1045 981 clear: right;
bsw@1045 982 }
bsw@1045 983
bsw@1045 984 .initiator_links {
bsw@1045 985 clear: right;
bsw@1045 986 }
bsw@1045 987
bsw@1045 988 }
bsw@1045 989
bsw@1045 990 .issueInfo {
bsw@1045 991 .links {
bsw@1045 992 margin-top: 1.5ex;
bsw@1045 993 margin-bottom: -1ex;
bsw@1045 994 float: right;
bsw@1045 995 clear: both;
bsw@1045 996 }
bsw@1045 997 }
bsw@1045 998
bsw@1045 999 .draft_updated_info {
bsw@1045 1000 color: @main-event-color;
bsw@1045 1001
bsw@1045 1002 .info {
bsw@1045 1003 font: @head3-font;
bsw@1045 1004 }
bsw@1045 1005 }
bsw@1045 1006
bsw@1045 1007 /* the draft */
bsw@1045 1008 .draft {
bsw@1045 1009 font: @usertext-font;
bsw@1045 1010
bsw@1045 1011 ul {
bsw@1045 1012 margin-left: 1em;
bsw@1045 1013 margin-bottom: @paragraph-margin;
bsw@1045 1014 list-style: square;
bsw@1045 1015 padding-left: 1em;
bsw@1045 1016 }
bsw@1045 1017
bsw@1045 1018 h1 {
bsw@1045 1019 font: @usertext-italic-font;
bsw@1045 1020 font-size: 125%;
bsw@1045 1021 border-bottom: 1px solid @main-second-color;
bsw@1045 1022 margin-bottom: 1ex;
bsw@1045 1023 }
bsw@1045 1024
bsw@1045 1025 h2 {
bsw@1045 1026 font: @usertext-bold-font;
bsw@1045 1027 font-size: 125%;
bsw@1045 1028 }
bsw@1045 1029
bsw@1045 1030 h3 {
bsw@1045 1031 font: @usertext-font;
bsw@1045 1032 font-size: 125%;
bsw@1045 1033 }
bsw@1045 1034
bsw@1045 1035 h4 {
bsw@1045 1036 font: @usertext-bold-font;
bsw@1045 1037 }
bsw@1045 1038
bsw@1045 1039 hr {
bsw@1045 1040 border: none;
bsw@1045 1041 border-top: 1px solid @main-color;
bsw@1045 1042 }
bsw@1045 1043
bsw@1045 1044 b, strong {
bsw@1045 1045 font: @usertext-italic-font;
bsw@1045 1046 }
bsw@1045 1047
bsw@1045 1048 i, em {
bsw@1045 1049 //font-style: italic;
bsw@1045 1050 font: @usertext-bold-font;
bsw@1045 1051 }
bsw@1045 1052 }
bsw@1045 1053
bsw@1045 1054 form, .form {
bsw@1045 1055 margin: 0;
bsw@1045 1056 padding: 0;
bsw@1045 1057
bsw@1045 1058 .ui_field_label {
bsw@1045 1059 display: inline-block;
bsw@1045 1060 width: 25%;
bsw@1045 1061 margin: 0;
bsw@1045 1062 padding: 0;
bsw@1045 1063 text-align: right;
bsw@1045 1064 margin-bottom: @pad;
bsw@1045 1065 padding-right: 0.5%;
bsw@1045 1066 vertical-align: top;
bsw@1045 1067 color: @main-second-color;
bsw@1045 1068 }
bsw@1045 1069
bsw@1045 1070 input[type=text],
bsw@1045 1071 input[type=password],
bsw@1045 1072 select,
bsw@1045 1073 textarea {
bsw@1045 1074 vertical-align: top;
bsw@1045 1075 width: 73%;
bsw@1045 1076 margin: 0;
bsw@1045 1077 padding: 3px;
bsw@1045 1078 border: 1px solid @main-second-color;
bsw@1045 1079 font: @head3-font;
bsw@1045 1080 margin-bottom: @pad;
bsw@1045 1081 }
bsw@1045 1082
bsw@1045 1083 input:focus {
bsw@1045 1084 outline: 2px solid @body-bg-color;
bsw@1045 1085 }
bsw@1045 1086
bsw@1045 1087
bsw@1045 1088
bsw@1045 1089 .actions {
bsw@1045 1090 margin-left: 26%;
bsw@1045 1091 }
bsw@1045 1092
bsw@1045 1093 }
bsw@1045 1094
bsw@1045 1095 form.wide {
bsw@1045 1096 input[type=text],
bsw@1045 1097 input[type=password],
bsw@1045 1098 select,
bsw@1045 1099 textarea {
bsw@1045 1100 width: 100%;
bsw@1045 1101 }
bsw@1045 1102
bsw@1045 1103 }
bsw@1045 1104
bsw@1045 1105 }
bsw@1045 1106
bsw@1045 1107 .issues, .events {
bsw@1045 1108
bsw@1045 1109 .event {
bsw@1045 1110
bsw@1045 1111 .initiative_pie {
bsw@1045 1112 clear: right;
bsw@1045 1113 float: right;
bsw@1045 1114 }
bsw@1045 1115
bsw@1045 1116 ul.initiatives {
bsw@1045 1117
bsw@1045 1118 .initiative_info_left {
bsw@1045 1119 display: inline;
bsw@1045 1120 margin-right: 0.5em;
bsw@1045 1121 }
bsw@1045 1122
bsw@1045 1123 .initiative_info_right {
bsw@1045 1124 float: right;
bsw@1045 1125
bsw@1045 1126 .bargraph {
bsw@1045 1127 float: right;
bsw@1045 1128 margin-left: 0.5em;
bsw@1045 1129 }
bsw@1045 1130 }
bsw@1045 1131
bsw@1045 1132 .result {
bsw@1045 1133 color: @main-second-color;
bsw@1045 1134 margin-top: 0.5ex;
bsw@1045 1135 }
bsw@1045 1136
bsw@1045 1137 h3 {
bsw@1045 1138 margin-top: 1ex;
bsw@1045 1139 margin-bottom: 0;
bsw@1045 1140 }
bsw@1045 1141
bsw@1045 1142 a.initiative {
bsw@1045 1143 font: @head3-font;
bsw@1045 1144 }
bsw@1045 1145 }
bsw@1045 1146
bsw@1045 1147 .event_info {
bsw@1045 1148 font: @event-font;
bsw@1045 1149 color: @main-event-color;
bsw@1045 1150 margin-top: 0.66ex;
bsw@1045 1151 margin-bottom: 1ex;
bsw@1045 1152 }
bsw@1045 1153
bsw@1045 1154 .event_info:last-child {
bsw@1045 1155 margin-bottom: 0;
bsw@1045 1156 }
bsw@1045 1157
bsw@1045 1158 .event_info.negative {
bsw@1045 1159 color: @main-negative-event-color;
bsw@1045 1160 }
bsw@1045 1161
bsw@1045 1162 .event_time {
bsw@1045 1163 font: @main-font;
bsw@1045 1164 color: @main-second-color;
bsw@1045 1165 }
bsw@1045 1166 }
bsw@1045 1167
bsw@1045 1168 .event:hover {
bsw@1045 1169 .event_time {
bsw@1045 1170 visibility: visible;
bsw@1045 1171 }
bsw@1045 1172 ul.initiatives {
bsw@1045 1173 div {
bsw@1045 1174 visibility: visible;
bsw@1045 1175 }
bsw@1045 1176 }
bsw@1045 1177 }
bsw@1045 1178 .issue_context {
bsw@1045 1179 line-height: 24px;
bsw@1045 1180 margin-bottom: 0.66ex;
bsw@1045 1181 .unit {
bsw@1045 1182 background-color: #777;
bsw@1045 1183 color: #fff;
bsw@1045 1184 padding: 1px 3px;
bsw@1045 1185 border-radius: @border-radius;
bsw@1045 1186 text-decoration: none;
bsw@1045 1187 }
bsw@1045 1188 .area {
bsw@1045 1189 background-color: #ddd;
bsw@1045 1190 color: #000;
bsw@1045 1191 padding: 1px 3px;
bsw@1045 1192 border-radius: @border-radius;
bsw@1045 1193 text-decoration: none;
bsw@1045 1194 }
bsw@1045 1195 }
bsw@1045 1196 .issue_info {
bsw@1045 1197 .issue {
bsw@1045 1198 font: @head3-font;
bsw@1045 1199 color: @main-color;
bsw@1045 1200 }
bsw@1045 1201 }
bsw@1045 1202 img.star {
bsw@1045 1203 vertical-align: middle;
bsw@1045 1204 float: right;
bsw@1045 1205 margin-left: 0.5em;
bsw@1045 1206 }
bsw@1045 1207
bsw@1045 1208 .draft_preview {
bsw@1045 1209 }
bsw@1045 1210
bsw@1045 1211 .event.suggestion {
bsw@1045 1212
bsw@1045 1213 ul.initiatives li {
bsw@1045 1214
bsw@1045 1215 margin-top: 0;
bsw@1045 1216 margin-bottom: 1ex;
bsw@1045 1217
bsw@1045 1218 a {
bsw@1045 1219
bsw@1045 1220 font: @main-font;
bsw@1045 1221 }
bsw@1045 1222
bsw@1045 1223 }
bsw@1045 1224
bsw@1045 1225 .suggestion {
bsw@1045 1226
bsw@1045 1227 font: @head3-font;
bsw@1045 1228 overflow: hidden;
bsw@1045 1229 text-overflow: ellipsis;
bsw@1045 1230 }
bsw@1045 1231
bsw@1045 1232 }
bsw@1045 1233
bsw@1045 1234 }
bsw@1045 1235
bsw@1045 1236 .suggestions {
bsw@1045 1237
bsw@1045 1238 .suggestion {
bsw@1045 1239
bsw@1045 1240 .opinion {
bsw@1045 1241 float: right;
bsw@1045 1242
bsw@1045 1243 .must {
bsw@1045 1244 background-color: @must-bg-color;
bsw@1045 1245 color: @must-color
bsw@1045 1246 }
bsw@1045 1247 .should {
bsw@1045 1248 background-color: @should-bg-color;
bsw@1045 1249 color: @should-color
bsw@1045 1250 }
bsw@1045 1251 .shouldnot {
bsw@1045 1252 background-color: @shouldnot-bg-color;
bsw@1045 1253 color: @shouldnot-color
bsw@1045 1254 }
bsw@1045 1255 .mustnot {
bsw@1045 1256 background-color: @mustnot-bg-color;
bsw@1045 1257 color: @mustnot-color
bsw@1045 1258 }
bsw@1045 1259 .implemented {
bsw@1045 1260 background-color: @implemented-bg-color;
bsw@1045 1261 color: @implemented-color
bsw@1045 1262 }
bsw@1045 1263 .notimplemented {
bsw@1045 1264 background-color: @notimplemented-bg-color;
bsw@1045 1265 color: @notimplemented-color
bsw@1045 1266 }
bsw@1045 1267
bsw@1045 1268 }
bsw@1045 1269
bsw@1045 1270 .suggestion-rating {
bsw@1045 1271 float: right;
bsw@1045 1272 }
bsw@1045 1273 .suggestion-text {
bsw@1045 1274 margin-top: @pad;
bsw@1045 1275 font: @usertext-font;
bsw@1045 1276 overflow: hidden;
bsw@1045 1277 text-overflow: ellipsis;
bsw@1045 1278 position: relative;
bsw@1045 1279 z-index: 10;
bsw@1045 1280 }
bsw@1045 1281
bsw@1063 1282
bsw@1063 1283 .suggestion-details {
bsw@1063 1284 float: right;
bsw@1063 1285 }
bsw@1063 1286
bsw@1045 1287 .suggestion-more {
bsw@1045 1288 display: none;
bsw@1045 1289 }
bsw@1045 1290
bsw@1045 1291 .suggestion-less {
bsw@1045 1292 display: none;
bsw@1045 1293 }
bsw@1045 1294
bsw@1045 1295 .suggestionHead {
bsw@1045 1296 overflow: hidden;
bsw@1045 1297 text-overflow: ellipsis;
bsw@1045 1298 }
bsw@1045 1299
bsw@1045 1300 .rating {
bsw@1045 1301 display: none;
bsw@1045 1302 padding: @pad/2 0;
bsw@1045 1303 .active-plus2 {
bsw@1045 1304 background-color: @must-bg-color;;
bsw@1045 1305 color: @must-color;;
bsw@1045 1306 }
bsw@1045 1307 .active-plus1 {
bsw@1045 1308 background-color: @should-bg-color;
bsw@1045 1309 color: @should-color;
bsw@1045 1310 }
bsw@1045 1311 .active-minus1 {
bsw@1045 1312 background-color: @shouldnot-bg-color;
bsw@1045 1313 color: @shouldnot-color;
bsw@1045 1314 }
bsw@1045 1315 .active-minus2 {
bsw@1045 1316 background-color: @mustnot-bg-color;
bsw@1045 1317 color: @mustnot-color;
bsw@1045 1318 }
bsw@1045 1319 .active-notfulfilled {
bsw@1045 1320 background-color: #faa;
bsw@1045 1321 }
bsw@1045 1322 .active-fulfilled {
bsw@1045 1323 background-color: #afa;
bsw@1045 1324 }
bsw@1045 1325 }
bsw@1045 1326 }
bsw@1045 1327
bsw@1045 1328 .suggestion.rateable {
bsw@1045 1329 .suggestion-more {
bsw@1045 1330 display: block;
bsw@1045 1331 }
bsw@1045 1332 }
bsw@1045 1333
bsw@1045 1334 .suggestion.rateable.unfolded {
bsw@1045 1335 .rating {
bsw@1045 1336 border-top: 3px solid @body-bg-color;
bsw@1045 1337 }
bsw@1045 1338 }
bsw@1045 1339
bsw@1045 1340 .suggestion.folded {
bsw@1063 1341 .suggestion-text {
bsw@1063 1342 height: 150px;
bsw@1063 1343 overflow: hidden;
bsw@1063 1344 }
bsw@1063 1345
bsw@1045 1346 .suggestion-more {
bsw@1045 1347 display: block;
bsw@1045 1348 position: absolute;
bsw@1045 1349 bottom: 0;
bsw@1045 1350 left: 0;
bsw@1045 1351 width: 100%;
bsw@1045 1352 box-shadow: inset 0 -12ex 10ex -5ex #fff;
bsw@1045 1353 padding-top: 5ex;
bsw@1045 1354 }
bsw@1063 1355
bsw@1063 1356 .suggestion-details {
bsw@1063 1357 position: absolute;
bsw@1063 1358 bottom: 0;
bsw@1063 1359 right: 0;
bsw@1063 1360 }
bsw@1063 1361
bsw@1045 1362 }
bsw@1045 1363
bsw@1045 1364 .suggestion.unfolded {
bsw@1045 1365 .suggestion-more {
bsw@1045 1366 display: none;
bsw@1045 1367 }
bsw@1045 1368 .rating {
bsw@1045 1369 display: block;
bsw@1045 1370 }
bsw@1045 1371 .suggestion-less {
bsw@1045 1372 margin-top: 1ex;
bsw@1045 1373 display: block;
bsw@1045 1374 }
bsw@1045 1375 }
bsw@1045 1376
bsw@1045 1377 .suggestion.highlighted {
bsw@1045 1378 background-color: @main-highlight-bg-color;
bsw@1045 1379
bsw@1045 1380 .suggestion-more {
bsw@1045 1381 box-shadow: inset 0 -12ex 10ex -5ex @main-highlight-bg-color;
bsw@1045 1382 }
bsw@1045 1383
bsw@1045 1384 }
bsw@1045 1385
bsw@1045 1386 }
bsw@1045 1387
bsw@1045 1388 li.raw {
bsw@1045 1389 list-style: none;
bsw@1045 1390 padding: 0;
bsw@1045 1391 margin: 0 !important;
bsw@1045 1392 }
bsw@1045 1393
bsw@1045 1394
bsw@1045 1395 .satisfiedSupporterCount {
bsw@1045 1396 color: #070;
bsw@1045 1397 }
bsw@1045 1398 .potentialSupporterCount {
bsw@1045 1399 color: #960;
bsw@1045 1400 }
bsw@1045 1401
bsw@1045 1402 .bargraph {
bsw@1045 1403 display: inline-block;
bsw@1045 1404 vertical-align: top;
bsw@1045 1405 height: 9px;
bsw@1045 1406
bsw@1045 1407 div {
bsw@1045 1408 margin: 0;
bsw@1045 1409 padding: 0;
bsw@1045 1410 display: inline-block;
bsw@1045 1411 height: 9px;
bsw@1045 1412 }
bsw@1045 1413
bsw@1045 1414 }
bsw@1045 1415
bsw@1045 1416 .diff {
bsw@1045 1417 .diff_added {
bsw@1045 1418 background-color: #cfc;
bsw@1045 1419 }
bsw@1045 1420
bsw@1045 1421 .diff_removed {
bsw@1045 1422 text-decoration: line-through;
bsw@1045 1423 background-color: #fcc;
bsw@1045 1424 }
bsw@1045 1425 }
bsw@1045 1426
bsw@1045 1427 .btn, .ui_paginate_foot a {
bsw@1045 1428 text-decoration: none;
bsw@1045 1429 min-width: 2em;
bsw@1045 1430 text-align: center;
bsw@1045 1431 display: inline-block;
bsw@1045 1432 border-radius: @btn-border-radius;
bsw@1045 1433 border: none;
bsw@1045 1434 font: @btn-font;
bsw@1045 1435 background-color: #999;
bsw@1045 1436 color: #fff !important;
bsw@1045 1437 margin-bottom: 5px;
bsw@1045 1438 }
bsw@1045 1439
bsw@1045 1440 .btn {
bsw@1045 1441 padding: 1ex 1em;
bsw@1045 1442 }
bsw@1045 1443
bsw@1045 1444
bsw@1045 1445
bsw@1045 1446 .ui_paginate_foot a {
bsw@1045 1447 padding: 0.5ex 0.5em;
bsw@1045 1448 background-color: #eee;
bsw@1045 1449 color: 000 !important;
bsw@1045 1450 }
bsw@1045 1451
bsw@1045 1452 .ui_paginate_foot a.active {
bsw@1045 1453 background-color: #666;
bsw@1045 1454 color: #fff !important;
bsw@1045 1455 }
bsw@1045 1456
bsw@1045 1457 .btn-default {
bsw@1045 1458 background-color: #47a;
bsw@1045 1459 color: #fff !important;
bsw@1045 1460 }
bsw@1045 1461
bsw@1045 1462 .btn:hover, .btn:focus, .ui_paginate_foot a:hover, .ui_paginate_foot a:focus {
bsw@1045 1463 background-color: #0a0;
bsw@1045 1464 color: #fff !important;
bsw@1045 1465 cursor: pointer;
bsw@1045 1466 }
bsw@1045 1467
bsw@1045 1468 .btn-dangerous:hover {
bsw@1045 1469 background-color: #c00;
bsw@1045 1470 color: #fff !important;
bsw@1045 1471 }
bsw@1045 1472
bsw@1045 1473 .btn-link {
bsw@1045 1474 font: @main-font;
bsw@1045 1475 background-color: @main-bg-color;
bsw@1045 1476 color: @main-link-color;
bsw@1045 1477 border: none;
bsw@1045 1478 padding: 0;
bsw@1045 1479 margin: 0;
bsw@1045 1480 text-decoration: underline;
bsw@1045 1481 cursor: pointer;
bsw@1045 1482 }
bsw@1045 1483
bsw@1045 1484 /*************************************************************************
bsw@1045 1485 * Voting
bsw@1045 1486 */
bsw@1045 1487
bsw@1045 1488 .main .section #voting_form .sectionRow:last-child {
bsw@1045 1489 border-radius: 0;
bsw@1045 1490 margin-bottom: 0;
bsw@1045 1491 }
bsw@1045 1492
bsw@1045 1493 #voting {
bsw@1045 1494 background: #ddd;
bsw@1045 1495 padding: @pad;
bsw@1045 1496 margin-top: 4px;
bsw@1045 1497 position: relative;
bsw@1045 1498 margin-bottom: 2ex;
bsw@1045 1499
bsw@1045 1500 .approval,
bsw@1045 1501 .abstention,
bsw@1045 1502 .disapproval {
bsw@1045 1503 border: 2px black solid;
bsw@1045 1504 margin-bottom: 2ex;
bsw@1045 1505 padding: 1ex;
bsw@1045 1506 padding-bottom: 2ex;
bsw@1045 1507 border-radius: @border-radius;
bsw@1045 1508 }
bsw@1045 1509
bsw@1045 1510 .disapproval {
bsw@1045 1511 margin-bottom: 2ex;
bsw@1045 1512 }
bsw@1045 1513
bsw@1045 1514 .approval {
bsw@1045 1515 background-color: #9f9;
bsw@1045 1516
bsw@1045 1517 .movable {
bsw@1045 1518 background-color: #dfd;
bsw@1045 1519 }
bsw@1045 1520 }
bsw@1045 1521
bsw@1045 1522 .abstention {
bsw@1045 1523 background-color: #ccc;
bsw@1045 1524
bsw@1045 1525 .movable {
bsw@1045 1526 background-color: #f2f2f2;
bsw@1045 1527 }
bsw@1045 1528 }
bsw@1045 1529
bsw@1045 1530 .disapproval {
bsw@1045 1531 background-color: #f88;
bsw@1045 1532
bsw@1045 1533 .movable {
bsw@1045 1534 background-color: #fbb;
bsw@1045 1535 }
bsw@1045 1536 }
bsw@1045 1537
bsw@1045 1538 .movable {
bsw@1045 1539 position: relative;
bsw@1045 1540 border: 1px black solid;
bsw@1045 1541 margin-top: 1ex;
bsw@1045 1542 padding: 0.5ex;
bsw@1045 1543 border-radius: @border-radius;
bsw@1045 1544 }
bsw@1045 1545
bsw@1045 1546 .voting_form_active {
bsw@1045 1547 .movable {
bsw@1045 1548 cursor: pointer;
bsw@1045 1549 vertical-align: middle;
bsw@1045 1550 cursor: move;
bsw@1045 1551 }
bsw@1045 1552
bsw@1045 1553 .clickable {
bsw@1045 1554 cursor: auto;
bsw@1045 1555 }
bsw@1045 1556
bsw@1045 1557 a.clickable {
bsw@1045 1558 cursor: pointer;
bsw@1045 1559 }
bsw@1045 1560 }
bsw@1045 1561 }
bsw@1045 1562
bsw@1045 1563
bsw@1045 1564 /*
bsw@1045 1565 * footer
bsw@1045 1566 */
bsw@1045 1567
bsw@1045 1568 .footer {
bsw@1045 1569 text-align: center;
bsw@1045 1570 color: @footer-color;
bsw@1045 1571 background-color: @footer-bg-color;
bsw@1045 1572 padding: @pad 0;
bsw@1045 1573 border: 1px solid #000;
bsw@1045 1574 border-top: none;
bsw@1045 1575
bsw@1045 1576 a {
bsw@1045 1577 color: @body-color;
bsw@1045 1578 }
bsw@1045 1579 }
bsw@1045 1580
bsw@1045 1581
bsw@1045 1582 .ui_paginate_head {
bsw@1045 1583 display: none;
bsw@1045 1584 }
bsw@1045 1585
bsw@1045 1586 .ui_paginate_foot {
bsw@1045 1587 line-height: 180%;
bsw@1045 1588 }
bsw@1045 1589
bsw@1045 1590
bsw@1045 1591 .swiper_tabs {
bsw@1045 1592 display: none;
bsw@1045 1593 }
bsw@1045 1594
bsw@1045 1595 #swiper_info {
bsw@1045 1596 display: none;
bsw@1045 1597 }
bsw@1045 1598
bsw@1045 1599 .nav .searchLink {
bsw@1045 1600 display: none;
bsw@1045 1601 }
bsw@1045 1602
bsw@1045 1603
bsw@1045 1604 @media (max-width: 767px) {
bsw@1045 1605
bsw@1045 1606 html {
bsw@1045 1607
bsw@1045 1608 body {
bsw@1045 1609 margin: 0;
bsw@1045 1610 background: @mobile-bg-color;
bsw@1045 1611
bsw@1045 1612 .head {
bsw@1045 1613 margin: @grid/2;
bsw@1045 1614 padding: 0;
bsw@1045 1615
bsw@1045 1616 .logo {
bsw@1045 1617 display: block;
bsw@1045 1618 padding: 0;
bsw@1045 1619
bsw@1045 1620 .liquid, .feedback {
bsw@1045 1621 font: @mobile-logo-font;
bsw@1045 1622 }
bsw@1045 1623
bsw@1045 1624 .instanceName {
bsw@1045 1625 font: @mobile-instance-font;
bsw@1045 1626 display: block;
bsw@1045 1627 margin-left: 0;
bsw@1045 1628 }
bsw@1045 1629 }
bsw@1045 1630 .nav {
bsw@1045 1631 padding: 0;
bsw@1045 1632 }
bsw@1045 1633 }
bsw@1045 1634
bsw@1045 1635 .initiativeInfo h1 {
bsw@1045 1636 display: none;
bsw@1045 1637 }
bsw@1045 1638
bsw@1045 1639 .slot_title {
bsw@1045 1640
bsw@1045 1641 font: @head2-font;
bsw@1045 1642 padding: 0;
bsw@1045 1643 margin: 0 @grid/2;
bsw@1045 1644
bsw@1045 1645 .spacer {
bsw@1045 1646 display: none;
bsw@1045 1647 }
bsw@1045 1648
bsw@1045 1649 .unit, .area, .issue, .initiative, .member {
bsw@1045 1650 display: block;
bsw@1045 1651 margin-right: 0;
bsw@1045 1652 padding: 4px 0;
bsw@1045 1653 border-radius: @border-radius;
bsw@1045 1654 overflow: auto;
bsw@1045 1655 }
bsw@1045 1656
bsw@1045 1657 .unit:before, .area:before, .issue:before, .initiative:before, .member:before {
bsw@1045 1658 content: "↳";
bsw@1045 1659 position: relative;
bsw@1045 1660 top: -2px;
bsw@1045 1661 }
bsw@1045 1662
bsw@1045 1663 .area {
bsw@1045 1664 margin-left: 10px;
bsw@1045 1665 }
bsw@1045 1666 .issue {
bsw@1045 1667 margin-left: 10px * 2;
bsw@1045 1668 }
bsw@1045 1669 .initiative {
bsw@1045 1670 margin-left: 10px * 3;
bsw@1045 1671 }
bsw@1045 1672
bsw@1045 1673 a:last-child, .issue:last-child, .area:last-child, .unit:last-child, .initiative:last-child {
bsw@1045 1674 margin-bottom: @grid/2;
bsw@1045 1675 }
bsw@1045 1676
bsw@1045 1677 .unit, .initiative, .issue, .area {
bsw@1045 1678 a {
bsw@1045 1679 margin-bottom: 0;
bsw@1045 1680 display: inline;
bsw@1045 1681 }
bsw@1045 1682 }
bsw@1045 1683
bsw@1045 1684 a.home {
bsw@1045 1685 display: none;
bsw@1045 1686 }
bsw@1045 1687
bsw@1045 1688 .weight {
bsw@1045 1689 float: right;
bsw@1045 1690 margin: 0;
bsw@1045 1691 }
bsw@1045 1692
bsw@1045 1693 .delegation_info {
bsw@1045 1694 float: right;
bsw@1045 1695 display: block;
bsw@1045 1696 margin-top: -10px;
bsw@1045 1697 }
bsw@1045 1698 a .label {
bsw@1045 1699 display: inline;
bsw@1045 1700 }
bsw@1045 1701 .star {
bsw@1045 1702 float: right;
bsw@1045 1703 margin-left: 0.5em;
bsw@1045 1704 margin-top: -@pad/2;
bsw@1045 1705 margin-bottom: -@pad/2;
bsw@1045 1706 }
bsw@1045 1707 }
bsw@1045 1708
bsw@1045 1709 .slot_title > span > *:last-child {
bsw@1045 1710 font: @head1-font;
bsw@1045 1711 }
bsw@1045 1712
bsw@1045 1713
bsw@1045 1714 .page {
bsw@1045 1715 background: none;
bsw@1045 1716 margin: 0;
bsw@1045 1717 box-shadow: none;
bsw@1045 1718 }
bsw@1045 1719
bsw@1045 1720 .nav #member_menu .text {
bsw@1045 1721 display: none;
bsw@1045 1722 }
bsw@1045 1723
bsw@1045 1724 .nav form.search {
bsw@1045 1725 display: none;
bsw@1045 1726 }
bsw@1045 1727
bsw@1045 1728 .nav .notifications,
bsw@1045 1729 .nav .searchLink,
bsw@1045 1730 .nav #member_menu a {
bsw@1045 1731 vertical-align: middle;
bsw@1045 1732 display: inline-block;
bsw@1045 1733 height: 48px;
bsw@1045 1734 min-width: 35px;
bsw@1045 1735 text-align: center;
bsw@1045 1736 background-color: #000;
bsw@1045 1737 border: 1px solid #777;
bsw@1045 1738 border-radius: @border-radius;
bsw@1045 1739 img {
bsw@1045 1740 margin: 0;
bsw@1045 1741 width: 48px;
bsw@1045 1742 height: 48px;
bsw@1045 1743 }
bsw@1045 1744 margin: 0;
bsw@1045 1745 }
bsw@1045 1746
bsw@1045 1747 .nav .notifications {
bsw@1045 1748 padding: 12px 2px;
bsw@1045 1749 height: 24px;
bsw@1045 1750 }
bsw@1045 1751
bsw@1045 1752 .nav #member_menu a :last-child {
bsw@1045 1753 display: none;
bsw@1045 1754 }
bsw@1045 1755
bsw@1045 1756 .notifications span {
bsw@1045 1757 margin-left: -5px;
bsw@1045 1758 }
bsw@1045 1759
bsw@1045 1760 .swiper_tabs {
bsw@1045 1761 clear: both;
bsw@1045 1762 display: block;
bsw@1045 1763 overflow: auto;
bsw@1045 1764 margin: @grid/2;
bsw@1045 1765
bsw@1045 1766 div {
bsw@1045 1767 display: block;
bsw@1045 1768 float: left;
bsw@1045 1769 width: 33.333%;
bsw@1045 1770
bsw@1045 1771 a {
bsw@1045 1772 padding: 8px 0;
bsw@1045 1773 display: block;
bsw@1045 1774 text-align: center;
bsw@1045 1775 background-color: #eee;
bsw@1045 1776 }
bsw@1045 1777
bsw@1045 1778 a.active {
bsw@1045 1779 background-color: #abe;
bsw@1045 1780 }
bsw@1045 1781 }
bsw@1045 1782 div:first-child a {
bsw@1045 1783 border-radius: @border-radius 0 0 @border-radius;
bsw@1045 1784 }
bsw@1045 1785
bsw@1045 1786 div:last-child a {
bsw@1045 1787 border-radius: 0 @border-radius @border-radius 0;
bsw@1045 1788 }
bsw@1045 1789 }
bsw@1045 1790
bsw@1045 1791 #swiper_info.active {
bsw@1045 1792 display: block;
bsw@1045 1793 font: @head3-font;
bsw@1045 1794 z-index: 1;
bsw@1045 1795 text-align: center;
bsw@1045 1796 width: 100%;
bsw@1045 1797 background-color: @mobile-bg-color;
bsw@1045 1798 color: @body-color;
bsw@1045 1799 }
bsw@1045 1800
bsw@1045 1801 .sidebarSection {
bsw@1045 1802 margin: 0 @grid/2 @grid/2 @grid/2;
bsw@1045 1803 }
bsw@1045 1804
bsw@1045 1805 .main, .extra > .section {
bsw@1045 1806 clear: none;
bsw@1045 1807 float: none;
bsw@1045 1808 width: auto;
bsw@1045 1809 margin: 0 @grid/2 @grid/2 @grid/2;
bsw@1045 1810 .section .sectionRow:last-child {
bsw@1045 1811 margin-bottom: @grid/2;
bsw@1045 1812 }
bsw@1045 1813
bsw@1045 1814 }
bsw@1045 1815
bsw@1045 1816 .ui_filter_head.filter_mode {
bsw@1045 1817 float: none !important;
bsw@1045 1818 background: @main-bg-color !important;
bsw@1045 1819 text-align: left !important;
bsw@1045 1820 border-radius: @border-radius;
bsw@1045 1821 margin-bottom: @grid/2 !important;
bsw@1045 1822 }
bsw@1045 1823
bsw@1045 1824 .member_photo {
bsw@1045 1825 text-align: center;
bsw@1045 1826 margin-bottom: 2ex;
bsw@1045 1827 .member_image_photo {
bsw@1045 1828 max-width: 600px;
bsw@1045 1829 }
bsw@1045 1830 }
bsw@1045 1831
bsw@1045 1832 #trace_content {
bsw@1045 1833 margin: @grid/2 0;
bsw@1045 1834 border-radius: 0;
bsw@1045 1835
bsw@1045 1836 ul {
bsw@1045 1837 li {
bsw@1045 1838 .trace_head {
bsw@1045 1839 padding: 6px 5px;
bsw@1045 1840 }
bsw@1045 1841 }
bsw@1045 1842 ul {
bsw@1045 1843 padding: 5px 2px;
bsw@1045 1844 }
bsw@1045 1845 }
bsw@1045 1846 }
bsw@1045 1847
bsw@1045 1848 }
bsw@1045 1849 } }
bsw@1045 1850
bsw@1045 1851 .textCenter {
bsw@1045 1852 text-align: center;
bsw@1045 1853 }
bsw@1045 1854
bsw@1045 1855 a.initiative {
bsw@1045 1856 text-decoration: none;
bsw@1045 1857 border-bottom: 1px solid #66c;
bsw@1045 1858 }
bsw@1045 1859
bsw@1045 1860 a.initiative:hover {
bsw@1045 1861 border-bottom: 1px solid #007;
bsw@1045 1862 }
bsw@1045 1863
bsw@1045 1864
bsw@1045 1865
bsw@1045 1866 #trace_content {
bsw@1045 1867 margin: @grid;
bsw@1045 1868 padding: @pad;
bsw@1045 1869 border-radius: @border-radius;
bsw@1045 1870 background-color: @main-bg-color;
bsw@1045 1871
bsw@1045 1872 #system_error {
bsw@1045 1873 font-family: monospace;
bsw@1045 1874 }
bsw@1045 1875
bsw@1045 1876 ul {
bsw@1045 1877 li {
bsw@1045 1878 margin-top: 10px;
bsw@1045 1879 .trace_head {
bsw@1045 1880 padding: 3px 5px;
bsw@1045 1881 border-radius: @border-radius @border-radius 0 0;
bsw@1045 1882 }
bsw@1045 1883 .trace_head:last-child {
bsw@1045 1884 border-radius: @border-radius;
bsw@1045 1885 }
bsw@1045 1886 ul {
bsw@1045 1887 border-radius: 0 0 @border-radius @border-radius;
bsw@1045 1888 }
bsw@1045 1889 }
bsw@1045 1890 li:first-child {
bsw@1045 1891 margin-top: 0;
bsw@1045 1892 }
bsw@1045 1893 ul {
bsw@1045 1894 padding: 10px;
bsw@1045 1895 }
bsw@1045 1896 }
bsw@1045 1897
bsw@1045 1898 .trace_config > ul {
bsw@1045 1899 background-color: #eee;
bsw@1045 1900 border: 1px solid #ccc;
bsw@1045 1901 }
bsw@1045 1902 .trace_config > .trace_head {
bsw@1045 1903 background-color: #ccc;
bsw@1045 1904 color: #000;
bsw@1045 1905 }
bsw@1045 1906 .trace_request > ul {
bsw@1045 1907 background-color: #afa;
bsw@1045 1908 }
bsw@1045 1909 .trace_request > .trace_head {
bsw@1045 1910 background-color: #0c0;
bsw@1045 1911 }
bsw@1045 1912 .trace_filter > ul {
bsw@1045 1913 background-color: #ccf;
bsw@1045 1914 border: 1px solid #00c;
bsw@1045 1915 border-top: none;
bsw@1045 1916 }
bsw@1045 1917 .trace_filter > .trace_head {
bsw@1045 1918 background-color: #00c;
bsw@1045 1919 color: #fff;
bsw@1045 1920 }
bsw@1045 1921 .trace_view > ul {
bsw@1045 1922 background-color: #cfc;
bsw@1045 1923 border: 1px solid #0c0;
bsw@1045 1924 border-top: none;
bsw@1045 1925 }
bsw@1045 1926 .trace_view > .trace_head {
bsw@1045 1927 background-color: #0c0;
bsw@1045 1928 color: #000;
bsw@1045 1929 }
bsw@1045 1930 .trace_action_neutral > ul {
bsw@1045 1931 background-color: #ffa;
bsw@1045 1932 border: 1px solid #fe0;
bsw@1045 1933 }
bsw@1045 1934 .trace_action_neutral > .trace_head {
bsw@1045 1935 background-color: #fe0;
bsw@1045 1936 color: #000;
bsw@1045 1937 }
bsw@1045 1938 .trace_sql {
bsw@1045 1939 background-color: #fff;
bsw@1045 1940 padding: 2px 4px;
bsw@1045 1941 margin-top: 8px;
bsw@1045 1942 }
bsw@1045 1943 .trace_error {
bsw@1045 1944 background-color: #faa;
bsw@1045 1945 color: #000;
bsw@1045 1946 font-weight: bold;
bsw@1045 1947 border: 1px solid #c00;
bsw@1045 1948 }
bsw@1045 1949 .trace_exectime {
bsw@1045 1950 background-color: #ccc;
bsw@1045 1951 font-weight: bold;
bsw@1045 1952 border-radius: @border-radius;
bsw@1045 1953 }
bsw@1045 1954
bsw@1045 1955 .time {
bsw@1045 1956 float: right;
bsw@1045 1957 }
bsw@1045 1958
bsw@1045 1959 .total_duration {
bsw@1045 1960 font-weight: bold;
bsw@1045 1961 }
bsw@1045 1962
bsw@1045 1963 }

Impressum / About Us