liquid_feedback_frontend: b716804d1909 static/lf3.css

liquid_feedback_frontend

view static/lf3.css @ 1095:b716804d1909

Fixed numbered lists in draft text

author	bsw
date	Mon Oct 20 12:55:16 2014 +0200 (2014-10-20)
parents	ef41e3449577
children	34625fb8983c

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 .sidebarSection .ui_filter_head,

460 .sidebarSection .ui_paginate_foot {

461 clear: right;

462 display: block;

463 padding: 4.5px 9px;

464 min-height: 20px;

465 }

466 .sidebarSection .sidebarRow {

467 border-top: 1px solid #aaaaaa;

468 }

469 .sidebarSection .sidebarRow.highlighted {

470 background-color: #e7f0ff;

471 }

472 .sidebarSection .sidebarRow.sidebarRowNarrow,

473 .sidebarSection .ui_filter_head,

474 .sidebarSection .ui_paginate_foot {

475 padding: 2.25px 9px;

476 }

477 .sidebarSection .sidebarRow.moreLink {

478 min-height: 0;

479 }

480 .sidebarSection a.sidebarRow {

481 text-decoration: none;

482 color: #000000;

483 }

484 .sidebarSection h1,

485 .sidebarSection h1 a,

486 .sidebarSection h2,

487 .sidebarSection h2 a,

488 .sidebarSection h3,

489 .sidebarSection h3 a {

490 color: #000000;

491 }

492 .sidebarSection a {

493 color: #222277;

494 }

495 .sidebarSection .areas .whenfolded {

496 display: none;

497 }

498 .sidebarSection .areas.folded .whenunfolded {

499 display: none;

500 }

501 .sidebarSection .areas.folded .whenfolded {

502 display: block;

503 }

504 .sidebarSection .areas.folded .disabled {

505 display: none;

506 }

507 .sidebarSection a.issue {

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

509 color: #000000;

510 }

511 .sidebarSection ul.initiatives li {

512 padding: 4.5px 9px;

513 border-top: 1px solid #aaaaaa;

514 }

515 .sidebarSection ul.initiatives li .bargraph {

516 display: block;

517 }

518 .sidebarSection ul.initiatives li .supporterCount {

519 white-space: nowrap;

520 }

521 .sidebarSection ul.initiatives .revoked .initiative_name {

522 text-decoration: line-through;

523 }

524 .sidebarSection ul.initiatives .rank1 .initiative_name {

525 font-weight: bold;

526 }

527 .sidebarSection ul.initiatives li.highlighted {

528 background-color: #e7f0ff;

529 }

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

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

532 }

533 .sidebarSection .supporters {

534 line-height: 28.799999999999997px;

535 }

536 .sidebarSection .supportCount {

537 color: #00c000;

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

539 float: right;

540 }

541 .sidebarSection .member_list .member_thumb {

542 white-space: nowrap;

543 overflow: hidden;

544 text-overflow: ellipsis;

545 }

546 .sidebarSection .member_list .member_thumb img.member_image {

547 width: 24px;

548 height: 24px;

549 vertical-align: middle;

550 margin-right: 0.2em;

551 }

552 .sidebarSection .member_list .member_thumb.in_delegation_chain {

553 font-weight: bold;

554 }

555 .sidebarSection > div {

556 position: relative;

557 }

558 .sidebarSection > div:first-child {

559 margin-top: 0;

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

561 }

562 .sidebarSection > div:last-child {

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

564 }

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

566 border-radius: 2px;

567 }

568 .sidebarSection a.unit {

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

570 }

571 .sidebarSection a.area {

572 margin-left: 20px;

573 display: block;

574 }

575 .sidebarSection .star {

576 float: left;

577 }

578 .sidebarSection .delegation_info {

579 margin-top: -3.6px;

580 margin-bottom: 1px;

581 }

582 .admitted_info h1 {

583 color: #00aa00;

584 }

585 .not_admitted_info h1,

586 .revoked_info h1 {

587 color: #aa0000;

588 }

589 .admitted_info .initiative_pie,

590 .not_admitted_info .initiative_pie {

591 float: right;

592 }

593 .admitted_info table tr th,

594 .not_admitted_info table tr th {

595 text-align: left;

596 }

