liquid_feedback_frontend: 499429108d1a static/lf3.css

liquid_feedback_frontend

view static/lf3.css @ 1064:499429108d1a

Compiled stylesheet

author	bsw
date	Wed Jul 16 21:54:33 2014 +0200 (2014-07-16)
parents	701a5cf6b067
children	9ed6e0389854

line source

1 html,

2 body,

3 div,

4 span,

5 applet,

6 object,

7 iframe,

8 h1,

9 h2,

10 h3,

11 h4,

12 h5,

13 h6,

14 p,

15 blockquote,

16 pre,

17 a,

18 abbr,

19 acronym,

20 address,

21 big,

22 cite,

23 code,

24 del,

25 dfn,

26 em,

27 img,

28 ins,

29 kbd,

30 q,

31 s,

32 samp,

33 small,

34 strike,

35 strong,

36 sub,

37 sup,

38 tt,

39 var,

40 b,

41 u,

42 i,

43 center,

44 dl,

45 dt,

46 dd,

47 ol,

48 ul,

49 li,

50 fieldset,

51 form,

52 label,

53 legend,

54 table,

55 caption,

56 tbody,

57 tfoot,

58 thead,

59 tr,

60 th,

61 td,

62 article,

63 aside,

64 canvas,

65 details,

66 embed,

67 figure,

68 figcaption,

69 footer,

70 header,

71 hgroup,

72 menu,

73 nav,

74 output,

75 ruby,

76 section,

77 summary,

78 time,

79 mark,

80 audio,

81 video {

82 margin: 0;

83 padding: 0;

84 border: 0;

85 font-size: 100%;

86 font: inherit;

87 vertical-align: baseline;

88 }

89 /* HTML5 display-role reset for older browsers */

90 article,

91 aside,

92 details,

93 figcaption,

94 figure,

95 footer,

96 header,

97 hgroup,

98 menu,

99 nav,

100 section {

101 display: block;

102 }

103 body {

104 line-height: 1;

105 }

106 ol,

107 ul {

108 list-style: none;

109 }

110 blockquote,

111 q {

112 quotes: none;

113 }

114 blockquote:before,

115 blockquote:after,

116 q:before,

117 q:after {

118 content: '';

119 content: none;

120 }

121 table {

122 border-collapse: collapse;

123 border-spacing: 0;

124 }

125 /* end reset */

126 /* color, fonts, gaps and border radius settings */

127 .list-style {

128 list-style: disc;

129 padding-left: 20px;

130 }

131 /*

132 * basic font settings

133 */

134 html {

135 overflow-y: scroll;

136 }

137 body {

138 font: normal 10pt / 125% sans-serif;

139 background-color: #397ab6;

140 color: #000000;

141 background-attachment: fixed;

142 }

143 .page {

144 background-image: url("back50.png");

145 max-width: 1240px;

146 border-radius: 0 0 2px 2px;

147 margin: 0 auto;

148 margin-bottom: 40px;

149 }

150 /*

151 * messages

152 */

153 .slot_notice,

154 .slot_warning,

155 .slot_error {

156 font: bold 12pt / 125% sans-serif;

157 padding: 12pt;

158 }

159 .slot_motd {

160 background-color: #ccc;

161 padding: 12pt;

162 }

163 .slot_notice {

164 background-color: #0c0;

165 color: #fff;

166 }

167 .slot_warning {

168 background-color: #f80;

169 color: #000;

170 }

171 .slot_error {

172 background-color: #c00;

173 color: #fff;

174 }

175 /*

176 * global styles

177 */

178 /* headlines */

179 h1 {

180 font: bold 12pt / 125% sans-serif;

181 margin-bottom: 1ex;

182 }

183 h1:last-child {

184 margin-bottom: 0;

185 }

186 h2 {

187 font: normal 12pt / 125% sans-serif;

188 }

189 h3 {

190 font: bold 10pt / 125% sans-serif;

191 }

192 h1:first-child,

193 h2:first-child,

194 h3:first-child {

195 margin-top: 0;

196 }

197 .right {

198 float: right;

199 }

200 .left {

201 float: left;

202 margin-right: 9px;

203 }

204 /* paragraphs */

205 p {

206 margin-bottom: 1.5ex;

207 }

208 p:last-child {

209 margin-bottom: 0;

210 }

211 /* lists */

212 ul.ul {

213 margin-left: 9px;

214 margin-bottom: 1.5ex;

215 list-style: disc;

216 padding-left: 20px;

217 }

218 ul.ul li {

219 margin: 3px 0;

220 }

221 ul.ul li:last-child {

222 margin-bottom: 0;

223 }

224 ul.ul:last-child {

225 margin-bottom: 0;

226 }

227 /* tables */

228 table td {

229 padding: 0.3ex 0.3em;

230 }

231 /* links */

232 a {

233 color: #222277;

234 }

235 a.disabled {

236 color: #777777;

237 cursor: default;

238 }

239 /* formulars */

240 form.inline {

241 display: inline;

242 }

243 form.inline div {

244 display: inline;

245 }

246 img {

247 vertical-align: middle;

248 }

249 img.star {

250 width: 24px;

251 height: 24px;

252 }

253 img.icon16 {

254 width: 16px;

255 height: 16px;

256 }

257 img.icon24 {

258 width: 24px;

259 height: 24px;

260 }

261 img.icon32 {

262 width: 32px;

263 height: 32px;

264 }

265 img.icon48 {

266 width: 48px;

267 height: 48px;

268 }

