liquid_feedback_frontend: 52ee665edf86 static/style.css

liquid_feedback_frontend

view static/style.css @ 676:52ee665edf86

Optical enhancements in event list

author	bsw
date	Tue Jun 26 17:12:15 2012 +0200 (2012-06-26)
parents	117a505fbe64
children	14c02016727c

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

54 line-height: 120%:

55 }

57 body, th, td {

58 font-family: sans-serif;

59 font-size: 10pt;

60 padding: 0;

61 margin: 0;

62 }

64 .page,

65 .topbar_content {

66 max-width: 1130px;

67 margin: 0 auto;

68 }

70 table {

71 margin-top: 1ex;

72 }

74 body, a {

75 color: #000;

76 }

78 img {

79 border: none;

80 }

82 table {

83 border-collapse: collapse;

84 border: none;

85 }

87 td, th {

88 padding: 0.5ex 0.5em 0.5ex 0em;

89 }

91 td {

92 vertical-align: top;

93 }

95 th {

96 vertical-align: bottom;

97 font-weight: bold;

98 }

100 a.active {

101 color: #fff;

102 }

103

104 .revoked {

105 text-decoration: line-through;

106 }

107

108 .highlighted {

109 background-color: #fa7;

110 color: #000;

111 }

112

113 .admin_only {

114 font-style: italic;

115 }

116

117 h1 {

118 font-size: 150%;

119 }

120

121 h2 {

122 font-size: 125%;

123 }

124

125 .inline {

126 display: inline;

127 }

128

129 /*************************************************************************

130 * Notices, warnings and errors

131 */

132

133 .layout_notice, .layout_error, .layout_warning {

134 background: #fff;

135 font-weight: bold;

136 line-height: 1.7em;

137 -moz-opacity:0.7;

138 }

139

140 .slot_notice, .slot_warning, .slot_error {

141 padding-left: 1em;

142 }

143

144 .slot_notice {

145 background-color: #cfc;

146 color: #040;

147 }

148

149 .slot_warning {

150 background-color: #fec;

151 color: #420;

152 }

153

154 .slot_error {

155 background-color: #fcc;

156 color: #400;

157 }

158

159 /*************************************************************************

160 * Navigation, search and language chooser bar

161 */

162

163 .topbar {

164 background-color: #333;

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

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

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

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

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

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

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

172 xoverflow: auto;

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

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

175 border-top: 1px solid #333;

176 line-height: 30px;

177 }

178

179 .topbar .logolf {

180 margin-left: 6px;

181 font-weight: bold;

182 }

183

184 .topbar .instance_name,

185 .topbar a {

186 color: #eee;

187 line-height: 30px;

188 }

189

190 .topbar a:hover {

191 color: #f90;

192 }

193

194 .navigation {

195 background-color: #333;

196 line-height: 200%;

197 }

198

199 .topbar img {

200 margin-right: 0.5em;

201 vertical-align: middle;

202 }

203

204 .topbar a {

205 padding: 0 0.5em;

206 float: left;

207 display: block;

208 white-space: nowrap;

209 }

210

211 form.unit_selector {

212 display: inline;

213 }

214

215 .topbar .navigation_right {

216 float: right;

217 padding-right: 1%;

218 }

219

220 .topbar ul {

221 list-style-type: none;

222 }

223

224

225 #member_menu {

226 z-index: 2;

227 }

228

229 #member_menu li {

230 float: left;

231 }

232

233 #member_menu li:hover {

234 position: relative;

235 z-index: 4;

236 cursor: default;

237 }

238

239 #member_menu {

240 margin: 0;

241 padding: 0;

242 width: 200px;

243 }

244

245 #member_menu > li {

246 width: 200px;

247 }

248

249 #member_menu li a {

250 float: right;

251 }

252

253 #member_menu ul {

254 margin: 0;

255 padding: 0;

256 list-style-type: none;

257 display: none;

258 position: absolute;

259 top: 100%;

260 left: 0;

261 z-index: 3;

262 width: 200px;

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

264 background: #000;

265 }

266

267 #member_menu ul li {

268 float: none;

269 }

270

271 #member_menu ul li a {

272 float: none;

273 background: #000;

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: 120%;

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 .draft_content,

321 .suggestion_content,

322 .slot_head,

323 .area_list,

324 .initiative_head,

325 .issues .issue,

326 .ui_tabs_links a,

327 .ui_filter a,