597 .admitted_info table tr td,

598 .not_admitted_info table tr td {

599 text-align: right;

600 padding: 0.3ex 0.4em;

601 }

602 /*

603 * main area

604 */

605 .main_outer {

606 width: 70%;

607 }

608 .main {

609 clear: left;

610 margin-right: 12pt;

611 border-radius: 2px;

612 /*

613 * tabs und filter

614 */

615 /*

616 * initiative

617 */

618 /* the draft */

619 }

620 .main .section .sectionHead,

621 .main .section .sectionRow {

622 background-color: #ffffff;

623 overflow: auto;

624 padding: 9px;

625 }

626 .main .section .sectionHead {

627 background-color: #ffffff;

628 color: #000000;

629 margin-top: 12pt;

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

631 }

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

633 margin-top: 0;

634 }

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

636 border-radius: 2px;

637 }

638 .main .section .sectionRow {

639 margin-top: 4px;

640 }

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

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

643 margin-bottom: 12pt;

644 }

645 .main > h1 {

646 border-bottom: 1px solid #aaaaaa;

647 padding: 9px;

648 }

649 .main .ui_filter .ui_filter_head {

650 background: #ffffff;

651 color: #000000;

652 padding: 0 9px 9px 9px;

653 vertical-align: middle;

654 }

655 .main .ui_filter .ui_filter_head a {

656 white-space: nowrap;

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

658 margin-right: 0.5em;

659 }

660 .main .ui_filter .ui_filter_head a.active {

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

662 text-decoration: none;

663 color: #000000;

664 }

665 .main .ui_filter .ui_filter_head select {

666 background: #ffffff;

667 color: #444444;

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

669 border: none;

670 padding: 0;

671 margin: 0;

672 }

673 .main .ui_filter .ui_filter_head select option {

674 color: #000000;

675 }

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

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

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

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

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

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

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

683 color: #444444;

684 }

685 .main .ui_filter .ui_filter_head select.active {

686 color: #000000;

687 }

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

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

690 padding-top: 9px;

691 }

692 .main .ui_filter .ui_filter_head.filter_filter {

693 padding-top: 9px;

694 }

695 .main .ui_filter .ui_filter_head.filter_mode {

696 padding-top: 9px;

697 margin-bottom: 0;

698 padding-bottom: 0;

699 }

700 .main .ui_filter .ui_filter_head.subfilter a {

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

702 }

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

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

705 }

706 .main .filter {

707 float: right;

708 }

709 .main .delegation_info.suspended {

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

711 }

712 .main .issues .state_info {

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

714 color: #007700;

715 }

716 .main .issues .state_info.negative {

717 color: #aa0000;

718 }

719 .main ul.initiatives li {

720 margin-top: 1ex;

721 }

722 .main ul.initiatives li .bargraph {

723 float: left;

724 margin-top: 5px;

725 margin-right: 0.5em;

726 }

727 .main ul.initiatives li .initiative_name {

728 display: block;

729 margin-left: 110px;

730 }

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

732 margin-left: 0;

733 font-weight: bold;

734 }

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

736 text-decoration: line-through;

737 }

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

739 margin-top: 0;

740 clear: none;

741 }

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

743 margin-left: 0;

744 }

745 .main .member_photo {

746 float: right;

747 }

748 .main .member_thumb.in_delegation_chain {

749 font-weight: bold;

750 }

751 .main .support {

752 color: #aaa;

753 line-height: 80%;

754 float: right;

755 width: 102px;

756 }

757 .main .initiativeInfo {

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

759 line-height: 24px;

760 overflow: auto;

761 }

762 .main .initiativeInfo .support {

763 margin-top: 1ex;

764 float: left;

765 width: auto;

766 }

767 .main .initiativeInfo .mySupport {

768 line-height: 125%;

769 min-width: 12em;

770 text-align: right;

771 }

772 .main .initiativeInfo .initiators {

773 margin-top: 1.5ex;

774 margin-bottom: -1ex;

775 float: left;

776 }

777 .main .initiativeInfo .links {

778 margin-top: 1.5ex;

779 margin-bottom: -1ex;

780 float: right;

781 clear: right;

782 }

783 .main .initiativeInfo .initiator_links {

784 clear: right;

785 }

