liquid_feedback_frontend: e86bfe65e1b1 static/style.css

liquid_feedback_frontend

view static/style.css @ 683:e86bfe65e1b1

Optical improvements

author	bsw
date	Tue Jun 26 17:52:27 2012 +0200 (2012-06-26)
parents	8956ad4474b2
children	63c215764508

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 -mox-box-shadow: #aaa 0 0 5px;

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

174 border-top: 1px solid #333;

175 line-height: 35px;

176 padding-top: 5px;

177 font-size: 120%;

178 }

179

180 .logo_liquidfeedback {

181 font-weight: bold;

182 color: #fff;

183 margin-left: 6px;

184 }

185

186 .topbar .instance_name,

187 .topbar a {

188 color: #eee;

189 line-height: 30px;

190 }

191

192 .topbar a:hover,

193 .topbar a:hover .logo_liquid,

194 .topbar a:hover .logo_feedback {

195 color: #f90;

196 }

197

198 .navigation {

199 background-color: #333;

200 line-height: 200%;

201 }

202

203 .topbar img {

204 margin-right: 0.5em;

205 vertical-align: middle;

206 }

207

208 .topbar a {

209 padding: 0 0.5em;

210 float: left;

211 display: block;

212 white-space: nowrap;

213 }

214

215 form.unit_selector {

216 display: inline;

217 }

218

219 .topbar .navigation_right {

220 float: right;

221 padding-right: 1%;

222 }

223

224 .topbar ul {

225 list-style-type: none;

226 }

227

228

229 #member_menu {

230 z-index: 2;

231 }

232

233 #member_menu li {

234 float: left;

235 }

236

237 #member_menu li:hover {

238 position: relative;

239 z-index: 4;

240 cursor: default;

241 }

242

243 #member_menu {

244 margin: 0;

245 padding: 0;

246 width: 200px;

247 }

248

249 #member_menu > li {

250 width: 200px;

251 }

252

253 #member_menu li a {

254 float: right;

255 }

256

257 #member_menu ul {

258 margin: 0;

259 padding: 0;

260 list-style-type: none;

261 display: none;

262 position: absolute;

263 top: 100%;

264 left: 0;

265 z-index: 3;

266 width: 200px;

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

268 background: #000;

269 }

270

271 #member_menu ul li {

272 float: none;

273 }

274

275 #member_menu ul li a {

276 float: none;

277 background: #000;

278 font-size: 80%;

279 }

280

281 #member_menu ul ul {

282 top: 1px;

283 right: 1px;

284 }

285

286 #member_menu li:hover ul {

287 display: block;

288 }

289

290 #member_menu li li a {

291 background: #000;

292 border-radius: 5px;

293 color: #fff;

294 }

295

296 #member_menu ul li:hover a {

297 background: #000;

298 color: #f90;

299 }

300

301 */

302 /*************************************************************************

303 * Title of current page including path and actions

304 */

305

306 .slot_title {

307 font-size: 120%;

308 font-weight: bold;

309 margin-left: 10px;

310 margin-right: 10px;

311 margin-top: 1ex;

312 }

313

314 .slot_head {

315 background-color: #fff;

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

317 border: 1px solid #555;

318 border-top: none;

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

320 }

321

322

323 .member_thumb,

324 .member_statement,

325 .draft_content,

326 .suggestion_content,

327 .slot_head,

328 .area_list,

329 .initiative_head,

330 .issues .issue,

331 .ui_tabs_links a,

332 .ui_filter a,

333 .draft_content,

334 .help,

335 .use_terms,

336 .motd,

337 .vote_info .content,

338 .box,

339 div.notifications {

340 background-color: #fff;

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

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

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

344 }

345

346 .slot_head > div:last-child {

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

348 }

349

350 .page_head .title,

351 .issue .context,

352 .initiative_head .title,

353 .area_list .title {

354 padding: 8px 10px 2px 10px;

355 }

356

357 .issue .title {

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

359 }

360

361 .events .issue .title {

362 padding: 10px 10px 15px 10px;

363 }

364

365 .page_head .actions,

366 .page_head .unit_head .content,

367 .page_head .area_head .content,

368 .issue .content,

369 .initiative_head .content,

370 .area_list .unit_head .content,

371 .area_list .area .content {

372 padding: 10px 10px 0 10px;

373 }

374

375 .page_head .actions:last-child,

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

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