328 .draft_content,

329 .help,

330 .use_terms,

331 .motd,

332 .vote_info .content,

333 .box,

334 div.notifications {

335 background-color: #fff;

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

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

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

339 }

340

341 .slot_head > div:last-child {

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

343 }

344

345 .page_head .title,

346 .issue .context,

347 .initiative_head .title,

348 .area_list .title {

349 padding: 8px 10px 2px 10px;

350 }

351

352 .issue .title {

353 padding: 5px 10px 0px 10px;

354 }

355

356 .events .issue .title {

357 padding: 5px 10px 10px 10px;

358 }

359

360 .page_head .actions,

361 .page_head .unit_head .content,

362 .page_head .area_head .content,

363 .issue .content,

364 .initiative_head .content,

365 .area_list .unit_head .content,

366 .area_list .area .content {

367 padding: 10px 10px 0 10px;

368 }

369

370 .page_head .actions:last-child,

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

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

373 .issue .content:last-child,

374 .initiative_head .content:last-child,

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

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

377 padding: 10px 10px 10px 10px;

378 }

379

380 .page_head .initiative_list,

381 .issue .initiative_list {

382 padding-left: 8px;

383 }

384

385 .issue .content.actions {

386 margin-bottom: 1ex;

387 }

388

389 .area_head {

390 overflow: auto;

391 }

392

393

394 .page_head .title,

395 .issue .title,

396 .initiative_head .title,

397 .area_list .unit_head .unit_name,