269 /*

270 * Avatars

271 */

272 .microAvatar {

273 text-wrap: nowrap;

274 }

275 .microAvatar img,

276 img.micro_avatar {

277 vertical-align: middle;

278 border-radius: 2px;

279 width: 24px;

280 height: 24px;

281 }

282 img.micro_avatar.highlighted {

283 margin: 0;

284 border: 2px solid #ff8800;

285 }

286 /*

287 * delegation info

288 */

289 .vote_info,

290 .delegation_info {

291 white-space: nowrap;

292 float: right;

293 text-decoration: none;

294 margin: -2px;

295 }

296 .vote_info img,

297 .delegation_info img {

298 vertical-align: middle;

299 }

300 .delegation_info img {

301 border-radius: 2px;

302 margin: 2px;

303 }

304 .delegation_info.suspended {

305 opacity: 0.3;

306 }

307 .slot_title .delegation_info.suspended {

308 opacity: 1;

309 }

310 /*

311 * generic attributes

312 */

313 .hide {

314 display: none;

315 }

316 .head_outer {

317 background-color: #000000;

318 color: #ffffff;

319 overflow: auto;

320 margin: 0 auto;

321 max-width: 1240px;

322 }

323 .head {

324 padding: 0.3ex 0;

325 margin: 0 12pt;

326 /*

327 * the logo and instance name

328 */

329 /*

330 * navigation bar

331 */

332 }

333 .head a {

334 color: #ffffff;

335 }

336 .head .logo {

337 display: block;

338 padding: 9px 0;

339 text-decoration: none;

340 font: bold 10pt / 100% sans-serif;

341 }

342 .head .logo .liquid {

343 color: #ffffff;

344 }

345 .head .logo .feedback {

346 color: #00ee00;

347 }

348 .head .logo .instanceName {

349 font: normal 10pt / 100% sans-serif;

350 padding-top: 9px;

351 }

352 .head .logo:hover {

353 text-decoration: underline;

354 }

355 .head .notifications {

356 margin-left: 0.6em;

357 text-decoration: none;

358 }

359 .head .notifications .count {

360 background-color: #f00;

361 color: #000;

362 padding: 0.2ex 0.25em;

363 border-radius: 1ex;

364 vertical-align: top;

365 }

366 .head .notifications .icon {

367 width: 24px;

368 height: 24px;

369 }

370 .head .nav {

371 float: right;

372 padding-top: 6px;

373 }

374 .head .nav ul,

375 .head .nav > ul > li:first-child {

376 display: inline;

377 }

378 .head .nav input[name=q] {

379 width: 12em;

380 border-radius: 2px;

381 padding: 2px;

382 background-color: #000000;

383 color: #ffffff;

384 border: 1px solid #397ab6;

385 margin-right: 0.6em;

386 }

387 .head .nav input[name=q]:focus {

388 outline: 2px solid #397ab6;

389 }

390 .head .nav #member_menu a span {

391 margin-left: 5px;

392 }

393 /*

394 * title

395 */

396 .slot_title {

397 padding-left: 12pt;

398 padding-right: 12pt;

399 font: bold 12pt / 125% sans-serif;

400 color: #ffffff;

401 padding-top: 12pt;

402 }

403 .slot_title a {

404 color: #ffffff;

405 display: inline-block;

406 }

407 .slot_title a.home {

408 margin-right: 4px;

409 }

410 .slot_title a.delegation_info {

411 margin-right: 0;

412 }

413 .slot_title .initiative,

414 .slot_title a .label {

415 display: none;

416 }

417 .slot_title .delegation_info {

418 background-color: #ffffff;

419 color: #000000;

420 border-radius: 2px;

421 padding-right: 3px;

422 margin-bottom: 12pt;

423 }

424 .slot_title .delegation_info a {

425 color: #000000;

426 }

427 .content {

428 clear: both;

429 margin: 0 12pt;

430 margin-top: 12pt;

431 }

432 /*

433 * the sidebar

434 */

435 .sidebar {

436 float: right;

437 width: 30%;

438 }

439 .sidebarSection {

440 background-color: #ffffff;

441 border-radius: 2px;

442 color: #000000;

443 margin-bottom: 12pt;

444 padding: 0;

445 }

446 .sidebarSection .sidebarHead {

447 padding: 9px 9px 4.5px 9px;

448 background: #ffffff;

449 color: #000000;

450 min-height: 20px;

451 }

452 .sidebarSection .sidebarHead a {

453 color: #000000;

454 }

455 .sidebarSection .sidebarHead .icon24 {

456 margin-top: -3.6px;

457 }

458 .sidebarSection .sidebarRow {

459 clear: right;

460 display: block;

461 border-top: 1px solid #aaaaaa;

462 padding: 4.5px 9px;

463 min-height: 20px;

464 }

465 .sidebarSection .sidebarRow.highlighted {

466 background-color: #e7f0ff;

467 }

468 .sidebarSection .sidebarRow.sidebarRowNarrow {

469 padding: 2.25px 9px;

470 }

471 .sidebarSection .sidebarRow.moreLink {

472 min-height: 0;

473 }

474 .sidebarSection a.sidebarRow {

475 text-decoration: none;

476 color: #000000;

477 }

478 .sidebarSection h1,

479 .sidebarSection h1 a,

480 .sidebarSection h2,

481 .sidebarSection h2 a,

482 .sidebarSection h3,

483 .sidebarSection h3 a {

484 color: #000000;

485 }

