liquid_feedback_frontend: d1e63067d267 static/style.css

liquid_feedback_frontend

view static/style.css @ 789:d1e63067d267

merge

author	bsw
date	Fri Jun 29 00:39:19 2012 +0200 (2012-06-29)
parents	9d4398195faf
children	8dbf04a404e7

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 }

48 /*************************************************************************

49 * Some global definitions

50 */

52 body {

53 background: #f8f8f9;

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

55 line-height: 120%:

56 }

58 body, th, td {

59 font-family: sans-serif;

60 font-size: 10pt;

61 padding: 0;

62 margin: 0;

63 }

65 .page,

66 .topbar_content {

67 max-width: 1130px;

68 margin: 0 auto;

69 }

71 body, a {

72 color: #000;

73 }

75 img {

76 border: none;

77 }

79 table {

80 border-collapse: collapse;

81 border: none;

82 }

84 td, th {

85 padding: 0.5ex 0.5em 0.5ex 0em;

86 }

88 td {

89 vertical-align: top;

90 }

92 th {

93 vertical-align: bottom;

94 font-weight: bold;

95 }

97 a.active {

98 color: #fff;

99 }

100

101 .revoked {

102 text-decoration: line-through;

103 }

104

105 .highlighted {

106 background-color: #fa7;

107 color: #000;

108 }

109

110 .admin_only {

111 font-style: italic;

112 }

113

114 h1 {

115 font-size: 150%;

116 }

117

118 h2 {

119 font-size: 125%;

120 }

121

122 .inline {

123 display: inline;

124 }

125

126 /*************************************************************************

127 * Notices, warnings and errors

128 */

129

130 .layout_notice, .layout_error, .layout_warning {

131 background: #fff;

132 font-weight: bold;

133 line-height: 1.7em;

134 -moz-opacity:0.7;

135 }

136

137 .slot_notice, .slot_warning, .slot_error {

138 padding-left: 1em;

139 }

140

141 .slot_notice {

142 background-color: #cfc;

143 color: #040;

144 }

145

146 .slot_warning {

147 background-color: #fec;

148 color: #420;

149 }

150

151 .slot_error {

152 background-color: #fcc;

153 color: #400;

154 }

155

156 /*************************************************************************

157 * Navigation, search and language chooser bar

158 */

159

160 .topbar {

161 background-color: #333;

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

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

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

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

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

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

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

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

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

171 border-top: 1px solid #333;

172 line-height: 35px;

173 padding-top: 5px;

174 font-size: 115%;

175 }

176

177 .logo_liquidfeedback {

178 font-weight: bold;

179 margin-left: 15px;

180 }

181

182 .topbar .instance_name,

183 .topbar a {

184 line-height: 30px;

185 color: #f7f7f7;

186 }

187

188 .topbar a:hover,

189 .topbar a:hover .logo_liquidfeedback {

190 color: #f90;

191 }

192

193 .navigation {

194 background-color: #333;

195 line-height: 200%;

196 }

197

198 .topbar img {

199 margin-right: 0.5em;

200 vertical-align: middle;

201 }

202

203 .topbar a {

204 padding: 0 0.5em;

205 float: left;

206 display: block;

207 white-space: nowrap;

208 }

209

210 form.unit_selector {

211 display: inline;

212 }

213

214 .topbar .navigation_right {

215 float: right;

216 padding-right: 1%;

217 }

218

219 .topbar ul {

220 list-style-type: none;

221 }

222

223

224 #member_menu {

225 z-index: 2;

226 }

227

228 #member_menu li {

229 float: left;

230 }

231

232 #member_menu li:hover {

233 position: relative;

234 z-index: 4;

235 cursor: default;

236 }

237

238 #member_menu {

239 margin: 0;

240 padding: 0;

241 width: 200px;

242 }

243

244 #member_menu > li {

245 width: 200px;

246 }

247

248 #member_menu li a {

249 float: right;

250 }

251

252 #member_menu ul {

253 margin: 0;

254 padding: 0;

255 list-style-type: none;

256 display: none;

257 position: absolute;

258 top: 100%;

259 left: 0;

260 z-index: 3;

261 width: 200px;

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

263 background: #000;

264 }

265

266 #member_menu ul li {

