liquid_feedback_frontend

annotate static/lf3.less @ 1062:f03fbffc1800

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

Impressum / About Us