liquid_feedback_frontend: ae9ab3edff89 static/style.css

liquid_feedback_frontend

view static/style.css @ 898:ae9ab3edff89

Added polling support

author	bsw
date	Mon Aug 20 03:54:20 2012 +0200 (2012-08-20)
parents	ea3d3757ddc3
children	81bde33c2256

line source

2 /* Style reset */

3 html,

4 body,

5 div,

6 span,

7 applet,

8 object,

9 iframe,

10 h1, h2, h3, h4, h5, h6,

11 p, a, img,

12 form, label, legend,

13 table, tbody, tfoot, thead, tr, th,td {

14 margin: 0;

15 padding: 0;

16 border: 0;

17 outline: 0;

18 font-weight: inherit;

19 font-style: inherit;

20 font-size: 100%;

21 font-family: inherit;

22 vertical-align: baseline;

23 }

24 body {

25 line-height: 1;

26 color: black;

27 background: white;

28 }

29 li {

30 line-height: 133%;

31 }

32 p {

33 margin-top: 2ex;

34 margin-bottom: 2ex;

35 }

36 a {

37 text-decoration: underline;

38 }

39 table {

40 border-collapse: separate;

41 border-spacing: 0;

42 }

43 caption, th, td {

44 text-align: left;

45 font-weight: normal;

46 }

47 a:focus {

48 outline: 1px solid #f90;

49 }

50 /*************************************************************************

51 * Some global definitions

52 */

54 body {

55 background: #f8f8f9;

56 background-image: url("back.png");

57 line-height: 120%:

58 }

60 body, th, td {

61 font-family: sans-serif;

62 font-size: 10pt;

63 padding: 0;

64 margin: 0;

65 }

67 .page,

68 .topbar_content {

69 max-width: 1130px;

70 margin: 0 auto;

71 }

73 body, a {

74 color: #000;

75 }

77 img {

78 border: none;

79 }

81 table {

82 border-collapse: collapse;

83 border: none;

84 }

86 td, th {

87 padding: 0.5ex 0.5em 0.5ex 0em;

88 }

90 td {

91 vertical-align: top;

92 }

94 th {

95 vertical-align: bottom;

96 font-weight: bold;

97 }

99 a.active {

100 color: #fff;

101 }

102

103 .revoked {

104 text-decoration: line-through;

105 }

106

107 .highlighted {

108 background-color: #fa7;

109 color: #000;

110 }

111

112 .admin_only {

113 font-style: italic;

114 }

115

116 h1 {

117 font-size: 150%;

118 }

119

120 h2 {

121 font-size: 125%;

122 }

123

124 .inline {

125 display: inline;

126 }

127

128 /*************************************************************************

129 * Notices, warnings and errors

130 */

131

132 .layout_notice, .layout_error, .layout_warning {

133 background: #fff;

134 font-weight: bold;

135 line-height: 1.7em;

136 -moz-opacity:0.7;

137 }

138

139 .slot_notice, .slot_warning, .slot_error {

140 padding-left: 1em;

141 }

142

143 .slot_notice {

144 background-color: #cfc;

145 color: #040;

146 }

147

148 .slot_warning {

149 background-color: #fec;

150 color: #420;

151 }

152

153 .slot_error {

154 background-color: #fcc;

155 color: #400;

156 }

157

158 /*************************************************************************

159 * Navigation, search and language chooser bar

160 */

161

162 .topbar {

163 background: -webkit-linear-gradient(top, #777, #000);

164 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%,#000));

165 background: -moz-linear-gradient(#777, #000);

166 background: -ms-linear-gradient(#777, #000);

167 background: -o-linear-gradient(#777, #000);

168 background: linear-gradient(#777, #000);

169 background-color: #333;

170 box-shadow: #aaa 0 0 5px;

171 -mox-box-shadow: #aaa 0 0 5px;

172 -webkit-box-shadow: #aaa 0 0 5px;

173 border-top: 1px solid #333;

174 line-height: 35px;

175 padding-top: 5px;

176 font-size: 115%;

177 }

178

179 .logo_liquidfeedback {

180 font-weight: bold;

181 margin-left: 15px;

182 }

183

184 .topbar .instance_name,

185 .topbar a {

186 line-height: 30px;

187 color: #f7f7f7;

188 }

189

190 .topbar a:hover,

191 .topbar a:hover .logo_liquidfeedback,

192 .topbar a:focus,

193 .topbar a:focus .logo_liquidfeedback {

194 color: #f90;

195 }

196

197 .navigation {

198 line-height: 200%;

199 }

200

201 .topbar img {

202 margin-right: 0.5em;

203 vertical-align: middle;

204 }

205

206 .topbar a {

207 padding: 0 0.5em;

208 float: left;

209 display: block;

210 white-space: nowrap;

211 }

212

213 form.unit_selector {

214 display: inline;

215 }

216

217 .topbar .navigation_right {

218 float: right;

219 padding-right: 1%;

220 }

221

222 .topbar ul {

223 list-style-type: none;

224 }

225

226

227 #member_menu {

228 z-index: 2;

229 }

230

231 #member_menu li {

232 float: left;

233 }

234

235 #member_menu li:hover {

236 position: relative;

237 z-index: 4;

238 cursor: default;

239 }

240

241 #member_menu {

242 margin: 0;

243 padding: 0;

244 width: 200px;

245 }

246

247 #member_menu > li {

248 width: 200px;

249 }