267 float: none;

268 }

269

270 #member_menu ul li a {

271 float: none;

272 background: #000;

273 font-size: 80%;

274 }

275

276 #member_menu ul ul {

277 top: 1px;

278 right: 1px;

279 }

280

281 #member_menu li:hover ul {

282 display: block;

283 }

284

285 #member_menu li li a {

286 background: #000;

287 border-radius: 5px;

288 color: #fff;

289 }

290

291 #member_menu ul li:hover a {

292 background: #000;

293 color: #f90;

294 }

295

296 */

297 /*************************************************************************

298 * Title of current page including path and actions

299 */

300

301 .slot_title {

302 font-size: 115%;

303 font-weight: bold;

304 margin-left: 10px;

305 margin-right: 10px;

306 margin-top: 1ex;

307 }

308

309 .slot_head {

310 background-color: #fff;

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

312 border: 1px solid #555;

313 border-top: none;

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

315 }

316

317

318 .member_thumb,

319 .member_statement,

320 .suggestion_content,

321 .slot_head,

322 .area_list,

323 .initiative_head,

324 .issues .issue,

325 .ui_tabs_links a,

326 .ui_filter a,

327 .help,

328 .use_terms,

329 .motd,

330 .vote_info .content,

331 .box,

332 div.notifications {

333 background-color: #fff;

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

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

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

337 }

338

339 .slot_head > div:last-child {

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

341 }

342

343 .page_head .title,

344 .issue .context,

345 .initiative_head .title {

346 padding: 8px 10px 2px 10px;

347 }

348

349 .initiative_head .draft_version {

350 font-weight: bold;

351 }

352

353 .initiative_head a.title {

354 display: block;

355 }

356

357 .area_list .title {

358 padding: 8px 10px 0px 10px;

359 }

360

361 .issue .title {

362 padding: 10px 10px 0px 10px;

363 }

364

365 .events .issue .title {

366 padding: 10px 10px 15px 10px;

367 }

368

369 .page_head .actions,

370 .page_head .unit_head .content,

371 .page_head .area_head .content,

372 .issue .content,

373 .initiative_head .content,

374 .area_list .unit_head .content,

375 .area_list .area .content {

376 padding: 5px 10px 5px 10px;

377 line-height: 120%;

378 }

379

380 .initiative_head {

381 margin-bottom: 2ex;

382 }

383

384 .page_head .actions:last-child,

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

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

387 .issue .content:last-child,

388 .initiative_head .content:last-child,

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

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

391 padding: 5px 10px 7px 10px;

392 }

393

394 .page_head .initiative_list,

395 .issue .initiative_list {

396 padding-left: 8px;

397 }

398

399 .issue .content.actions {

400 margin-bottom: 1ex;

401 }

402

403 .area_head {

404 overflow: auto;

405 }

406

407

408 .page_head .title,

409 .issue .title,

410 .initiative_head .title,

411 .area_list .unit_head .unit_name,

412 .area_list .area_name {

413 font-weight: bold;

414 font-size: 115%;

415 }

416

417 .page_head .area_head .content,

418 .page_head .area_head .content a,

419 .page_head .issue .content.actions,

420 .page_head .issue .content.actions a,

421 .issues .issue .content.actions,

422 .issues .issue .content.actions a,

423 .area_list .area .content,

424 .area_list .area .content a {

425 color: #000;

426 }

427

428

429 .unit_head {

430 background-color: #44a;

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

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

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

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

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

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

437 color: #f0f0f0;

438 }

439

440 .unit_head:last-child {

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

442 }

443

444 .area_head:last-child {

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

446 }

447

448 .unit_head .content, .unit_head a {

449 color: #f7f7f7;

450 }

451 .area_head,

452 .area_list .area_head {

453 background-color: #abf;

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

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

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

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

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

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

460 }

461

462 .area_list .area > .content,

463 .issue {

464 background-color: #e0e9ff;

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

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

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

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

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

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

471 }

472

473 .unit_link, .area_link {

474 padding: 2px 5px;

475 border-radius: 5px;

476 line-height: 170%;

477 }

478

479 .unit_link {

480 background-color: #44a;

481 color: #fff;

482 }

483

