liquid_feedback_frontend: 6c9198d84e7c static/style.css

liquid_feedback_frontend

view static/style.css @ 1084:6c9198d84e7c

merge

author	jbe
date	Wed Jul 23 23:09:53 2014 +0200 (2014-07-23)
parents	701a5cf6b067
children

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 table.striped tr:nth-child(even) td {

68 background-color: #ddd;

69 }

70 table.striped td, table.striped label {

71 vertical-align: middle;

72 }

73 table.striped label {

74 vertical-align: top;

75 }

77 .page,

78 .topbar_content {

79 max-width: 1130px;

80 margin: 0 auto;

81 }

83 body, a {

84 color: #000;

85 }

87 img {

88 border: none;

89 }

91 table {

92 border-collapse: collapse;

93 border: none;

94 }

96 td, th {

97 padding: 0.5ex 0.5em 0.5ex 0em;

98 }

100 td {

101 vertical-align: top;

102 }

103

104 th {

105 vertical-align: bottom;

106 font-weight: bold;

107 }

108

109 a.active {

110 color: #fff;

111 }

112

113 .revoked {

114 text-decoration: line-through;

115 }

116

117 .highlighted {

118 background-color: #fa7;

119 color: #000;

120 }

121

122 .admin_only {

123 font-style: italic;

124 }

125

126 h1 {

127 font-size: 150%;

128 }

129

130 h2 {

131 font-size: 125%;

132 }

133

134 .inline {

135 display: inline;

136 }

137

138 input[type=submit] {

139 border-radius: 4px;

140 }

141

142 .btn-default {

143

144 }

145

146 /*************************************************************************

147 * Notices, warnings and errors

148 */

149

150 .layout_notice, .layout_error, .layout_warning {

151 background: #fff;

152 font-weight: bold;

153 line-height: 1.7em;

154 -moz-opacity:0.7;

155 }

156

157 .slot_notice, .slot_warning, .slot_error {

158 padding-left: 1em;

159 }

160

161 .slot_notice {

162 background-color: #cfc;

163 color: #040;

164 }

165

166 .slot_warning {

167 background-color: #fec;

168 color: #420;

169 }

170

171 .slot_error {

172 background-color: #fcc;

173 color: #400;

174 }

175

176 /*************************************************************************

177 * Navigation, search and language chooser bar

178 */

179

180 .topbar {

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

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

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

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

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

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

187 background-color: #333;

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

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

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

191 border-top: 1px solid #333;

192 line-height: 35px;

193 padding-top: 5px;

194 font-size: 115%;

195 }

196

197 .logo_liquidfeedback {

198 font-weight: bold;

199 margin-left: 15px;

200 }

201

202 .topbar .instance_name,

203 .topbar a {

204 line-height: 30px;

205 color: #f7f7f7;

206 }

207

208 .topbar a:hover,

209 .topbar a:hover .logo_liquidfeedback,

210 .topbar a:focus,

211 .topbar a:focus .logo_liquidfeedback {

212 color: #f90;

213 }

214

215 .navigation {

216 line-height: 200%;

217 }

218

219 .topbar img {

220 margin-right: 0.5em;

221 vertical-align: middle;

222 }

223

224 .topbar a {

225 padding: 0 0.5em;

226 float: left;

227 display: block;

228 white-space: nowrap;

229 }

230

231 form.unit_selector {

232 display: inline;

233 }

234

235 .topbar .navigation_right {

236 float: right;

237 padding-right: 1%;

238 }

239

240 .topbar ul {

241 list-style-type: none;

242 }

243

244

245 #member_menu {

246 z-index: 2;

247 }

248

249 #member_menu li {

250 float: left;

251 }

252

253 #member_menu li:hover {

254 position: relative;

255 z-index: 4;

256 cursor: default;

257 }

258

259 #member_menu {

260 margin: 0;

261 padding: 0;

262 width: 200px;

263 }

264

265 #member_menu > li {

266 width: 200px;

267 }

268

269 #member_menu li a {

270 float: right;

271 }

272

273 #member_menu ul {

274 margin: 0;

275 padding: 0;

276 list-style-type: none;

277 display: none;

278 position: absolute;

279 top: 100%;

280 left: 0;

281 z-index: 3;

282 width: 200px;

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

284 background: #000;

285 }

286

287 #member_menu ul li {

288 float: none;

289 }