378 .issue .content:last-child,

379 .initiative_head .content:last-child,

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

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

382 padding: 10px 10px 10px 10px;

383 }

384

385 .page_head .initiative_list,

386 .issue .initiative_list {

387 padding-left: 8px;

388 }

389

390 .issue .content.actions {

391 margin-bottom: 1ex;

392 }

393

394 .area_head {

395 overflow: auto;

396 }

397

398

399 .page_head .title,

400 .issue .title,

401 .initiative_head .title,

402 .area_list .unit_head .unit_name,

403 .area_list .area_name {

404 font-weight: bold;

405 font-size: 120%;

406 }

407

408 .page_head .area_head .content,

409 .page_head .area_head .content a,

410 .page_head .issue .content.actions,

411 .page_head .issue .content.actions a,

412 .issues .issue .content.actions,

413 .issues .issue .content.actions a,

414 .area_list .area .content,

415 .area_list .area .content a {

416 color: #000;

417 }

418

419

420 .unit_head {

421 background-color: #44a;

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

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

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

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

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

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

428 color: #fff;

429 }

430

431 .unit_head:last-child {

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

433 }

434

435 .area_head:last-child {

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

437 }

438

439 .unit_head .content, .unit_head a {

440 color: #fff;

441 }

442 .area_head,

443 .area_list .area_head {

444 background-color: #abf;

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

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

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

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

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

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

451 }

452

453 .area_list .area > .content,

454 .issue {

455 background-color: #e0e9ff;

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

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

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

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

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

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

462 }

463

464 .unit_link, .area_link {

465 padding: 2px 5px;

466 border-radius: 5px;

467 }

468

469 .unit_link {

470 background-color: #44a;

471 color: #fff;

472 }

473

474 .area_link {

475 background-color: #abf;

476 color: #000;

477 }

478

479 .delegation_info {

480 float: right;

481 text-decoration: none;

482 padding: 5px;

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

484 }

485

486 .delegation_arrow {

487 vertical-align: middle;

488 }

489

490 .delegation_info .link {

491 text-decoration: underline;

492 color: #aaa;

493 }

494

495 .delegation_info:hover {

496 background-color: #ddd;

497 }

498

499 .delegation_info .micro_avatar {

500 border: none;

501 margin: 2px;

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

503 }

504

505 .delegation_info .micro_avatar.highlighted {

506 margin: 0;

507 border: 2px solid #f90;

508 }

509

510

511 .member_list .member_image_avatar {

512 float: left;

513 margin-right: 0.5em;

514 }

515

516 .micro_avatar {

517 height: 24px;

518 border-radius: 4px;

519 vertical-align: middle;

520 }

521

522 .logo {

523 float: right;

524 margin-right: 1%;

525 }

526

527

528 .member_image_photo {

529 border-radius: 8px;

530 }

531

532 /*************************************************************************

533 * Main content

534 */

535

536 .main {

537 margin-left: 1%;

538 margin-right: 1%;

539 }

540

541 /*************************************************************************

542 * ui.tab

543 */

544 .ui_tabs_links {

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

546 line-height: 300%;

547 }

548

549 .ui_tabs_links a {

550 padding: 1.25ex 1em;

551 background-color: #444;

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

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

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

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

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

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

558 color: #fff;

559 white-space: nowrap;

560 border-radius: 8px;

561 font-weight: bold;

562 margin: 3px;

563 }

564

565 .ui_tabs_links a:hover,

566 .ui_tabs_links a.selected {

567 margin: 0;

568 border: 3px solid #f90;

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

570 }

571

572 .ui_tabs_links a.selected {

573 text-decoration: none;

574 }

575

576

577 /*************************************************************************

578 * ui.filters

579 */

580

581 .ui_filter {

582 overflow: auto;

583 margin-top: 20px;

584 }

585

586 .ui_filter_head {

587 color: #777;

588 line-height: 200%;

589 padding-bottom: 8px;

590 margin-bottom: 6px;

591 border-bottom: 1px solid #888;

592 }

593

594 .ui_filter_head:last-child {

595 border-bottom: none;

596 }

597

598 .ui_filter a {

599 font-weight: bold;

600 margin-right: 0;

601 background-color: #fff;

602 padding: 0.5ex 0.5em;

603 border-radius: 5px;

604 border: 1px solid #bbb;

605 }

