liquid_feedback_frontend: a187fdae2f48 static/style.css

liquid_feedback_frontend

view static/style.css @ 625:a187fdae2f48

Changed notifications red to orange

author	bsw
date	Mon Jun 25 16:37:55 2012 +0200 (2012-06-25)
parents	0c756a7fb8e7
children	11207174ae13

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 }

37 table {

38 border-collapse: separate;

39 border-spacing: 0;

40 }

41 caption, th, td {

42 text-align: left;

43 font-weight: normal;

44 }

46 /*************************************************************************

47 * Some global definitions

48 */

50 body {

51 background: #fff;

52 line-height: 120%:

53 }

55 body, th, td {

56 font-family: sans-serif;

57 font-size: 15px;

58 font-size: 14px;

59 padding: 0;

60 margin: 0;

61 }

63 .page,

64 .topbar_content {

65 max-width: 1130px;

66 margin: 0 auto;

67 }

69 table {

70 margin-top: 1ex;

71 }

73 body, a {

74 color: #000;

75 }

77 img {

78 border: none;

79 }

81 table {

82 border-collapse: collapse;

83 border: none;

84 }

86 td, th {

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

88 }

90 td {

91 vertical-align: top;

92 }

94 th {

95 vertical-align: bottom;

96 font-weight: bold;

97 }

99 a.active {

100 color: #fff;

101 }

102

103 .revoked {

104 text-decoration: line-through;

105 }

106

107 .highlighted {

108 background-color: #fa7;

109 color: #000;

110 }

111

112 .admin_only {

113 font-style: italic;

114 }

115

116 h1 {

117 font-size: 150%;

118 }

119

120 h2 {

121 font-size: 125%;

122 }

123

124 .inline {

125 display: inline;

126 }

127

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

129 * Notices, warnings and errors

130 */

131

132 .layout_notice, .layout_error, .layout_warning {

133 background: #fff;

134 font-weight: bold;

135 line-height: 1.7em;

136 -moz-opacity:0.7;

137 }

138

139 .slot_notice, .slot_warning, .slot_error {

140 padding-left: 1em;

141 }

142

143 .slot_notice {

144 background-color: #cfc;

145 color: #040;

146 }

147

148 .slot_warning {

149 background-color: #fec;

150 color: #420;

151 }

152

153 .slot_error {

154 background-color: #fcc;

155 color: #400;

156 }

157

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

159 * Navigation, search and language chooser bar

160 */

161

162 .topbar {

163 background-color: #333;

164 background-image: -webkit-gradient(linear, left top, left bottom,

165 color-stop(0%, #888), color-stop(25%,#333)

166 );

167 font-size: 90%;

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

169 xoverflow: auto;

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

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

172 border-top: 1px solid #333;

173 line-height: 30px;

174

175 }

176

177 .topbar .logolf {

178 margin-left: 6px;

179 font-weight: bold;

180 }

181

182 .topbar .instance_name,

183 .topbar a {

184 color: #eee;

185 line-height: 30px;

186 }

187

188 .topbar a:hover {

189 color: #f90;

190 }

191

192 .navigation {

193 background-color: #333;

194 line-height: 200%;

195 }

196

197 .topbar img {

198 margin-right: 0.5em;

199 vertical-align: middle;

200 }

201

202 .topbar a {

203 padding: 0 0.5em;

204 float: left;

205 display: block;

206 white-space: nowrap;

207 }

208

209 form.unit_selector {

210 display: inline;

211 }

212

213 .topbar .navigation_right {

214 float: right;

215 padding-right: 1%;

216 }

217

218

219 #member_menu {

220 z-index: 2;

221 }

222

223 #member_menu li {

224 float: left;

225 }

226

227 #member_menu li:hover {

228 position: relative;

229 z-index: 4;

230 cursor: default;

231 }

232

233 #member_menu {

234 margin: 0;

235 padding: 0;

236 width: 200px;

237 }

238

239 #member_menu > li {

240 width: 200px;

241 }

242

243 #member_menu li a {

244 float: right;

245 }

246

247 #member_menu ul {

248 margin: 0;

249 padding: 0;

250 list-style-type: none;

251 display: none;

252 position: absolute;

253 top: 100%;

254 left: 0;

255 z-index: 3;