484 .area_link {

485 background-color: #abf;

486 color: #000;

487 }

488

489 .delegation_info {

490 float: right;

491 text-decoration: none;

492 padding: 5px;

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

494 }

495

496 .delegation_arrow {

497 vertical-align: middle;

498 }

499

500 .delegation_info .link {

501 text-decoration: underline;

502 color: #aaa;

503 }

504

505 a.delegation_info:hover {

506 background-color: #ddd;

507 }

508

509 .delegation_info .micro_avatar {

510 border: none;

511 margin: 2px;

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

513 }

514

515 .delegation_info .micro_avatar.highlighted {

516 margin: 0;

517 border: 2px solid #f90;

518 }

519

520

521 .member_list .member_image_avatar {

522 float: left;

523 margin-right: 0.5em;

524 }

525

526 .micro_avatar {

527 height: 24px;

528 border-radius: 4px;

529 vertical-align: middle;

530 }

531

532 .logo {

533 float: right;

534 margin-right: 1%;

535 }

536

537

538 .member_image_photo {

539 border-radius: 8px;

540 }

541

542 /*************************************************************************

543 * Main content

544 */

545

546 .main {

547 margin-left: 1%;

548 margin-right: 1%;

549 }

550

551 /*************************************************************************

552 * ui.tab

553 */

554 .ui_tabs_links {

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

556 line-height: 300%;

557 }

558

559 .ui_tabs_links a {

560 padding: 7px 10px;

561 background-color: #444;

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

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

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

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

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

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

568 color: #f7f7f7;

569 white-space: nowrap;

570 border-radius: 8px;

571 font-size: 115%;

572 font-weight: bold;

573 margin: 2px;

574 margin-right: 4px;

575 }

576

577 .ui_tabs_links a:hover,

578 .ui_tabs_links a.selected {

579 margin: 0;

580 margin-right: 2px;

581 border: 2px solid #f90;

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

583 }

584

585 .ui_tabs_links a.selected {

586 text-decoration: none;

587 }

588

589

590 /*************************************************************************

591 * ui.filters

592 */

593

594 .ui_filter {

595 overflow: auto;

596 margin-top: 15px;

597 }

598

599 .ui_filter_head {

600 color: #777;

601 line-height: 200%;

602 padding-bottom: 8px;

603 margin-bottom: 6px;

604 border-bottom: 1px solid #888;

605 }

606

607 .ui_filter_head:last-child {

608 border-bottom: none;

609 }

610

611 .ui_filter a {

612 font-weight: bold;

613 margin-right: 0;

614 background-color: #fff;

615 padding: 0.5ex 0.5em;

616 border-radius: 5px;

617 border: 1px solid #bbb;

618 }

619

620 .ui_filter_head a.active {

621 border: 1px solid #666;

622 text-decoration: none;

623 background-color: #444;

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

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

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

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

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

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

630 color: #fff;

631 }

632

633 /*************************************************************************

634 * ui.paginate

635 */

636

637 .ui_paginate_head {

638 display: none;

639 margin-bottom: 1ex;

640 }

641

642 .ui_paginate_foot {

643 margin-top: 1ex;

644 margin-bottom: 4ex;

645 }

646

647 .initiative_head .ui_paginate_foot {

648 margin-bottom: 1ex;

649 }

650

651 .ui_paginate_select a {

652 padding: 0.5em;

653 border-radius: 4px;

654 }

655

656 /*************************************************************************

657 * ui.bargraph

658 */

659

660 .bargraph {

661 width: 103px;

662 }

663

664 .bargraph50 {

665 width: 52px;

666 }

667

668 .bargraph div {

669 float: left;

670 margin-top: 0.5ex;

671 height: 1.3ex;

672 }

673

674 .bargraph .quorum {

675 margin-top: 0.2ex;

676 height: 1.9ex;

677 }

678

679 /*************************************************************************

680 * notifications

681 */

682

683 div.notifications {

684 margin-top: 20px;

685 background-color: #fda;

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

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

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

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

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

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

692 padding: 0.5ex;

693 border: 1px solid #777;

694 }

695

696 .notifications ul {

697 margin: 0;

698 padding: 0;

699 margin-left: 2em;

700 }

701