398 .area_list .area_name {

399 font-weight: bold;

400 font-size: 120%;

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: -webkit-linear-gradient(top, #67d, #23a);

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

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

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

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

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

423 color: #fff;

424 }

425

426 .unit_head:last-child {

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

428 }

429

430 .area_head:last-child {

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

432 }

433

434 .unit_head .content, .unit_head a {

435 color: #fff;

436 }

437 .area_head,

438 .area_list .area_head {

439 background-color: #abf;

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

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

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

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

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

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

446 }

447

448 .area_list .area > .content,

449 .issue {

450 background-color: #e0e9ff;

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

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

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

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

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

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

457 }

458

459 .delegation_info {

460 float: right;

461 text-decoration: none;

462 padding: 5px;

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

464 }

465

466 .delegation_arrow {

467 vertical-align: middle;

468 }

469

470 .delegation_info .link {

471 text-decoration: underline;

472 color: #aaa;

473 }

474

475 .delegation_info:hover {

476 background-color: #ddd;

477 }

478

479 .delegation_info .micro_avatar {

480 border: none;

481 margin: 2px;

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

483 }

484

485 .delegation_info .micro_avatar.highlighted {

486 margin: 0;

487 border: 2px solid #f90;

488 }

489

490

491 .member_list .member_image_avatar {

492 float: left;

493 margin-right: 0.5em;

494 }

495

496 .micro_avatar {

497 height: 24px;

498 border-radius: 4px;

499 vertical-align: middle;

500 }

501

502 .logo {

503 float: right;

504 margin-right: 1%;

505 }

506

507

508 .member_image_photo {

509 border-radius: 8px;

510 }

511

512 /*************************************************************************

513 * Main content

514 */

515

516 .main {

517 margin-left: 1%;

518 margin-right: 1%;

519 }

520

521 /*************************************************************************

522 * ui.tab

523 */

524 .ui_tabs_links {

525 margin: 20px 0px 10px -3px;

526 line-height: 300%;

527 }

528

529 .ui_tabs_links a {

530 padding: 1.33ex 1em;

531 background-color: #444;

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

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

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

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

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

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

538 color: #fff;

539 white-space: nowrap;

540 border-radius: 8px;

541 font-weight: bold;

542 margin: 3px;

543 }

544

545 .ui_tabs_links a:hover,

546 .ui_tabs_links a.selected {

547 margin: 0;

548 border: 3px solid #f90;

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

550 }

551

552 .ui_tabs_links a.selected {

553 text-decoration: none;

554 }

555

556

557 /*************************************************************************

558 * ui.filters

559 */

560

561 .ui_filter {

562 overflow: auto;

563 margin-top: 20px;

564 }

565

566 .ui_filter_head {

567 color: #777;

568 line-height: 200%;

569 padding-bottom: 8px;

570 margin-bottom: 6px;

571 border-bottom: 1px solid #888;

572 }

573

574 .ui_filter_head:last-child {

575 border-bottom: none;

576 }

577

578 .ui_filter a {

579 font-weight: bold;

580 margin-right: 0;

581 background-color: #fff;

582 padding: 0.5ex 0.5em;

583 border-radius: 5px;

584 border: 1px solid #bbb;

585 }

586

587

588 .ui_filter_head a.active {

589 border: 1px solid #666;

590 text-decoration: none;

591 background-color: #444;

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

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

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

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

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

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

598 color: #fff;

599 }

600

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

602 * ui.paginate

603 */

604

605 .ui_paginate_head {

606 display: none;

607 margin-bottom: 1ex;

608 }

609

610 .ui_paginate_foot {

611 margin-top: 1ex;

612 }

613

614 .ui_paginate_select a {

615 padding: 0.5em;

616 }

617

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

619 * ui.bargraph

620 */

621

622 .bargraph {

623 width: 103px;

624 }

625

626 .bargraph50 {

627 width: 52px;

628 }

629

630 .bargraph div {

631 float: left;

632 margin-top: 0.5ex;

633 height: 1.3ex;

634 }

635

636 .bargraph .quorum {

637 margin-top: 0.2ex;

638 height: 1.9ex;

639 }

640

641 /*************************************************************************

642 * notifications

643 */

644

645 div.notifications {

646 margin-top: 1ex;

647 background-color: #fda;

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

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

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

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

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

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

654 padding: 0.5ex;

655 border: 1px solid #fc0;

656 }

657

658 .notifications ul {

659 margin: 0;

660 padding: 0;

661 margin-left: 2em;

662 }

663

664 .notifications li {

665 margin: 0;

666 padding: 0;

667 margin-top: 0.5ex;

668 }

669

670 /*************************************************************************

671 * vertical ui.form

672 */

673

674 .vertical {

675 margin-top: 2ex;

676 }

677

678 .login input[type=text],

679 .vertical input[type=text],

680 .login input[type=password],

681 .vertical input[type=password],

682 .vertical textarea,

683 .vertical select {

684 font-family: sans-serif;

685 font-size: 100%;

686 width: 69%;

687 border: 1px solid #444;

688 padding: 0.2ex 0.2em 0.2ex 0.2em;

689 margin-bottom: 1ex;

690 }

691

692

693

694 .login input[type=password],

695 .vertical input[type=password] {

696 width: 16em;

697 }

698

699 .vertical select {

700 padding-right: 0;

701 }

702

703 .login .ui_field_label,

704 .vertical .ui_field_label {

705 line-height: 180%;

706 font-weight: bold;

707 color: #777;

708 width: 29%;

709 display: block;

710 float: left;

711 clear: left;

712 text-align: right;

713 padding-right: 0.5em;

714 }

715

716 .ui_field_label.label_right {

717 text-align: left;

718 width: auto;

719 }

720

721 .login input[type=text],

722 .login input[type=password] {

723 width: 10em;

724 }

725

726 .login div,

727 .vertical div {

728 clear: left;

729 }

730

731 .vertical span {

732 display: block;

733 margin-bottom: 0.5ex;

734 }

735

736 .vertical span:after {

737 content: " ";

738 }

739

740 .vertical span span {

741 display: inline;

742 margin-bottom: 0;

743 }

744

745 .login input[type=submit],

746 .vertical input[type=submit] {

747 font-size: 100%;

748 margin-left: 29%;

749 background-color: #444444;

750 color: #fff;

751 border: none;

752 padding: 0.75ex;

753 }

754

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

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

757 background-color: #444444;

758 }

759

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

761 .login input[type=text],

762 .vertical input[type=text],

763 .login input[type=password],

764 .vertical input[type=password],

765 .vertical textarea,

766 .vertical select,

767 .vertical input[type=submit],

768 .login input[type=submit] {

769 width: 98%;

770 }

771 .login .ui_field_label,

772 .vertical .ui_field_label {

773 text-align: left;

774 width: 98%;

775 }

776 .login input[type=text],

777 .login input[type=password] {

778 width: 98%;

779 }

780 .login input[type=submit],

781 .vertical input[type=submit] {

782 margin-left: 0;

783 }

784 }

785

786

787 /*************************************************************************

788 * Positive / Negtive votes

789 */

790

791

792 .positive_votes span {

793 display: inline;

794 }

795

796 .positive_votes {

797 display: inline;

798 background-color: #cfc;

799 padding: 0.3ex 0.5em 0.3ex 0.5em;

800 }