290

291 #member_menu ul li a {

292 float: none;

293 background: #000;

294 font-size: 80%;

295 }

296

297 #member_menu ul ul {

298 top: 1px;

299 right: 1px;

300 }

301

302 #member_menu li:hover ul {

303 display: block;

304 }

305

306 #member_menu li li a {

307 background: #000;

308 border-radius: 5px;

309 color: #fff;

310 }

311

312 #member_menu ul li:hover a {

313 background: #000;

314 color: #f90;

315 }

316

317 */

318 /*************************************************************************

319 * Title of current page including path and actions

320 */

321

322 .slot_title {

323 font-size: 115%;

324 font-weight: bold;

325 margin-left: 10px;

326 margin-right: 10px;

327 margin-top: 1ex;

328 }

329

330 .slot_head {

331 background-color: #fff;

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

333 border: 1px solid #555;

334 border-top: none;

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

336 }

337

338

339 .member_thumb,

340 .member_statement,

341 .suggestion_content,

342 .slot_head,

343 .area_list,

344 .initiative_head,

345 .issues .issue,

346 .ui_tabs_links a,

347 .ui_filter a,

348 .help,

349 .use_terms,

350 .motd,

351 .vote_info .content,

352 .box,

353 div.notifications {

354 background-color: #fff;

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

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

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

358 }

359

360 .slot_head > div:last-child {

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

362 }

363

364 .page_head .title,

365 .issue .context,

366 .initiative_head .title {

367 padding: 8px 10px 2px 10px;

368 }

369

370 .initiative_head .draft_version {

371 font-weight: bold;

372 }

373

374 .initiative_head a.title {

375 display: block;

376 }

377

378 .area_list .title {

379 padding: 8px 10px 0px 10px;

380 }

381

382 .issue .title {

383 clear: left;

384 padding: 10px 10px 0px 10px;

385 }

386

387 .events .issue .title {

388 padding: 10px 10px 15px 10px;

389 }

390

391 .page_head .actions,

392 .page_head .unit_head .content,

393 .page_head .area_head .content,

394 .issue .content,

395 .initiative_head .content,

396 .area_list .unit_head .content,

397 .area_list .area .content {

398 padding: 5px 10px 5px 10px;

399 line-height: 120%;

400 }

401

402 .initiative_head {

403 margin-bottom: 2ex;

404 }

405

406 .page_head .actions:last-child,

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

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

409 .issue .content:last-child,

410 .initiative_head .content:last-child,

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

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

413 padding: 5px 10px 7px 10px;

414 }

415

416 .page_head .initiative_list,

417 .issue .initiative_list {

418 padding-left: 8px;

419 }

420

421 .issue .content.actions {

422 margin-bottom: 1ex;

423 }

424

425 .area_head {

426 overflow: auto;

427 }

428

429

430 .page_head .title,

431 .issue .title,

432 .initiative_head .title,

433 .area_list .unit_head .unit_name,

434 .area_list .area_name {

435 font-weight: bold;

436 font-size: 115%;

437 }

438

439 .page_head .area_head .content,

440 .page_head .area_head .content a,

441 .page_head .issue .content.actions,

442 .page_head .issue .content.actions a,

443 .issues .issue .content.actions,

444 .issues .issue .content.actions a,

445 .area_list .area .content,

446 .area_list .area .content a {

447 color: #000;

448 }

449

450

451 .unit_head {

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

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

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

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

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

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

458 background-color: #44a;

459 color: #f0f0f0;

460 }

461

462 .unit_head:last-child {

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

464 }

465

466 .area_head:last-child {

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

468 }

469

470 .unit_head .content, .unit_head a {

471 color: #f7f7f7;

472 }

473 .area_head,

474 .area_list .area_head {

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

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

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

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

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

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

481 background-color: #abf;

482 }

483

484 .area_list .area > .content,

485 .issue {

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

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

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

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

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

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

492 background-color: #e0e9ff;

493 }

494

495 .unit_link, .area_link {

496 float: left;

497 margin-top: 5px;

498 padding: 0px 5px;

499 border-radius: 5px;

500 line-height: 170%;

501 margin-right: 8px;

502 }

503

504 table .unit_link,

505 table .area_link {

506 margin-top: 1px;

507 }

508

509 .unit_link {

510 background-color: #44a;

511 color: #fff;

512 }

513

