liquid_feedback_frontend: d35d84938556 static/style.css

liquid_feedback_frontend

view static/style.css @ 1040:d35d84938556

Added tag v2.2.5 for changeset aa6ed1b99297

author	jbe
date	Wed Aug 14 20:37:57 2013 +0200 (2013-08-14)
parents	81bde33c2256
children	701a5cf6b067

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 /*************************************************************************

143 * Notices, warnings and errors

144 */

145

146 .layout_notice, .layout_error, .layout_warning {

147 background: #fff;

148 font-weight: bold;

149 line-height: 1.7em;

150 -moz-opacity:0.7;

151 }

152

153 .slot_notice, .slot_warning, .slot_error {

154 padding-left: 1em;

155 }

156

157 .slot_notice {

158 background-color: #cfc;

159 color: #040;

160 }

161

162 .slot_warning {

163 background-color: #fec;

164 color: #420;

165 }

166

167 .slot_error {

168 background-color: #fcc;

169 color: #400;

170 }

171

172 /*************************************************************************

173 * Navigation, search and language chooser bar

174 */

175

176 .topbar {

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

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

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

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

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

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

183 background-color: #333;

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

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

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

187 border-top: 1px solid #333;

188 line-height: 35px;

189 padding-top: 5px;

190 font-size: 115%;

191 }

192

193 .logo_liquidfeedback {

194 font-weight: bold;

195 margin-left: 15px;

196 }

197

198 .topbar .instance_name,

199 .topbar a {

200 line-height: 30px;

201 color: #f7f7f7;

202 }

203

204 .topbar a:hover,

205 .topbar a:hover .logo_liquidfeedback,

206 .topbar a:focus,

207 .topbar a:focus .logo_liquidfeedback {

208 color: #f90;

209 }

210

211 .navigation {

212 line-height: 200%;

213 }

214

215 .topbar img {

216 margin-right: 0.5em;

217 vertical-align: middle;

218 }

219

220 .topbar a {

221 padding: 0 0.5em;

222 float: left;

223 display: block;

224 white-space: nowrap;

225 }

226

227 form.unit_selector {

228 display: inline;

229 }

230

231 .topbar .navigation_right {

232 float: right;

233 padding-right: 1%;

234 }

235

236 .topbar ul {

237 list-style-type: none;

238 }

239

240

241 #member_menu {

242 z-index: 2;

243 }

244

245 #member_menu li {

246 float: left;

247 }

248

249 #member_menu li:hover {

250 position: relative;

251 z-index: 4;

252 cursor: default;

253 }

254

255 #member_menu {

256 margin: 0;

257 padding: 0;

258 width: 200px;

259 }

260

261 #member_menu > li {

262 width: 200px;

263 }

264

265 #member_menu li a {

266 float: right;

267 }

268

269 #member_menu ul {

270 margin: 0;

271 padding: 0;

272 list-style-type: none;

273 display: none;

274 position: absolute;

275 top: 100%;

276 left: 0;

277 z-index: 3;

278 width: 200px;

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

280 background: #000;

281 }

282

283 #member_menu ul li {

284 float: none;

285 }

286

287 #member_menu ul li a {

288 float: none;

289 background: #000;

290 font-size: 80%;

291 }

292

293 #member_menu ul ul {

294 top: 1px;

295 right: 1px;

296 }

297

298 #member_menu li:hover ul {

299 display: block;

300 }

301

302 #member_menu li li a {

303 background: #000;

304 border-radius: 5px;

305 color: #fff;

306 }

307

308 #member_menu ul li:hover a {

309 background: #000;

310 color: #f90;

311 }

312

313 */

314 /*************************************************************************

315 * Title of current page including path and actions

316 */

317

318 .slot_title {

319 font-size: 115%;

320 font-weight: bold;

321 margin-left: 10px;

322 margin-right: 10px;

323 margin-top: 1ex;

324 }

325

326 .slot_head {

327 background-color: #fff;

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

329 border: 1px solid #555;

330 border-top: none;

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

332 }

333

334

335 .member_thumb,

336 .member_statement,

337 .suggestion_content,

338 .slot_head,

339 .area_list,

340 .initiative_head,