786 .main .issueInfo .links {

787 margin-top: 1.5ex;

788 margin-bottom: -1ex;

789 float: right;

790 clear: both;

791 }

792 .main .draft_updated_info {

793 color: #007700;

794 }

795 .main .draft_updated_info .info {

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

797 }

798 .main .draft {

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

800 }

801 .main .draft ul,

802 .main .draft_content ul {

803 margin-left: 1em;

804 margin-bottom: 1.5ex;

805 list-style: square;

806 padding-left: 1em;

807 }

808 .main .draft ol,

809 .main .draft_content ol {

810 margin-left: 1em;

811 margin-bottom: 1.5ex;

812 list-style: decimal;

813 padding-left: 1em;

814 }

815 .main .draft h1 {

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

817 font-size: 125%;

818 border-bottom: 1px solid #444444;

819 margin-bottom: 1ex;

820 }

821 .main .draft h2 {

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

823 font-size: 125%;

824 }

825 .main .draft h3 {

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

827 font-size: 125%;

828 }

829 .main .draft h4 {

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

831 }

832 .main .draft hr {

833 border: none;

834 border-top: 1px solid #000000;

835 }

836 .main .draft b,

837 .main .draft strong {

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

839 }

840 .main .draft i,

841 .main .draft em {

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

843 }

844 .main form,

845 .main .form {

846 margin: 0;

847 padding: 0;

848 }

849 .main form .ui_field_label,

850 .main .form .ui_field_label {

851 display: inline-block;

852 width: 25%;

853 margin: 0;

854 padding: 0;

855 text-align: right;

856 margin-bottom: 9px;

857 padding-right: 0.5%;

858 vertical-align: top;

859 color: #444444;

860 }

861 .main form input[type=text],

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

863 .main form input[type=password],

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

865 .main form select,

866 .main .form select,

867 .main form textarea,

868 .main .form textarea {

869 vertical-align: top;

870 width: 73%;

871 margin: 0;

872 padding: 3px;

873 border: 1px solid #444444;

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

875 margin-bottom: 9px;

876 }

877 .main form input:focus,

878 .main .form input:focus {

879 outline: 2px solid #397ab6;

880 }

881 .main form .actions,

882 .main .form .actions {

883 margin-left: 26%;

884 }

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

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

887 .main form.wide select,

888 .main form.wide textarea {

889 width: 100%;

890 }

891 .issues .event .initiative_pie,

892 .events .event .initiative_pie {

893 clear: right;

894 float: right;

895 }

896 .issues .event ul.initiatives .initiative_info_left,

897 .events .event ul.initiatives .initiative_info_left {

898 display: inline;

899 margin-right: 0.5em;

900 }

901 .issues .event ul.initiatives .initiative_info_right,

902 .events .event ul.initiatives .initiative_info_right {

903 float: right;

904 }

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

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

907 float: right;

908 margin-left: 0.5em;

909 }

910 .issues .event ul.initiatives .result,

911 .events .event ul.initiatives .result {

912 color: #444444;

913 margin-top: 0.5ex;

914 }

915 .issues .event ul.initiatives h3,

916 .events .event ul.initiatives h3 {

917 margin-top: 1ex;

918 margin-bottom: 0;

919 }

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

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

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

923 }

924 .issues .event .event_info,

925 .events .event .event_info {

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

927 color: #007700;

928 margin-top: 0.66ex;

929 margin-bottom: 1ex;

930 }

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

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

933 margin-bottom: 0;

934 }

935 .issues .event .event_info.negative,

936 .events .event .event_info.negative {

937 color: #aa0000;

938 }

939 .issues .event .event_time,

940 .events .event .event_time {

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

942 color: #444444;

943 }

944 .issues .event:hover .event_time,

945 .events .event:hover .event_time {

946 visibility: visible;

947 }

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

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

950 visibility: visible;

951 }

952 .issues .issue_context,

953 .events .issue_context {

954 line-height: 24px;

955 margin-bottom: 0.66ex;

956 }

957 .issues .issue_context .unit,

958 .events .issue_context .unit {

959 background-color: #777;

960 color: #fff;

961 padding: 1px 3px;

962 border-radius: 2px;

963 text-decoration: none;

964 }

965 .issues .issue_context .area,