514 .area_link {

515 background-color: #abf;

516 color: #000;

517 }

518

519 .delegation_info {

520 float: right;

521 text-decoration: none;

522 padding: 5px;

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

524 }

525

526 .delegation_arrow {

527 vertical-align: middle;

528 }

529

530 .delegation_info .link {

531 text-decoration: underline;

532 color: #aaa;

533 }

534

535 a.delegation_info:hover,

536 a.delegation_info:focus {

537 background-color: #ddd;

538 }

539

540 .delegation_info .micro_avatar {

541 border: none;

542 margin: 2px;

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

544 }

545

546 .delegation_info .micro_avatar.highlighted {

547 margin: 0;

548 border: 2px solid #f90;

549 }

550

551

552 .member_list .member_image_avatar {

553 float: left;

554 margin-right: 0.5em;

555 }

556

557 .micro_avatar {

558 height: 24px;

559 border-radius: 4px;

560 vertical-align: middle;

561 }

562

563 .logo {

564 float: right;

565 margin-right: 1%;

566 }

567

568

569 .member_image_photo {

570 border-radius: 8px;

571 }

572

573 /*************************************************************************

574 * Main content

575 */

576

577 .main {

578 margin-left: 1%;

579 margin-right: 1%;

580 }

581

582 /*************************************************************************

583 * ui.tab

584 */

585 .ui_tabs_links {

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

587 line-height: 300%;

588 }

589

590 .ui_tabs_links a {

591 padding: 7px 10px;

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

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

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

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

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

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

598 background-color: #444;

599 color: #f7f7f7;

600 white-space: nowrap;

601 border-radius: 8px;

602 font-size: 115%;

603 font-weight: bold;

604 margin: 2px;

605 margin-right: 4px;

606 }

607

608 .ui_tabs_links a:hover,

609 .ui_tabs_links a:focus,

610 .ui_tabs_links a.selected {

611 margin: 0;

612 margin-right: 2px;

613 border: 2px solid #f90;

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

615 }

616

617 .ui_tabs_links a.selected {

618 text-decoration: none;

619 }

620

621

622 /*************************************************************************

623 * ui.filters

624 */

625

626 .ui_filter {

627 overflow: auto;

628 margin-top: 15px;

629 }

630

631 .ui_filter_head {

632 color: #777;

633 line-height: 200%;

634 padding-bottom: 8px;

635 margin-bottom: 6px;

636 border-bottom: 1px solid #888;

637 }

638

639 .ui_filter_head:last-child {

640 border-bottom: none;

641 }

642

643 .ui_filter a {

644 font-weight: bold;

645 margin-right: 0;

646 background-color: #fff;

647 padding: 0.5ex 0.5em;

648 border-radius: 5px;

649 border: 1px solid #bbb;

650 }

651

652 .ui_filter_head a.active {

653 border: 1px solid #666;

654 text-decoration: none;

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

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

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

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

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

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

661 background-color: #444;

662 color: #fff;

663 }

664

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

666 * ui.paginate

667 */

668

669 .ui_paginate_head {

670 display: none;

671 margin-bottom: 1ex;

672 }

673

674 .ui_paginate_foot {

675 margin-top: 1ex;

676 margin-bottom: 4ex;

677 }

678

679 .initiative_head .ui_paginate_foot {

680 margin-bottom: 1ex;

681 }

682

683 .ui_paginate_select a {

684 padding: 0.5em;

685 border-radius: 4px;

686 line-height: 250%;

687 background: #eee;

688 }

689

690 .ui_paginate_select a.active {

691 background: #444;

692 }

693

694

695 /*************************************************************************

696 * ui.bargraph

697 */

698

699 .bargraph {

700 width: 103px;

701 }

702

703 .bargraph50 {

704 width: 52px;

705 }

706

707 .bargraph div {

708 float: left;

709 margin-top: 0.5ex;

710 height: 1.3ex;

711 }

712

713 .bargraph .quorum {

714 margin-top: 0.2ex;

715 height: 1.9ex;

716 }

717

718 /*************************************************************************

719 * notifications

720 */

721

722 div.notifications {

723 margin-top: 20px;

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

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

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

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

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

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

730 background-color: #fda;

731 padding: 0.5ex;

732 border: 1px solid #777;

733 }

734

735 .notifications ul {

736 margin: 0;

737 padding: 0;

738 margin-left: 2em;

739 }