341 .issues .issue,

342 .ui_tabs_links a,

343 .ui_filter a,

344 .help,

345 .use_terms,

346 .motd,

347 .vote_info .content,

348 .box,

349 div.notifications {

350 background-color: #fff;

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

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

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

354 }

355

356 .slot_head > div:last-child {

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

358 }

359

360 .page_head .title,

361 .issue .context,

362 .initiative_head .title {

363 padding: 8px 10px 2px 10px;

364 }

365

366 .initiative_head .draft_version {

367 font-weight: bold;

368 }

369

370 .initiative_head a.title {

371 display: block;

372 }

373

374 .area_list .title {

375 padding: 8px 10px 0px 10px;

376 }

377

378 .issue .title {

379 clear: left;

380 padding: 10px 10px 0px 10px;

381 }

382

383 .events .issue .title {

384 padding: 10px 10px 15px 10px;

385 }

386

387 .page_head .actions,

388 .page_head .unit_head .content,

389 .page_head .area_head .content,

390 .issue .content,

391 .initiative_head .content,

392 .area_list .unit_head .content,

393 .area_list .area .content {

394 padding: 5px 10px 5px 10px;

395 line-height: 120%;

396 }

397

398 .initiative_head {

399 margin-bottom: 2ex;

400 }

401

402 .page_head .actions:last-child,

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

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

405 .issue .content:last-child,

406 .initiative_head .content:last-child,

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

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

409 padding: 5px 10px 7px 10px;

410 }

411

412 .page_head .initiative_list,

413 .issue .initiative_list {

414 padding-left: 8px;

415 }

416

417 .issue .content.actions {

418 margin-bottom: 1ex;

419 }

420

421 .area_head {

422 overflow: auto;

423 }

424

425

426 .page_head .title,

427 .issue .title,

428 .initiative_head .title,

429 .area_list .unit_head .unit_name,

430 .area_list .area_name {

431 font-weight: bold;

432 font-size: 115%;

433 }

434

435 .page_head .area_head .content,

436 .page_head .area_head .content a,

437 .page_head .issue .content.actions,

438 .page_head .issue .content.actions a,

439 .issues .issue .content.actions,

440 .issues .issue .content.actions a,

441 .area_list .area .content,

442 .area_list .area .content a {

443 color: #000;

444 }

445

446

447 .unit_head {

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

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

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

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

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

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

454 background-color: #44a;

455 color: #f0f0f0;

456 }

457

458 .unit_head:last-child {

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

460 }

461

462 .area_head:last-child {

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

464 }

465

466 .unit_head .content, .unit_head a {

467 color: #f7f7f7;

468 }

469 .area_head,

470 .area_list .area_head {

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

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

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

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

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

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

477 background-color: #abf;

478 }

479

480 .area_list .area > .content,

481 .issue {

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

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

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

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

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

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

488 background-color: #e0e9ff;

489 }

490

491 .unit_link, .area_link {

492 float: left;

493 margin-top: 5px;

494 padding: 0px 5px;

495 border-radius: 5px;

496 line-height: 170%;

497 margin-right: 8px;

498 }

499

500 table .unit_link,

501 table .area_link {

502 margin-top: 1px;

503 }

504

505 .unit_link {

506 background-color: #44a;

507 color: #fff;

508 }

509

510 .area_link {

511 background-color: #abf;

512 color: #000;

513 }

514

515 .delegation_info {

516 float: right;

517 text-decoration: none;

518 padding: 5px;

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

520 }

521

522 .delegation_arrow {

523 vertical-align: middle;

524 }

525

526 .delegation_info .link {

527 text-decoration: underline;

528 color: #aaa;

529 }

530

531 a.delegation_info:hover,

532 a.delegation_info:focus {

533 background-color: #ddd;

534 }

535

536 .delegation_info .micro_avatar {

537 border: none;

538 margin: 2px;

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

540 }

541

542 .delegation_info .micro_avatar.highlighted {

543 margin: 0;

544 border: 2px solid #f90;

545 }

546

547

548 .member_list .member_image_avatar {

549 float: left;

550 margin-right: 0.5em;

551 }

552