966 .events .issue_context .area {

967 background-color: #ddd;

968 color: #000;

969 padding: 1px 3px;

970 border-radius: 2px;

971 text-decoration: none;

972 }

973 .issues .issue_info .issue,

974 .events .issue_info .issue {

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

976 color: #000000;

977 }

978 .issues img.star,

979 .events img.star {

980 vertical-align: middle;

981 float: right;

982 margin-left: 0.5em;

983 }

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

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

986 margin-top: 0;

987 margin-bottom: 1ex;

988 }

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

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

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

992 }

993 .issues .event.suggestion .suggestion,

994 .events .event.suggestion .suggestion {

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

996 overflow: hidden;

997 text-overflow: ellipsis;

998 }

999 .suggestions .suggestion .opinion {

1000 float: right;

1001 }

1002 .suggestions .suggestion .opinion .must {

1003 background-color: #00cc00;

1004 color: #ffffff;

1005 }

1006 .suggestions .suggestion .opinion .should {

1007 background-color: #44aa44;

1008 color: #ffffff;

1009 }

1010 .suggestions .suggestion .opinion .shouldnot {

1011 background-color: #aa4444;

1012 color: #ffffff;

1013 }

1014 .suggestions .suggestion .opinion .mustnot {

1015 background-color: #cc0000;

1016 color: #ffffff;

1017 }

1018 .suggestions .suggestion .opinion .implemented {

1019 background-color: #00cc00;

1020 color: #ffffff;

1021 }

1022 .suggestions .suggestion .opinion .notimplemented {

1023 background-color: #cc0000;

1024 color: #ffffff;

1025 }

1026 .suggestions .suggestion .suggestion-rating {

1027 float: right;

1028 }

1029 .suggestions .suggestion .suggestion-text {

1030 margin-top: 9px;

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

1032 overflow: hidden;

1033 text-overflow: ellipsis;

1034 position: relative;

1035 z-index: 10;

1036 }

1037 .suggestions .suggestion .suggestion-details {

1038 float: right;

1039 }

1040 .suggestions .suggestion .suggestion-more {

1041 display: none;

1042 }

1043 .suggestions .suggestion .suggestion-less {

1044 display: none;

1045 }

1046 .suggestions .suggestion .suggestionHead {

1047 overflow: hidden;

1048 text-overflow: ellipsis;

1049 }

1050 .suggestions .suggestion .rating {

1051 display: none;

1052 padding: 4.5px 0;

1053 }

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

1055 background-color: #00cc00;

1056 color: #ffffff;

1057 }

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

1059 background-color: #44aa44;

1060 color: #ffffff;

1061 }

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

1063 background-color: #aa4444;

1064 color: #ffffff;

1065 }

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

1067 background-color: #cc0000;

1068 color: #ffffff;

1069 }

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

1071 background-color: #faa;

1072 }

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

1074 background-color: #afa;

1075 }

1076 .suggestions .suggestion.rateable .suggestion-more {

1077 display: block;

1078 }

1079 .suggestions .suggestion.rateable.unfolded .rating {

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

1081 }

1082 .suggestions .suggestion.folded .suggestion-text {

1083 height: 150px;

1084 overflow: hidden;

1085 }

1086 .suggestions .suggestion.folded .suggestion-more {

1087 display: block;

1088 position: absolute;

1089 bottom: 0;

1090 left: 0;

1091 width: 100%;

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

1093 padding-top: 5ex;

1094 }

1095 .suggestions .suggestion.folded .suggestion-details {

1096 position: absolute;

1097 bottom: 0;

1098 right: 0;

1099 }

1100 .suggestions .suggestion.unfolded .suggestion-more {

1101 display: none;

1102 }

1103 .suggestions .suggestion.unfolded .rating {

1104 display: block;

1105 }

1106 .suggestions .suggestion.unfolded .suggestion-less {

1107 margin-top: 1ex;

1108 display: block;

1109 }

1110 .suggestions .suggestion.highlighted {

1111 background-color: #e7f0ff;

1112 }

1113 .suggestions .suggestion.highlighted .suggestion-more {

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

1115 }

1116 li.raw {

1117 list-style: none;

1118 padding: 0;

1119 margin: 0 !important;

1120 }