486 .sidebarSection a {

487 color: #222277;

488 }

489 .sidebarSection .areas .whenfolded {

490 display: none;

491 }

492 .sidebarSection .areas.folded .whenunfolded {

493 display: none;

494 }

495 .sidebarSection .areas.folded .whenfolded {

496 display: block;

497 }

498 .sidebarSection .areas.folded .disabled {

499 display: none;

500 }

501 .sidebarSection a.issue {

502 font: bold 12pt / 125% sans-serif;

503 color: #000000;

504 }

505 .sidebarSection ul.initiatives li {

506 padding: 4.5px 9px;

507 border-top: 1px solid #aaaaaa;

508 }

509 .sidebarSection ul.initiatives li .bargraph {

510 display: block;

511 }

512 .sidebarSection ul.initiatives li .supporterCount {

513 white-space: nowrap;

514 }

515 .sidebarSection ul.initiatives .revoked .initiative_name {

516 text-decoration: line-through;

517 }

518 .sidebarSection ul.initiatives .rank1 .initiative_name {

519 font-weight: bold;

520 }

521 .sidebarSection ul.initiatives li.highlighted {

522 background-color: #e7f0ff;

523 }

524 .sidebarSection ul.initiatives li.highlighted:last-child {

525 border-radius: 0 0 2px 2px;

526 }

527 .sidebarSection .supporters {

528 line-height: 28.799999999999997px;

529 }

530 .sidebarSection .supportCount {

531 color: #00c000;

532 font: bold 12pt / 125% sans-serif;

533 float: right;

534 }

535 .sidebarSection .member_list .member_thumb {

536 white-space: nowrap;

537 overflow: hidden;

538 text-overflow: ellipsis;

539 }

540 .sidebarSection .member_list .member_thumb img.member_image {

541 width: 24px;

542 height: 24px;

543 vertical-align: middle;

544 margin-right: 0.2em;

545 }

546 .sidebarSection .member_list .member_thumb.in_delegation_chain {

547 font-weight: bold;

548 }

549 .sidebarSection > div {

550 position: relative;

551 }

552 .sidebarSection > div:first-child {

553 margin-top: 0;

554 border-radius: 2px 2px 0 0;

555 }

556 .sidebarSection > div:last-child {

557 border-radius: 0 0 2px 2px;

558 }

559 .sidebarSection > div:last-child:first-child {

560 border-radius: 2px;

561 }

562 .sidebarSection a.unit {

563 font: normal 12pt / 125% sans-serif;

564 }

565 .sidebarSection a.area {

566 margin-left: 20px;

567 display: block;

568 }

569 .sidebarSection .star {

570 float: left;

571 }

572 .sidebarSection .delegation_info {

573 margin-top: -3.6px;

574 margin-bottom: 1px;

575 }

576 .admitted_info h1 {

577 color: #00aa00;

578 }

579 .not_admitted_info h1,

580 .revoked_info h1 {

581 color: #aa0000;

582 }

583 .admitted_info .initiative_pie,

584 .not_admitted_info .initiative_pie {

585 float: right;

586 }

587 .admitted_info table tr th,

588 .not_admitted_info table tr th {

589 text-align: left;

590 }

591 .admitted_info table tr td,

592 .not_admitted_info table tr td {

593 text-align: right;

594 padding: 0.3ex 0.4em;

595 }

596 /*

597 * main area

598 */

599 .main_outer {

600 width: 70%;

601 }

602 .main {

603 clear: left;

604 margin-right: 12pt;

605 border-radius: 2px;

606 /*

607 * tabs und filter

608 */

609 /*

610 * initiative

611 */

612 /* the draft */

613 }

614 .main .section .sectionHead,

615 .main .section .sectionRow {

616 background-color: #ffffff;

617 overflow: auto;

618 padding: 9px;

619 }

620 .main .section .sectionHead {

621 background-color: #ffffff;

622 color: #000000;

623 margin-top: 12pt;

624 border-radius: 2px 2px 0 0;

625 }

626 .main .section .sectionHead:first-child {

627 margin-top: 0;

628 }

629 .main .section .sectionHead:last-child {

630 border-radius: 2px;

631 }

632 .main .section .sectionRow {

633 margin-top: 4px;

634 }

635 .main .section .sectionRow:last-child {

636 border-radius: 0 0 2px 2px;

637 margin-bottom: 12pt;

638 }

639 .main > h1 {

640 border-bottom: 1px solid #aaaaaa;

641 padding: 9px;

642 }

643 .main .ui_filter .ui_filter_head {

644 background: #ffffff;

645 color: #000000;

646 padding: 0 9px 9px 9px;

647 vertical-align: middle;

648 }

649 .main .ui_filter .ui_filter_head a {

650 white-space: nowrap;

651 font: normal 10pt / 150% sans-serif;

652 margin-right: 0.5em;

653 }

654 .main .ui_filter .ui_filter_head a.active {

655 font: bold 10pt / 150% sans-serif;

656 text-decoration: none;

657 color: #000000;

658 }

659 .main .ui_filter .ui_filter_head select {

660 background: #ffffff;

661 color: #444444;

662 font: normal 10pt / 150% sans-serif;

663 border: none;

664 padding: 0;

665 margin: 0;

666 }

667 .main .ui_filter .ui_filter_head select option {

668 color: #000000;

669 }

670 .main .ui_filter .ui_filter_head select option:first-child,

671 .main .ui_filter .ui_filter_head select option[value="interest_direct"],