740

741 .notifications li {

742 margin: 0;

743 padding: 0;

744 margin-top: 0.5ex;

745 }

746

747 /*************************************************************************

748 * vertical ui.form

749 */

750

751 .vertical {

752 margin-top: 2ex;

753 }

754

755 .login input[type=text],

756 .vertical input[type=text],

757 .login input[type=password],

758 .vertical input[type=password],

759 .vertical textarea,

760 #voting_form textarea,

761 .vertical select {

762 font-family: sans-serif;

763 font-size: 100%;

764 width: 68%;

765 border: 1px solid #444;

766 padding: 0.2ex 0.2em 0.2ex 0.2em;

767 margin-bottom: 1ex;

768 }

769

770 .login input[type=password],

771 .vertical input[type=password] {

772 width: 16em;

773 }

774

775 .vertical select {

776 padding-right: 0;

777 }

778

779 #voting_form .ui_field_label,

780 .login .ui_field_label,

781 .vertical .ui_field_label {

782 line-height: 180%;

783 font-weight: bold;

784 color: #777;

785 width: 29%;

786 display: block;

787 float: left;

788 clear: left;

789 text-align: right;

790 padding-right: 0.5em;

791 }

792

793 .ui_field_label.label_right {

794 text-align: left;

795 width: auto;

796 }

797

798 .login input[type=text],

799 .login input[type=password] {

800 width: 10em;

801 }

802

803 .login div,

804 .vertical div {

805 clear: left;

806 }

807

808 .vertical span {

809 line-height: 180%;

810 display: block;

811 margin-bottom: 0.5ex;

812 }

813

814 .vertical span:after {

815 content: " ";

816 }

817

818 .vertical span span {

819 display: inline;

820 margin-bottom: 0;

821 }

822

823 .vertical .actions {

824 margin-left: 33%;

825 }

826

827

828 #voting_form input[type=submit],

829 .login input[type=submit],

830 .vertical input[type=submit] {

831 font-size: 100%;

832 margin-left: 29%;

833 background-color: #444444;

834 color: #fff;

835 border: none;

836 padding: 0.75ex;

837 }

838

839 #voting_form input[type=submit] {

840 margin-left: 0;

841 }

842

843

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

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

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

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

848 background-color: #444444;

849 }

850

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

852 .login input[type=text],

853 .vertical input[type=text],

854 .login input[type=password],

855 .vertical input[type=password],

856 .vertical textarea,

857 .vertical select,

858 .vertical input[type=submit],

859 .login input[type=submit] {

860 width: 98%;

861 }

862 .login .ui_field_label,

863 .vertical .ui_field_label {

864 text-align: left;

865 width: 98%;

866 }

867 .login input[type=text],

868 .login input[type=password] {

869 width: 98%;

870 }

871 .login input[type=submit],

872 .vertical input[type=submit] {

873 margin-left: 0;

874 }

875 }

876

877

878 /*************************************************************************

879 * Positive / Negtive votes

880 */

881

882

883 .positive_votes span {

884 display: inline;

885 }

886

887 .positive_votes {

888 display: inline;

889 background-color: #cfc;

890 padding: 0.3ex 0.5em 0.3ex 0.5em;

891 }

892

893 .negative_votes span {

894 display: inline;

895 }

896

897 .negative_votes {

898 display: inline;

899 background-color: #fcc;

900 padding: 0.3ex 0.5em 0.3ex 0.5em;

901 }

902

903 .suggestion_my_opinion a,

904 .suggestion_my_opinion span {

905 white-space: nowrap;

906 padding-left: 0.2ex !important;

907 padding-right: 0.2ex !important;

908 }

909

910 .active {

911 background-color: #444;

912 color: #fff;

913 }

914

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

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

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

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

919

920

921

922 /*************************************************************************

923 * Unit list

924 */

925

926 .unit_list a {

927 font-weight: bold;

928 }

929

930 /*************************************************************************

931 * Area list

932 */

933 .area_list {

934 border: 1px solid #444;

935 border-radius: 10px;

936 margin-top: 2ex;

937 }

938

939 .area_list .area {

940 border-top: 1px solid #777;

941 }

942

943 .area_list .area:first-child {

944 border-top: none;

945 }

946

947 .area_list .unit_head {

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

949 }

950

951 .area_list .unit_head:last-child {

952 border-radius: 8px;

953 }