256 width: 200px;

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

258 background: #000;

259 }

260

261 #member_menu ul li {

262 float: none;

263 }

264

265 #member_menu ul li a {

266 float: none;

267 background: #000;

268 }

269

270 #member_menu ul ul {

271 top: 1px;

272 right: 1px;

273 }

274

275 #member_menu li:hover ul {

276 display: block;

277 }

278

279 #member_menu li li a {

280 background: #000;

281 border-radius: 5px;

282 color: #fff;

283 }

284

285 #member_menu ul li:hover a {

286 background: #000;

287 color: #f90;

288 }

289

290 */

291 /*************************************************************************

292 * Title of current page including path and actions

293 */

294

295 .slot_title {

296 font-size: 120%;

297 font-weight: bold;

298 margin-left: 10px;

299 margin-right: 10px;

300 margin-top: 1ex;

301 }

302

303 .slot_head {

304 background-color: #fff;

305 margin: 0px 10px 2ex 10px;

306 border: 1px solid #aaa;

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

308 }

309

310 .page_head .title,

311 .issue .context,

312 .issue .title,

313 .initiative_head .title,

314 .area_list .title {

315 padding: 8px 10px 2px 10px;

316 }

317

318 .page_head .actions,

319 .page_head .unit_head .content,

320 .page_head .area_head .content,

321 .issue .content,

322 .initiative_head .content,

323 .area_list .unit_head .content,

324 .area_list .area .content {

325 padding: 10px 10px 0 10px;

326 }

327

328 .page_head .actions:last-child,

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

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

331 .issue .content:last-child,

332 .initiative_head .content:last-child,

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

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

335 padding: 10px 10px 10px 10px;

336 }

337

338 .page_head .initiative_list,

339 .issue .initiative_list {

340 padding-left: 8px;

341 }

342

343 .issue .content.actions {

344 margin-bottom: 1ex;

345 }

346

347

348

349 .page_head .title,

350 .issue .title,

351 .initiative_head .title,

352 .area_list .unit_head .unit_name,

353 .area_list .area_name {

354 font-weight: bold;

355 font-size: 120%;

356 }

357

358 .page_head .unit_head .title .extra,

359 .page_head .area_head .title .extra,

360 .issue .title .extra {

361 margin-left: 0.7em;

362 font-size: 75%;

363 }

364

365 .page_head .area_head .content,

366 .page_head .area_head .content a,

367 .page_head .issue .content.actions,

368 .page_head .issue .content.actions a,

369 .issues .issue .content.actions,

370 .issues .issue .content.actions a,

371 .area_list .area .content,

372 .area_list .area .content a {

373 color: #000;

374 }

375

376

377 .unit_head {

378 background-color: #44a;

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

380 }

381

382 .unit_head:last-child {

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

384 }

385

386 .area_head:last-child {

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

388 }

389

390 .unit_head .content, .unit_head a {

391 color: #fff;

392 }

393 .area_head,

394 .area_list .area_head {

395 background-color: #abf;

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

397 }

398

399 .area_list .area > .content,

400 .issue {

401 background-color: #e0e9ff;

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

403 }

404

405

406 x {

407 background-image: linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);

408 background-image: -o-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);

409 background-image: -moz-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);

