liquid_feedback_frontend: e405255faa6a static/style.css

liquid_feedback_frontend

view static/style.css @ 645:e405255faa6a

Shadows added to filter buttons

author	bsw
date	Mon Jun 25 19:59:37 2012 +0200 (2012-06-25)
parents	7b2d7c0990b7
children	285d1ca156ba

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: #fafafa;

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 1% 2ex 1%;

306 border: 1px solid #555;

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

308 }

309

310

311 .member_statement,

312 .draft_content,

313 .suggestion_content,

314 .slot_head,

315 .area_list,

316 .initiative_head,

317 .issues .issue,

318 .ui_tabs_links a,

319 .ui_filter a,

320 .draft_content,

321 .help,

322 .use_terms,

323 .motd,

324 .vote_info .content,

325 .box,

326 div.notifications {

327 background-color: #fff;

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

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

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

331 clear: both;

332 }

333

334 .slot_head > div:last-child {

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

336 }

337

338 .page_head .title,

339 .issue .context,

340 .initiative_head .title,

341 .area_list .title {

342 padding: 8px 10px 2px 10px;

343 }

344

345 .issue .title {

346 padding: 5px 10px 0px 10px;

347 }

348

349 .events .issue .title {

350 padding: 5px 10px 10px 10px;

351 }

352

353 .page_head .actions,

354 .page_head .unit_head .content,

355 .page_head .area_head .content,

356 .issue .content,

357 .initiative_head .content,

358 .area_list .unit_head .content,

359 .area_list .area .content {

360 padding: 10px 10px 0 10px;

361 }

362

363 .page_head .actions:last-child,

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

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

366 .issue .content:last-child,

367 .initiative_head .content:last-child,

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

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

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

371 }

372

373 .page_head .initiative_list,

374 .issue .initiative_list {

375 padding-left: 8px;

376 }

377

378 .issue .content.actions {

379 margin-bottom: 1ex;

380 }

381

382 .area_head {

383 overflow: auto;

384 }

385

386

387 .page_head .title,

388 .issue .title,

389 .initiative_head .title,

390 .area_list .unit_head .unit_name,

391 .area_list .area_name {

392 font-weight: bold;

393 font-size: 120%;

394 }

395

396 .page_head .unit_head .title .extra,

397 .page_head .area_head .title .extra,

398 .issue .title .extra {

399 margin-left: 0.7em;

400 font-size: 75%;

401 }

402

403 .page_head .area_head .content,

404 .page_head .area_head .content a,

405 .page_head .issue .content.actions,

406 .page_head .issue .content.actions a,

407 .issues .issue .content.actions,

408 .issues .issue .content.actions a,

409 .area_list .area .content,

410 .area_list .area .content a {

411 color: #000;

412 }

413

414

415 .unit_head {

416 background-color: #44a;

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

418 color: #fff;

419 }

420

421 .unit_head:last-child {

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

423 }

424

425 .area_head:last-child {

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

427 }

428

429 .unit_head .content, .unit_head a {

430 color: #fff;

431 }

432 .area_head,

433 .area_list .area_head {

434 background-color: #abf;

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

436 }

437

438 .area_list .area > .content,

439 .issue {

440 background-color: #e0e9ff;

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

442 }

443

444

445 x {

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

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

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

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

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

451 }

452

453

454 .delegation_info {

455 float: right;

456 text-decoration: none;

457 padding: 5px;

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

459 }

460

461 .delegation_arrow {

462 vertical-align: middle;

463 }

464

465 .delegation_info .link {

466 text-decoration: underline;

467 color: #aaa;

468 }

469

470 .delegation_info:hover {

471 background-color: #ddd;

472 }

473

474 .delegation_info .micro_avatar {

475 border: none;

476 margin: 2px;

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

478 }

479

480 .delegation_info .micro_avatar.highlighted {

481 margin: none;

482 border: 2px solid #f90;

483 }

484

485

486 .member_list .member_image_avatar {

487 float: left;

488 margin-right: 0.5em;

489 }

490

491 .micro_avatar {

492 height: 24px;

493 border-radius: 4px;

494 vertical-align: middle;

495 }

496