1121 .satisfiedSupporterCount {

1122 color: #070;

1123 }

1124 .potentialSupporterCount {

1125 color: #960;

1126 }

1127 .bargraph {

1128 display: inline-block;

1129 vertical-align: top;

1130 height: 9px;

1131 }

1132 .bargraph div {

1133 margin: 0;

1134 padding: 0;

1135 display: inline-block;

1136 height: 9px;

1137 }

1138 .diff .diff_added {

1139 background-color: #cfc;

1140 }

1141 .diff .diff_removed {

1142 text-decoration: line-through;

1143 background-color: #fcc;

1144 }

1145 .btn,

1146 .ui_paginate_foot a {

1147 text-decoration: none;

1148 min-width: 2em;

1149 text-align: center;

1150 display: inline-block;

1151 border-radius: 5px;

1152 border: none;

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

1154 background-color: #999;

1155 color: #fff !important;

1156 margin-bottom: 5px;

1157 }

1158 .btn {

1159 padding: 1ex 1em;

1160 }

1161 .ui_paginate_foot a {

1162 padding: 0.5ex 0.5em;

1163 background-color: #eee;

1164 color: 000 !important;

1165 }

1166 .ui_paginate_foot a.active {

1167 background-color: #666;

1168 color: #fff !important;

1169 }

1170 .btn-default {

1171 background-color: #47a;

1172 color: #fff !important;

1173 }

1174 .btn:hover,

1175 .btn:focus,

1176 .ui_paginate_foot a:hover,

1177 .ui_paginate_foot a:focus {

1178 background-color: #0a0;

1179 color: #fff !important;

1180 cursor: pointer;

1181 }

1182 .btn-dangerous:hover {

1183 background-color: #c00;

1184 color: #fff !important;

1185 }

1186 .btn-link {

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

1188 background-color: #ffffff;

1189 color: #222277;

1190 border: none;

1191 padding: 0;

1192 margin: 0;

1193 text-decoration: underline;

1194 cursor: pointer;

1195 }

1196 /*************************************************************************

1197 * Voting

1198 */

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

1200 border-radius: 0;

1201 margin-bottom: 0;

1202 }

1203 #voting {

1204 background: #ddd;

1205 padding: 9px;

1206 margin-top: 4px;

1207 position: relative;

1208 margin-bottom: 2ex;

1209 }

1210 #voting .approval,

1211 #voting .abstention,

1212 #voting .disapproval {

1213 border: 2px black solid;

1214 margin-bottom: 2ex;

1215 padding: 1ex;

1216 padding-bottom: 2ex;

1217 border-radius: 2px;

1218 }

1219 #voting .disapproval {

1220 margin-bottom: 2ex;

1221 }

1222 #voting .approval {

1223 background-color: #9f9;

1224 }

1225 #voting .approval .movable {

1226 background-color: #dfd;

1227 }

1228 #voting .abstention {

1229 background-color: #ccc;

1230 }

1231 #voting .abstention .movable {

1232 background-color: #f2f2f2;

1233 }

1234 #voting .disapproval {

1235 background-color: #f88;

1236 }

1237 #voting .disapproval .movable {

1238 background-color: #fbb;

1239 }

1240 #voting .movable {

1241 position: relative;

1242 border: 1px black solid;

1243 margin-top: 1ex;

1244 padding: 0.5ex;

1245 border-radius: 2px;

1246 }

1247 #voting .voting_form_active .movable {

1248 cursor: pointer;

1249 vertical-align: middle;

1250 cursor: move;

1251 }

1252 #voting .voting_form_active .clickable {

1253 cursor: auto;

1254 }

1255 #voting .voting_form_active a.clickable {

1256 cursor: pointer;

1257 }

1258 /*

1259 * footer

1260 */

1261 .footer {

1262 text-align: center;

1263 color: #ffffff;

1264 background-color: #000000;

1265 padding: 9px 0;

1266 border: 1px solid #000;

1267 border-top: none;

1268 }

1269 .footer a {

1270 color: #ffffff;

1271 }

1272 .ui_paginate_head {

1273 display: none;

1274 }

1275 .ui_paginate_foot {

1276 line-height: 180%;

1277 }

1278 .swiper_tabs {

1279 display: none;

1280 }

1281 #swiper_info {