606

607

608 .ui_filter_head a.active {

609 border: 1px solid #666;

610 text-decoration: none;

611 background-color: #444;

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

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

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

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

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

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

618 color: #fff;

619 }

620

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

622 * ui.paginate

623 */

624

625 .ui_paginate_head {

626 display: none;

627 margin-bottom: 1ex;

628 }

629

630 .ui_paginate_foot {

631 margin-top: 1ex;

632 }

633

634 .ui_paginate_select a {

635 padding: 0.5em;

636 }

637

638 /*************************************************************************

639 * ui.bargraph

640 */

641

642 .bargraph {

643 width: 103px;

644 }

645

646 .bargraph50 {

647 width: 52px;

648 }

649

650 .bargraph div {

651 float: left;

652 margin-top: 0.5ex;

653 height: 1.3ex;

654 }

655

656 .bargraph .quorum {

657 margin-top: 0.2ex;

658 height: 1.9ex;

659 }

660

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

662 * notifications

663 */

664

665 div.notifications {

666 margin-top: 20px;

667 background-color: #fda;

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

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

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

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

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

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

674 padding: 0.5ex;

675 border: 1px solid #fc0;

676 }

677

678 .notifications ul {

679 margin: 0;

680 padding: 0;

681 margin-left: 2em;

682 }

683

684 .notifications li {

685 margin: 0;

686 padding: 0;

687 margin-top: 0.5ex;

688 }

689

690 /*************************************************************************

691 * vertical ui.form

692 */

693

694 .vertical {

695 margin-top: 2ex;

696 }

697

698 .login input[type=text],

699 .vertical input[type=text],

700 .login input[type=password],

701 .vertical input[type=password],

702 .vertical textarea,

703 .vertical select {

704 font-family: sans-serif;

705 font-size: 100%;

706 width: 69%;

707 border: 1px solid #444;

708 padding: 0.2ex 0.2em 0.2ex 0.2em;

709 margin-bottom: 1ex;

710 }

711

712

713

714 .login input[type=password],

715 .vertical input[type=password] {

716 width: 16em;

717 }

718

719 .vertical select {

720 padding-right: 0;

721 }

722

723 .login .ui_field_label,

724 .vertical .ui_field_label {

725 line-height: 180%;

726 font-weight: bold;

727 color: #777;

728 width: 29%;

729 display: block;

730 float: left;

731 clear: left;

732 text-align: right;

733 padding-right: 0.5em;

734 }

735

736 .ui_field_label.label_right {

737 text-align: left;

738 width: auto;

739 }

740

741 .login input[type=text],

742 .login input[type=password] {

743 width: 10em;

744 }

745

746 .login div,

747 .vertical div {

748 clear: left;

749 }

750

751 .vertical span {

752 display: block;

753 margin-bottom: 0.5ex;

754 }

755

756 .vertical span:after {

757 content: " ";

758 }

759

760 .vertical span span {

761 display: inline;

762 margin-bottom: 0;

763 }

764

765 .login input[type=submit],

766 .vertical input[type=submit] {

767 font-size: 100%;

768 margin-left: 29%;

769 background-color: #444444;

770 color: #fff;

771 border: none;

772 padding: 0.75ex;

773 }

774

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

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

777 background-color: #444444;

778 }

779

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

781 .login input[type=text],

782 .vertical input[type=text],

783 .login input[type=password],

784 .vertical input[type=password],

785 .vertical textarea,

786 .vertical select,

787 .vertical input[type=submit],

788 .login input[type=submit] {

789 width: 98%;

790 }

791 .login .ui_field_label,

792 .vertical .ui_field_label {

793 text-align: left;

794 width: 98%;

795 }

796 .login input[type=text],

797 .login input[type=password] {

798 width: 98%;

799 }

800 .login input[type=submit],

801 .vertical input[type=submit] {

802 margin-left: 0;

803 }

804 }

805

806

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

808 * Positive / Negtive votes

809 */

810

811

812 .positive_votes span {

813 display: inline;

814 }

815

816 .positive_votes {

817 display: inline;

818 background-color: #cfc;

819 padding: 0.3ex 0.5em 0.3ex 0.5em;

820 }

821

822 .negative_votes span {

823 display: inline;

824 }

825

826 .negative_votes {

827 display: inline;

828 background-color: #fcc;

829 padding: 0.3ex 0.5em 0.3ex 0.5em;

830 }