250

251 #member_menu li a {

252 float: right;

253 }

254

255 #member_menu ul {

256 margin: 0;

257 padding: 0;

258 list-style-type: none;

259 display: none;

260 position: absolute;

261 top: 100%;

262 left: 0;

263 z-index: 3;

264 width: 200px;

265 border-radius: 0 0 8px 8px;

266 background: #000;

267 }

268

269 #member_menu ul li {

270 float: none;

271 }

272

273 #member_menu ul li a {

274 float: none;

275 background: #000;

276 font-size: 80%;

277 }

278

279 #member_menu ul ul {

280 top: 1px;

281 right: 1px;

282 }

283

284 #member_menu li:hover ul {

285 display: block;

286 }

287

288 #member_menu li li a {

289 background: #000;

290 border-radius: 5px;

291 color: #fff;

292 }

293

294 #member_menu ul li:hover a {

295 background: #000;

296 color: #f90;

297 }

298

299 */

300 /*************************************************************************

301 * Title of current page including path and actions

302 */

303

304 .slot_title {

305 font-size: 115%;

306 font-weight: bold;

307 margin-left: 10px;

308 margin-right: 10px;

309 margin-top: 1ex;

310 }

311

312 .slot_head {

313 background-color: #fff;

314 margin: 0px 1% 2ex 1%;

315 border: 1px solid #555;

316 border-top: none;

317 border-radius: 0 0 8px 8px;

318 }

319

320

321 .member_thumb,

322 .member_statement,

323 .suggestion_content,

324 .slot_head,

325 .area_list,

326 .initiative_head,

327 .issues .issue,

328 .ui_tabs_links a,

329 .ui_filter a,

330 .help,

331 .use_terms,

332 .motd,

333 .vote_info .content,

334 .box,

335 div.notifications {

336 background-color: #fff;

337 box-shadow: #ccc 2px 2px 4px;

338 -mox-box-shadow: #ccc 2px 2px 4px;

339 -webkit-box-shadow: #ccc 2px 2px 4px;

340 }

341

342 .slot_head > div:last-child {

343 border-radius: 0 0 8px 8px;

344 }

345

346 .page_head .title,

347 .issue .context,

348 .initiative_head .title {

349 padding: 8px 10px 2px 10px;

350 }

351

352 .initiative_head .draft_version {

353 font-weight: bold;

354 }

355

356 .initiative_head a.title {

357 display: block;

358 }

359

360 .area_list .title {

361 padding: 8px 10px 0px 10px;

362 }

363

364 .issue .title {

365 clear: left;

366 padding: 10px 10px 0px 10px;

367 }

368

369 .events .issue .title {

370 padding: 10px 10px 15px 10px;

371 }

372

373 .page_head .actions,

374 .page_head .unit_head .content,

375 .page_head .area_head .content,

376 .issue .content,

377 .initiative_head .content,

378 .area_list .unit_head .content,

379 .area_list .area .content {

380 padding: 5px 10px 5px 10px;

381 line-height: 120%;

382 }

383

384 .initiative_head {

385 margin-bottom: 2ex;

386 }

387

388 .page_head .actions:last-child,

389 .page_head .unit_head .content:last-child,

390 .page_head .area_head .content:last-child,

391 .issue .content:last-child,

392 .initiative_head .content:last-child,

393 .area_list .unit_head .content:last-child,

394 .area_list .area .content:last-child {

395 padding: 5px 10px 7px 10px;

396 }

397

398 .page_head .initiative_list,