702 .notifications li {

703 margin: 0;

704 padding: 0;

705 margin-top: 0.5ex;

706 }

707

708 /*************************************************************************

709 * vertical ui.form

710 */

711

712 .vertical {

713 margin-top: 2ex;

714 }

715

716 .login input[type=text],

717 .vertical input[type=text],

718 .login input[type=password],

719 .vertical input[type=password],

720 .vertical textarea,

721 .vertical select {

722 font-family: sans-serif;

723 font-size: 100%;

724 width: 69%;

725 border: 1px solid #444;

726 padding: 0.2ex 0.2em 0.2ex 0.2em;

727 margin-bottom: 1ex;

728 }

729

730 .login input[type=password],

731 .vertical input[type=password] {

732 width: 16em;

733 }

734

735 .vertical select {

736 padding-right: 0;

737 }

738

739 .login .ui_field_label,

740 .vertical .ui_field_label {

741 line-height: 180%;

742 font-weight: bold;

743 color: #777;

744 width: 29%;

745 display: block;

746 float: left;

747 clear: left;

748 text-align: right;

749 padding-right: 0.5em;

750 }

751

752 .ui_field_label.label_right {

753 text-align: left;

754 width: auto;

755 }

756

757 .login input[type=text],

758 .login input[type=password] {

759 width: 10em;

760 }

761

762 .login div,

763 .vertical div {

764 clear: left;

765 }

766

767 .vertical span {

768 line-height: 180%;

769 display: block;

770 margin-bottom: 0.5ex;

771 }

772

773 .vertical span:after {

774 content: " ";

775 }

776

777 .vertical span span {

778 display: inline;

779 margin-bottom: 0;

780 }

781

782 .login input[type=submit],

783 .vertical input[type=submit] {

784 font-size: 100%;

785 margin-left: 29%;

786 background-color: #444444;

787 color: #fff;

788 border: none;

789 padding: 0.75ex;

790 }

791

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

793 .vertical input[type=submit]:hover {

794 background-color: #444444;

795 }

796

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

798 .login input[type=text],

799 .vertical input[type=text],

800 .login input[type=password],

801 .vertical input[type=password],

802 .vertical textarea,

803 .vertical select,

804 .vertical input[type=submit],

805 .login input[type=submit] {

806 width: 98%;

807 }

808 .login .ui_field_label,

809 .vertical .ui_field_label {

810 text-align: left;

811 width: 98%;

812 }

813 .login input[type=text],

814 .login input[type=password] {

815 width: 98%;

816 }

817 .login input[type=submit],

818 .vertical input[type=submit] {

819 margin-left: 0;

820 }

821 }

822

823

824 /*************************************************************************

825 * Positive / Negtive votes

826 */

827

828

829 .positive_votes span {

830 display: inline;

831 }

832

833 .positive_votes {

834 display: inline;

835 background-color: #cfc;

836 padding: 0.3ex 0.5em 0.3ex 0.5em;

837 }

838

839 .negative_votes span {

840 display: inline;

841 }

842

843 .negative_votes {

844 display: inline;

845 background-color: #fcc;

846 padding: 0.3ex 0.5em 0.3ex 0.5em;

847 }

848

849 .suggestion_my_opinion a,

850 .suggestion_my_opinion span {

851 white-space: nowrap;

852 padding-left: 0.2ex !important;

853 padding-right: 0.2ex !important;

854 }

855

856 .active {

857 background-color: #444;

858 color: #fff;

859 }

860

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

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

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

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

865

866

867

868 /*************************************************************************

869 * Unit list

870 */

871

872 .unit_list a {

873 font-weight: bold;

874 }

875

876 /*************************************************************************

877 * Area list

878 */

879 .area_list {

880 border: 1px solid #444;

881 border-radius: 10px;

882 margin-top: 2ex;

883 }

884

885 .area_list .area {

886 border-top: 1px solid #777;

887 }

888

889 .area_list .area:first-child {

890 border-top: none;

891 }

892

893 .area_list .unit_head {

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

895 }

896

897 .area_list .unit_head:last-child {

898 border-radius: 8px;

899 }

900

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

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

903 }

904

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

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

907 }

908

909 /*************************************************************************

910 * Issues

911 */

912