801

802 .negative_votes span {

803 display: inline;

804 }

805

806 .negative_votes {

807 display: inline;

808 background-color: #fcc;

809 padding: 0.3ex 0.5em 0.3ex 0.5em;

810 }

811

812 .suggestion_my_opinion a,

813 .suggestion_my_opinion span {

814 white-space: nowrap;

815 padding-left: 0.2ex !important;

816 padding-right: 0.2ex !important;

817 }

818

819 .active {

820 background-color: #444;

821 color: #fff;

822 }

823

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

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

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

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

828

829

830

831 /*************************************************************************

832 * Unit list

833 */

834

835 .unit_list a {

836 font-weight: bold;

837 }

838

839 /*************************************************************************

840 * Area list

841 */

842 .area_list {

843 border: 1px solid #54c;

844 border-radius: 10px;

845 margin-top: 2ex;

846 }

847

848 .area_list .area {

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

850 }

851

852 .area_list .area:first-child {

853 border-top: none;

854 }

855

856 .area_list .unit_head {

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

858 }

859

860 .area_list .unit_head:last-child {

861 border-radius: 8px;

862 }

863

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

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

866 }

867

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

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

870 }

871

872

873 /*************************************************************************

874 * Events

875 */

876

877 .events .date {

878 font-size: 150%;

879 font-weight: bold;

880 margin-top: 2ex;

881 line-height: 150%;

882 }

883

884 .event_list .event div {

885 }

886

887 .event_list .event .member_id {

888 float: right;

889 }

890

891

892 /*************************************************************************

893 * Issues

894 */

895

896 .issues {

897 clear: left;

898 margin-top: 2ex;

899 }

900

901 .issues .issue {

902 overflow: hidden;

903 border: 1px solid #d0ddff;

904 border-radius: 8px;

905 margin-bottom: 2ex;

906 }

907

908 .issue.interested,

909 .issue.interest_by_delegation {

910 border: 1px solid #b2cdff;

911 }

912

913 .issue .suggestion {

914 margin-left: 1ex;

915 margin-bottom: 1ex;

916 font-weight: bold;

917 }

918

919 .event_info {

920 float: left;

921 display: inline;

922 padding: 6px 6px 1px 6px;

923 background-color: #d0ddff;

924 color: #000;

925 font-style: italic;

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

927 }

928

929 .event_info img {

930 vertical-align: middle;

931 }

932

933 .events .issue {

934 clear: left;

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

936 }

937

938 .event_info .event_name,

939 .issue_policy_info .event_name {

940 font-weight: bold;

941 }

942

943 .issue_policy_info img {

944 vertical-align: middle;

945 }

946

947 .issue .interest_by_delegation {

948 float: right;

949 }

950

951 .issue .initiative_list a.highlighted {

952 font-weight: bold;

953 }

954

955 .initiative {

956 margin-left: 1ex;

957 margin-bottom: 1ex;

958 line-height: 50%;

959 }

960

961 .initiative .bar {

962 margin-right: 0.3em;

963 }

964

965 .initiative .rank,

966 .initiative .bar,

967 .initiative .interest {

968 float: left;

969 margin-right: 0.3em;

970 }

971

972 .initiative .rank {

973 width: 2.5em;

974 }

975

976

977 .initiative .interest {

978 width: 20px;

979 height: 16px;

980 line-height: 100%;

981 }

982

983 .initiative .name {

984 line-height: 130%;

985 margin-left: 160px;

986 }

987

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

989 .initiative .name {

990 clear: left;

991 margin-left: 0px;

992 }

993 }

994

995

996 .issue_initiative_list a {

997 font-weight: bold;

998 }

999

1000 .more_initiatives_link {

1001 display: block;

1002 margin-left: 166px;

1003 font-style: italic;

1004 margin-bottom: 1ex;

1005 }

1006

1007 .issue tr tr {

1008 border: none;

1009 background: none;

1010 }

1011

1012 .initiative_link.selected {

1013 font-weight: bold;

1014 }

1015

1016 x.initiative_link.supported {

1017 background-color: #cdf;

1018 border-radius: 5px;

1019 }

1020

1021 x.initiative_link.potentially_supported {

1022 background-color: #cdf;

1023 border-radius: 5px;

1024 }

1025

1026 .lang_chooser {

1027 float: right;

1028 margin-right: 0.5em;

1029 }