553 .micro_avatar {

554 height: 24px;

555 border-radius: 4px;

556 vertical-align: middle;

557 }

558

559 .logo {

560 float: right;

561 margin-right: 1%;

562 }

563

564

565 .member_image_photo {

566 border-radius: 8px;

567 }

568

569 /*************************************************************************

570 * Main content

571 */

572

573 .main {

574 margin-left: 1%;

575 margin-right: 1%;

576 }

577

578 /*************************************************************************

579 * ui.tab

580 */

581 .ui_tabs_links {

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

583 line-height: 300%;

584 }

585

586 .ui_tabs_links a {

587 padding: 7px 10px;

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

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

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

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

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

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

594 background-color: #444;

595 color: #f7f7f7;

596 white-space: nowrap;

597 border-radius: 8px;

598 font-size: 115%;

599 font-weight: bold;

600 margin: 2px;

601 margin-right: 4px;

602 }

603

604 .ui_tabs_links a:hover,

605 .ui_tabs_links a:focus,

606 .ui_tabs_links a.selected {

607 margin: 0;

608 margin-right: 2px;

609 border: 2px solid #f90;

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

611 }

612

613 .ui_tabs_links a.selected {

614 text-decoration: none;

615 }

616

617

618 /*************************************************************************

619 * ui.filters

620 */

621

622 .ui_filter {

623 overflow: auto;

624 margin-top: 15px;

625 }

626

627 .ui_filter_head {

628 color: #777;

629 line-height: 200%;

630 padding-bottom: 8px;

631 margin-bottom: 6px;

632 border-bottom: 1px solid #888;

633 }

634

635 .ui_filter_head:last-child {

636 border-bottom: none;

637 }

638

639 .ui_filter a {

640 font-weight: bold;

641 margin-right: 0;

642 background-color: #fff;

643 padding: 0.5ex 0.5em;

644 border-radius: 5px;

645 border: 1px solid #bbb;

646 }

647

648 .ui_filter_head a.active {

649 border: 1px solid #666;

650 text-decoration: none;

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

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

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

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

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

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

657 background-color: #444;

658 color: #fff;

659 }

660

661 /*************************************************************************

662 * ui.paginate

663 */

664

665 .ui_paginate_head {

666 display: none;

667 margin-bottom: 1ex;

668 }

669

670 .ui_paginate_foot {

671 margin-top: 1ex;

672 margin-bottom: 4ex;

673 }

674

675 .initiative_head .ui_paginate_foot {

676 margin-bottom: 1ex;

677 }

678

679 .ui_paginate_select a {

680 padding: 0.5em;

681 border-radius: 4px;

682 line-height: 250%;

683 background: #eee;

684 }

685

686 .ui_paginate_select a.active {

687 background: #444;

688 }

689

690

691 /*************************************************************************

692 * ui.bargraph

693 */

694

695 .bargraph {

696 width: 103px;

697 }

698

699 .bargraph50 {

700 width: 52px;

701 }

702

703 .bargraph div {

704 float: left;

705 margin-top: 0.5ex;

706 height: 1.3ex;

707 }

708

709 .bargraph .quorum {

710 margin-top: 0.2ex;

711 height: 1.9ex;

712 }

713

714 /*************************************************************************

715 * notifications

716 */

717

718 div.notifications {

719 margin-top: 20px;

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

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

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

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

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

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

726 background-color: #fda;

727 padding: 0.5ex;

728 border: 1px solid #777;

729 }

730

731 .notifications ul {

732 margin: 0;

733 padding: 0;

734 margin-left: 2em;

735 }

736

737 .notifications li {

738 margin: 0;

739 padding: 0;

740 margin-top: 0.5ex;

741 }

742

743 /*************************************************************************

744 * vertical ui.form

745 */

746

747 .vertical {

748 margin-top: 2ex;

749 }

750

751 .login input[type=text],

752 .vertical input[type=text],

753 .login input[type=password],

754 .vertical input[type=password],

755 .vertical textarea,

756 #voting_form textarea,

757 .vertical select {

758 font-family: sans-serif;

759 font-size: 100%;

760 width: 68%;

761 border: 1px solid #444;

762 padding: 0.2ex 0.2em 0.2ex 0.2em;

763 margin-bottom: 1ex;

764 }