410 background-image: -webkit-linear-gradient(top, #dde 0%, #d7d7e7 10%, #fff 100%);

411 background-image: -ms-linear-gradient(top, #eee 0%, #f7f7f7 10%, #fff 100%);

412 }

413

414

415 .delegation_info {

416 float: right;

417 text-decoration: none;

418 padding: 5px;

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

420 }

421

422 .delegation_arrow {

423 vertical-align: middle;

424 }

425

426 .delegation_info .link {

427 text-decoration: underline;

428 color: #aaa;

429 }

430

431 .delegation_info:hover {

432 background-color: #ddd;

433 }

434

435 .delegation_info .micro_avatar {

436 border: none;

437 margin: 2px;

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

439 }

440

441 .delegation_info .micro_avatar.highlighted {

442 margin: none;

443 border: 2px solid #f90;

444 }

445

446

447 .member_list .member_image_avatar {

448 float: left;

449 margin-right: 0.5em;

450 }

451

452 .micro_avatar {

453 height: 24px;

454 border-radius: 4px;

455 vertical-align: middle;

456 }

457

458 .logo {

459 float: right;

460 margin-right: 1%;

461 }

462

463

464 .member_image_photo {

465 border-radius: 8px;

466 }

467

468 /*************************************************************************

469 * Main content

470 */

471

472 .main {

473 margin-left: 1%;

474 margin-right: 1%;

475 }

476

477 /*************************************************************************

478 * ui.tab

479 */

480 .ui_tabs {

481 margin: 20px 0px;

482 }

483

484 .ui_tabs_links a {

485 padding: 1ex 1em;

486 line-height: 300%;

487 background-color: #f7f7f7;

488 background-color: #444;

489 background-image: -webkit-linear-gradient(top, #000 0%, #444 70%, #777 90%, #888 100%);

490 color: #fff;

491 white-space: nowrap;

492 border-radius: 5px;

493 margin-right: 2px;

494 font-weight: bold;

495 }

496

497 .ui_tabs_links a:hover,

498 .ui_tabs_links a.selected {

499 box-shadow: 0px 0px 5px 3px #f90;

500 }

501

502 .ui_tabs_links a.selected {

503 text-decoration: none;

504 }

505

506

507 /*************************************************************************

508 * ui.filters

509 */

510

511 .ui_filter {

512 overflow: auto;

513 margin: 2ex 0;

514 }

515

516 .ui_filter_head {

517 color: #777;

518 font-size: 90%;

519 float: left;

520 line-height: 200%;

521 margin-right: 2em;

522 }

523

524 .ui_filter a {

525 font-weight: bold;

526 margin-right: 0.5em;

527 }

528

529

530 .ui_filter_head a.active {

531 text-decoration: none;

532 background-color: #555;

533 color: #fff;

534 padding: 0.5ex 0.5em;

535 border-radius: 4px;

536 }

537

538 /*************************************************************************

539 * ui.paginate

540 */

541

542 .ui_paginate_head {

543 display: none;

544 margin-bottom: 1ex;

545 }

546

547 .ui_paginate_foot {

548 margin-top: 1ex;

549 }

550

551 .ui_paginate_select a {

552 padding: 0.5em;

553 }

554

555 /*************************************************************************

556 * ui.bargraph

557 */

558

559 .bargraph {

560 width: 103px;

561 }

562

563 .bargraph50 {

564 width: 52px;

565 }

566

567 .bargraph div {

568 float: left;

569 margin-top: 0.5ex;

570 height: 1.3ex;

571 }

572

573 .bargraph .quorum {

574 margin-top: 0.2ex;

575 height: 1.9ex;

576 }

577

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

579 * notifications

580 */

581

582 div.notifications {

583 margin-top: 1ex;

584 background-color: #fda;

585 padding: 0.5ex;

586 border: 1px solid #fa0;

587 }

588

589 .notifications ul {

590 margin: 0;

591 padding: 0;

592 margin-left: 2em;

593 }

594

595 .notifications li {

596 margin: 0;

597 padding: 0;

598 margin-top: 0.5ex;

599 }

600

601 /*************************************************************************

602 * vertical ui.form

603 */

604

605 .vertical {

606 margin-top: 2ex;

607 }

608

609 .login input[type=text],

610 .vertical input[type=text],

611 .login input[type=password],

612 .vertical input[type=password],

613 .vertical textarea,

614 .vertical select {

615 font-family: sans-serif;

616 font-size: 100%;

617 width: 69%;

618 border: 1px solid #444;

619 padding: 0.2ex 0.2em 0.2ex 0.2em;

620 margin-bottom: 1ex;

621 }

622

623

624

625 .login input[type=password],

626 .vertical input[type=password] {

627 width: 16em;

628 }

629

630 .vertical select {

631 padding-right: 0;

632 }

633

634 .login .ui_field_label,

635 .vertical .ui_field_label {

636 text-transform: uppercase;

637 font-size: 70%;

638 line-height: 120%;

639 font-weight: bold;

640 color: #777;

641 width: 29%;

642 display: block;

643 float: left;

644 clear: left;

645 text-align: right;

646 padding-right: 0.5em;

647 }

648

649 .ui_field_label.label_right {

650 text-align: left;

651 width: auto;

652 }

653

654 .login input[type=text],

655 .login input[type=password] {

656 width: 10em;

657 }

658

659 .login div,

660 .vertical div {

661 clear: left;

662 }

663

664 .vertical span {

665 display: block;

666 margin-bottom: 0.5ex;

667 }

668

669 .vertical span:after {

670 content: " ";

671 }

672

673 .vertical span span {

674 display: inline;

675 margin-bottom: 0;

676 }

677

678 .login input[type=submit],

679 .vertical input[type=submit] {

680 font-size: 100%;

681 margin-left: 29%;

682 background-color: #444444;

683 color: #fff;

684 border: none;

685 padding: 0.75ex;

686 }

687

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

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

690 background-color: #444444;

691 }

692

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

694 .login input[type=text],

695 .vertical input[type=text],

696 .login input[type=password],

697 .vertical input[type=password],

698 .vertical textarea,

699 .vertical select,

700 .vertical input[type=submit],

701 .login input[type=submit] {

702 width: 98%;

703 }

704 .login .ui_field_label,

705 .vertical .ui_field_label {

706 text-align: left;

707 width: 98%;

708 }

709 .login input[type=text],

710 .login input[type=password] {

711 width: 98%;

712 }

713 .login input[type=submit],

714 .vertical input[type=submit] {

715 margin-left: 0;

716 }

717 }