497 .logo {

498 float: right;

499 margin-right: 1%;

500 }

501

502

503 .member_image_photo {

504 border-radius: 8px;

505 }

506

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

508 * Main content

509 */

510

511 .main {

512 margin-left: 1%;

513 margin-right: 1%;

514 }

515

516 /*************************************************************************

517 * ui.tab

518 */

519 .ui_tabs_links {

520 margin: 20px 0px 10px 0px;

521 }

522

523 .ui_tabs_links a {

524 padding: 1ex 1em;

525 line-height: 300%;

526 background-color: #444;

527 background-image: -webkit-linear-gradient(top, #000, #666);

528 color: #fff;

529 white-space: nowrap;

530 border-radius: 8px;

531 font-weight: bold;

532 margin: 3px;

533 }

534

535 .ui_tabs_links a:hover,

536 .ui_tabs_links a.selected {

537 margin: 0;

538 border: 3px solid #f90;

539 box-shadow: 0px 0px 5px #f90;

540 }

541

542 .ui_tabs_links a.selected {

543 text-decoration: none;

544 }

545

546

547 /*************************************************************************

548 * ui.filters

549 */

550

551 .ui_filter {

552 overflow: auto;

553 margin: 2ex 0;

554 }

555

556 .ui_filter_head {

557 color: #777;

558 font-size: 90%;

559 float: left;

560 line-height: 200%;

561 margin-right: 2em;

562 }

563

564 .ui_filter a {

565 font-weight: bold;

566 margin-right: 0.5em;

567 background-color: #fff;

568 padding: 0.5ex 0.5em;

569 border-radius: 6px;

570 border: 1px solid #bbb;

571 }

572

573

574 .ui_filter_head a.active {

575 border: 1px solid #000;

576 text-decoration: none;

577 background-color: #555;

578 color: #fff;

579 }

580

581 /*************************************************************************

582 * ui.paginate

583 */

584

585 .ui_paginate_head {

586 display: none;

587 margin-bottom: 1ex;

588 }

589

590 .ui_paginate_foot {

591 margin-top: 1ex;

592 }

593

594 .ui_paginate_select a {

595 padding: 0.5em;

596 }

597

598 /*************************************************************************

599 * ui.bargraph

600 */

601

602 .bargraph {

603 width: 103px;

604 }

605

606 .bargraph50 {

607 width: 52px;

608 }

609

610 .bargraph div {

611 float: left;

612 margin-top: 0.5ex;

613 height: 1.3ex;

614 }

615

616 .bargraph .quorum {

617 margin-top: 0.2ex;

618 height: 1.9ex;

619 }

620

621 /*************************************************************************

622 * notifications

623 */

624

625 div.notifications {

626 margin-top: 1ex;

627 background-color: #fda;

628 padding: 0.5ex;

629 border: 1px solid #fa0;

630 }

631

632 .notifications ul {

633 margin: 0;

634 padding: 0;

635 margin-left: 2em;

636 }

637

638 .notifications li {

639 margin: 0;

640 padding: 0;

641 margin-top: 0.5ex;

642 }

643

644 /*************************************************************************

645 * vertical ui.form

646 */

647

648 .vertical {

649 margin-top: 2ex;

650 }

651

652 .login input[type=text],

653 .vertical input[type=text],

654 .login input[type=password],

655 .vertical input[type=password],

656 .vertical textarea,

657 .vertical select {

658 font-family: sans-serif;

659 font-size: 100%;

660 width: 69%;

661 border: 1px solid #444;

662 padding: 0.2ex 0.2em 0.2ex 0.2em;

663 margin-bottom: 1ex;

664 }

665

666

667

668 .login input[type=password],

669 .vertical input[type=password] {

670 width: 16em;

671 }

672

673 .vertical select {

674 padding-right: 0;

675 }

676

677 .login .ui_field_label,

678 .vertical .ui_field_label {

679 text-transform: uppercase;

680 font-size: 70%;

681 line-height: 120%;

682 font-weight: bold;

683 color: #777;

684 width: 29%;

685 display: block;

686 float: left;

687 clear: left;

688 text-align: right;

689 padding-right: 0.5em;

690 }

691

692 .ui_field_label.label_right {

693 text-align: left;

694 width: auto;

695 }

696

697 .login input[type=text],

698 .login input[type=password] {

699 width: 10em;

700 }

701

702 .login div,

703 .vertical div {

704 clear: left;

705 }

706

707 .vertical span {

708 display: block;

709 margin-bottom: 0.5ex;

710 }

711

712 .vertical span:after {

713 content: " ";

714 }

715

716 .vertical span span {

717 display: inline;

718 margin-bottom: 0;

719 }

720

721 .login input[type=submit],

722 .vertical input[type=submit] {

723 font-size: 100%;

724 margin-left: 29%;

725 background-color: #444444;

726 color: #fff;

727 border: none;

728 padding: 0.75ex;

729 }

730

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

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

733 background-color: #444444;

734 }