399 .issue .initiative_list {

400 padding-left: 8px;

401 }

402

403 .issue .content.actions {

404 margin-bottom: 1ex;

405 }

406

407 .area_head {

408 overflow: auto;

409 }

410

411

412 .page_head .title,

413 .issue .title,

414 .initiative_head .title,

415 .area_list .unit_head .unit_name,

416 .area_list .area_name {

417 font-weight: bold;

418 font-size: 115%;

419 }

420

421 .page_head .area_head .content,

422 .page_head .area_head .content a,

423 .page_head .issue .content.actions,

424 .page_head .issue .content.actions a,

425 .issues .issue .content.actions,

426 .issues .issue .content.actions a,

427 .area_list .area .content,

428 .area_list .area .content a {

429 color: #000;

430 }

431

432

433 .unit_head {

434 background: -webkit-linear-gradient(top, #67d, #23a);

435 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67d), color-stop(100%,#23a));

436 background: -moz-linear-gradient(#67d, #23a);

437 background: -ms-linear-gradient(#67d, #23a);

438 background: -o-linear-gradient(#67d, #23a);

439 background: linear-gradient(#67d, #23a);

440 background-color: #44a;

441 color: #f0f0f0;

442 }

443

444 .unit_head:last-child {

445 border-radius: 0 0 8px 8px;

446 }

447

448 .area_head:last-child {

449 border-radius: 0 0 8px 8px;

450 }

451

452 .unit_head .content, .unit_head a {

453 color: #f7f7f7;

454 }

455 .area_head,

456 .area_list .area_head {

457 background: -webkit-linear-gradient(top, #cdf, #abe);

458 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdf), color-stop(100%,#abe));

459 background: -moz-linear-gradient(#cdf, #abe);

460 background: -ms-linear-gradient(#cdf, #abe);

461 background: -o-linear-gradient(#cdf, #abe);

462 background: linear-gradient(#cdf, #abe);

463 background-color: #abf;

464 }

465

466 .area_list .area > .content,

467 .issue {

468 background: -webkit-linear-gradient(top, #f7faff, #e0e9ff);

469 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7faff), color-stop(100%,#e0e9ff));

470 background: -moz-linear-gradient(#f7faff, #e0e9ff);

471 background: -ms-linear-gradient(#f7faff, #e0e9ff);

472 background: -o-linear-gradient(#f7faff, #e0e9ff);

473 background: linear-gradient(#f7faff, #e0e9ff);

474 background-color: #e0e9ff;

475 }

476

477 .unit_link, .area_link {

478 float: left;

479 margin-top: 5px;

480 padding: 0px 5px;

481 border-radius: 5px;

482 line-height: 170%;

483 margin-right: 8px;

484 }

485

486 .unit_link {

487 background-color: #44a;

488 color: #fff;

489 }

490

491 .area_link {

492 background-color: #abf;

493 color: #000;

494 }

495

496 .delegation_info {

497 float: right;

498 text-decoration: none;

499 padding: 5px;

500 border-radius: 0px 5px 0px 5px;

501 }

502

503 .delegation_arrow {

504 vertical-align: middle;

505 }

506

507 .delegation_info .link {

508 text-decoration: underline;

509 color: #aaa;

510 }

511

512 a.delegation_info:hover,

513 a.delegation_info:focus {

514 background-color: #ddd;

515 }

516

517 .delegation_info .micro_avatar {

518 border: none;

519 margin: 2px;

520 box-shadow: 1px 1px 2px #000;

521 }

522

523 .delegation_info .micro_avatar.highlighted {

524 margin: 0;

525 border: 2px solid #f90;

526 }

527

528

529 .member_list .member_image_avatar {

530 float: left;

531 margin-right: 0.5em;

532 }

533

534 .micro_avatar {

535 height: 24px;

536 border-radius: 4px;

537 vertical-align: middle;

538 }

539

540 .logo {

541 float: right;

542 margin-right: 1%;

543 }

544

545

546 .member_image_photo {

547 border-radius: 8px;

548 }

549

550 /*************************************************************************

551 * Main content

552 */

553

554 .main {

555 margin-left: 1%;

556 margin-right: 1%;

557 }

558

559 /*************************************************************************

560 * ui.tab

561 */

562 .ui_tabs_links {

563 margin: 20px 0px 10px -2px;

564 line-height: 300%;

565 }

566

567 .ui_tabs_links a {

568 padding: 7px 10px;

569 background: -webkit-linear-gradient(top, #777, #000);

570 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%,#000));

571 background: -moz-linear-gradient(#777, #000);

572 background: -ms-linear-gradient(#777, #000);

573 background: -o-linear-gradient(#777, #000);

574 background: linear-gradient(#777, #000);

575 background-color: #444;

576 color: #f7f7f7;

577 white-space: nowrap;

578 border-radius: 8px;

579 font-size: 115%;

580 font-weight: bold;

581 margin: 2px;

582 margin-right: 4px;

583 }

584

585 .ui_tabs_links a:hover,

586 .ui_tabs_links a:focus,

587 .ui_tabs_links a.selected {

588 margin: 0;

589 margin-right: 2px;

590 border: 2px solid #f90;

591 box-shadow: 0px 0px 3px 1px #f90;

592 }

593

594 .ui_tabs_links a.selected {

595 text-decoration: none;

596 }

597

598

599 /*************************************************************************

600 * ui.filters

601 */

602

603 .ui_filter {

604 overflow: auto;

605 margin-top: 15px;

606 }

607

608 .ui_filter_head {

609 color: #777;

610 line-height: 200%;

611 padding-bottom: 8px;

612 margin-bottom: 6px;

613 border-bottom: 1px solid #888;

614 }

615

616 .ui_filter_head:last-child {

617 border-bottom: none;

618 }

619

620 .ui_filter a {

621 font-weight: bold;

622 margin-right: 0;

623 background-color: #fff;

624 padding: 0.5ex 0.5em;

625 border-radius: 5px;

626 border: 1px solid #bbb;

627 }

628

629 .ui_filter_head a.active {

630 border: 1px solid #666;

631 text-decoration: none;

632 background: -webkit-linear-gradient(top, #666, #222);

633 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%,#222));

634 background: -moz-linear-gradient(#666, #222);

635 background: -ms-linear-gradient(#666, #222);

636 background: -o-linear-gradient(#666, #222);

637 background: linear-gradient(#666, #222);

638 background-color: #444;

639 color: #fff;

640 }

641

642 /*************************************************************************

643 * ui.paginate

644 */

645

646 .ui_paginate_head {

647 display: none;

648 margin-bottom: 1ex;

649 }

650

651 .ui_paginate_foot {

652 margin-top: 1ex;

653 margin-bottom: 4ex;

654 }

655

656 .initiative_head .ui_paginate_foot {

657 margin-bottom: 1ex;

658 }

659

660 .ui_paginate_select a {

661 padding: 0.5em;

662 border-radius: 4px;

663 }

664

665 /*************************************************************************

666 * ui.bargraph

667 */

668

669 .bargraph {

670 width: 103px;

671 }

672

673 .bargraph50 {

674 width: 52px;

675 }

676

677 .bargraph div {

678 float: left;

679 margin-top: 0.5ex;

680 height: 1.3ex;

681 }

682

683 .bargraph .quorum {

684 margin-top: 0.2ex;

685 height: 1.9ex;

686 }

687

688 /*************************************************************************

689 * notifications

690 */

691

692 div.notifications {

693 margin-top: 20px;

694 background: -webkit-linear-gradient(top, #fec, #fc9);

695 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fec), color-stop(100%,#fc9));

696 background: -moz-linear-gradient(#fec, #fc9);

697 background: -ms-linear-gradient(#fec, #fc9);

698 background: -o-linear-gradient(#fec, #fc9);

699 background: linear-gradient(#fec, #fc9);

700 background-color: #fda;

701 padding: 0.5ex;

702 border: 1px solid #777;

703 }

704

705 .notifications ul {

706 margin: 0;

707 padding: 0;

708 margin-left: 2em;

709 }

710

711 .notifications li {

712 margin: 0;

713 padding: 0;

714 margin-top: 0.5ex;

715 }

716

717 /*************************************************************************

718 * vertical ui.form

719 */

720

721 .vertical {

722 margin-top: 2ex;

723 }

724

725 .login input[type=text],

726 .vertical input[type=text],

727 .login input[type=password],

728 .vertical input[type=password],

729 .vertical textarea,

730 #voting_form textarea,

731 .vertical select {

732 font-family: sans-serif;

733 font-size: 100%;

734 width: 68%;

735 border: 1px solid #444;

736 padding: 0.2ex 0.2em 0.2ex 0.2em;

737 margin-bottom: 1ex;

738 }

739

740 .login input[type=password],

741 .vertical input[type=password] {

742 width: 16em;

743 }

744

745 .vertical select {

746 padding-right: 0;

747 }

748

749 #voting_form .ui_field_label,

750 .login .ui_field_label,

751 .vertical .ui_field_label {

752 line-height: 180%;

753 font-weight: bold;

754 color: #777;

755 width: 29%;

756 display: block;

757 float: left;

758 clear: left;

759 text-align: right;

760 padding-right: 0.5em;

761 }

762

763 .ui_field_label.label_right {

764 text-align: left;

765 width: auto;

766 }

767

768 .login input[type=text],

769 .login input[type=password] {

770 width: 10em;

771 }

772

773 .login div,

774 .vertical div {

775 clear: left;

776 }

777

778 .vertical span {

779 line-height: 180%;

780 display: block;

781 margin-bottom: 0.5ex;

782 }

783

784 .vertical span:after {

785 content: " ";

786 }

787

788 .vertical span span {

789 display: inline;

790 margin-bottom: 0;

791 }

792

793 #voting_form input[type=submit],

794 .login input[type=submit],

795 .vertical input[type=submit] {

796 font-size: 100%;

797 margin-left: 29%;

798 background-color: #444444;

799 color: #fff;

800 border: none;

801 padding: 0.75ex;

802 }

803

804 #voting_form input[type=submit] {

805 margin-left: 0;

806 }

807

808

809 .login input[type=submit]:hover,

810 .vertical input[type=submit]:hover,

811 .login input[type=submit]:focus,

812 .vertical input[type=submit]:focus {

813 background-color: #444444;

814 }

815

816 @media screen and (max-width: 480px) {

817 .login input[type=text],

818 .vertical input[type=text],

819 .login input[type=password],

820 .vertical input[type=password],

821 .vertical textarea,

822 .vertical select,

823 .vertical input[type=submit],

824 .login input[type=submit] {

825 width: 98%;

826 }

827 .login .ui_field_label,

828 .vertical .ui_field_label {

829 text-align: left;

830 width: 98%;

831 }

832 .login input[type=text],

833 .login input[type=password] {

834 width: 98%;

835 }

836 .login input[type=submit],

837 .vertical input[type=submit] {

838 margin-left: 0;

839 }

840 }

841

842

843 /*************************************************************************

844 * Positive / Negtive votes

845 */

846

847

848 .positive_votes span {

849 display: inline;

850 }

851

852 .positive_votes {

853 display: inline;

854 background-color: #cfc;

855 padding: 0.3ex 0.5em 0.3ex 0.5em;

856 }

857

858 .negative_votes span {

859 display: inline;

860 }

861

862 .negative_votes {

863 display: inline;

864 background-color: #fcc;

865 padding: 0.3ex 0.5em 0.3ex 0.5em;

866 }

867

868 .suggestion_my_opinion a,

869 .suggestion_my_opinion span {

870 white-space: nowrap;

871 padding-left: 0.2ex !important;

872 padding-right: 0.2ex !important;

873 }

874

875 .active {

876 background-color: #444;

877 color: #fff;

878 }

879

880 .active_red2 { background-color: #a00; color: #fff !important; }

881 .active_red1 { background-color: #f88; color: #000 !important; }

882 .active_green1 { background-color: #8f8; color: #000 !important; }

883 .active_green2 { background-color: #0a0; color: #000 !important; }

884

885

886

887 /*************************************************************************

888 * Unit list

889 */

890

891 .unit_list a {

892 font-weight: bold;

893 }

894

895 /*************************************************************************

896 * Area list

897 */

898 .area_list {

899 border: 1px solid #444;

900 border-radius: 10px;

901 margin-top: 2ex;

902 }

903

904 .area_list .area {

905 border-top: 1px solid #777;

906 }

907

908 .area_list .area:first-child {

909 border-top: none;

910 }

911

912 .area_list .unit_head {

913 border-radius: 8px 8px 0 0;

914 }

915

916 .area_list .unit_head:last-child {

917 border-radius: 8px;

918 }

919

920 .area_list .area:last-child .content:last-child{

921 border-radius: 0 0 8px 8px;

922 }

923

924 .area_list .area:first-child .area_head {

925 border-radius: 8px 8px 0 0;

926 }

927

928 /*************************************************************************

929 * Issues

930 */

931

932 .issues {

933 clear: left;

934 margin-top: 2ex;

935 }

936

937 .issues .issue {

938 overflow: hidden;

939 border: 1px solid #777;

940 border-radius: 8px;

941 margin-bottom: 4ex;

942 }

943

944 .issue.interested,

945 .issue.interest_by_delegation {

946 border: 1px solid #b2cdff;

947 }

948

949 .issue .suggestion {

950 margin-bottom: 1ex;

951 font-weight: bold;

952 }

953

954 .event_info {

955 margin-top: 8px;

956 clear: left;

957 float: left;

958 line-height: 125%;

959 width: 240px;

960 display: inline;

961 padding: 5px 8px;

962 background: -webkit-linear-gradient(top, #888, #222);

963 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222));

964 background: -moz-linear-gradient(#888, #222);

965 background: -ms-linear-gradient(#888, #222);

966 background: -o-linear-gradient(#888, #222);

967 background: linear-gradient(#888, #222);

968 background-color: #444;

969 color: #fff;

970 font-style: italic;

971 border-radius: 8px 0 0 8px;

972 }

973

974 .event_info a {

975 color: #fff;

976 }

977

978 .events .issue {

979 min-height: 15ex;

980 border: 1px solid #777;

981 }

982

983 .event_info .event_name,

984 .issue_policy_info .event_name {

985 font-weight: bold;

986 }

987

988 .more_events_links {

989 margin-left: 255px;

990 padding: 1ex;

991 background: -webkit-linear-gradient(top, #888, #222);

992 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222));

993 background: -moz-linear-gradient(#888, #222);

994 background: -ms-linear-gradient(#888, #222);

995 background: -o-linear-gradient(#888, #222);

996 background: linear-gradient(#888, #222);

997 background-color: #444;

998 color: #fff;

999 border-radius: 8px;

1000 font-weight: bold;

1001 }

1002

1003 @media screen and (max-width: 720px) {

1004 .event_info {

1005 width: auto;

1006 margin-left: 8px;

1007 margin-right: 8px;

1008 border-radius: 8px 8px 0 0;

1009 }

1010 .events .issue {

1011 clear: left;

1012 }

1013 .more_events_links {

1014 margin-left: 0px;

1015 }

1016

1017 }

1018

1019 @media screen and (max-width: 480px) {

1020 .events .initiative .name {

1021 clear: left;

1022 margin-left: 0px;

1023 }

1024 }

1025

1026

1027

1028 .issue_policy_info img {

1029 vertical-align: middle;

1030 }

1031

1032 .issue .interest_by_delegation {

1033 float: right;

1034 }

1035

1036 .issue .initiative_list a.highlighted {

1037 font-weight: bold;

1038 }

1039

1040 .initiative {

1041 margin-left: 1ex;

1042 margin-bottom: 1ex;

1043 line-height: 50%;

1044 }

1045

1046 .initiative .bar {

1047 margin-right: 0.3em;

1048 }

1049

1050 .initiative .rank,

1051 .initiative .bar,

1052 .initiative .interest {

1053 float: left;

1054 margin-right: 0.3em;

1055 }

1056

1057 .initiative .rank {

1058 width: 2.5em;

1059 }

1060

1061

1062 .initiative .interest {

1063 width: 20px;

1064 height: 16px;

1065 line-height: 100%;

1066 }

1067

1068 .initiative .name {

1069 line-height: 130%;

1070 margin-left: 168px;

1071 font-size: 115%;

1072 }

1073

1074 .initiative.selected .name {

1075 font-weight: bold;

1076 xfont-style: italic;

1077 }

1078

1079 .initiative.polling .name,

1080 .initiative_head.polling .title {

1081 font-style: italic;

1082 }

1083

1084 @media screen and (max-width: 480px) {

1085 .initiative .name {

1086 clear: left;

1087 margin-left: 0px;

1088 }

1089 }

1090

1091

1092 .issue_initiative_list a {

1093 font-weight: bold;

1094 }

1095

1096 .more_initiatives_link {

1097 display: block;

1098 margin-left: 166px;

1099 font-style: italic;

1100 margin-bottom: 1ex;

1101 }

1102

1103 .issue tr tr {

1104 border: none;

1105 background: none;

1106 }

1107

1108 .initiative_link.selected {

1109 font-weight: bold;

1110 }

1111

1112 x.initiative_link.supported {

1113 background-color: #cdf;

1114 border-radius: 5px;

1115 }

1116

1117 x.initiative_link.potentially_supported {

1118 background-color: #cdf;

1119 border-radius: 5px;

1120 }

1121

1122 .lang_chooser {

1123 float: right;

1124 margin-right: 0.5em;

1125 }

1126

1127 .delegation_list_entry {

1128 margin-right: 2em;

1129 margin-bottom: 2ex;

1130 float: left;

1131 clear: left;

1132 }

1133

1134 .delegation_list_entry .delegation_arrow {

1135 float: left;

1136 }

1137

1138 .delegation_list_entry .delegation_scope {

1139 float: left;

1140 width: 25em;

1141 }

1142

1143 .delegation_list_entry .delegation_scope a {

1144 display: block;

1145 }

1146

1147 .member_list .member_thumb {

1148 float: left;

1149 margin-right: 10px;

1150 margin-bottom: 10px;

1151 }

1152

1153 .member_thumb {

1154 text-decoration: none;

1155 width: 205px;

1156 height: 48px;

1157 display: block;

1158 float: left;

1159 background-color: #fff;

1160 overflow: hidden;

1161 position: relative;

1162 border-radius: 8px;

1163 padding: 2px;

1164 border: 1px solid #aaa;

1165 }

1166

1167 .member_thumb a:hover div {

1168 background-color: #444;

1169 color: #fff;

1170 }

1171

1172 .member_thumb img {

1173 padding: 0;

1174 margin: 0;

1175 vertical-align: bottom;

1176 border-radius: 7px;

1177 }

1178

1179 .member_thumb .member_name {

1180 position: absolute;

1181 left: 56px;

1182 top: 2ex;

1183 font-size: 100%;

1184 width: 14em;

1185 }

1186

1187 .member_thumb .flags {

1188 float: right;

1189 }

1190

1191 .member_thumb .flags a,

1192 .member_thumb .flags img {

1193 position: static;

1194 float: right;

1195 margin-left: 0.5em;

1196 }

1197

1198 .member_thumb .flags .in_delegation_chain {

1199 font-weight: bold;

1200 }

1201

1202 .member .right {

1203 float: right;

1204 }

1205

1206 .member_thumb.not_accepted,

1207 .member_thumb.not_informed {

1208 border: 1px solid #ccc;

1209 color: #777;

1210 }

1211

1212 .member_thumb.not_accepted .member_image,

1213 .member_thumb.not_accepted .member_name,

1214 .member_thumb.not_informed .member_image,

1215 .member_thumb.not_informed .member_name {

1216 opacity: 0.4;

1217 }

1218

1219 .member_thumb.in_delegation_chain {

1220 background-color: #fda;

1221 }

1222

1223

1224 #suggestion_description {

1225 height: 15ex;

1226 }

1227

1228 .diff {

1229 background-color: #f2f2f2;

1230 border: 1px solid #ccc;

1231 padding: 1ex;

1232 }

1233

1234 .diff_added {

1235 background-color: #cfc;

1236 text-decoration: underline;

1237 }

1238

1239 .diff_removed {

1240 background-color: #fcc;

1241 text-decoration: line-through;

1242 }

1243

1244 .admitted_info,

1245 .not_admitted_info,

1246 .revoked_info,

1247 .draft_updated_info,

1248 .initiator_invite_info {

1249 padding: 1ex;

1250 }

1251

1252 .admitted_info {

1253 background-color: #afc;

1254 }

1255

1256 .not_admitted_info,

1257 .revoked_info {

1258 background-color: #fbb;

1259 }

1260

1261 .draft_updated_info,

1262 .initiator_invite_info {

1263 background-color: #fda;

1264 }

1265

1266 .motd,

1267 .public_access_issue_head {

1268 background-color: #fda;

1269 padding: 1ex;

1270 margin-top: 1ex;

1271 margin-bottom: 2ex;

1272 }

1273

1274 .suggestion_fulfilled {

1275 width: 15em;

1276 }

1277 .suggestion_fulfilled a.action {

1278 padding-left: 0;

1279 line-height: 120%;

1280 }

1281

1282 .help,

1283 .use_terms {

1284 border-radius: 8px;

1285 border: 1px solid #ffe900;

1286 background-color: #fffbce;

1287 color: #000;

1288 padding: 1ex;

1289 }

1290

1291 .help_visible {

1292 margin-top: 2ex;

1293 margin-bottom: 1ex;

1294 }

1295

1296 .help_visible .help_icon {

1297 float: right;

1298 }

1299

1300 .slot_help_hidden {

1301 float: left;

1302 margin-top: 1ex;

1303 }

1304

1305 .help_actions {

1306 float: right;

1307 }

1308

1309 .help_actions a {

1310 margin-right: 1em;

1311 color: #468;

1312 }

1313

1314 .wiki {

1315 line-height: 150%;

1316 }

1317

1318 .wiki h1,

1319 .wiki h2,

1320 .wiki h3,

1321 .wiki h4 {

1322 margin-top: 1ex;

1323 margin-bottom: 1ex;

1324 }

1325

1326 .wiki h1 {

1327 font-size: 133%;

1328 font-weight: bold;

1329 }

1330

1331 .wiki h2 {

1332 font-size: 115%;

1333 font-weight: bold;

1334 }

1335

1336 .wiki h3 {

1337 font-size: 115%;

1338 }

1339

1340 .wiki h4 {

1341 font-size: 100%;

1342 font-weight: bold;

1343 }

1344

1345 .wiki p {

1346 margin-top: 1ex;

1347 margin-bottom: 1ex;

1348 }

1349

1350 form .warning {

1351 background-color: #ffd;

1352 color: #000;

1353 border: 1px solid #dda;

1354 margin: 1ex;

1355 margin-bottom: 2ex;

1356 padding: 1ex;

1357 }

1358

1359 a.not_voted {

1360 display: block;

1361 background-color: #fec;

1362 color: #000;

1363 }

1364

1365 .action_active {

1366 background-color: #fec;

1367 }

1368

1369 .heading {

1370 display: block;

1371 font-size: 115%;

1372 font-weight: bold;

1373 margin-bottom: 10px;

1374 text-decoration: none;

1375 }

1376

1377 .heading.first {

1378 margin-top: 0;

1379 }

1380

1381 .menu_list li {

1382 padding-top: 1ex;

1383 padding-bottom: 1ex;

1384 }

1385

1386 .deactivated_member_info {

1387 background-color: #a00;

1388 color: #fff;

1389 }

1390

1391 /*************************************************************************

1392 * Voting

1393 */

1394

1395 #voting_form {

1396 margin-top: 20px;

1397 }

1398

1399 #voting {

1400 position: relative;

1401 }

1402

1403 #voting .approval, .abstention, .disapproval {

1404 border: 2px black solid;

1405 margin-top: 2ex;

1406 margin-bottom: 5ex;

1407 padding: 1ex;

1408 padding-bottom: 2ex;

1409 border-radius: 8px;

1410 }

1411 #voting .approval {

1412 background-color: #9f9;

1413 }

1414 #voting .approval .movable {

1415 background-color: #dfd;

1416 }

1417 #voting .abstention {

1418 background-color: #ccc;

1419 }

1420 #voting .abstention .movable {

1421 background-color: #f2f2f2;

1422 }

1423 #voting .disapproval {

1424 background-color: #f88;

1425 }

1426 #voting .disapproval .movable {

1427 background-color: #fbb;

1428 }

1429 #voting .cathead {

1430 font-weight: bold;

1431 }

1432 #voting .movable {

1433 position: relative;

1434 border: 1px black solid;

1435 margin-top: 1ex;

1436 padding: 0.5ex;

1437 border-radius: 8px;

1438 }

1439 #voting .voting_form_active .movable {

1440 cursor: pointer;

1441 }

1442 #voting .voting_form_active .clickable {

1443 cursor: auto;

1444 }

1445 #voting .voting_form_active a.clickable {

1446 cursor: pointer;

1447 }

1448

1449 #voting .movable {

1450 vertical-align: middle;

1451 cursor: move;

1452 }

1453

1454 /* shadows */

1455

1456 .member_statement,

1457 .suggestion_content,

1458 .initiative_head,

1459 .box,

1460 div.notifications {

1461 border-radius: 8px;

1462 }

1463

1464 .member_statement,

1465 .suggestion_content,

1466 .initiative_head,

1467 .box {

1468 border: 1px solid #777;

1469 }

1470

1471 .member_statement,

1472 .draft_content,

1473 .suggestion_content,

1474 .box {

1475 padding: 0 12px;

1476 }

1477

1478 .suggestion_content,

1479 .member_statement,

1480 .draft_content {

1481 border-left: 12px solid #777;

1482 }

1483

1484 .slot_footer {

1485 margin: 0 1%;

1486 border-top: 1px solid #ccc;

1487 padding: 1ex;

1488 text-align: center;

1489 }

1490 .slot_footer,

1491 .slot_footer a {

1492 color: #666;

1493 }

1494

1495 .footer {

1496 margin: 0 auto;

1497 max-width: 1130px;

1498 }