954

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

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

957 }

958

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

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

961 }

962

963 /*************************************************************************

964 * Issues

965 */

966

967 .issues {

968 clear: left;

969 margin-top: 2ex;

970 }

971

972 .issues .issue {

973 overflow: hidden;

974 border: 1px solid #777;

975 border-radius: 8px;

976 margin-bottom: 4ex;

977 }

978

979 .issue.interested,

980 .issue.interest_by_delegation {

981 border: 1px solid #b2cdff;

982 }

983

984 .issue .suggestion {

985 margin-bottom: 1ex;

986 font-weight: bold;

987 }

988

989 .event_info {

990 margin-top: 8px;

991 clear: left;

992 float: left;

993 line-height: 125%;

994 width: 240px;

995 display: inline;

996 padding: 5px 8px;

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

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

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

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

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

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

1003 background-color: #444;

1004 color: #fff;

1005 font-style: italic;

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

1007 }

1008

1009 .event_info a {

1010 color: #fff;

1011 }

1012

1013 .events .issue {

1014 min-height: 15ex;

1015 border: 1px solid #777;

1016 }

1017

1018 .event_info .event_name,

1019 .issue_policy_info .event_name {

1020 font-weight: bold;

1021 }

1022

1023 .more_events_links {

1024 margin-left: 255px;

1025 padding: 1ex;

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

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

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

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

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

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

1032 background-color: #444;

1033 color: #fff;

1034 border-radius: 8px;

1035 font-weight: bold;

1036 }

1037

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

1039 .event_info {

1040 width: auto;

1041 margin-left: 8px;

1042 margin-right: 8px;

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

1044 }

1045 .events .issue {

1046 clear: left;

1047 }

1048 .more_events_links {

1049 margin-left: 0px;

1050 }

1051

1052 }

1053

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

1055 .events .initiative .name {

1056 clear: left;

1057 margin-left: 0px;

1058 }

1059 }

1060

1061

1062

1063 .issue_policy_info img {

1064 vertical-align: middle;

1065 }

1066

1067 .issue .interest_by_delegation {

1068 float: right;

1069 }

1070

1071 .issue .initiative_list a.highlighted {

1072 font-weight: bold;

1073 }

1074

1075 .initiative {

1076 margin-left: 1ex;

1077 margin-bottom: 1ex;

1078 line-height: 50%;

1079 }

1080

1081 .initiative .bar {

1082 margin-right: 0.3em;

1083 }

1084

1085 .initiative .rank,

1086 .initiative .bar,

1087 .initiative .interest {

1088 float: left;

1089 margin-right: 0.3em;

1090 }

1091

1092 .initiative .rank {

1093 width: 2.5em;

1094 }

1095

1096

1097 .initiative .interest {

1098 width: 20px;

1099 height: 16px;

1100 line-height: 100%;

1101 }

1102

1103 .initiative .name {

1104 line-height: 130%;

1105 margin-left: 168px;

1106 font-size: 115%;

1107 }

1108

1109 .initiative.selected .name {

1110 font-weight: bold;

1111 xfont-style: italic;

1112 }

1113

1114 .initiative.polling .name,

1115 .initiative_head.polling .title {

1116 font-style: italic;

1117 }

1118

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

1120 .initiative .name {

1121 clear: left;

1122 margin-left: 0px;

1123 }

1124 }

1125

1126

1127 .issue_initiative_list a {

1128 font-weight: bold;

1129 }

1130

1131 .more_initiatives_link {

1132 display: block;

1133 margin-left: 166px;

1134 font-style: italic;

1135 margin-bottom: 1ex;

1136 }

1137

1138 .issue tr tr {

1139 border: none;

1140 background: none;

1141 }

1142

1143 .initiative_link.selected {

1144 font-weight: bold;

1145 }

1146

1147 x.initiative_link.supported {

1148 background-color: #cdf;

1149 border-radius: 5px;

1150 }

1151

1152 x.initiative_link.potentially_supported {

1153 background-color: #cdf;

1154 border-radius: 5px;

1155 }

1156

1157 .lang_chooser {

1158 float: right;

1159 margin-right: 0.5em;

1160 }

1161

1162 .delegation_list_entry {

1163 margin-right: 2em;

1164 margin-bottom: 2ex;

1165 float: left;

1166 clear: left;

1167 }