672 .main .ui_filter .ui_filter_head select option[value="interest_delegated"],

673 .main .ui_filter .ui_filter_head select option[value="support_direct"],

674 .main .ui_filter .ui_filter_head select option[value="support_delegated"],

675 .main .ui_filter .ui_filter_head select option[value="potential_support_direct"],

676 .main .ui_filter .ui_filter_head select option[value="potential_support_delegated"] {

677 color: #444444;

678 }

679 .main .ui_filter .ui_filter_head select.active {

680 color: #000000;

681 }

682 .main .ui_filter .ui_filter_head:first-child {

683 border-radius: 2px 2px 0 0;

684 padding-top: 9px;

685 }

686 .main .ui_filter .ui_filter_head.filter_filter {

687 padding-top: 9px;

688 }

689 .main .ui_filter .ui_filter_head.filter_mode {

690 padding-top: 9px;

691 margin-bottom: 0;

692 padding-bottom: 0;

693 }

694 .main .ui_filter .ui_filter_head.subfilter a {

695 font: normal 10pt / 150% sans-serif;

696 }

697 .main .ui_filter .ui_filter_head.subfilter a.active {

698 font: bold 10pt / 150% sans-serif;

699 }

700 .main .filter {

701 float: right;

702 }

703 .main .delegation_info.suspended {

704 margin: 1ex -2px -2px -2px;

705 }

706 .main .issues .state_info {

707 font: bold 10pt / 125% sans-serif;

708 color: #007700;

709 }

710 .main .issues .state_info.negative {

711 color: #aa0000;

712 }

713 .main ul.initiatives li {

714 margin-top: 1ex;

715 }

716 .main ul.initiatives li .bargraph {

717 float: left;

718 margin-top: 5px;

719 margin-right: 0.5em;

720 }

721 .main ul.initiatives li .initiative_name {

722 display: block;

723 margin-left: 110px;

724 }

725 .main ul.initiatives li .rank1 .initiative_name {

726 margin-left: 0;

727 font-weight: bold;

728 }

729 .main ul.initiatives li .revoked .initiative_name {

730 text-decoration: line-through;

731 }

732 .main ul.initiatives li:first-child {

733 margin-top: 0;

734 clear: none;

735 }

736 .main .events .event ul.initiatives li .initiative_name {

737 margin-left: 0;

738 }

739 .main .member_photo {

740 float: right;

741 }

742 .main .member_thumb.in_delegation_chain {

743 font-weight: bold;

744 }

745 .main .support {

746 color: #aaa;

747 line-height: 80%;

748 float: right;

749 width: 102px;

750 }

751 .main .initiativeInfo {

752 font-family: normal 10pt / 125% sans-serif;

753 line-height: 24px;

754 overflow: auto;

755 }

756 .main .initiativeInfo .support {

757 margin-top: 1ex;

758 float: left;

759 width: auto;

760 }

761 .main .initiativeInfo .mySupport {

762 line-height: 125%;

763 min-width: 12em;

764 text-align: right;

765 }

766 .main .initiativeInfo .initiators {

767 margin-top: 1.5ex;

768 margin-bottom: -1ex;

769 float: left;

770 }

771 .main .initiativeInfo .links {

772 margin-top: 1.5ex;

773 margin-bottom: -1ex;

774 float: right;

775 clear: right;

776 }

777 .main .initiativeInfo .initiator_links {

778 clear: right;

779 }

780 .main .issueInfo .links {

781 margin-top: 1.5ex;

782 margin-bottom: -1ex;

783 float: right;

784 clear: both;

785 }

786 .main .draft_updated_info {

787 color: #007700;

788 }

789 .main .draft_updated_info .info {

790 font: bold 10pt / 125% sans-serif;

791 }

792 .main .draft {

793 font: normal 10pt / 125% sans-serif;

794 }

795 .main .draft ul {

796 margin-left: 1em;

797 margin-bottom: 1.5ex;

798 list-style: square;

799 padding-left: 1em;

800 }

801 .main .draft h1 {

802 font: italic 10pt / 125% sans-serif;

803 font-size: 125%;

804 border-bottom: 1px solid #444444;

805 margin-bottom: 1ex;

806 }

807 .main .draft h2 {

808 font: normal 10pt / 125% sans-serif;

809 font-size: 125%;

810 }

811 .main .draft h3 {

812 font: normal 10pt / 125% sans-serif;

813 font-size: 125%;

814 }

815 .main .draft h4 {

816 font: normal 10pt / 125% sans-serif;

817 }

818 .main .draft hr {

819 border: none;

820 border-top: 1px solid #000000;

821 }

822 .main .draft b,

823 .main .draft strong {

824 font: italic 10pt / 125% sans-serif;

825 }

826 .main .draft i,

827 .main .draft em {

828 font: normal 10pt / 125% sans-serif;

829 }

830 .main form,

831 .main .form {

832 margin: 0;

833 padding: 0;

834 }

835 .main form .ui_field_label,

836 .main .form .ui_field_label {

837 display: inline-block;

838 width: 25%;

839 margin: 0;

840 padding: 0;

841 text-align: right;

842 margin-bottom: 9px;

843 padding-right: 0.5%;

844 vertical-align: top;

845 color: #444444;

846 }

847 .main form input[type=text],

848 .main .form input[type=text],

849 .main form input[type=password],

850 .main .form input[type=password],

851 .main form select,

852 .main .form select,

853 .main form textarea,