765

766 .login input[type=password],

767 .vertical input[type=password] {

768 width: 16em;

769 }

770

771 .vertical select {

772 padding-right: 0;

773 }

774

775 #voting_form .ui_field_label,

776 .login .ui_field_label,

777 .vertical .ui_field_label {

778 line-height: 180%;

779 font-weight: bold;

780 color: #777;

781 width: 29%;

782 display: block;

783 float: left;

784 clear: left;

785 text-align: right;

786 padding-right: 0.5em;

787 }

788

789 .ui_field_label.label_right {

790 text-align: left;

791 width: auto;

792 }

793

794 .login input[type=text],

795 .login input[type=password] {

796 width: 10em;

797 }

798

799 .login div,

800 .vertical div {

801 clear: left;

802 }

803

804 .vertical span {

805 line-height: 180%;

806 display: block;

807 margin-bottom: 0.5ex;

808 }

809

810 .vertical span:after {

811 content: " ";

812 }

813

814 .vertical span span {

815 display: inline;

816 margin-bottom: 0;

817 }

818

819 #voting_form input[type=submit],

820 .login input[type=submit],

821 .vertical input[type=submit] {

822 font-size: 100%;

823 margin-left: 29%;

824 background-color: #444444;

825 color: #fff;

826 border: none;

827 padding: 0.75ex;

828 }

829

830 #voting_form input[type=submit] {

831 margin-left: 0;

832 }

833

834

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

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

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

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

839 background-color: #444444;

840 }

841

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

843 .login input[type=text],

844 .vertical input[type=text],

845 .login input[type=password],

846 .vertical input[type=password],

847 .vertical textarea,

848 .vertical select,

849 .vertical input[type=submit],

850 .login input[type=submit] {

851 width: 98%;

852 }

853 .login .ui_field_label,

854 .vertical .ui_field_label {

855 text-align: left;

856 width: 98%;

857 }

858 .login input[type=text],

859 .login input[type=password] {

860 width: 98%;

861 }

862 .login input[type=submit],

863 .vertical input[type=submit] {

864 margin-left: 0;

865 }

866 }

867

868

869 /*************************************************************************

870 * Positive / Negtive votes

871 */

872

873

874 .positive_votes span {

875 display: inline;

876 }

877

878 .positive_votes {

879 display: inline;

880 background-color: #cfc;

881 padding: 0.3ex 0.5em 0.3ex 0.5em;

882 }

883

884 .negative_votes span {

885 display: inline;

886 }

887

888 .negative_votes {

889 display: inline;

890 background-color: #fcc;

891 padding: 0.3ex 0.5em 0.3ex 0.5em;

892 }

893

894 .suggestion_my_opinion a,

895 .suggestion_my_opinion span {

896 white-space: nowrap;

897 padding-left: 0.2ex !important;

898 padding-right: 0.2ex !important;

899 }

900

901 .active {

902 background-color: #444;

903 color: #fff;

904 }

905

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

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

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

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

910

911

912

913 /*************************************************************************

914 * Unit list

915 */

916

917 .unit_list a {

918 font-weight: bold;

919 }

920

921 /*************************************************************************

922 * Area list

923 */

924 .area_list {

925 border: 1px solid #444;

926 border-radius: 10px;

927 margin-top: 2ex;

928 }

929

930 .area_list .area {

931 border-top: 1px solid #777;

932 }

933

934 .area_list .area:first-child {

935 border-top: none;

936 }

937

938 .area_list .unit_head {

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

940 }

941

942 .area_list .unit_head:last-child {

943 border-radius: 8px;

944 }

945

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

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

948 }

949

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

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

952 }

953

954 /*************************************************************************

955 * Issues

956 */

957

958 .issues {

959 clear: left;

960 margin-top: 2ex;

961 }

962

963 .issues .issue {

964 overflow: hidden;

965 border: 1px solid #777;

966 border-radius: 8px;

967 margin-bottom: 4ex;

968 }

969

970 .issue.interested,

971 .issue.interest_by_delegation {

972 border: 1px solid #b2cdff;

973 }

974