735

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

737 .login input[type=text],

738 .vertical input[type=text],

739 .login input[type=password],

740 .vertical input[type=password],

741 .vertical textarea,

742 .vertical select,

743 .vertical input[type=submit],

744 .login input[type=submit] {

745 width: 98%;

746 }

747 .login .ui_field_label,

748 .vertical .ui_field_label {

749 text-align: left;

750 width: 98%;

751 }

752 .login input[type=text],

753 .login input[type=password] {

754 width: 98%;

755 }

756 .login input[type=submit],

757 .vertical input[type=submit] {

758 margin-left: 0;

759 }

760 }

761

762

763 /*************************************************************************

764 * Positive / Negtive votes

765 */

766

767

768 .positive_votes span {

769 display: inline;

770 }

771

772 .positive_votes {

773 display: inline;

774 background-color: #cfc;

775 padding: 0.3ex 0.5em 0.3ex 0.5em;

776 }

777

778 .negative_votes span {

779 display: inline;

780 }

781

782 .negative_votes {

783 display: inline;

784 background-color: #fcc;

785 padding: 0.3ex 0.5em 0.3ex 0.5em;

786 }

787

788 .suggestion_my_opinion a,

789 .suggestion_my_opinion span {

790 white-space: nowrap;

791 padding-left: 0.2ex !important;

792 padding-right: 0.2ex !important;

793 }

794

795 .active {

796 background-color: #444;

797 color: #fff;

798 }

799

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

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

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

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

804

805

806

807 /*************************************************************************

808 * Unit list

809 */

810

811 .unit_list a {

812 font-weight: bold;

813 }

814

815 /*************************************************************************

816 * Area list

817 */

818 .area_list {

819 border: 1px solid #54c;

820 border-radius: 10px;

821 margin-top: 2ex;

822 }

823

824 .area_list .area {

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

826 }

827

828 .area_list .area:first-child {

829 border-top: none;

830 }

831

832 .area_list .unit_head {

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

834 }

835

836 .area_list .unit_head:last-child {

837 border-radius: 8px;

838 }

839

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

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

842 }

843

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

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

846 }

847

848

849 /*************************************************************************

850 * Events

851 */

852

853 .events .date {

854 font-size: 150%;

855 font-weight: bold;

856 margin-top: 2ex;

857 line-height: 150%;

858 }

859

860 .event_list .event div {

861 }

862

863 .event_list .event .member_id {

864 float: right;

865 }

866

867

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

869 * Issues

870 */

871

872 .issues {

873 clear: left;

874 margin-top: 2ex;

875 }

876

877 .issues .issue {

878 overflow: hidden;

879 border: 1px solid #ddd;

880 border-radius: 8px;

881 margin-bottom: 2ex;

882 }

883

884 .issue.interested,

885 .issue.interest_by_delegation {

886 border: 1px solid #b2cdff;

887 }

888

889 .issue .issue_info {

890 padding: 1ex 1ex 0.3ex 1ex;

891 line-height: 140%;

892 margin-bottom: 1ex;

893 }

894

895 .event_list .event .issue_id,

896 .issue .issue_info .issue_id {

897 font-size: 125%;

898 }

899

900 .issue .suggestion {

901 margin-left: 1ex;

902 margin-bottom: 1ex;

903 font-weight: bold;

904 }

905

906 .issue_policy_info {

907 font-style: italic;

908 }