854 .main .form textarea {

855 vertical-align: top;

856 width: 73%;

857 margin: 0;

858 padding: 3px;

859 border: 1px solid #444444;

860 font: bold 10pt / 125% sans-serif;

861 margin-bottom: 9px;

862 }

863 .main form input:focus,

864 .main .form input:focus {

865 outline: 2px solid #397ab6;

866 }

867 .main form .actions,

868 .main .form .actions {

869 margin-left: 26%;

870 }

871 .main form.wide input[type=text],

872 .main form.wide input[type=password],

873 .main form.wide select,

874 .main form.wide textarea {

875 width: 100%;

876 }

877 .issues .event .initiative_pie,

878 .events .event .initiative_pie {

879 clear: right;

880 float: right;

881 }

882 .issues .event ul.initiatives .initiative_info_left,

883 .events .event ul.initiatives .initiative_info_left {

884 display: inline;

885 margin-right: 0.5em;

886 }

887 .issues .event ul.initiatives .initiative_info_right,

888 .events .event ul.initiatives .initiative_info_right {

889 float: right;

890 }

891 .issues .event ul.initiatives .initiative_info_right .bargraph,

892 .events .event ul.initiatives .initiative_info_right .bargraph {

893 float: right;

894 margin-left: 0.5em;

895 }

896 .issues .event ul.initiatives .result,

897 .events .event ul.initiatives .result {

898 color: #444444;

899 margin-top: 0.5ex;

900 }

901 .issues .event ul.initiatives h3,

902 .events .event ul.initiatives h3 {

903 margin-top: 1ex;

904 margin-bottom: 0;

905 }

906 .issues .event ul.initiatives a.initiative,

907 .events .event ul.initiatives a.initiative {

908 font: bold 10pt / 125% sans-serif;

909 }

910 .issues .event .event_info,

911 .events .event .event_info {

912 font: bold 10pt / 125% sans-serif;

913 color: #007700;

914 margin-top: 0.66ex;

915 margin-bottom: 1ex;

916 }

917 .issues .event .event_info:last-child,

918 .events .event .event_info:last-child {

919 margin-bottom: 0;

920 }

921 .issues .event .event_info.negative,

922 .events .event .event_info.negative {

923 color: #aa0000;

924 }

925 .issues .event .event_time,

926 .events .event .event_time {

927 font: normal 10pt / 125% sans-serif;

928 color: #444444;

929 }

930 .issues .event:hover .event_time,

931 .events .event:hover .event_time {

932 visibility: visible;

933 }

934 .issues .event:hover ul.initiatives div,

935 .events .event:hover ul.initiatives div {

936 visibility: visible;

937 }

938 .issues .issue_context,

939 .events .issue_context {

940 line-height: 24px;

941 margin-bottom: 0.66ex;

942 }

943 .issues .issue_context .unit,

944 .events .issue_context .unit {

945 background-color: #777;

946 color: #fff;

947 padding: 1px 3px;

948 border-radius: 2px;

949 text-decoration: none;

950 }

951 .issues .issue_context .area,

952 .events .issue_context .area {

953 background-color: #ddd;

954 color: #000;

955 padding: 1px 3px;

956 border-radius: 2px;

957 text-decoration: none;

958 }

959 .issues .issue_info .issue,

960 .events .issue_info .issue {

961 font: bold 10pt / 125% sans-serif;

962 color: #000000;

963 }

964 .issues img.star,

965 .events img.star {

966 vertical-align: middle;

967 float: right;

968 margin-left: 0.5em;

969 }

970 .issues .event.suggestion ul.initiatives li,

971 .events .event.suggestion ul.initiatives li {

972 margin-top: 0;

973 margin-bottom: 1ex;

974 }

975 .issues .event.suggestion ul.initiatives li a,

976 .events .event.suggestion ul.initiatives li a {

977 font: normal 10pt / 125% sans-serif;

978 }

979 .issues .event.suggestion .suggestion,

980 .events .event.suggestion .suggestion {

981 font: bold 10pt / 125% sans-serif;

982 overflow: hidden;

983 text-overflow: ellipsis;

984 }

985 .suggestions .suggestion .opinion {

986 float: right;

987 }

988 .suggestions .suggestion .opinion .must {

989 background-color: #00cc00;

990 color: #ffffff;

991 }

992 .suggestions .suggestion .opinion .should {

993 background-color: #44aa44;

994 color: #ffffff;

995 }

996 .suggestions .suggestion .opinion .shouldnot {

997 background-color: #aa4444;

998 color: #ffffff;

999 }

1000 .suggestions .suggestion .opinion .mustnot {

1001 background-color: #cc0000;

1002 color: #ffffff;

1003 }

1004 .suggestions .suggestion .opinion .implemented {

1005 background-color: #00cc00;

1006 color: #ffffff;

1007 }

1008 .suggestions .suggestion .opinion .notimplemented {

1009 background-color: #cc0000;

1010 color: #ffffff;

1011 }

1012 .suggestions .suggestion .suggestion-rating {

1013 float: right;

1014 }

1015 .suggestions .suggestion .suggestion-text {

1016 margin-top: 9px;

1017 font: normal 10pt / 125% sans-serif;

1018 overflow: hidden;

1019 text-overflow: ellipsis;

1020 position: relative;

1021 z-index: 10;

1022 }

1023 .suggestions .suggestion .suggestion-details {

1024 float: right;

1025 }

1026 .suggestions .suggestion .suggestion-more {

1027 display: none;

1028 }

1029 .suggestions .suggestion .suggestion-less {

1030 display: none;

1031 }