1168

1169 .delegation_list_entry .delegation_arrow {

1170 float: left;

1171 }

1172

1173 .delegation_list_entry .delegation_scope {

1174 float: left;

1175 width: 25em;

1176 }

1177

1178 .delegation_list_entry .delegation_scope a {

1179 display: block;

1180 }

1181

1182 .member_list .member_thumb {

1183 float: left;

1184 margin-right: 10px;

1185 margin-bottom: 10px;

1186 }

1187

1188 .member_thumb {

1189 text-decoration: none;

1190 width: 205px;

1191 height: 48px;

1192 display: block;

1193 float: left;

1194 background-color: #fff;

1195 overflow: hidden;

1196 position: relative;

1197 border-radius: 8px;

1198 padding: 2px;

1199 border: 1px solid #aaa;

1200 }

1201

1202 .member_thumb a:hover div {

1203 background-color: #444;

1204 color: #fff;

1205 }

1206

1207 .member_thumb img {

1208 padding: 0;

1209 margin: 0;

1210 vertical-align: bottom;

1211 border-radius: 7px;

1212 }

1213

1214 .member_thumb .member_name {

1215 position: absolute;

1216 left: 56px;

1217 top: 2ex;

1218 font-size: 100%;

1219 width: 14em;

1220 }

1221

1222 .member_thumb .flags {

1223 float: right;

1224 }

1225

1226 .member_thumb .flags a,

1227 .member_thumb .flags img {

1228 position: static;

1229 float: right;

1230 margin-left: 0.5em;

1231 }

1232

1233 .member_thumb .flags .in_delegation_chain {

1234 font-weight: bold;

1235 }

1236

1237 .member .right {

1238 float: right;

1239 }

1240

1241 .member_thumb.not_accepted,

1242 .member_thumb.not_informed {

1243 border: 1px solid #ccc;

1244 color: #777;

1245 }

1246

1247 .member_thumb.not_accepted .member_image,

1248 .member_thumb.not_accepted .member_name,

1249 .member_thumb.not_informed .member_image,

1250 .member_thumb.not_informed .member_name {

1251 opacity: 0.4;

1252 }

1253

1254 .member_thumb.in_delegation_chain {

1255 background-color: #fda;

1256 }

1257

1258

1259 #suggestion_description {

1260 height: 15ex;

1261 }

1262

1263 .diff {

1264 background-color: #f2f2f2;

1265 border: 1px solid #ccc;

1266 padding: 1ex;

1267 }

1268

1269 .diff_added {

1270 background-color: #cfc;

1271 text-decoration: underline;

1272 }

1273

1274 .diff_removed {

1275 background-color: #fcc;

1276 text-decoration: line-through;

1277 }

1278

1279 .admitted_info,

1280 .not_admitted_info,

1281 .revoked_info,

1282 .draft_updated_info,

1283 .initiator_invite_info {

1284 padding: 1ex;

1285 }

1286

1287 .admitted_info {

1288 background-color: #afc;

1289 }

1290

1291 .not_admitted_info,

1292 .revoked_info {

1293 background-color: #fbb;

1294 }

1295

1296 .draft_updated_info,

1297 .initiator_invite_info {

1298 background-color: #fda;

1299 }

1300

1301 .motd,

1302 .public_access_issue_head {

1303 background-color: #fda;

1304 padding: 1ex;

1305 margin-top: 1ex;

1306 margin-bottom: 2ex;

1307 }

1308

1309 .suggestion_fulfilled {

1310 width: 15em;

1311 }

1312 .suggestion_fulfilled a.action {

1313 padding-left: 0;

1314 line-height: 120%;

1315 }

1316

1317 .help,

1318 .use_terms {

1319 border-radius: 8px;

1320 border: 1px solid #ffe900;

1321 background-color: #fffbce;

1322 color: #000;

1323 padding: 1ex;

1324 }

1325

1326 .help_visible {

1327 margin-top: 2ex;

1328 margin-bottom: 1ex;

1329 }

1330

1331 .help_visible .help_icon {

1332 float: right;

1333 }

1334

1335 .slot_help_hidden {

1336 float: left;

1337 margin-top: 1ex;

1338 }

1339

1340 .help_actions {

1341 float: right;

1342 }

1343

1344 .help_actions a {

1345 margin-right: 1em;

1346 color: #468;

1347 }

1348