913 .issues {

914 clear: left;

915 margin-top: 2ex;

916 }

917

918 .issues .issue {

919 overflow: hidden;

920 border: 1px solid #777;

921 border-radius: 8px;

922 margin-bottom: 4ex;

923 }

924

925 .issue.interested,

926 .issue.interest_by_delegation {

927 border: 1px solid #b2cdff;

928 }

929

930 .issue .suggestion {

931 margin-bottom: 1ex;

932 font-weight: bold;

933 }

934

935 .event_info {

936 margin-top: 8px;

937 clear: left;

938 float: left;

939 line-height: 125%;

940 width: 240px;

941 display: inline;

942 padding: 5px 8px;

943 background-color: #444;

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

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

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

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

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

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

950 color: #fff;

951 font-style: italic;

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

953 }

954

955 .event_info a {

956 color: #fff;

957 }

958

959 .events .issue {

960 min-height: 15ex;

961 border: 1px solid #777;

962 }

963

964 .event_info .event_name,

965 .issue_policy_info .event_name {

966 font-weight: bold;

967 }

968

969 .more_events_links {

970 margin-left: 255px;

971 padding: 1ex;

972 background-color: #444;

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

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

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

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

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

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

979 color: #fff;

980 border-radius: 8px;

981 font-weight: bold;

982 }

983

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

985 .event_info {

986 width: auto;

987 margin-left: 8px;

988 margin-right: 8px;

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

990 }

991 .events .issue {

992 clear: left;

993 }

994 .more_events_links {

995 margin-left: 0px;

996 }

997

998 }

999

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

1001 .events .initiative .name {

1002 clear: left;

1003 margin-left: 0px;

1004 }

1005 }

1006

1007

1008

1009 .issue_policy_info img {

1010 vertical-align: middle;

1011 }

1012

1013 .issue .interest_by_delegation {

1014 float: right;

1015 }

1016

1017 .issue .initiative_list a.highlighted {

1018 font-weight: bold;

1019 }

1020

1021 .initiative {

1022 margin-left: 1ex;

1023 margin-bottom: 1ex;

1024 line-height: 50%;

1025 }

1026

1027 .initiative .bar {

1028 margin-right: 0.3em;

1029 }

1030

1031 .initiative .rank,

1032 .initiative .bar,

1033 .initiative .interest {

1034 float: left;

1035 margin-right: 0.3em;

1036 }

1037

1038 .initiative .rank {

1039 width: 2.5em;

1040 }

1041

1042

1043 .initiative .interest {

1044 width: 20px;

1045 height: 16px;

1046 line-height: 100%;

1047 }

1048

1049 .initiative .name {

1050 line-height: 130%;

1051 margin-left: 168px;

1052 font-size: 115%;

1053 }

1054

1055 .initiative.selected .name {

1056 font-weight: bold;

1057 xfont-style: italic;

1058 }

1059

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

1061 .initiative .name {

1062 clear: left;

1063 margin-left: 0px;

1064 }

1065 }

1066

1067

1068 .issue_initiative_list a {

1069 font-weight: bold;

1070 }

1071

1072 .more_initiatives_link {

1073 display: block;

1074 margin-left: 166px;

1075 font-style: italic;

1076 margin-bottom: 1ex;

1077 }

1078

1079 .issue tr tr {

1080 border: none;

1081 background: none;

1082 }

1083

1084 .initiative_link.selected {

1085 font-weight: bold;

1086 }

1087

1088 x.initiative_link.supported {

1089 background-color: #cdf;

1090 border-radius: 5px;

1091 }

1092

1093 x.initiative_link.potentially_supported {

1094 background-color: #cdf;

1095 border-radius: 5px;

1096 }

1097

1098 .lang_chooser {

1099 float: right;

1100 margin-right: 0.5em;

1101 }

1102

1103 .delegation_list_entry {

1104 margin-right: 2em;

1105 margin-bottom: 2ex;

1106 float: left;

1107 clear: left;

1108 }

1109

1110 .delegation_list_entry .delegation_arrow {

1111 float: left;

1112 }

1113

1114 .delegation_list_entry .delegation_scope {

1115 float: left;

1116 width: 25em;

1117 }

1118

1119 .delegation_list_entry .delegation_scope a {

1120 display: block;

1121 }