718

719

720 /*************************************************************************

721 * Positive / Negtive votes

722 */

723

724

725 .positive_votes span {

726 display: inline;

727 }

728

729 .positive_votes {

730 display: inline;

731 background-color: #cfc;

732 padding: 0.3ex 0.5em 0.3ex 0.5em;

733 }

734

735 .negative_votes span {

736 display: inline;

737 }

738

739 .negative_votes {

740 display: inline;

741 background-color: #fcc;

742 padding: 0.3ex 0.5em 0.3ex 0.5em;

743 }

744

745 .suggestion_my_opinion a,

746 .suggestion_my_opinion span {

747 white-space: nowrap;

748 padding-left: 0.2ex !important;

749 padding-right: 0.2ex !important;

750 }

751

752 .active {

753 background-color: #444;

754 color: #fff;

755 }

756

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

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

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

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

761

762

763

764 /*************************************************************************

765 * Unit list

766 */

767

768 .unit_list a {

769 font-weight: bold;

770 }

771

772 /*************************************************************************

773 * Area list

774 */

775 .area_list {

776 border: 1px solid #54c;

777 border-radius: 10px;

778 margin-top: 2ex;

779 }

780

781 .area_list .area {

782 border-top: 1px solid #44a;

783 }

784

785 .area_list .area:first-child {

786 border-top: none;

787 }

788

789 .area_list .unit_head {

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

791 }

792

793 .area_list .unit_head:last-child {

794 border-radius: 8px;

795 }

796

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

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

799 }

800

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

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

803 }

804

805

806 /*************************************************************************

807 * Events

808 */

809

810 .events .date {

811 font-size: 150%;

812 font-weight: bold;

813 margin-top: 2ex;

814 line-height: 150%;

815 }

816

817 .event_list .event div {

818 }

819

820 .event_list .event .member_id {

821 float: right;

822 }

823

824

825 /*************************************************************************

826 * Issues

827 */

828

829 .issues {

830 clear: left;

831 margin-top: 2ex;

832 }

833

834 .issues .issue {

835 overflow: hidden;

836 border: 1px solid #ddd;

837 border-radius: 8px;

838 margin-bottom: 2ex;

839 }

840

841 .issue.interested,

842 .issue.interest_by_delegation {

843 border: 1px solid #b2cdff;

844 }

845

846 .issue .issue_info {

847 padding: 1ex 1ex 0.3ex 1ex;

848 line-height: 140%;

849 margin-bottom: 1ex;

850 }

851

852 .event_list .event .issue_id,

853 .issue .issue_info .issue_id {

854 font-size: 125%;

855 }

856

857 .issue .suggestion {

858 margin-left: 1ex;

859 margin-bottom: 1ex;

860 font-weight: bold;

861 }

862

863 .issue_policy_info {

864 font-style: italic;

865 }

866

867 .issue_policy_info .event_name {

868 font-weight: bold;

869 }

870