831

832 .suggestion_my_opinion a,

833 .suggestion_my_opinion span {

834 white-space: nowrap;

835 padding-left: 0.2ex !important;

836 padding-right: 0.2ex !important;

837 }

838

839 .active {

840 background-color: #444;

841 color: #fff;

842 }

843

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

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

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

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

848

849

850

851 /*************************************************************************

852 * Unit list

853 */

854

855 .unit_list a {

856 font-weight: bold;

857 }

858

859 /*************************************************************************

860 * Area list

861 */

862 .area_list {

863 border: 1px solid #54c;

864 border-radius: 10px;

865 margin-top: 2ex;

866 }

867

868 .area_list .area {

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

870 }

871

872 .area_list .area:first-child {

873 border-top: none;

874 }

875

876 .area_list .unit_head {

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

878 }

879

880 .area_list .unit_head:last-child {

881 border-radius: 8px;

882 }

883

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

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

886 }

887

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

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

890 }

891

892

893 /*************************************************************************

894 * Events

895 */

896

897 .events .date {

898 font-size: 150%;

899 font-weight: bold;

900 margin-top: 2ex;

901 line-height: 150%;

902 }

903

904 .event_list .event div {

905 }

906

907 .event_list .event .member_id {

908 float: right;

909 }

910

911

912 /*************************************************************************

913 * Issues

914 */

915

916 .issues {

917 clear: left;

918 margin-top: 2ex;

919 }

920

921 .issues .issue {

922 overflow: hidden;

923 border: 1px solid #d0ddff;

924 border-radius: 8px;

925 margin-bottom: 2ex;

926 }

927

928 .issue.interested,

929 .issue.interest_by_delegation {

930 border: 1px solid #b2cdff;

931 }

932

933 .issue .suggestion {

934 margin-left: 1ex;

935 margin-bottom: 1ex;

936 font-weight: bold;

937 }

938

939 .event_info {

940 line-height: 24px;

941 min-height: 24px;

942 float: left;

943 display: inline;

944 padding: 2px 10px 0px 10px;

945 background-color: #d0ddff;

946 color: #000;

947 font-style: italic;

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

949 }

950

951 .event_info img {

952 }

953

954 .events .issue {

955 clear: left;

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

957 }

958

959 .event_info .event_name,

960 .issue_policy_info .event_name {

961 font-weight: bold;

962 }

963

964 .issue_policy_info img {

965 vertical-align: middle;

966 }

967

968 .issue .interest_by_delegation {

969 float: right;

970 }

971

972 .issue .initiative_list a.highlighted {

973 font-weight: bold;

974 }

975

976 .initiative {

977 margin-left: 1ex;

978 margin-bottom: 1ex;

979 line-height: 50%;

980 }

981

982 .initiative .bar {

983 margin-right: 0.3em;

984 }

985

986 .initiative .rank,

987 .initiative .bar,

988 .initiative .interest {

989 float: left;

990 margin-right: 0.3em;

991 }

992

993 .initiative .rank {

994 width: 2.5em;

995 }

996

997

998 .initiative .interest {

999 width: 20px;

1000 height: 16px;

1001 line-height: 100%;

1002 }

1003

1004 .initiative .name {

1005 line-height: 130%;

1006 margin-left: 160px;

1007 }

1008

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

1010 .initiative .name {

1011 clear: left;

1012 margin-left: 0px;

1013 }

1014 }

1015

1016

1017 .issue_initiative_list a {

1018 font-weight: bold;

1019 }

1020

1021 .more_initiatives_link {

1022 display: block;

1023 margin-left: 166px;

1024 font-style: italic;

1025 margin-bottom: 1ex;

1026 }

1027

1028 .issue tr tr {

1029 border: none;

1030 background: none;

1031 }

1032

1033 .initiative_link.selected {

1034 font-weight: bold;

1035 }

1036

1037 x.initiative_link.supported {

1038 background-color: #cdf;

1039 border-radius: 5px;

1040 }

1041

1042 x.initiative_link.potentially_supported {

1043 background-color: #cdf;

1044 border-radius: 5px;

1045 }

1046

1047 .lang_chooser {

1048 float: right;

1049 margin-right: 0.5em;

1050 }

1051