1122

1123 .member_list .member_thumb {

1124 float: left;

1125 margin-right: 10px;

1126 margin-bottom: 10px;

1127 }

1128

1129 .member_thumb {

1130 text-decoration: none;

1131 width: 205px;

1132 height: 48px;

1133 display: block;

1134 float: left;

1135 background-color: #fff;

1136 overflow: hidden;

1137 position: relative;

1138 border-radius: 8px;

1139 padding: 2px;

1140 border: 1px solid #aaa;

1141 }

1142

1143 .member_thumb a:hover div {

1144 background-color: #444;

1145 color: #fff;

1146 }

1147

1148 .member_thumb img {

1149 padding: 0;

1150 margin: 0;

1151 vertical-align: bottom;

1152 border-radius: 7px;

1153 }

1154

1155 .member_thumb .member_name {

1156 position: absolute;

1157 left: 56px;

1158 top: 2ex;

1159 font-size: 100%;

1160 width: 14em;

1161 }

1162

1163 .member_thumb .flags {

1164 float: right;

1165 }

1166

1167 .member_thumb .flags a,

1168 .member_thumb .flags img {

1169 position: static;

1170 float: right;

1171 margin-left: 0.5em;

1172 }

1173

1174 .member_thumb .flags .in_delegation_chain {

1175 font-weight: bold;

1176 }

1177

1178 .member .right {

1179 float: right;

1180 }

1181

1182 .member_thumb.not_accepted,

1183 .member_thumb.not_informed {

1184 border: 1px solid #ccc;

1185 color: #777;

1186 }

1187

1188 .member_thumb.not_accepted .member_image,

1189 .member_thumb.not_accepted .member_name,

1190 .member_thumb.not_informed .member_image,

1191 .member_thumb.not_informed .member_name {

1192 opacity: 0.4;

1193 }

1194

1195 .member_thumb.in_delegation_chain {

1196 background-color: #fda;

1197 }

1198

1199

1200 #suggestion_description {

1201 height: 15ex;

1202 }

1203

1204 .diff {

1205 background-color: #f2f2f2;

1206 border: 1px solid #ccc;

1207 padding: 1ex;

1208 }

1209

1210 .diff_added {

1211 background-color: #cfc;

1212 text-decoration: underline;

1213 }

1214

1215 .diff_removed {

1216 background-color: #fcc;

1217 text-decoration: line-through;

1218 }

1219

1220 .admitted_info,

1221 .not_admitted_info,

1222 .revoked_info,

1223 .draft_updated_info,

1224 .initiator_invite_info {

1225 padding: 1ex;

1226 }

1227

1228 .admitted_info {

1229 background-color: #afc;

1230 }

1231

1232 .not_admitted_info,

1233 .revoked_info {

1234 background-color: #fbb;

1235 }

1236

1237 .draft_updated_info,

1238 .initiator_invite_info {

1239 background-color: #fda;

1240 }

1241

1242 .motd,

1243 .public_access_issue_head {

1244 background-color: #fda;

1245 padding: 1ex;

1246 margin-top: 1ex;

1247 margin-bottom: 2ex;

1248 }

1249

1250 .suggestion_fulfilled {

1251 width: 15em;

1252 }

1253 .suggestion_fulfilled a.action {

1254 padding-left: 0;

1255 line-height: 120%;

1256 }

1257

1258 .help,

1259 .use_terms {

1260 border-radius: 8px;

1261 border: 1px solid #ffe900;

1262 background-color: #fffbce;

1263 color: #000;

1264 padding: 1ex;

1265 }

1266

1267 .help_visible {

1268 margin-top: 2ex;

1269 margin-bottom: 1ex;

1270 }

1271

1272 .help_visible .help_icon {

1273 float: right;

1274 }

1275

1276 .slot_help_hidden {

1277 float: left;

1278 margin-top: 1ex;

1279 }

1280

1281 .help_actions {

1282 float: right;

1283 }

1284

1285 .help_actions a {

1286 margin-right: 1em;

1287 color: #468;

1288 }

1289

1290 .wiki {

1291 line-height: 150%;

1292 }

1293

1294 .wiki h1,

1295 .wiki h2,