871 .issue_policy_info img {

872 vertical-align: middle;

873 }

874

875 .issue .interest_by_delegation {

876 float: right;

877 }

878

879 .issue .initiative_list a.highlighted {

880 font-weight: bold;

881 }

882

883 .initiative {

884 margin-left: 1ex;

885 margin-bottom: 1ex;

886 line-height: 50%;

887 }

888

889 .initiative .bar {

890 margin-right: 0.3em;

891 }

892

893 .initiative .rank,

894 .initiative .bar,

895 .initiative .interest {

896 float: left;

897 margin-right: 0.3em;

898 }

899

900 .initiative .rank {

901 width: 2.5em;

902 }

903

904

905 .initiative .interest {

906 width: 20px;

907 height: 16px;

908 line-height: 100%;

909 }

910

911 .initiative .name {

912 line-height: 130%;

913 margin-left: 160px;

914 }

915

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

917 .initiative .name {

918 clear: left;

919 margin-left: 0px;

920 }

921 }

922

923

924 .issue_initiative_list a {

925 font-weight: bold;

926 }

927

928 .more_initiatives_link {

929 display: block;

930 margin-left: 166px;

931 font-style: italic;

932 margin-bottom: 1ex;

933 }

934

935 .issue tr tr {

936 border: none;

937 background: none;

938 }

939

940 .initiative_link.selected {

941 font-weight: bold;

942 }

943

944 x.initiative_link.supported {

945 background-color: #cdf;

946 border-radius: 5px;

947 }

948

949 x.initiative_link.potentially_supported {

950 background-color: #cdf;

951 border-radius: 5px;

952 }

953

954 .lang_chooser {

955 float: right;

956 margin-right: 0.5em;

957 }

958

959 .delegation_list_entry {

960 margin-right: 2em;

961 margin-bottom: 2ex;

962 float: left;

963 clear: left;

964 }

965

966 .delegation_list_entry .delegation_arrow {

967 float: left;

968 }

969

970 .delegation_list_entry .delegation_scope {

971 float: left;

972 width: 25em;

973 }

974

975 .delegation_list_entry .delegation_scope a {

976 display: block;

977 }

978

979 .member_list .member_thumb {

980 float: left;

981 margin-right: 1em;

982 margin-bottom: 2ex;

983 }

984

985 .member_thumb {

986 text-decoration: none;

987 width: 14.5em;

988 height: 48px;

989 display: block;

990 float: left;

991 background-color: #f2f2f2;

992 overflow: hidden;

993 position: relative;

994 border-radius: 7px;

995 padding: 2px;

996 }

997

998 .member_thumb a:hover div {

999 background-color: #444;

1000 color: #fff;

1001 }

1002

1003 .member_thumb img {

1004 padding: 0;

1005 margin: 0;

1006 vertical-align: bottom;

1007 border-radius: 7px;

1008 }

1009

1010 .member_thumb .member_name {

1011 position: absolute;

1012 left: 56px;

1013 top: 2ex;

1014 font-size: 100%;

1015 width: 14em;

1016 }

1017

1018 .member_thumb .flags {

1019 float: right;

1020 font-size: 75%;

1021 }

1022

1023 .member_thumb .flags a,

1024 .member_thumb .flags img {

1025 position: static;

1026 float: right;

1027 margin-left: 0.5em;

1028 }

1029

1030 .member_thumb .flags .in_delegation_chain {

1031 font-weight: bold;

1032 }

1033

1034 .member .right {

1035 float: right;

1036 }

1037

1038 .member_thumb.not_accepted,

1039 .member_thumb.not_informed {

1040 background: #fff;

1041 }

1042

1043 .member_thumb.not_accepted .member_image,

1044 .member_thumb.not_accepted .member_name,

1045 .member_thumb.not_informed .member_image,

1046 .member_thumb.not_informed .member_name {

1047 opacity: 0.4;

1048 }

1049

1050 .member_thumb {

1051 border: 2px solid #fff;

1052 }

1053

1054 .member_thumb.in_delegation_chain {

1055 border: 2px solid #f90;

1056 }

1057

1058 .member_statement,

1059 .draft_content,

1060 .suggestion_content {

1061 background-color: #f2f2f2;

1062 padding: 1ex;

1063 border-radius: 8px;

1064 }