975 .issue .suggestion {

976 margin-bottom: 1ex;

977 font-weight: bold;

978 }

979

980 .event_info {

981 margin-top: 8px;

982 clear: left;

983 float: left;

984 line-height: 125%;

985 width: 240px;

986 display: inline;

987 padding: 5px 8px;

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

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

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

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

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

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

994 background-color: #444;

995 color: #fff;

996 font-style: italic;

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

998 }

999

1000 .event_info a {

1001 color: #fff;

1002 }

1003

1004 .events .issue {

1005 min-height: 15ex;

1006 border: 1px solid #777;

1007 }

1008

1009 .event_info .event_name,

1010 .issue_policy_info .event_name {

1011 font-weight: bold;

1012 }

1013

1014 .more_events_links {

1015 margin-left: 255px;

1016 padding: 1ex;

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

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

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

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

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

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

1023 background-color: #444;

1024 color: #fff;

1025 border-radius: 8px;

1026 font-weight: bold;

1027 }

1028

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

1030 .event_info {

1031 width: auto;

1032 margin-left: 8px;

1033 margin-right: 8px;

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

1035 }

1036 .events .issue {

1037 clear: left;

1038 }

1039 .more_events_links {

1040 margin-left: 0px;

1041 }

1042

1043 }

1044

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

1046 .events .initiative .name {

1047 clear: left;

1048 margin-left: 0px;

1049 }

1050 }

1051

1052

1053

1054 .issue_policy_info img {

1055 vertical-align: middle;

1056 }

1057

1058 .issue .interest_by_delegation {

1059 float: right;

1060 }

1061

1062 .issue .initiative_list a.highlighted {

1063 font-weight: bold;

1064 }

1065

1066 .initiative {

1067 margin-left: 1ex;

1068 margin-bottom: 1ex;

1069 line-height: 50%;

1070 }

1071

1072 .initiative .bar {

1073 margin-right: 0.3em;

1074 }

1075

1076 .initiative .rank,

1077 .initiative .bar,

1078 .initiative .interest {

1079 float: left;

1080 margin-right: 0.3em;

1081 }

1082

1083 .initiative .rank {

1084 width: 2.5em;

1085 }

1086

1087

1088 .initiative .interest {

1089 width: 20px;

1090 height: 16px;

1091 line-height: 100%;

1092 }

1093

1094 .initiative .name {

1095 line-height: 130%;

1096 margin-left: 168px;

1097 font-size: 115%;

1098 }

1099

1100 .initiative.selected .name {

1101 font-weight: bold;

1102 xfont-style: italic;

1103 }

1104

1105 .initiative.polling .name,

1106 .initiative_head.polling .title {

1107 font-style: italic;

1108 }

1109

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

1111 .initiative .name {

1112 clear: left;

1113 margin-left: 0px;

1114 }

1115 }

1116

1117

1118 .issue_initiative_list a {

1119 font-weight: bold;

1120 }

1121

1122 .more_initiatives_link {

1123 display: block;

1124 margin-left: 166px;

1125 font-style: italic;

1126 margin-bottom: 1ex;

1127 }

1128

1129 .issue tr tr {

1130 border: none;

1131 background: none;

1132 }

1133

1134 .initiative_link.selected {

1135 font-weight: bold;

1136 }

1137

1138 x.initiative_link.supported {

1139 background-color: #cdf;

1140 border-radius: 5px;

1141 }

1142

1143 x.initiative_link.potentially_supported {

1144 background-color: #cdf;

1145 border-radius: 5px;

1146 }

1147

1148 .lang_chooser {

1149 float: right;

1150 margin-right: 0.5em;

1151 }

1152

1153 .delegation_list_entry {

1154 margin-right: 2em;

1155 margin-bottom: 2ex;

1156 float: left;

1157 clear: left;

1158 }

1159

1160 .delegation_list_entry .delegation_arrow {

1161 float: left;

1162 }

1163

1164 .delegation_list_entry .delegation_scope {

1165 float: left;

1166 width: 25em;

1167 }

1168

1169 .delegation_list_entry .delegation_scope a {

1170 display: block;

1171 }

1172