909

910 .issue_policy_info .event_name {

911 font-weight: bold;

912 }

913

914 .issue_policy_info img {

915 vertical-align: middle;

916 }

917

918 .issue .interest_by_delegation {

919 float: right;

920 }

921

922 .issue .initiative_list a.highlighted {

923 font-weight: bold;

924 }

925

926 .initiative {

927 margin-left: 1ex;

928 margin-bottom: 1ex;

929 line-height: 50%;

930 }

931

932 .initiative .bar {

933 margin-right: 0.3em;

934 }

935

936 .initiative .rank,

937 .initiative .bar,

938 .initiative .interest {

939 float: left;

940 margin-right: 0.3em;

941 }

942

943 .initiative .rank {

944 width: 2.5em;

945 }

946

947

948 .initiative .interest {

949 width: 20px;

950 height: 16px;

951 line-height: 100%;

952 }

953

954 .initiative .name {

955 line-height: 130%;

956 margin-left: 160px;

957 }

958

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

960 .initiative .name {

961 clear: left;

962 margin-left: 0px;

963 }

964 }

965

966

967 .issue_initiative_list a {

968 font-weight: bold;

969 }

970

971 .more_initiatives_link {

972 display: block;

973 margin-left: 166px;

974 font-style: italic;

975 margin-bottom: 1ex;

976 }

977

978 .issue tr tr {

979 border: none;

980 background: none;

981 }

982

983 .initiative_link.selected {

984 font-weight: bold;

985 }

986

987 x.initiative_link.supported {

988 background-color: #cdf;

989 border-radius: 5px;

990 }

991

992 x.initiative_link.potentially_supported {

993 background-color: #cdf;

994 border-radius: 5px;

995 }

996

997 .lang_chooser {

998 float: right;

999 margin-right: 0.5em;

1000 }

1001

1002 .delegation_list_entry {

1003 margin-right: 2em;

1004 margin-bottom: 2ex;

1005 float: left;

1006 clear: left;

1007 }

1008

1009 .delegation_list_entry .delegation_arrow {

1010 float: left;

1011 }

1012

1013 .delegation_list_entry .delegation_scope {

1014 float: left;

1015 width: 25em;

1016 }

1017

1018 .delegation_list_entry .delegation_scope a {

1019 display: block;

1020 }

1021

1022 .member_list .member_thumb {

1023 float: left;

1024 margin-right: 1em;

1025 margin-bottom: 2ex;

1026 }

1027

1028 .member_thumb {

1029 text-decoration: none;

1030 width: 14.5em;

1031 height: 48px;

1032 display: block;

1033 float: left;

1034 background-color: #f2f2f2;

1035 overflow: hidden;

1036 position: relative;

1037 border-radius: 7px;

1038 padding: 2px;

1039 }

1040

1041 .member_thumb a:hover div {

1042 background-color: #444;

1043 color: #fff;

1044 }

1045

1046 .member_thumb img {

1047 padding: 0;

1048 margin: 0;

1049 vertical-align: bottom;

1050 border-radius: 7px;

1051 }

1052

1053 .member_thumb .member_name {

1054 position: absolute;

1055 left: 56px;

1056 top: 2ex;

1057 font-size: 100%;

1058 width: 14em;

1059 }

1060

1061 .member_thumb .flags {

1062 float: right;

1063 font-size: 75%;

1064 }

1065

1066 .member_thumb .flags a,

1067 .member_thumb .flags img {

1068 position: static;

1069 float: right;

1070 margin-left: 0.5em;

1071 }

1072

1073 .member_thumb .flags .in_delegation_chain {

1074 font-weight: bold;

1075 }

1076

1077 .member .right {

1078 float: right;

1079 }

1080

1081 .member_thumb.not_accepted,

1082 .member_thumb.not_informed {

1083 background: #fff;

1084 }

1085

1086 .member_thumb.not_accepted .member_image,

1087 .member_thumb.not_accepted .member_name,

1088 .member_thumb.not_informed .member_image,

1089 .member_thumb.not_informed .member_name {

1090 opacity: 0.4;

1091 }

1092