1065

1066 .member_statement {

1067 margin-right: 250px;

1068 }

1069

1070 #suggestion_description {

1071 height: 15ex;

1072 }

1073

1074 .diff {

1075 background-color: #f2f2f2;

1076 border: 1px solid #ccc;

1077 padding: 1ex;

1078 }

1079

1080 .diff_added {

1081 background-color: #cfc;

1082 text-decoration: underline;

1083 }

1084

1085 .diff_removed {

1086 background-color: #fcc;

1087 text-decoration: line-through;

1088 }

1089

1090 .slot_issue_info {

1091 background-color: #f2f2f2;

1092 border: 1px solid #ccc;

1093 float: right;

1094 padding: 0.5ex;

1095 line-height: 130%;

1096 margin-right: 1em;

1097 }

1098

1099 .issue_info label {

1100 float: left;

1101 width: 8em;

1102 text-transform: uppercase;

1103 font-size: 70%;

1104 color: #777;

1105 font-weight: bold;

1106 clear: left;

1107 text-align: right;

1108 margin-right: 0.7em;

1109 }

1110

1111 .admitted_info {

1112 background-color: #dfd;

1113 padding: 1ex;

1114 border-radius: 8px;

1115 }

1116

1117 .not_admitted_info,

1118 .revoked_info {

1119 background-color: #fdd;

1120 padding: 1ex;

1121 border-radius: 8px;

1122 }

1123

1124 .draft_updated_info,

1125 .voting_active_info,

1126 .initiator_invite_info,

1127 .motd,

1128 .public_access_issue_head {

1129 background-color: #fffbce;

1130 padding: 1ex;

1131 margin-top: 1ex;

1132 margin-bottom: 2ex;

1133 border-top: 1px solid #ffe900;

1134 border-bottom: 1px solid #ffe900;

1135 }

1136

1137 .suggestion_fulfilled {

1138 width: 15em;

1139 }

1140 .suggestion_fulfilled a.action {

1141 padding-left: 0;

1142 line-height: 120%;

1143 }

1144

1145 .help,

1146 .use_terms {

1147 border-radius: 8px;

1148 border: 1px solid #ffe900;

1149 background-color: #fffbce;

1150 color: #000;

1151 padding: 1ex;

1152 }

1153

1154 .help_visible {

1155 margin-top: 2ex;

1156 margin-bottom: 1ex;

1157 }

1158

1159 .help_visible .help_icon {

1160 float: right;

1161 }

1162

1163 .slot_help_hidden {

1164 float: left;

1165 margin-top: 1ex;

1166 }

1167

1168 .help_actions {

1169 font-size: 75%;

1170 float: right;

1171 }

1172

1173 .help_actions a {

1174 margin-right: 1em;

1175 color: #468;

1176 }

1177

1178 .wiki {

1179 line-height: 133%;

1180 }

1181

1182 .wiki h1,

1183 .wiki h2,

1184 .wiki h3,

1185 .wiki h4 {

1186 margin-top: 1ex;

1187 margin-bottom: 1ex;

1188 }

1189

1190 .wiki h1 {

1191 font-size: 150%;

1192 font-weight: bold;

1193 }

1194

1195 .wiki h2 {

1196 font-size: 125%;

1197 font-weight: bold;

1198 }

1199

1200 .wiki h3 {

1201 font-size: 125%;

1202 }

1203

1204 .wiki h4 {

1205 font-size: 100%;

1206 font-weight: bold;

1207 }

1208

1209 .wiki p {

1210 margin-top: 1ex;

1211 margin-bottom: 1ex;

1212 }

1213

1214 form .warning {

1215 background-color: #ffd;

1216 color: #000;

1217 border: 1px solid #dda;

1218 margin: 1ex;

1219 margin-bottom: 2ex;

1220 padding: 1ex;

1221 }

1222

1223 a.not_voted {

1224 display: block;

1225 background-color: #fec;

1226 color: #000;

1227 }

1228

1229 .action_active {

1230 background-color: #fec;

1231 }

1232

1233 .heading {

1234 display: block;

1235 font-size: 120%;

1236 font-weight: bold;

1237 }

1238

1239 .heading.first {

1240 margin-top: 0;

1241 }

1242