1282 display: none;

1283 }

1284 .nav .searchLink {

1285 display: none;

1286 }

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

1288 html body {

1289 margin: 0;

1290 background: #255078;

1291 }

1292 html body .head {

1293 margin: 6pt;

1294 padding: 0;

1295 }

1296 html body .head .logo {

1297 display: block;

1298 padding: 0;

1299 }

1300 html body .head .logo .liquid,

1301 html body .head .logo .feedback {

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

1303 }

1304 html body .head .logo .instanceName {

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

1306 display: block;

1307 margin-left: 0;

1308 }

1309 html body .head .nav {

1310 padding: 0;

1311 }

1312 html body .initiativeInfo h1 {

1313 display: none;

1314 }

1315 html body .slot_title {

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

1317 padding: 0;

1318 margin: 0 6pt;

1319 }

1320 html body .slot_title .spacer {

1321 display: none;

1322 }

1323 html body .slot_title .unit,

1324 html body .slot_title .area,

1325 html body .slot_title .issue,

1326 html body .slot_title .initiative,

1327 html body .slot_title .member {

1328 display: block;

1329 margin-right: 0;

1330 padding: 4px 0;

1331 border-radius: 2px;

1332 overflow: auto;

1333 }

1334 html body .slot_title .unit:before,

1335 html body .slot_title .area:before,

1336 html body .slot_title .issue:before,

1337 html body .slot_title .initiative:before,

1338 html body .slot_title .member:before {

1339 content: "↳";

1340 position: relative;

1341 top: -2px;

1342 }

1343 html body .slot_title .area {

1344 margin-left: 10px;

1345 }

1346 html body .slot_title .issue {

1347 margin-left: 20px;

1348 }

1349 html body .slot_title .initiative {

1350 margin-left: 30px;

1351 }

1352 html body .slot_title a:last-child,

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

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

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

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

1357 margin-bottom: 6pt;

1358 }

1359 html body .slot_title .unit a,

1360 html body .slot_title .initiative a,

1361 html body .slot_title .issue a,

1362 html body .slot_title .area a {

1363 margin-bottom: 0;

1364 display: inline;

1365 }

1366 html body .slot_title a.home {

1367 display: none;

1368 }

1369 html body .slot_title .weight {

1370 float: right;

1371 margin: 0;

1372 }

1373 html body .slot_title .delegation_info {

1374 float: right;

1375 display: block;

1376 margin-top: -10px;

1377 }

1378 html body .slot_title a .label {

1379 display: inline;

1380 }

1381 html body .slot_title .star {

1382 float: right;

1383 margin-left: 0.5em;

1384 margin-top: -4.5px;

1385 margin-bottom: -4.5px;

1386 }

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

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

1389 }

1390 html body .page {

1391 background: none;

1392 margin: 0;

1393 box-shadow: none;

1394 }

1395 html body .nav #member_menu .text {

1396 display: none;

1397 }

1398 html body .nav form.search {

1399 display: none;

1400 }

1401 html body .nav .notifications,

1402 html body .nav .searchLink,

1403 html body .nav #member_menu a {

1404 vertical-align: middle;

1405 display: inline-block;

1406 height: 48px;

1407 min-width: 35px;

1408 text-align: center;

1409 background-color: #000;

1410 border: 1px solid #777;

1411 border-radius: 2px;

1412 margin: 0;

1413 }

1414 html body .nav .notifications img,

1415 html body .nav .searchLink img,

1416 html body .nav #member_menu a img {

1417 margin: 0;

1418 width: 48px;

1419 height: 48px;

1420 }

1421 html body .nav .notifications {

1422 padding: 12px 2px;

1423 height: 24px;

1424 }

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

1426 display: none;

1427 }

1428 html body .notifications span {

1429 margin-left: -5px;

1430 }

1431 html body .swiper_tabs {

1432 clear: both;

1433 display: block;

1434 overflow: auto;

1435 margin: 6pt;

1436 }

1437 html body .swiper_tabs div {

1438 display: block;

1439 float: left;

1440 width: 33.333%;

1441 }

1442 html body .swiper_tabs div a {

1443 padding: 8px 0;

1444 display: block;

1445 text-align: center;

1446 background-color: #eee;

1447 }