1093 .member_thumb {

1094 border: 2px solid #fff;

1095 }

1096

1097 .member_thumb.in_delegation_chain {

1098 border: 2px solid #f90;

1099 }

1100

1101

1102 .member_statement {

1103 margin-right: 250px;

1104 }

1105

1106 #suggestion_description {

1107 height: 15ex;

1108 }

1109

1110 .diff {

1111 background-color: #f2f2f2;

1112 border: 1px solid #ccc;

1113 padding: 1ex;

1114 }

1115

1116 .diff_added {

1117 background-color: #cfc;

1118 text-decoration: underline;

1119 }

1120

1121 .diff_removed {

1122 background-color: #fcc;

1123 text-decoration: line-through;

1124 }

1125

1126 .slot_issue_info {

1127 background-color: #f2f2f2;

1128 border: 1px solid #ccc;

1129 float: right;

1130 padding: 0.5ex;

1131 line-height: 130%;

1132 margin-right: 1em;

1133 }

1134

1135 .issue_info label {

1136 float: left;

1137 width: 8em;

1138 text-transform: uppercase;

1139 font-size: 70%;

1140 color: #777;

1141 font-weight: bold;

1142 clear: left;

1143 text-align: right;

1144 margin-right: 0.7em;

1145 }

1146

1147 .admitted_info {

1148 background-color: #dfd;

1149 padding: 1ex;

1150 border-radius: 8px;

1151 }

1152

1153 .not_admitted_info,

1154 .revoked_info {

1155 background-color: #fdd;

1156 padding: 1ex;

1157 border-radius: 8px;

1158 }

1159

1160 .draft_updated_info,

1161 .voting_active_info,

1162 .initiator_invite_info,

1163 .motd,

1164 .public_access_issue_head {

1165 background-color: #fda;

1166 padding: 1ex;

1167 margin-top: 1ex;

1168 margin-bottom: 2ex;

1169 border: 1px solid #fa0;

1170 border-radius: 10px;

1171 }

1172

1173 .suggestion_fulfilled {

1174 width: 15em;

1175 }

1176 .suggestion_fulfilled a.action {

1177 padding-left: 0;

1178 line-height: 120%;

1179 }

1180

1181 .help,

1182 .use_terms {

1183 border-radius: 8px;

1184 border: 1px solid #ffe900;

1185 background-color: #fffbce;

1186 color: #000;

1187 padding: 1ex;

1188 }

1189

1190 .help_visible {

1191 margin-top: 2ex;

1192 margin-bottom: 1ex;

1193 }

1194

1195 .help_visible .help_icon {

1196 float: right;

1197 }

1198

1199 .slot_help_hidden {

1200 float: left;

1201 margin-top: 1ex;

1202 }

1203

1204 .help_actions {

1205 font-size: 75%;

1206 float: right;

1207 }

1208

1209 .help_actions a {

1210 margin-right: 1em;

1211 color: #468;

1212 }

1213

1214 .wiki {

1215 line-height: 133%;

1216 }

1217

1218 .wiki h1,

1219 .wiki h2,

1220 .wiki h3,

1221 .wiki h4 {

1222 margin-top: 1ex;

1223 margin-bottom: 1ex;

1224 }

1225

1226 .wiki h1 {

1227 font-size: 150%;

1228 font-weight: bold;

1229 }

1230

1231 .wiki h2 {

1232 font-size: 125%;

1233 font-weight: bold;

1234 }

1235

1236 .wiki h3 {

1237 font-size: 125%;

1238 }

1239

1240 .wiki h4 {

1241 font-size: 100%;

1242 font-weight: bold;

1243 }

1244

1245 .wiki p {

1246 margin-top: 1ex;

1247 margin-bottom: 1ex;

1248 }

1249

1250 form .warning {

1251 background-color: #ffd;

1252 color: #000;

1253 border: 1px solid #dda;

1254 margin: 1ex;

1255 margin-bottom: 2ex;

1256 padding: 1ex;

1257 }

1258

1259 a.not_voted {

1260 display: block;

1261 background-color: #fec;

1262 color: #000;

1263 }

1264

1265 .action_active {

1266 background-color: #fec;

1267 }

1268