1032 .suggestions .suggestion .suggestionHead {

1033 overflow: hidden;

1034 text-overflow: ellipsis;

1035 }

1036 .suggestions .suggestion .rating {

1037 display: none;

1038 padding: 4.5px 0;

1039 }

1040 .suggestions .suggestion .rating .active-plus2 {

1041 background-color: #00cc00;

1042 color: #ffffff;

1043 }

1044 .suggestions .suggestion .rating .active-plus1 {

1045 background-color: #44aa44;

1046 color: #ffffff;

1047 }

1048 .suggestions .suggestion .rating .active-minus1 {

1049 background-color: #aa4444;

1050 color: #ffffff;

1051 }

1052 .suggestions .suggestion .rating .active-minus2 {

1053 background-color: #cc0000;

1054 color: #ffffff;

1055 }

1056 .suggestions .suggestion .rating .active-notfulfilled {

1057 background-color: #faa;

1058 }

1059 .suggestions .suggestion .rating .active-fulfilled {

1060 background-color: #afa;

1061 }

1062 .suggestions .suggestion.rateable .suggestion-more {

1063 display: block;

1064 }

1065 .suggestions .suggestion.rateable.unfolded .rating {

1066 border-top: 3px solid #397ab6;

1067 }

1068 .suggestions .suggestion.folded .suggestion-text {

1069 height: 150px;

1070 overflow: hidden;

1071 }

1072 .suggestions .suggestion.folded .suggestion-more {

1073 display: block;

1074 position: absolute;

1075 bottom: 0;

1076 left: 0;

1077 width: 100%;

1078 box-shadow: inset 0 -12ex 10ex -5ex #ffffff;

1079 padding-top: 5ex;

1080 }

1081 .suggestions .suggestion.folded .suggestion-details {

1082 position: absolute;

1083 bottom: 0;

1084 right: 0;

1085 }

1086 .suggestions .suggestion.unfolded .suggestion-more {

1087 display: none;

1088 }

1089 .suggestions .suggestion.unfolded .rating {

1090 display: block;

1091 }

1092 .suggestions .suggestion.unfolded .suggestion-less {

1093 margin-top: 1ex;

1094 display: block;

1095 }

1096 .suggestions .suggestion.highlighted {

1097 background-color: #e7f0ff;

1098 }

1099 .suggestions .suggestion.highlighted .suggestion-more {

1100 box-shadow: inset 0 -12ex 10ex -5ex #e7f0ff;

1101 }

1102 li.raw {

1103 list-style: none;

1104 padding: 0;

1105 margin: 0 !important;

1106 }

1107 .satisfiedSupporterCount {

1108 color: #070;

1109 }

1110 .potentialSupporterCount {

1111 color: #960;

1112 }

1113 .bargraph {

1114 display: inline-block;

1115 vertical-align: top;

1116 height: 9px;

1117 }

1118 .bargraph div {

1119 margin: 0;

1120 padding: 0;

1121 display: inline-block;

1122 height: 9px;

1123 }

1124 .diff .diff_added {

1125 background-color: #cfc;

1126 }

1127 .diff .diff_removed {

1128 text-decoration: line-through;

1129 background-color: #fcc;

1130 }

1131 .btn,

1132 .ui_paginate_foot a {

1133 text-decoration: none;

1134 min-width: 2em;

1135 text-align: center;

1136 display: inline-block;

1137 border-radius: 5px;

1138 border: none;

1139 font: bold 10pt / 125% sans-serif;

1140 background-color: #999;

1141 color: #fff !important;

1142 margin-bottom: 5px;

1143 }

1144 .btn {

1145 padding: 1ex 1em;

1146 }

1147 .ui_paginate_foot a {

1148 padding: 0.5ex 0.5em;

1149 background-color: #eee;

1150 color: 000 !important;

1151 }

1152 .ui_paginate_foot a.active {

1153 background-color: #666;

1154 color: #fff !important;

1155 }

1156 .btn-default {

1157 background-color: #47a;

1158 color: #fff !important;

1159 }

1160 .btn:hover,

1161 .btn:focus,

1162 .ui_paginate_foot a:hover,

1163 .ui_paginate_foot a:focus {

1164 background-color: #0a0;

1165 color: #fff !important;

1166 cursor: pointer;

1167 }

1168 .btn-dangerous:hover {

1169 background-color: #c00;

1170 color: #fff !important;

1171 }

1172 .btn-link {

1173 font: normal 10pt / 125% sans-serif;

1174 background-color: #ffffff;

1175 color: #222277;

1176 border: none;

1177 padding: 0;

1178 margin: 0;

1179 text-decoration: underline;

1180 cursor: pointer;

1181 }

1182 /*************************************************************************

1183 * Voting

1184 */

1185 .main .section #voting_form .sectionRow:last-child {

1186 border-radius: 0;

1187 margin-bottom: 0;

1188 }

1189 #voting {

1190 background: #ddd;

1191 padding: 9px;

1192 margin-top: 4px;

1193 position: relative;

1194 margin-bottom: 2ex;

1195 }

1196 #voting .approval,

1197 #voting .abstention,

1198 #voting .disapproval {

1199 border: 2px black solid;

1200 margin-bottom: 2ex;

1201 padding: 1ex;

1202 padding-bottom: 2ex;

1203 border-radius: 2px;

1204 }

1205 #voting .disapproval {

1206 margin-bottom: 2ex;

1207 }

1208 #voting .approval {

1209 background-color: #9f9;