1448 html body .swiper_tabs div a.active {

1449 background-color: #abe;

1450 }

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

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

1453 }

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

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

1456 }

1457 html body #swiper_info.active {

1458 display: block;

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

1460 z-index: 1;

1461 text-align: center;

1462 width: 100%;

1463 background-color: #255078;

1464 color: #ffffff;

1465 }

1466 html body .sidebarSection {

1467 margin: 0 6pt 6pt 6pt;

1468 }

1469 html body .main,

1470 html body .extra > .section {

1471 clear: none;

1472 float: none;

1473 width: auto;

1474 margin: 0 6pt 6pt 6pt;

1475 }

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

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

1478 margin-bottom: 6pt;

1479 }

1480 html body .ui_filter_head.filter_mode {

1481 float: none !important;

1482 background: #ffffff !important;

1483 text-align: left !important;

1484 border-radius: 2px;

1485 margin-bottom: 6pt !important;

1486 }

1487 html body .member_photo {

1488 text-align: center;

1489 margin-bottom: 2ex;

1490 }

1491 html body .member_photo .member_image_photo {

1492 max-width: 600px;

1493 }

1494 html body #trace_content {

1495 margin: 6pt 0;

1496 border-radius: 0;

1497 }

1498 html body #trace_content ul li .trace_head {

1499 padding: 6px 5px;

1500 }

1501 html body #trace_content ul ul {

1502 padding: 5px 2px;

1503 }

1504 }

1505 .textCenter {

1506 text-align: center;

1507 }

1508 a.initiative {

1509 text-decoration: none;

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

1511 }

1512 a.initiative:hover {

1513 border-bottom: 1px solid #007;

1514 }

1515 #trace_content {

1516 margin: 12pt;

1517 padding: 9px;

1518 border-radius: 2px;

1519 background-color: #ffffff;

1520 }

1521 #trace_content #system_error {

1522 font-family: monospace;

1523 }

1524 #trace_content ul li {

1525 margin-top: 10px;

1526 }

1527 #trace_content ul li .trace_head {

1528 padding: 3px 5px;

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

1530 }

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

1532 border-radius: 2px;

1533 }

1534 #trace_content ul li ul {

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

1536 }

1537 #trace_content ul li:first-child {

1538 margin-top: 0;

1539 }

1540 #trace_content ul ul {

1541 padding: 10px;

1542 }

1543 #trace_content .trace_config > ul {

1544 background-color: #eee;

1545 border: 1px solid #ccc;

1546 }

1547 #trace_content .trace_config > .trace_head {

1548 background-color: #ccc;

1549 color: #000;

1550 }

1551 #trace_content .trace_request > ul {

1552 background-color: #afa;

1553 }

1554 #trace_content .trace_request > .trace_head {

1555 background-color: #0c0;

1556 }

1557 #trace_content .trace_filter > ul {

1558 background-color: #ccf;

1559 border: 1px solid #00c;

1560 border-top: none;

1561 }

1562 #trace_content .trace_filter > .trace_head {

1563 background-color: #00c;

1564 color: #fff;

1565 }

1566 #trace_content .trace_view > ul {

1567 background-color: #cfc;

1568 border: 1px solid #0c0;

1569 border-top: none;

1570 }

1571 #trace_content .trace_view > .trace_head {

1572 background-color: #0c0;

1573 color: #000;

1574 }

1575 #trace_content .trace_action_neutral > ul {

1576 background-color: #ffa;

1577 border: 1px solid #fe0;

1578 }

1579 #trace_content .trace_action_neutral > .trace_head {

1580 background-color: #fe0;

1581 color: #000;

1582 }

1583 #trace_content .trace_sql {

1584 background-color: #fff;

1585 padding: 2px 4px;

1586 margin-top: 8px;

1587 }

1588 #trace_content .trace_error {

1589 background-color: #faa;

1590 color: #000;

1591 font-weight: bold;

1592 border: 1px solid #c00;

1593 }

1594 #trace_content .trace_exectime {

1595 background-color: #ccc;

1596 font-weight: bold;

1597 border-radius: 2px;

1598 }

1599 #trace_content .time {

1600 float: right;

1601 }

1602 #trace_content .total_duration {

1603 font-weight: bold;

1604 }