1052 .delegation_list_entry {

1053 margin-right: 2em;

1054 margin-bottom: 2ex;

1055 float: left;

1056 clear: left;

1057 }

1058

1059 .delegation_list_entry .delegation_arrow {

1060 float: left;

1061 }

1062

1063 .delegation_list_entry .delegation_scope {

1064 float: left;

1065 width: 25em;

1066 }

1067

1068 .delegation_list_entry .delegation_scope a {

1069 display: block;

1070 }

1071

1072 .member_list .member_thumb {

1073 float: left;

1074 margin-right: 10px;

1075 margin-bottom: 10px;

1076 }

1077

1078 .member_thumb {

1079 text-decoration: none;

1080 width: 205px;

1081 height: 48px;

1082 display: block;

1083 float: left;

1084 background-color: #f2f2f2;

1085 overflow: hidden;

1086 position: relative;

1087 border-radius: 8px;

1088 padding: 2px;

1089 border: 1px solid #aaa;

1090 }

1091

1092 .member_thumb a:hover div {

1093 background-color: #444;

1094 color: #fff;

1095 }

1096

1097 .member_thumb img {

1098 padding: 0;

1099 margin: 0;

1100 vertical-align: bottom;

1101 border-radius: 7px;

1102 }

1103

1104 .member_thumb .member_name {

1105 position: absolute;

1106 left: 56px;

1107 top: 2ex;

1108 font-size: 100%;

1109 width: 14em;

1110 }

1111

1112 .member_thumb .flags {

1113 float: right;

1114 }

1115

1116 .member_thumb .flags a,

1117 .member_thumb .flags img {

1118 position: static;

1119 float: right;

1120 margin-left: 0.5em;

1121 }

1122

1123 .member_thumb .flags .in_delegation_chain {

1124 font-weight: bold;

1125 }

1126

1127 .member .right {

1128 float: right;

1129 }

1130

1131 .member_thumb.not_accepted,

1132 .member_thumb.not_informed {

1133 border: 1px solid #ccc;

1134 color: #777;

1135 }

1136

1137 .member_thumb.not_accepted .member_image,

1138 .member_thumb.not_accepted .member_name,

1139 .member_thumb.not_informed .member_image,

1140 .member_thumb.not_informed .member_name {

1141 opacity: 0.4;

1142 }

1143

1144 .member_thumb.in_delegation_chain {

1145 background-color: #fda;

1146 xborder: 2px solid #f90;

1147 }

1148

1149

1150 .member_statement {

1151 margin-right: 250px;

1152 }

1153

1154 #suggestion_description {

1155 height: 15ex;

1156 }

1157

1158 .diff {

1159 background-color: #f2f2f2;

1160 border: 1px solid #ccc;

1161 padding: 1ex;

1162 }

1163

1164 .diff_added {

1165 background-color: #cfc;

1166 text-decoration: underline;

1167 }

1168

1169 .diff_removed {

1170 background-color: #fcc;

1171 text-decoration: line-through;

1172 }

1173

1174 .admitted_info {

1175 background-color: #afc;

1176 padding: 1ex;

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

1178 }

1179

1180 .not_admitted_info,

1181 .revoked_info {

1182 background-color: #fbb;

1183 padding: 1ex;

1184 border-radius: 8px;

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

1186 }

1187

1188 .draft_updated_info,

1189 .voting_active_info,

1190 .initiator_invite_info,

1191 .motd,

1192 .public_access_issue_head {

1193 background-color: #fda;

1194 padding: 1ex;

1195 margin-top: 1ex;

1196 margin-bottom: 2ex;

1197 border: 1px solid #fa0;

1198 border-radius: 10px;

1199 }

1200

1201 .suggestion_fulfilled {

1202 width: 15em;

1203 }

1204 .suggestion_fulfilled a.action {

1205 padding-left: 0;

1206 line-height: 120%;

1207 }

1208

1209 .help,

1210 .use_terms {

1211 border-radius: 8px;

1212 border: 1px solid #ffe900;

1213 background-color: #fffbce;

1214 color: #000;

1215 padding: 1ex;

1216 }

1217

1218 .help_visible {

1219 margin-top: 2ex;

1220 margin-bottom: 1ex;

1221 }

1222

1223 .help_visible .help_icon {

1224 float: right;

1225 }

1226

1227 .slot_help_hidden {

1228 float: left;

1229 margin-top: 1ex;

1230 }

1231