1243 .menu_list li {

1244 padding-top: 1ex;

1245 padding-bottom: 1ex;

1246 }

1247

1248 .deactivated_member_info {

1249 background-color: #a00;

1250 color: #fff;

1251 }

1252

1253 /*************************************************************************

1254 * Voting

1255 */

1256

1257 #voting_form {

1258 margin-top: 20px;

1259 }

1260

1261 #voting {

1262 position: relative;

1263 }

1264

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

1266 border: 2px black solid;

1267 margin-top: 2ex;

1268 margin-bottom: 5ex;

1269 padding: 1ex;

1270 padding-bottom: 2ex;

1271 border-radius: 8px;

1272 }

1273 #voting .approval {

1274 background-color: #9f9;

1275 }

1276 #voting .approval .movable {

1277 background-color: #dfd;

1278 }

1279 #voting .abstention {

1280 background-color: #ccc;

1281 }

1282 #voting .abstention .movable {

1283 background-color: #f2f2f2;

1284 }

1285 #voting .disapproval {

1286 background-color: #f88;

1287 }

1288 #voting .disapproval .movable {

1289 background-color: #fbb;

1290 }

1291 #voting .cathead {

1292 font-weight: bold;

1293 }

1294 #voting .movable {

1295 position: relative;

1296 border: 1px black solid;

1297 margin-top: 1ex;

1298 padding: 0.5ex;

1299 border-radius: 8px;

1300 }

1301 #voting .voting_form_active .movable {

1302 cursor: pointer;

1303 }

1304 #voting .voting_form_active .clickable {

1305 cursor: auto;

1306 }

1307 #voting .voting_form_active a.clickable {

1308 cursor: pointer;

1309 }

1310

1311 #voting .movable {

1312 vertical-align: middle;

1313 cursor: move;

1314 }

1315

1316 /*************************************************************************

1317 * timeline

1318 */

1319 div.ignore_area_list {

1320 float: left;

1321 width: 90%;

1322 margin: 0 0 1em 0;

1323 }

1324

1325 div.ignore_area_list >

1326 label.ui_field_label {

1327 text-align: left ;

1328 width: 100%;

1329 border-bottom:1px solid #000000;

1330 color: #000000;

1331 font-size:75%;

1332 font-weight:bold;

1333 vertical-align:bottom;

1334 text-transform:none;

1335 padding:0.5ex 0.5em

1336 }

1337

1338 div.ignore_area_item {

1339 clear: none;

1340 float: left;

1341 min-width: 10em;

1342 margin: 0.1ex 0.5em;

1343 margin-right: 0.5em;

1344 }

1345

1346 div.ignore_area_item > input {

1347 float: none;

1348 clear: none;

1349 display: inline;

1350 }

1351

1352 div.ignore_area_item >

1353 label.ui_field_label {

1354 float: none;

1355 clear: none;

1356 text-align: left;

1357 display: inline;

1358 }

1359

1360 div.timeline_results {

1361 clear: both;

1362 }

1363

1364 /* shadows */

1365

1366 .initiative_head,

1367 .box,

1368 div.notifications {

1369 border-radius: 8px;

1370 }

1371

1372 .initiative_head,

1373 .box {

1374 border: 1px solid #aaa;

1375 }

1376

1377 .box {

1378 padding: 1ex;

1379 }

1380

1381 .slot_head,

1382 .area_list,

1383 .initiative_head,

1384 .issues .issue,

1385 .ui_tabs_links a,

1386 .draft_content,

1387 .help,

1388 .use_terms,

1389 .motd,

1390 .vote_info .content,

1391 .box,

1392 div.notifications {

1393 box-shadow: #777 0px 5px 5px -5px;

1394 -mox-box-shadow: #777 0px 5px 5px -5px;

1395 -webkit-box-shadow: #ddd 3px 3px 3px -1px;

1396 clear: both;

1397 }

1398

1399 .slot_footer {

1400 margin: 0 1%;

1401 border-top: 1px solid #ccc;

1402 padding: 1ex;

1403 font-size: 80%;

1404 text-align: center;

1405 }

1406 .slot_footer,

1407 .slot_footer a {

1408 color: #666;

1409 }

1410

1411 .footer {

1412 margin: 0 auto;

1413 max-width: 1130px;

1414 }