1173 .member_list .member_thumb {

1174 float: left;

1175 margin-right: 10px;

1176 margin-bottom: 10px;

1177 }

1178

1179 .member_thumb {

1180 text-decoration: none;

1181 width: 205px;

1182 height: 48px;

1183 display: block;

1184 float: left;

1185 background-color: #fff;

1186 overflow: hidden;

1187 position: relative;

1188 border-radius: 8px;

1189 padding: 2px;

1190 border: 1px solid #aaa;

1191 }

1192

1193 .member_thumb a:hover div {

1194 background-color: #444;

1195 color: #fff;

1196 }

1197

1198 .member_thumb img {

1199 padding: 0;

1200 margin: 0;

1201 vertical-align: bottom;

1202 border-radius: 7px;

1203 }

1204

1205 .member_thumb .member_name {

1206 position: absolute;

1207 left: 56px;

1208 top: 2ex;

1209 font-size: 100%;

1210 width: 14em;

1211 }

1212

1213 .member_thumb .flags {

1214 float: right;

1215 }

1216

1217 .member_thumb .flags a,

1218 .member_thumb .flags img {

1219 position: static;

1220 float: right;

1221 margin-left: 0.5em;

1222 }

1223

1224 .member_thumb .flags .in_delegation_chain {

1225 font-weight: bold;

1226 }

1227

1228 .member .right {

1229 float: right;

1230 }

1231

1232 .member_thumb.not_accepted,

1233 .member_thumb.not_informed {

1234 border: 1px solid #ccc;

1235 color: #777;

1236 }

1237

1238 .member_thumb.not_accepted .member_image,

1239 .member_thumb.not_accepted .member_name,

1240 .member_thumb.not_informed .member_image,

1241 .member_thumb.not_informed .member_name {

1242 opacity: 0.4;

1243 }

1244

1245 .member_thumb.in_delegation_chain {

1246 background-color: #fda;

1247 }

1248

1249

1250 #suggestion_description {

1251 height: 15ex;

1252 }

1253

1254 .diff {

1255 background-color: #f2f2f2;

1256 border: 1px solid #ccc;

1257 padding: 1ex;

1258 }

1259

1260 .diff_added {

1261 background-color: #cfc;

1262 text-decoration: underline;

1263 }

1264

1265 .diff_removed {

1266 background-color: #fcc;

1267 text-decoration: line-through;

1268 }

1269

1270 .admitted_info,

1271 .not_admitted_info,

1272 .revoked_info,

1273 .draft_updated_info,

1274 .initiator_invite_info {

1275 padding: 1ex;

1276 }

1277

1278 .admitted_info {

1279 background-color: #afc;

1280 }

1281

1282 .not_admitted_info,

1283 .revoked_info {

1284 background-color: #fbb;

1285 }

1286

1287 .draft_updated_info,

1288 .initiator_invite_info {

1289 background-color: #fda;

1290 }

1291

1292 .motd,

1293 .public_access_issue_head {

1294 background-color: #fda;

1295 padding: 1ex;

1296 margin-top: 1ex;

1297 margin-bottom: 2ex;

1298 }

1299

1300 .suggestion_fulfilled {

1301 width: 15em;

1302 }

1303 .suggestion_fulfilled a.action {

1304 padding-left: 0;

1305 line-height: 120%;

1306 }

1307

1308 .help,

1309 .use_terms {

1310 border-radius: 8px;

1311 border: 1px solid #ffe900;

1312 background-color: #fffbce;

1313 color: #000;

1314 padding: 1ex;

1315 }

1316

1317 .help_visible {

1318 margin-top: 2ex;

1319 margin-bottom: 1ex;

1320 }

1321

1322 .help_visible .help_icon {

1323 float: right;

1324 }

1325

1326 .slot_help_hidden {

1327 float: left;

1328 margin-top: 1ex;

1329 }

1330

1331 .help_actions {

1332 float: right;

1333 }

1334

1335 .help_actions a {

1336 margin-right: 1em;

1337 color: #468;

1338 }

1339

1340 .wiki {

1341 line-height: 150%;

1342 }

1343

1344 .wiki h1,

1345 .wiki h2,

1346 .wiki h3,