1232 .help_actions {

1233 float: right;

1234 }

1235

1236 .help_actions a {

1237 margin-right: 1em;

1238 color: #468;

1239 }

1240

1241 .wiki {

1242 line-height: 133%;

1243 }

1244

1245 .wiki h1,

1246 .wiki h2,

1247 .wiki h3,

1248 .wiki h4 {

1249 margin-top: 1ex;

1250 margin-bottom: 1ex;

1251 }

1252

1253 .wiki h1 {

1254 font-size: 150%;

1255 font-weight: bold;

1256 }

1257

1258 .wiki h2 {

1259 font-size: 125%;

1260 font-weight: bold;

1261 }

1262

1263 .wiki h3 {

1264 font-size: 125%;

1265 }

1266

1267 .wiki h4 {

1268 font-size: 100%;

1269 font-weight: bold;

1270 }

1271

1272 .wiki p {

1273 margin-top: 1ex;

1274 margin-bottom: 1ex;

1275 }

1276

1277 form .warning {

1278 background-color: #ffd;

1279 color: #000;

1280 border: 1px solid #dda;

1281 margin: 1ex;

1282 margin-bottom: 2ex;

1283 padding: 1ex;

1284 }

1285

1286 a.not_voted {

1287 display: block;

1288 background-color: #fec;

1289 color: #000;

1290 }

1291

1292 .action_active {

1293 background-color: #fec;

1294 }

1295

1296 .heading {

1297 display: block;

1298 font-size: 120%;

1299 font-weight: bold;

1300 }

1301

1302 .heading.first {

1303 margin-top: 0;

1304 }

1305

1306 .menu_list li {

1307 padding-top: 1ex;

1308 padding-bottom: 1ex;

1309 }

1310

1311 .deactivated_member_info {

1312 background-color: #a00;

1313 color: #fff;

1314 }

1315

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

1317 * Voting

1318 */

1319

1320 #voting_form {

1321 margin-top: 20px;

1322 }

1323

1324 #voting {

1325 position: relative;

1326 }

1327

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

1329 border: 2px black solid;

1330 margin-top: 2ex;

1331 margin-bottom: 5ex;

1332 padding: 1ex;

1333 padding-bottom: 2ex;

1334 border-radius: 8px;

1335 }

1336 #voting .approval {

1337 background-color: #9f9;

1338 }

1339 #voting .approval .movable {

1340 background-color: #dfd;

1341 }

1342 #voting .abstention {

1343 background-color: #ccc;

1344 }

1345 #voting .abstention .movable {

1346 background-color: #f2f2f2;

1347 }

1348 #voting .disapproval {

1349 background-color: #f88;

1350 }

1351 #voting .disapproval .movable {

1352 background-color: #fbb;

1353 }

1354 #voting .cathead {

1355 font-weight: bold;

1356 }

1357 #voting .movable {

1358 position: relative;

1359 border: 1px black solid;

1360 margin-top: 1ex;

1361 padding: 0.5ex;

1362 border-radius: 8px;

1363 }

1364 #voting .voting_form_active .movable {

1365 cursor: pointer;

1366 }

1367 #voting .voting_form_active .clickable {

1368 cursor: auto;

1369 }

1370 #voting .voting_form_active a.clickable {

1371 cursor: pointer;

1372 }

1373

1374 #voting .movable {

1375 vertical-align: middle;

1376 cursor: move;

1377 }

1378

1379 /* shadows */

1380

1381 .member_statement,

1382 .draft_content,

1383 .suggestion_content,

1384 .initiative_head,

1385 .box,

1386 div.notifications {

1387 border-radius: 8px;

1388 }

1389

1390 .member_statement,

1391 .draft_content,

1392 .suggestion_content,

1393 .initiative_head,

1394 .box {

1395 border: 1px solid #aaa;

1396 }

1397

1398 .member_statement,

1399 .draft_content,

1400 .suggestion_content,

1401 .box {

1402 padding: 1ex;

1403 }

1404

1405 .slot_footer {

1406 margin: 0 1%;

1407 border-top: 1px solid #ccc;

1408 padding: 1ex;

1409 text-align: center;

1410 }

1411 .slot_footer,

1412 .slot_footer a {

1413 color: #666;

1414 }

1415

1416 .footer {

1417 margin: 0 auto;

1418 max-width: 1130px;

1419 }