1210 }

1211 #voting .approval .movable {

1212 background-color: #dfd;

1213 }

1214 #voting .abstention {

1215 background-color: #ccc;

1216 }

1217 #voting .abstention .movable {

1218 background-color: #f2f2f2;

1219 }

1220 #voting .disapproval {

1221 background-color: #f88;

1222 }

1223 #voting .disapproval .movable {

1224 background-color: #fbb;

1225 }

1226 #voting .movable {

1227 position: relative;

1228 border: 1px black solid;

1229 margin-top: 1ex;

1230 padding: 0.5ex;

1231 border-radius: 2px;

1232 }

1233 #voting .voting_form_active .movable {

1234 cursor: pointer;

1235 vertical-align: middle;

1236 cursor: move;

1237 }

1238 #voting .voting_form_active .clickable {

1239 cursor: auto;

1240 }

1241 #voting .voting_form_active a.clickable {

1242 cursor: pointer;

1243 }

1244 /*

1245 * footer

1246 */

1247 .footer {

1248 text-align: center;

1249 color: #ffffff;

1250 background-color: #000000;

1251 padding: 9px 0;

1252 border: 1px solid #000;

1253 border-top: none;

1254 }

1255 .footer a {

1256 color: #ffffff;

1257 }

1258 .ui_paginate_head {

1259 display: none;

1260 }

1261 .ui_paginate_foot {

1262 line-height: 180%;

1263 }

1264 .swiper_tabs {

1265 display: none;

1266 }

1267 #swiper_info {

1268 display: none;

1269 }

1270 .nav .searchLink {

1271 display: none;

1272 }

1273 @media (max-width: 767px) {

1274 html body {

1275 margin: 0;

1276 background: #255078;

1277 }

1278 html body .head {

1279 margin: 6pt;

1280 padding: 0;

1281 }

1282 html body .head .logo {

1283 display: block;

1284 padding: 0;

1285 }

1286 html body .head .logo .liquid,

1287 html body .head .logo .feedback {

1288 font: bold 12pt / 125% sans-serif;

1289 }

1290 html body .head .logo .instanceName {

1291 font: normal 10pt / 100% sans-serif;

1292 display: block;

1293 margin-left: 0;

1294 }

1295 html body .head .nav {

1296 padding: 0;

1297 }

1298 html body .initiativeInfo h1 {

1299 display: none;

1300 }

1301 html body .slot_title {

1302 font: normal 12pt / 125% sans-serif;

1303 padding: 0;

1304 margin: 0 6pt;

1305 }

1306 html body .slot_title .spacer {

1307 display: none;

1308 }

1309 html body .slot_title .unit,

1310 html body .slot_title .area,

1311 html body .slot_title .issue,

1312 html body .slot_title .initiative,

1313 html body .slot_title .member {

1314 display: block;

1315 margin-right: 0;

1316 padding: 4px 0;

1317 border-radius: 2px;

1318 overflow: auto;

1319 }

1320 html body .slot_title .unit:before,

1321 html body .slot_title .area:before,

1322 html body .slot_title .issue:before,

1323 html body .slot_title .initiative:before,

1324 html body .slot_title .member:before {

1325 content: "↳";

1326 position: relative;

1327 top: -2px;

1328 }

1329 html body .slot_title .area {

1330 margin-left: 10px;

1331 }

1332 html body .slot_title .issue {

1333 margin-left: 20px;

1334 }

1335 html body .slot_title .initiative {

1336 margin-left: 30px;

1337 }

1338 html body .slot_title a:last-child,

1339 html body .slot_title .issue:last-child,

1340 html body .slot_title .area:last-child,

1341 html body .slot_title .unit:last-child,

1342 html body .slot_title .initiative:last-child {

1343 margin-bottom: 6pt;

1344 }

1345 html body .slot_title .unit a,

1346 html body .slot_title .initiative a,

1347 html body .slot_title .issue a,

1348 html body .slot_title .area a {

1349 margin-bottom: 0;

1350 display: inline;

1351 }

1352 html body .slot_title a.home {

1353 display: none;

1354 }

1355 html body .slot_title .weight {

1356 float: right;

1357 margin: 0;

1358 }

1359 html body .slot_title .delegation_info {

1360 float: right;

1361 display: block;

1362 margin-top: -10px;

1363 }

1364 html body .slot_title a .label {

1365 display: inline;

1366 }

1367 html body .slot_title .star {

1368 float: right;

1369 margin-left: 0.5em;

1370 margin-top: -4.5px;

1371 margin-bottom: -4.5px;

1372 }

1373 html body .slot_title > span > *:last-child {

1374 font: bold 12pt / 125% sans-serif;

1375 }

1376 html body .page {

1377 background: none;

1378 margin: 0;

1379 box-shadow: none;

1380 }

1381 html body .nav #member_menu .text {

1382 display: none;

1383 }

1384 html body .nav form.search {

1385 display: none;

1386 }

1387 html body .nav .notifications,

1388 html body .nav .searchLink,

1389 html body .nav #member_menu a {

1390 vertical-align: middle;

1391 display: inline-block;

1392 height: 48px;

1393 min-width: 35px;

1394 text-align: center;

1395 background-color: #000;

1396 border: 1px solid #777;

1397 border-radius: 2px;

1398 margin: 0;

1399 }

1400 html body .nav .notifications img,

1401 html body .nav .searchLink img,

1402 html body .nav #member_menu a img {

1403 margin: 0;

1404 width: 48px;