1296 .wiki h3,

1297 .wiki h4 {

1298 margin-top: 1ex;

1299 margin-bottom: 1ex;

1300 }

1301

1302 .wiki h1 {

1303 font-size: 133%;

1304 font-weight: bold;

1305 }

1306

1307 .wiki h2 {

1308 font-size: 115%;

1309 font-weight: bold;

1310 }

1311

1312 .wiki h3 {

1313 font-size: 115%;

1314 }

1315

1316 .wiki h4 {

1317 font-size: 100%;

1318 font-weight: bold;

1319 }

1320

1321 .wiki p {

1322 margin-top: 1ex;

1323 margin-bottom: 1ex;

1324 }

1325

1326 form .warning {

1327 background-color: #ffd;

1328 color: #000;

1329 border: 1px solid #dda;

1330 margin: 1ex;

1331 margin-bottom: 2ex;

1332 padding: 1ex;

1333 }

1334

1335 a.not_voted {

1336 display: block;

1337 background-color: #fec;

1338 color: #000;

1339 }

1340

1341 .action_active {

1342 background-color: #fec;

1343 }

1344

1345 .heading {

1346 display: block;

1347 font-size: 115%;

1348 font-weight: bold;

1349 margin-bottom: 10px;

1350 text-decoration: none;

1351 }

1352

1353 .heading.first {

1354 margin-top: 0;

1355 }

1356

1357 .menu_list li {

1358 padding-top: 1ex;

1359 padding-bottom: 1ex;

1360 }

1361

1362 .deactivated_member_info {

1363 background-color: #a00;

1364 color: #fff;

1365 }

1366

1367 /*************************************************************************

1368 * Voting

1369 */

1370

1371 #voting_form {

1372 margin-top: 20px;

1373 }

1374

1375 #voting {

1376 position: relative;

1377 }

1378

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

1380 border: 2px black solid;

1381 margin-top: 2ex;

1382 margin-bottom: 5ex;

1383 padding: 1ex;

1384 padding-bottom: 2ex;

1385 border-radius: 8px;

1386 }

1387 #voting .approval {

1388 background-color: #9f9;

1389 }

1390 #voting .approval .movable {

1391 background-color: #dfd;

1392 }

1393 #voting .abstention {

1394 background-color: #ccc;

1395 }

1396 #voting .abstention .movable {

1397 background-color: #f2f2f2;

1398 }

1399 #voting .disapproval {

1400 background-color: #f88;

1401 }

1402 #voting .disapproval .movable {

1403 background-color: #fbb;

1404 }

1405 #voting .cathead {

1406 font-weight: bold;

1407 }

1408 #voting .movable {

1409 position: relative;

1410 border: 1px black solid;

1411 margin-top: 1ex;

1412 padding: 0.5ex;

1413 border-radius: 8px;

1414 }

1415 #voting .voting_form_active .movable {

1416 cursor: pointer;

1417 }

1418 #voting .voting_form_active .clickable {

1419 cursor: auto;

1420 }

1421 #voting .voting_form_active a.clickable {

1422 cursor: pointer;

1423 }

1424

1425 #voting .movable {

1426 vertical-align: middle;

1427 cursor: move;

1428 }

1429

1430 /* shadows */

1431

1432 .member_statement,

1433 .suggestion_content,

1434 .initiative_head,

1435 .box,

1436 div.notifications {

1437 border-radius: 8px;

1438 }

1439

1440 .member_statement,

1441 .suggestion_content,

1442 .initiative_head,

1443 .box {

1444 border: 1px solid #777;

1445 }

1446

1447 .member_statement,

1448 .draft_content,

1449 .suggestion_content,

1450 .box {

1451 padding: 0 12px;

1452 }

1453

1454 .suggestion_content,

1455 .member_statement,

1456 .draft_content {

1457 border-left: 12px solid #777;

1458 }

1459

1460 .slot_footer {

1461 margin: 0 1%;

1462 border-top: 1px solid #ccc;

1463 padding: 1ex;

1464 text-align: center;

1465 }

1466 .slot_footer,

1467 .slot_footer a {

1468 color: #666;

1469 }

1470

1471 .footer {

1472 margin: 0 auto;

1473 max-width: 1130px;

1474 }