1347 .wiki h4 {

1348 margin-top: 1ex;

1349 margin-bottom: 1ex;

1350 }

1351

1352 .wiki h1 {

1353 font-size: 133%;

1354 font-weight: bold;

1355 }

1356

1357 .wiki h2 {

1358 font-size: 115%;

1359 font-weight: bold;

1360 }

1361

1362 .wiki h3 {

1363 font-size: 115%;

1364 }

1365

1366 .wiki h4 {

1367 font-size: 100%;

1368 font-weight: bold;

1369 }

1370

1371 .wiki p {

1372 margin-top: 1ex;

1373 margin-bottom: 1ex;

1374 }

1375

1376 form .warning {

1377 background-color: #ffd;

1378 color: #000;

1379 border: 1px solid #dda;

1380 margin: 1ex;

1381 margin-bottom: 2ex;

1382 padding: 1ex;

1383 }

1384

1385 a.not_voted {

1386 display: block;

1387 background-color: #fec;

1388 color: #000;

1389 }

1390

1391 .action_active {

1392 background-color: #fec;

1393 }

1394

1395 .heading {

1396 display: block;

1397 font-size: 115%;

1398 font-weight: bold;

1399 margin-bottom: 10px;

1400 text-decoration: none;

1401 }

1402

1403 .heading.first {

1404 margin-top: 0;

1405 }

1406

1407 .menu_list li {

1408 padding-top: 1ex;

1409 padding-bottom: 1ex;

1410 }

1411

1412 .deactivated_member_info {

1413 background-color: #a00;

1414 color: #fff;

1415 }

1416

1417 /*************************************************************************

1418 * Voting

1419 */

1420

1421 #voting_form {

1422 margin-top: 20px;

1423 }

1424

1425 #voting {

1426 position: relative;

1427 }

1428

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

1430 border: 2px black solid;

1431 margin-top: 2ex;

1432 margin-bottom: 5ex;

1433 padding: 1ex;

1434 padding-bottom: 2ex;

1435 border-radius: 8px;

1436 }

1437 #voting .approval {

1438 background-color: #9f9;

1439 }

1440 #voting .approval .movable {

1441 background-color: #dfd;

1442 }

1443 #voting .abstention {

1444 background-color: #ccc;

1445 }

1446 #voting .abstention .movable {

1447 background-color: #f2f2f2;

1448 }

1449 #voting .disapproval {

1450 background-color: #f88;

1451 }

1452 #voting .disapproval .movable {

1453 background-color: #fbb;

1454 }

1455 #voting .cathead {

1456 font-weight: bold;

1457 }

1458 #voting .movable {

1459 position: relative;

1460 border: 1px black solid;

1461 margin-top: 1ex;

1462 padding: 0.5ex;

1463 border-radius: 8px;

1464 }

1465 #voting .voting_form_active .movable {

1466 cursor: pointer;

1467 }

1468 #voting .voting_form_active .clickable {

1469 cursor: auto;

1470 }

1471 #voting .voting_form_active a.clickable {

1472 cursor: pointer;

1473 }

1474

1475 #voting .movable {

1476 vertical-align: middle;

1477 cursor: move;

1478 }

1479

1480 /* shadows */

1481

1482 .member_statement,

1483 .suggestion_content,

1484 .initiative_head,

1485 .box,

1486 div.notifications {

1487 border-radius: 8px;

1488 }

1489

1490 .member_statement,

1491 .suggestion_content,

1492 .initiative_head,

1493 .box {

1494 border: 1px solid #777;

1495 }

1496

1497 .member_statement,

1498 .draft_content,

1499 .suggestion_content,

1500 .box {

1501 padding: 0 12px;

1502 }

1503

1504 .suggestion_content,

1505 .member_statement,

1506 .draft_content {

1507 border-left: 12px solid #777;

1508 }

1509

1510 .slot_footer {

1511 margin: 0 1%;

1512 border-top: 1px solid #ccc;

1513 padding: 1ex;

1514 text-align: center;

1515 }

1516 .slot_footer,

1517 .slot_footer a {

1518 color: #666;

1519 }

1520

1521 .footer {

1522 margin: 0 auto;

1523 max-width: 1130px;

1524 }