1405 height: 48px;

1406 }

1407 html body .nav .notifications {

1408 padding: 12px 2px;

1409 height: 24px;

1410 }

1411 html body .nav #member_menu a :last-child {

1412 display: none;

1413 }

1414 html body .notifications span {

1415 margin-left: -5px;

1416 }

1417 html body .swiper_tabs {

1418 clear: both;

1419 display: block;

1420 overflow: auto;

1421 margin: 6pt;

1422 }

1423 html body .swiper_tabs div {

1424 display: block;

1425 float: left;

1426 width: 33.333%;

1427 }

1428 html body .swiper_tabs div a {

1429 padding: 8px 0;

1430 display: block;

1431 text-align: center;

1432 background-color: #eee;

1433 }

1434 html body .swiper_tabs div a.active {

1435 background-color: #abe;

1436 }

1437 html body .swiper_tabs div:first-child a {

1438 border-radius: 2px 0 0 2px;

1439 }

1440 html body .swiper_tabs div:last-child a {

1441 border-radius: 0 2px 2px 0;

1442 }

1443 html body #swiper_info.active {

1444 display: block;

1445 font: bold 10pt / 125% sans-serif;

1446 z-index: 1;

1447 text-align: center;

1448 width: 100%;

1449 background-color: #255078;

1450 color: #ffffff;

1451 }

1452 html body .sidebarSection {

1453 margin: 0 6pt 6pt 6pt;

1454 }

1455 html body .main,

1456 html body .extra > .section {

1457 clear: none;

1458 float: none;

1459 width: auto;

1460 margin: 0 6pt 6pt 6pt;

1461 }

1462 html body .main .section .sectionRow:last-child,

1463 html body .extra > .section .section .sectionRow:last-child {

1464 margin-bottom: 6pt;

1465 }

1466 html body .ui_filter_head.filter_mode {

1467 float: none !important;

1468 background: #ffffff !important;

1469 text-align: left !important;

1470 border-radius: 2px;

1471 margin-bottom: 6pt !important;

1472 }

1473 html body .member_photo {

1474 text-align: center;

1475 margin-bottom: 2ex;

1476 }

1477 html body .member_photo .member_image_photo {

1478 max-width: 600px;

1479 }

1480 html body #trace_content {

1481 margin: 6pt 0;

1482 border-radius: 0;

1483 }

1484 html body #trace_content ul li .trace_head {

1485 padding: 6px 5px;

1486 }

1487 html body #trace_content ul ul {

1488 padding: 5px 2px;

1489 }

1490 }

1491 .textCenter {

1492 text-align: center;

1493 }

1494 a.initiative {

1495 text-decoration: none;

1496 border-bottom: 1px solid #66c;

1497 }

1498 a.initiative:hover {

1499 border-bottom: 1px solid #007;

1500 }

1501 #trace_content {

1502 margin: 12pt;

1503 padding: 9px;

1504 border-radius: 2px;

1505 background-color: #ffffff;

1506 }

1507 #trace_content #system_error {

1508 font-family: monospace;

1509 }

1510 #trace_content ul li {

1511 margin-top: 10px;

1512 }

1513 #trace_content ul li .trace_head {

1514 padding: 3px 5px;

1515 border-radius: 2px 2px 0 0;

1516 }

1517 #trace_content ul li .trace_head:last-child {

1518 border-radius: 2px;

1519 }

1520 #trace_content ul li ul {

1521 border-radius: 0 0 2px 2px;

1522 }

1523 #trace_content ul li:first-child {

1524 margin-top: 0;

1525 }

1526 #trace_content ul ul {

1527 padding: 10px;

1528 }

1529 #trace_content .trace_config > ul {

1530 background-color: #eee;

1531 border: 1px solid #ccc;

1532 }

1533 #trace_content .trace_config > .trace_head {

1534 background-color: #ccc;

1535 color: #000;

1536 }

1537 #trace_content .trace_request > ul {

1538 background-color: #afa;

1539 }

1540 #trace_content .trace_request > .trace_head {

1541 background-color: #0c0;

1542 }

1543 #trace_content .trace_filter > ul {

1544 background-color: #ccf;

1545 border: 1px solid #00c;

1546 border-top: none;

1547 }

1548 #trace_content .trace_filter > .trace_head {

1549 background-color: #00c;

1550 color: #fff;

1551 }

1552 #trace_content .trace_view > ul {

1553 background-color: #cfc;

1554 border: 1px solid #0c0;

1555 border-top: none;

1556 }

1557 #trace_content .trace_view > .trace_head {

1558 background-color: #0c0;

1559 color: #000;

1560 }

1561 #trace_content .trace_action_neutral > ul {

1562 background-color: #ffa;

1563 border: 1px solid #fe0;

1564 }

1565 #trace_content .trace_action_neutral > .trace_head {

1566 background-color: #fe0;

1567 color: #000;

1568 }

1569 #trace_content .trace_sql {

1570 background-color: #fff;

1571 padding: 2px 4px;

1572 margin-top: 8px;

1573 }

1574 #trace_content .trace_error {

1575 background-color: #faa;

1576 color: #000;

1577 font-weight: bold;

1578 border: 1px solid #c00;

1579 }

1580 #trace_content .trace_exectime {

1581 background-color: #ccc;

1582 font-weight: bold;

1583 border-radius: 2px;

1584 }

1585 #trace_content .time {

1586 float: right;

1587 }

1588 #trace_content .total_duration {

1589 font-weight: bold;

1590 }