1269 .heading {

1270 display: block;

1271 font-size: 120%;

1272 font-weight: bold;

1273 }

1274

1275 .heading.first {

1276 margin-top: 0;

1277 }

1278

1279 .menu_list li {

1280 padding-top: 1ex;

1281 padding-bottom: 1ex;

1282 }

1283

1284 .deactivated_member_info {

1285 background-color: #a00;

1286 color: #fff;

1287 }

1288

1289 /*************************************************************************

1290 * Voting

1291 */

1292

1293 #voting_form {

1294 margin-top: 20px;

1295 }

1296

1297 #voting {

1298 position: relative;

1299 }

1300

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

1302 border: 2px black solid;

1303 margin-top: 2ex;

1304 margin-bottom: 5ex;

1305 padding: 1ex;

1306 padding-bottom: 2ex;

1307 border-radius: 8px;

1308 }

1309 #voting .approval {

1310 background-color: #9f9;

1311 }

1312 #voting .approval .movable {

1313 background-color: #dfd;

1314 }

1315 #voting .abstention {

1316 background-color: #ccc;

1317 }

1318 #voting .abstention .movable {

1319 background-color: #f2f2f2;

1320 }

1321 #voting .disapproval {

1322 background-color: #f88;

1323 }

1324 #voting .disapproval .movable {

1325 background-color: #fbb;

1326 }

1327 #voting .cathead {

1328 font-weight: bold;

1329 }

1330 #voting .movable {

1331 position: relative;

1332 border: 1px black solid;

1333 margin-top: 1ex;

1334 padding: 0.5ex;

1335 border-radius: 8px;

1336 }

1337 #voting .voting_form_active .movable {

1338 cursor: pointer;

1339 }

1340 #voting .voting_form_active .clickable {

1341 cursor: auto;

1342 }

1343 #voting .voting_form_active a.clickable {

1344 cursor: pointer;

1345 }

1346

1347 #voting .movable {

1348 vertical-align: middle;

1349 cursor: move;

1350 }

1351

1352 /*************************************************************************

1353 * timeline

1354 */

1355 div.ignore_area_list {

1356 float: left;

1357 width: 90%;

1358 margin: 0 0 1em 0;

1359 }

1360

1361 div.ignore_area_list >

1362 label.ui_field_label {

1363 text-align: left ;

1364 width: 100%;

1365 border-bottom:1px solid #000000;

1366 color: #000000;

1367 font-size:75%;

1368 font-weight:bold;

1369 vertical-align:bottom;

1370 text-transform:none;

1371 padding:0.5ex 0.5em

1372 }

1373

1374 div.ignore_area_item {

1375 clear: none;

1376 float: left;

1377 min-width: 10em;

1378 margin: 0.1ex 0.5em;

1379 margin-right: 0.5em;

1380 }

1381

1382 div.ignore_area_item > input {

1383 float: none;

1384 clear: none;

1385 display: inline;

1386 }

1387

1388 div.ignore_area_item >

1389 label.ui_field_label {

1390 float: none;

1391 clear: none;

1392 text-align: left;

1393 display: inline;

1394 }

1395

1396 div.timeline_results {

1397 clear: both;

1398 }

1399

1400 /* shadows */

1401

1402 .member_statement,

1403 .draft_content,

1404 .suggestion_content,

1405 .initiative_head,

1406 .box,

1407 div.notifications {

1408 border-radius: 8px;

1409 }

1410

1411 .member_statement,

1412 .draft_content,

1413 .suggestion_content,

1414 .initiative_head,

1415 .box {

1416 border: 1px solid #aaa;

1417 }

1418

1419 .member_statement,

1420 .draft_content,

1421 .suggestion_content,

1422 .box {

1423 padding: 1ex;

1424 }

1425

1426 .slot_footer {

1427 margin: 0 1%;

1428 border-top: 1px solid #ccc;

1429 padding: 1ex;

1430 font-size: 80%;

1431 text-align: center;

1432 }

1433 .slot_footer,

1434 .slot_footer a {

1435 color: #666;

1436 }

1437

1438 .footer {

1439 margin: 0 auto;

1440 max-width: 1130px;

1441 }