1030

1031 .delegation_list_entry {

1032 margin-right: 2em;

1033 margin-bottom: 2ex;

1034 float: left;

1035 clear: left;

1036 }

1037

1038 .delegation_list_entry .delegation_arrow {

1039 float: left;

1040 }

1041

1042 .delegation_list_entry .delegation_scope {

1043 float: left;

1044 width: 25em;

1045 }

1046

1047 .delegation_list_entry .delegation_scope a {

1048 display: block;

1049 }

1050

1051 .member_list .member_thumb {

1052 float: left;

1053 margin-right: 10px;

1054 margin-bottom: 10px;

1055 }

1056

1057 .member_thumb {

1058 text-decoration: none;

1059 width: 205px;

1060 height: 48px;

1061 display: block;

1062 float: left;

1063 background-color: #f2f2f2;

1064 overflow: hidden;

1065 position: relative;

1066 border-radius: 8px;

1067 padding: 2px;

1068 border: 1px solid #aaa;

1069 }

1070

1071 .member_thumb a:hover div {

1072 background-color: #444;

1073 color: #fff;

1074 }

1075

1076 .member_thumb img {

1077 padding: 0;

1078 margin: 0;

1079 vertical-align: bottom;

1080 border-radius: 7px;

1081 }

1082

1083 .member_thumb .member_name {

1084 position: absolute;

1085 left: 56px;

1086 top: 2ex;

1087 font-size: 100%;

1088 width: 14em;

1089 }

1090

1091 .member_thumb .flags {

1092 float: right;

1093 }

1094

1095 .member_thumb .flags a,

1096 .member_thumb .flags img {

1097 position: static;

1098 float: right;

1099 margin-left: 0.5em;

1100 }

1101

1102 .member_thumb .flags .in_delegation_chain {

1103 font-weight: bold;

1104 }

1105

1106 .member .right {

1107 float: right;

1108 }

1109

1110 .member_thumb.not_accepted,

1111 .member_thumb.not_informed {

1112 border: 1px solid #ccc;

1113 color: #777;

1114 }

1115

1116 .member_thumb.not_accepted .member_image,

1117 .member_thumb.not_accepted .member_name,

1118 .member_thumb.not_informed .member_image,

1119 .member_thumb.not_informed .member_name {

1120 opacity: 0.4;

1121 }

1122

1123 .member_thumb.in_delegation_chain {

1124 background-color: #fda;

1125 xborder: 2px solid #f90;

1126 }

1127

1128

1129 .member_statement {

1130 margin-right: 250px;

1131 }

1132

1133 #suggestion_description {

1134 height: 15ex;

1135 }

1136

1137 .diff {

1138 background-color: #f2f2f2;

1139 border: 1px solid #ccc;

1140 padding: 1ex;

1141 }

1142

1143 .diff_added {

1144 background-color: #cfc;

1145 text-decoration: underline;

1146 }

1147

1148 .diff_removed {

1149 background-color: #fcc;

1150 text-decoration: line-through;

1151 }

1152

1153 .admitted_info {

1154 background-color: #afc;

1155 padding: 1ex;

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

1157 }

1158

1159 .not_admitted_info,

1160 .revoked_info {

1161 background-color: #fbb;

1162 padding: 1ex;

1163 border-radius: 8px;

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

1165 }

1166

1167 .draft_updated_info,

1168 .voting_active_info,

1169 .initiator_invite_info,

1170 .motd,

1171 .public_access_issue_head {

1172 background-color: #fda;

1173 padding: 1ex;

1174 margin-top: 1ex;

1175 margin-bottom: 2ex;

1176 border: 1px solid #fa0;

1177 border-radius: 10px;

1178 }

1179

1180 .suggestion_fulfilled {

1181 width: 15em;

1182 }

1183 .suggestion_fulfilled a.action {

1184 padding-left: 0;

1185 line-height: 120%;

1186 }

1187

1188 .help,

1189 .use_terms {

1190 border-radius: 8px;

1191 border: 1px solid #ffe900;

1192 background-color: #fffbce;

1193 color: #000;

1194 padding: 1ex;

1195 }

1196

1197 .help_visible {

1198 margin-top: 2ex;

1199 margin-bottom: 1ex;

1200 }

1201

1202 .help_visible .help_icon {

1203 float: right;

1204 }

1205

1206 .slot_help_hidden {

1207 float: left;

1208 margin-top: 1ex;

1209 }