1349 .wiki {

1350 line-height: 150%;

1351 }

1352

1353 .wiki h1,

1354 .wiki h2,

1355 .wiki h3,

1356 .wiki h4 {

1357 margin-top: 1ex;

1358 margin-bottom: 1ex;

1359 }

1360

1361 .wiki h1 {

1362 font-size: 133%;

1363 font-weight: bold;

1364 }

1365

1366 .wiki h2 {

1367 font-size: 115%;

1368 font-weight: bold;

1369 }

1370

1371 .wiki h3 {

1372 font-size: 115%;

1373 }

1374

1375 .wiki h4 {

1376 font-size: 100%;

1377 font-weight: bold;

1378 }

1379

1380 .wiki p {

1381 margin-top: 1ex;

1382 margin-bottom: 1ex;

1383 }

1384

1385 form .warning {

1386 background-color: #ffd;

1387 color: #000;

1388 border: 1px solid #dda;

1389 margin: 1ex;

1390 margin-bottom: 2ex;

1391 padding: 1ex;

1392 }

1393

1394 a.not_voted {

1395 display: block;

1396 background-color: #fec;

1397 color: #000;

1398 }

1399

1400 .action_active {

1401 background-color: #fec;

1402 }

1403

1404 .heading {

1405 display: block;

1406 font-size: 115%;

1407 font-weight: bold;

1408 margin-bottom: 10px;

1409 text-decoration: none;

1410 }

1411

1412 .heading.first {

1413 margin-top: 0;

1414 }

1415

1416 .menu_list li {

1417 padding-top: 1ex;

1418 padding-bottom: 1ex;

1419 }

1420

1421 .deactivated_member_info {

1422 background-color: #a00;

1423 color: #fff;

1424 }

1425

1426 /*************************************************************************

1427 * Voting

1428 */

1429

1430 #voting_form {

1431 margin-top: 20px;

1432 }

1433

1434 #voting {

1435 position: relative;

1436 }

1437

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

1439 border: 2px black solid;

1440 margin-top: 2ex;

1441 margin-bottom: 5ex;

1442 padding: 1ex;

1443 padding-bottom: 2ex;

1444 border-radius: 8px;

1445 }

1446 #voting .approval {

1447 background-color: #9f9;

1448 }

1449 #voting .approval .movable {

1450 background-color: #dfd;

1451 }

1452 #voting .abstention {

1453 background-color: #ccc;

1454 }

1455 #voting .abstention .movable {

1456 background-color: #f2f2f2;

1457 }

1458 #voting .disapproval {

1459 background-color: #f88;

1460 }

1461 #voting .disapproval .movable {

1462 background-color: #fbb;

1463 }

1464 #voting .cathead {

1465 font-weight: bold;

1466 }

1467 #voting .movable {

1468 position: relative;

1469 border: 1px black solid;

1470 margin-top: 1ex;

1471 padding: 0.5ex;

1472 border-radius: 8px;

1473 }

1474 #voting .voting_form_active .movable {

1475 cursor: pointer;

1476 }

1477 #voting .voting_form_active .clickable {

1478 cursor: auto;

1479 }

1480 #voting .voting_form_active a.clickable {

1481 cursor: pointer;

1482 }

1483

1484 #voting .movable {

1485 vertical-align: middle;

1486 cursor: move;

1487 }

1488

1489 /* shadows */

1490

1491 .member_statement,

1492 .suggestion_content,

1493 .initiative_head,

1494 .box,

1495 div.notifications {

1496 border-radius: 8px;

1497 }

1498

1499 .member_statement,

1500 .suggestion_content,

1501 .initiative_head,

1502 .box {

1503 border: 1px solid #777;

1504 }

1505

1506 .member_statement,

1507 .draft_content,

1508 .suggestion_content,

1509 .box {

1510 padding: 0 12px;

1511 }

1512

1513 .suggestion_content,

1514 .member_statement,

1515 .draft_content {

1516 border-left: 12px solid #777;

1517 }

1518

1519 .slot_footer {

1520 margin: 0 1%;

1521 border-top: 1px solid #ccc;

1522 padding: 1ex;

1523 text-align: center;

1524 }

1525 .slot_footer,

1526 .slot_footer a {

1527 color: #666;

1528 }

1529

1530 .footer {

1531 margin: 0 auto;

1532 max-width: 1130px;

1533 }