1210

1211 .help_actions {

1212 float: right;

1213 }

1214

1215 .help_actions a {

1216 margin-right: 1em;

1217 color: #468;

1218 }

1219

1220 .wiki {

1221 line-height: 133%;

1222 }

1223

1224 .wiki h1,

1225 .wiki h2,

1226 .wiki h3,

1227 .wiki h4 {

1228 margin-top: 1ex;

1229 margin-bottom: 1ex;

1230 }

1231

1232 .wiki h1 {

1233 font-size: 150%;

1234 font-weight: bold;

1235 }

1236

1237 .wiki h2 {

1238 font-size: 125%;

1239 font-weight: bold;

1240 }

1241

1242 .wiki h3 {

1243 font-size: 125%;

1244 }

1245

1246 .wiki h4 {

1247 font-size: 100%;

1248 font-weight: bold;

1249 }

1250

1251 .wiki p {

1252 margin-top: 1ex;

1253 margin-bottom: 1ex;

1254 }

1255

1256 form .warning {

1257 background-color: #ffd;

1258 color: #000;

1259 border: 1px solid #dda;

1260 margin: 1ex;

1261 margin-bottom: 2ex;

1262 padding: 1ex;

1263 }

1264

1265 a.not_voted {

1266 display: block;

1267 background-color: #fec;

1268 color: #000;

1269 }

1270

1271 .action_active {

1272 background-color: #fec;

1273 }

1274

1275 .heading {

1276 display: block;

1277 font-size: 120%;

1278 font-weight: bold;

1279 }

1280

1281 .heading.first {

1282 margin-top: 0;

1283 }

1284

1285 .menu_list li {

1286 padding-top: 1ex;

1287 padding-bottom: 1ex;

1288 }

1289

1290 .deactivated_member_info {

1291 background-color: #a00;

1292 color: #fff;

1293 }

1294

1295 /*************************************************************************

1296 * Voting

1297 */

1298

1299 #voting_form {

1300 margin-top: 20px;

1301 }

1302

1303 #voting {

1304 position: relative;

1305 }

1306

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

1308 border: 2px black solid;

1309 margin-top: 2ex;

1310 margin-bottom: 5ex;

1311 padding: 1ex;

1312 padding-bottom: 2ex;

1313 border-radius: 8px;

1314 }

1315 #voting .approval {

1316 background-color: #9f9;

1317 }

1318 #voting .approval .movable {

1319 background-color: #dfd;

1320 }

1321 #voting .abstention {

1322 background-color: #ccc;

1323 }

1324 #voting .abstention .movable {

1325 background-color: #f2f2f2;

1326 }

1327 #voting .disapproval {

1328 background-color: #f88;

1329 }

1330 #voting .disapproval .movable {

1331 background-color: #fbb;

1332 }

1333 #voting .cathead {

1334 font-weight: bold;

1335 }

1336 #voting .movable {

1337 position: relative;

1338 border: 1px black solid;

1339 margin-top: 1ex;

1340 padding: 0.5ex;

1341 border-radius: 8px;

1342 }

1343 #voting .voting_form_active .movable {

1344 cursor: pointer;

1345 }

1346 #voting .voting_form_active .clickable {

1347 cursor: auto;

1348 }

1349 #voting .voting_form_active a.clickable {

1350 cursor: pointer;

1351 }

1352

1353 #voting .movable {

1354 vertical-align: middle;

1355 cursor: move;

1356 }

1357

1358 /* shadows */

1359

1360 .member_statement,

1361 .draft_content,

1362 .suggestion_content,

1363 .initiative_head,

1364 .box,

1365 div.notifications {

1366 border-radius: 8px;

1367 }

1368

1369 .member_statement,

1370 .draft_content,

1371 .suggestion_content,

1372 .initiative_head,

1373 .box {

1374 border: 1px solid #aaa;

1375 }

1376

1377 .member_statement,

1378 .draft_content,

1379 .suggestion_content,

1380 .box {

1381 padding: 1ex;

1382 }

1383

1384 .slot_footer {

1385 margin: 0 1%;

1386 border-top: 1px solid #ccc;

1387 padding: 1ex;

1388 text-align: center;

1389 }

1390 .slot_footer,

1391 .slot_footer a {

1392 color: #666;

1393 }

1394

1395 .footer {

1396 margin: 0 auto;

1397 max-width: 1130px;

1398 }