liquid_feedback_frontend: ccd85e7d7ac2 static/style.css

liquid_feedback_frontend

view static/style.css @ 694:ccd85e7d7ac2

Optical improvements

author	bsw
date	Tue Jun 26 18:27:27 2012 +0200 (2012-06-26)
parents	0c778680fdad
children	5f8ec08bd5bd

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_liquidfeedback {

194 color: #f90;

195 }

196

197 .navigation {

198 background-color: #333;

199 line-height: 200%;

200 }

201

202 .topbar img {

203 margin-right: 0.5em;

204 vertical-align: middle;

205 }

206

207 .topbar a {

208 padding: 0 0.5em;

209 float: left;

210 display: block;

211 white-space: nowrap;

212 }

213

214 form.unit_selector {

215 display: inline;

216 }

217

218 .topbar .navigation_right {

219 float: right;

220 padding-right: 1%;

221 }

222

223 .topbar ul {

224 list-style-type: none;

225 }

226

227

228 #member_menu {

229 z-index: 2;

230 }

231

232 #member_menu li {

233 float: left;

234 }

235

236 #member_menu li:hover {

237 position: relative;

238 z-index: 4;

239 cursor: default;

240 }

241

242 #member_menu {

243 margin: 0;

244 padding: 0;

245 width: 200px;

246 }

247

248 #member_menu > li {

249 width: 200px;

250 }

251

252 #member_menu li a {

253 float: right;

254 }

255

256 #member_menu ul {

257 margin: 0;

258 padding: 0;

259 list-style-type: none;

260 display: none;

261 position: absolute;

262 top: 100%;

263 left: 0;

264 z-index: 3;

265 width: 200px;

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

267 background: #000;

268 }

269

270 #member_menu ul li {

271 float: none;

272 }

273

274 #member_menu ul li a {

275 float: none;

276 background: #000;

277 font-size: 80%;

278 }

279

280 #member_menu ul ul {

281 top: 1px;

282 right: 1px;

283 }

284

285 #member_menu li:hover ul {

286 display: block;

287 }

288

289 #member_menu li li a {

290 background: #000;

291 border-radius: 5px;

292 color: #fff;

293 }

294

295 #member_menu ul li:hover a {

296 background: #000;

297 color: #f90;

298 }

299

300 */

301 /*************************************************************************

302 * Title of current page including path and actions

303 */

304

305 .slot_title {

306 font-size: 120%;

307 font-weight: bold;

308 margin-left: 10px;

309 margin-right: 10px;

310 margin-top: 1ex;

311 }

312

313 .slot_head {

314 background-color: #fff;

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

316 border: 1px solid #555;

317 border-top: none;

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

319 }

320

321

322 .member_thumb,

323 .member_statement,

324 .draft_content,

325 .suggestion_content,

326 .slot_head,

327 .area_list,

328 .initiative_head,

329 .issues .issue,

330 .ui_tabs_links a,

331 .ui_filter a,

332 .draft_content,

333 .help,

334 .use_terms,

335 .motd,

336 .vote_info .content,

337 .box,

338 div.notifications {

339 background-color: #fff;

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

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

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

343 }

344

345 .slot_head > div:last-child {

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

347 }

348

349 .page_head .title,

350 .issue .context,

351 .initiative_head .title,

352 .area_list .title {

353 padding: 8px 10px 2px 10px;

354 }

355

356 .issue .title {

357 padding: 10px 10px 0px 10px;

358 }

359

360 .events .issue .title {

361 padding: 10px 10px 15px 10px;

362 }

363

364 .page_head .actions,

365 .page_head .unit_head .content,

366 .page_head .area_head .content,

367 .issue .content,

368 .initiative_head .content,

369 .area_list .unit_head .content,

370 .area_list .area .content {

371 padding: 10px 10px 0 10px;

372 }

373

374 .page_head .actions:last-child,

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

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

377 .issue .content:last-child,

378 .initiative_head .content:last-child,

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

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

381 padding: 10px 10px 10px 10px;

382 }

383

384 .page_head .initiative_list,

385 .issue .initiative_list {

386 padding-left: 8px;

387 }

388

389 .issue .content.actions {

390 margin-bottom: 1ex;

391 }

392

393 .area_head {

394 overflow: auto;

395 }

396

397

398 .page_head .title,

399 .issue .title,

400 .initiative_head .title,

401 .area_list .unit_head .unit_name,

402 .area_list .area_name {

403 font-weight: bold;

404 font-size: 120%;

405 }

406

407 .page_head .area_head .content,

408 .page_head .area_head .content a,

409 .page_head .issue .content.actions,

410 .page_head .issue .content.actions a,

411 .issues .issue .content.actions,

412 .issues .issue .content.actions a,

413 .area_list .area .content,

414 .area_list .area .content a {

415 color: #000;

416 }

417

418

419 .unit_head {

420 background-color: #44a;

421 background: -webkit-linear-gradient(top, #56f, #237);

422 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #56f), color-stop(100%,#237));

423 background: -moz-linear-gradient(#56f, #237);

424 background: -ms-linear-gradient(#56f, #237);

425 background: -o-linear-gradient(#56f, #237);

426 background: linear-gradient(#56f, #237);

427 color: #fff;

428 }

429

430 .unit_head:last-child {

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

432 }

433

434 .area_head:last-child {

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

436 }

437

438 .unit_head .content, .unit_head a {

439 color: #fff;

440 }

441 .area_head,

442 .area_list .area_head {

443 background-color: #abf;

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

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

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

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

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

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

450 }

451

452 .area_list .area > .content,

453 .issue {

454 background-color: #e0e9ff;

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

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

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

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

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

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

461 }

462

463 .unit_link, .area_link {

464 padding: 2px 5px;

465 border-radius: 5px;

466 }

467

468 .unit_link {

469 background-color: #44a;

470 color: #fff;

471 }

472

473 .area_link {

474 background-color: #abf;

475 color: #000;

476 }

477

478 .delegation_info {

479 float: right;

480 text-decoration: none;

481 padding: 5px;

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

483 }

484

485 .delegation_arrow {

486 vertical-align: middle;

487 }

488

489 .delegation_info .link {

490 text-decoration: underline;

491 color: #aaa;

492 }

493

494 .delegation_info:hover {

495 background-color: #ddd;

496 }

497

498 .delegation_info .micro_avatar {

499 border: none;

500 margin: 2px;

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

502 }

503

504 .delegation_info .micro_avatar.highlighted {

505 margin: 0;

506 border: 2px solid #f90;

507 }

508

509

510 .member_list .member_image_avatar {

511 float: left;

512 margin-right: 0.5em;

513 }

514

515 .micro_avatar {

516 height: 24px;

517 border-radius: 4px;

518 vertical-align: middle;

519 }

520

521 .logo {

522 float: right;

523 margin-right: 1%;

524 }

525

526

527 .member_image_photo {

528 border-radius: 8px;

529 }

530

531 /*************************************************************************

532 * Main content

533 */

534

535 .main {

536 margin-left: 1%;

537 margin-right: 1%;

538 }

539

540 /*************************************************************************

541 * ui.tab

542 */

543 .ui_tabs_links {

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

545 line-height: 300%;

546 }

547

548 .ui_tabs_links a {

549 padding: 1.25ex 1em;

550 background-color: #444;

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

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

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

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

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

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

557 color: #fff;

558 white-space: nowrap;

559 border-radius: 8px;

560 font-weight: bold;

561 margin: 3px;

562 }

563

564 .ui_tabs_links a:hover,

565 .ui_tabs_links a.selected {

566 margin: 0;

567 border: 3px solid #f90;

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

569 }

570

571 .ui_tabs_links a.selected {

572 text-decoration: none;

573 }

574

575

576 /*************************************************************************

577 * ui.filters

578 */

579

580 .ui_filter {

581 overflow: auto;

582 margin-top: 20px;

583 }

584

585 .ui_filter_head {

586 color: #777;

587 line-height: 200%;

588 padding-bottom: 8px;

589 margin-bottom: 6px;

590 border-bottom: 1px solid #888;

591 }

592

593 .ui_filter_head:last-child {

594 border-bottom: none;

595 }

596

597 .ui_filter a {

598 font-weight: bold;

599 margin-right: 0;

600 background-color: #fff;

601 padding: 0.5ex 0.5em;

602 border-radius: 5px;

603 border: 1px solid #bbb;

604 }

605

606

607 .ui_filter_head a.active {

608 border: 1px solid #666;

609 text-decoration: none;

610 background-color: #444;

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

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

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

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

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

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

617 color: #fff;

618 }

619

620 /*************************************************************************

621 * ui.paginate

622 */

623

624 .ui_paginate_head {

625 display: none;

626 margin-bottom: 1ex;

627 }

628

629 .ui_paginate_foot {

630 margin-top: 1ex;

631 }

632

633 .ui_paginate_select a {

634 padding: 0.5em;

635 }

636

637 /*************************************************************************

638 * ui.bargraph

639 */

640

641 .bargraph {

642 width: 103px;

643 }

644

645 .bargraph50 {

646 width: 52px;

647 }

648

649 .bargraph div {

650 float: left;

651 margin-top: 0.5ex;

652 height: 1.3ex;

653 }

654

655 .bargraph .quorum {

656 margin-top: 0.2ex;

657 height: 1.9ex;

658 }

659

660 /*************************************************************************

661 * notifications

662 */

663

664 div.notifications {

665 margin-top: 20px;

666 background-color: #fda;

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

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

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

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

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

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

673 padding: 0.5ex;

674 border: 1px solid #fc0;

675 }

676

677 .notifications ul {

678 margin: 0;

679 padding: 0;

680 margin-left: 2em;

681 }

682

683 .notifications li {

684 margin: 0;

685 padding: 0;

686 margin-top: 0.5ex;

687 }

688

689 /*************************************************************************

690 * vertical ui.form

691 */

692

693 .vertical {

694 margin-top: 2ex;

695 }

696

697 .login input[type=text],

698 .vertical input[type=text],

699 .login input[type=password],

700 .vertical input[type=password],

701 .vertical textarea,

702 .vertical select {

703 font-family: sans-serif;

704 font-size: 100%;

705 width: 69%;

706 border: 1px solid #444;

707 padding: 0.2ex 0.2em 0.2ex 0.2em;

708 margin-bottom: 1ex;

709 }

710

711

712

713 .login input[type=password],

714 .vertical input[type=password] {

715 width: 16em;

716 }

717

718 .vertical select {

719 padding-right: 0;

720 }

721

722 .login .ui_field_label,

723 .vertical .ui_field_label {

724 line-height: 180%;

725 font-weight: bold;

726 color: #777;

727 width: 29%;

728 display: block;

729 float: left;

730 clear: left;

731 text-align: right;

732 padding-right: 0.5em;

733 }

734

735 .ui_field_label.label_right {

736 text-align: left;

737 width: auto;

738 }

739

740 .login input[type=text],

741 .login input[type=password] {

742 width: 10em;

743 }

744

745 .login div,

746 .vertical div {

747 clear: left;

748 }

749

750 .vertical span {

751 display: block;

752 margin-bottom: 0.5ex;

753 }

754

755 .vertical span:after {

756 content: " ";

757 }

758

759 .vertical span span {

760 display: inline;

761 margin-bottom: 0;

762 }

763

764 .login input[type=submit],

765 .vertical input[type=submit] {

766 font-size: 100%;

767 margin-left: 29%;

768 background-color: #444444;

769 color: #fff;

770 border: none;

771 padding: 0.75ex;

772 }

773

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

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

776 background-color: #444444;

777 }

778

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

780 .login input[type=text],

781 .vertical input[type=text],

782 .login input[type=password],

783 .vertical input[type=password],

784 .vertical textarea,

785 .vertical select,

786 .vertical input[type=submit],

787 .login input[type=submit] {

788 width: 98%;

789 }

790 .login .ui_field_label,

791 .vertical .ui_field_label {

792 text-align: left;

793 width: 98%;

794 }

795 .login input[type=text],

796 .login input[type=password] {

797 width: 98%;

798 }

799 .login input[type=submit],

800 .vertical input[type=submit] {

801 margin-left: 0;

802 }

803 }

804

805

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

807 * Positive / Negtive votes

808 */

809

810

811 .positive_votes span {

812 display: inline;

813 }

814

815 .positive_votes {

816 display: inline;

817 background-color: #cfc;

818 padding: 0.3ex 0.5em 0.3ex 0.5em;

819 }

820

821 .negative_votes span {

822 display: inline;

823 }

824

825 .negative_votes {

826 display: inline;

827 background-color: #fcc;

828 padding: 0.3ex 0.5em 0.3ex 0.5em;

829 }

830

831 .suggestion_my_opinion a,

832 .suggestion_my_opinion span {

833 white-space: nowrap;

834 padding-left: 0.2ex !important;

835 padding-right: 0.2ex !important;

836 }

837

838 .active {

839 background-color: #444;

840 color: #fff;

841 }

842

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

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

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

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

847

848

849

850 /*************************************************************************

851 * Unit list

852 */

853

854 .unit_list a {

855 font-weight: bold;

856 }

857

858 /*************************************************************************

859 * Area list

860 */

861 .area_list {

862 border: 1px solid #54c;

863 border-radius: 10px;

864 margin-top: 2ex;

865 }

866

867 .area_list .area {

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

869 }

870

871 .area_list .area:first-child {

872 border-top: none;

873 }

874

875 .area_list .unit_head {

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

877 }

878

879 .area_list .unit_head:last-child {

880 border-radius: 8px;

881 }

882

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

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

885 }

886

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

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

889 }

890

891

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

893 * Events

894 */

895

896 .events .date {

897 font-size: 150%;

898 font-weight: bold;

899 margin-top: 2ex;

900 line-height: 150%;

901 }

902

903 .event_list .event div {

904 }

905

906 .event_list .event .member_id {

907 float: right;

908 }

909

910

911 /*************************************************************************

912 * Issues

913 */

914

915 .issues {

916 clear: left;

917 margin-top: 2ex;

918 }

919

920 .issues .issue {

921 overflow: hidden;

922 border: 1px solid #d0ddff;

923 border-radius: 8px;

924 margin-bottom: 4ex;

925 }

926

927 .issue.interested,

928 .issue.interest_by_delegation {

929 border: 1px solid #b2cdff;

930 }

931

932 .issue .suggestion {

933 margin-left: 1ex;

934 margin-bottom: 1ex;

935 font-weight: bold;

936 }

937

938 .event_info {

939 margin-top: 10px;

940 clear: left;

941 float: left;

942 line-height: 125%;

943 width: 250px;

944 display: inline;

945 padding: 10px;

946 background-color: #444;

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

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

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

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

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

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

953 color: #fff; font-style: italic;

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

955 }

956

957 .event_info a {

958 color: #fff;

959 }

960

961 .events .issue {

962 min-height: 15ex;

963 }

964

965 .event_info .event_name,

966 .issue_policy_info .event_name {

967 font-weight: bold;

968 }

969

970 .issue_policy_info img {

971 vertical-align: middle;

972 }

973

974 .issue .interest_by_delegation {

975 float: right;

976 }

977

978 .issue .initiative_list a.highlighted {

979 font-weight: bold;

980 }

981

982 .initiative {

983 margin-left: 1ex;

984 margin-bottom: 1ex;

985 line-height: 50%;

986 }

987

988 .initiative .bar {

989 margin-right: 0.3em;

990 }

991

992 .initiative .rank,

993 .initiative .bar,

994 .initiative .interest {

995 float: left;

996 margin-right: 0.3em;

997 }

998

999 .initiative .rank {

1000 width: 2.5em;

1001 }

1002

1003

1004 .initiative .interest {

1005 width: 20px;

1006 height: 16px;

1007 line-height: 100%;

1008 }

1009

1010 .initiative .name {

1011 line-height: 130%;

1012 margin-left: 160px;

1013 }

1014

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

1016 .initiative .name {

1017 clear: left;

1018 margin-left: 0px;

1019 }

1020 }

1021

1022

1023 .issue_initiative_list a {

1024 font-weight: bold;

1025 }

1026

1027 .more_initiatives_link {

1028 display: block;

1029 margin-left: 166px;

1030 font-style: italic;

1031 margin-bottom: 1ex;

1032 }

1033

1034 .issue tr tr {

1035 border: none;

1036 background: none;

1037 }

1038

1039 .initiative_link.selected {

1040 font-weight: bold;

1041 }

1042

1043 x.initiative_link.supported {

1044 background-color: #cdf;

1045 border-radius: 5px;

1046 }

1047

1048 x.initiative_link.potentially_supported {

1049 background-color: #cdf;

1050 border-radius: 5px;

1051 }

1052

1053 .lang_chooser {

1054 float: right;

1055 margin-right: 0.5em;

1056 }

1057

1058 .delegation_list_entry {

1059 margin-right: 2em;

1060 margin-bottom: 2ex;

1061 float: left;

1062 clear: left;

1063 }

1064

1065 .delegation_list_entry .delegation_arrow {

1066 float: left;

1067 }

1068

1069 .delegation_list_entry .delegation_scope {

1070 float: left;

1071 width: 25em;

1072 }

1073

1074 .delegation_list_entry .delegation_scope a {

1075 display: block;

1076 }

1077

1078 .member_list .member_thumb {

1079 float: left;

1080 margin-right: 10px;

1081 margin-bottom: 10px;

1082 }

1083

1084 .member_thumb {

1085 text-decoration: none;

1086 width: 205px;

1087 height: 48px;

1088 display: block;

1089 float: left;

1090 background-color: #f2f2f2;

1091 overflow: hidden;

1092 position: relative;

1093 border-radius: 8px;

1094 padding: 2px;

1095 border: 1px solid #aaa;

1096 }

1097

1098 .member_thumb a:hover div {

1099 background-color: #444;

1100 color: #fff;

1101 }

1102

1103 .member_thumb img {

1104 padding: 0;

1105 margin: 0;

1106 vertical-align: bottom;

1107 border-radius: 7px;

1108 }

1109

1110 .member_thumb .member_name {

1111 position: absolute;

1112 left: 56px;

1113 top: 2ex;

1114 font-size: 100%;

1115 width: 14em;

1116 }

1117

1118 .member_thumb .flags {

1119 float: right;

1120 }

1121

1122 .member_thumb .flags a,

1123 .member_thumb .flags img {

1124 position: static;

1125 float: right;

1126 margin-left: 0.5em;

1127 }

1128

1129 .member_thumb .flags .in_delegation_chain {

1130 font-weight: bold;

1131 }

1132

1133 .member .right {

1134 float: right;

1135 }

1136

1137 .member_thumb.not_accepted,

1138 .member_thumb.not_informed {

1139 border: 1px solid #ccc;

1140 color: #777;

1141 }

1142

1143 .member_thumb.not_accepted .member_image,

1144 .member_thumb.not_accepted .member_name,

1145 .member_thumb.not_informed .member_image,

1146 .member_thumb.not_informed .member_name {

1147 opacity: 0.4;

1148 }

1149

1150 .member_thumb.in_delegation_chain {

1151 background-color: #fda;

1152 xborder: 2px solid #f90;

1153 }

1154

1155

1156 .member_statement {

1157 margin-right: 250px;

1158 }

1159

1160 #suggestion_description {

1161 height: 15ex;

1162 }

1163

1164 .diff {

1165 background-color: #f2f2f2;

1166 border: 1px solid #ccc;

1167 padding: 1ex;

1168 }

1169

1170 .diff_added {

1171 background-color: #cfc;

1172 text-decoration: underline;

1173 }

1174

1175 .diff_removed {

1176 background-color: #fcc;

1177 text-decoration: line-through;

1178 }

1179

1180 .admitted_info {

1181 background-color: #afc;

1182 padding: 1ex;

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

1184 }

1185

1186 .not_admitted_info,

1187 .revoked_info {

1188 background-color: #fbb;

1189 padding: 1ex;

1190 border-radius: 8px;

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

1192 }

1193

1194 .draft_updated_info,

1195 .initiator_invite_info,

1196 .motd,

1197 .public_access_issue_head {

1198 background-color: #fda;

1199 padding: 1ex;

1200 margin-top: 1ex;

1201 margin-bottom: 2ex;

1202 border: 1px solid #fa0;

1203 border-radius: 10px;

1204 }

1205

1206 .suggestion_fulfilled {

1207 width: 15em;

1208 }

1209 .suggestion_fulfilled a.action {

1210 padding-left: 0;

1211 line-height: 120%;

1212 }

1213

1214 .help,

1215 .use_terms {

1216 border-radius: 8px;

1217 border: 1px solid #ffe900;

1218 background-color: #fffbce;

1219 color: #000;

1220 padding: 1ex;

1221 }

1222

1223 .help_visible {

1224 margin-top: 2ex;

1225 margin-bottom: 1ex;

1226 }

1227

1228 .help_visible .help_icon {

1229 float: right;

1230 }

1231

1232 .slot_help_hidden {

1233 float: left;

1234 margin-top: 1ex;

1235 }

1236

1237 .help_actions {

1238 float: right;

1239 }

1240

1241 .help_actions a {

1242 margin-right: 1em;

1243 color: #468;

1244 }

1245

1246 .wiki {

1247 line-height: 133%;

1248 }

1249

1250 .wiki h1,

1251 .wiki h2,

1252 .wiki h3,

1253 .wiki h4 {

1254 margin-top: 1ex;

1255 margin-bottom: 1ex;

1256 }

1257

1258 .wiki h1 {

1259 font-size: 150%;

1260 font-weight: bold;

1261 }

1262

1263 .wiki h2 {

1264 font-size: 125%;

1265 font-weight: bold;

1266 }

1267

1268 .wiki h3 {

1269 font-size: 125%;

1270 }

1271

1272 .wiki h4 {

1273 font-size: 100%;

1274 font-weight: bold;

1275 }

1276

1277 .wiki p {

1278 margin-top: 1ex;

1279 margin-bottom: 1ex;

1280 }

1281

1282 form .warning {

1283 background-color: #ffd;

1284 color: #000;

1285 border: 1px solid #dda;

1286 margin: 1ex;

1287 margin-bottom: 2ex;

1288 padding: 1ex;

1289 }

1290

1291 a.not_voted {

1292 display: block;

1293 background-color: #fec;

1294 color: #000;

1295 }

1296

1297 .action_active {

1298 background-color: #fec;

1299 }

1300

1301 .heading {

1302 display: block;

1303 font-size: 120%;

1304 font-weight: bold;

1305 }

1306

1307 .heading.first {

1308 margin-top: 0;

1309 }

1310

1311 .menu_list li {

1312 padding-top: 1ex;

1313 padding-bottom: 1ex;

1314 }

1315

1316 .deactivated_member_info {

1317 background-color: #a00;

1318 color: #fff;

1319 }

1320

1321 /*************************************************************************

1322 * Voting

1323 */

1324

1325 #voting_form {

1326 margin-top: 20px;

1327 }

1328

1329 #voting {

1330 position: relative;

1331 }

1332

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

1334 border: 2px black solid;

1335 margin-top: 2ex;

1336 margin-bottom: 5ex;

1337 padding: 1ex;

1338 padding-bottom: 2ex;

1339 border-radius: 8px;

1340 }

1341 #voting .approval {

1342 background-color: #9f9;

1343 }

1344 #voting .approval .movable {

1345 background-color: #dfd;

1346 }

1347 #voting .abstention {

1348 background-color: #ccc;

1349 }

1350 #voting .abstention .movable {

1351 background-color: #f2f2f2;

1352 }

1353 #voting .disapproval {

1354 background-color: #f88;

1355 }

1356 #voting .disapproval .movable {

1357 background-color: #fbb;

1358 }

1359 #voting .cathead {

1360 font-weight: bold;

1361 }

1362 #voting .movable {

1363 position: relative;

1364 border: 1px black solid;

1365 margin-top: 1ex;

1366 padding: 0.5ex;

1367 border-radius: 8px;

1368 }

1369 #voting .voting_form_active .movable {

1370 cursor: pointer;

1371 }

1372 #voting .voting_form_active .clickable {

1373 cursor: auto;

1374 }

1375 #voting .voting_form_active a.clickable {

1376 cursor: pointer;

1377 }

1378

1379 #voting .movable {

1380 vertical-align: middle;

1381 cursor: move;

1382 }

1383

1384 /* shadows */

1385

1386 .member_statement,

1387 .draft_content,

1388 .suggestion_content,

1389 .initiative_head,

1390 .box,

1391 div.notifications {

1392 border-radius: 8px;

1393 }

1394

1395 .member_statement,

1396 .draft_content,

1397 .suggestion_content,

1398 .initiative_head,

1399 .box {

1400 border: 1px solid #aaa;

1401 }

1402

1403 .member_statement,

1404 .draft_content,

1405 .suggestion_content,

1406 .box {

1407 padding: 1ex;

1408 }

1409

1410 .slot_footer {

1411 margin: 0 1%;

1412 border-top: 1px solid #ccc;

1413 padding: 1ex;

1414 text-align: center;

1415 }

1416 .slot_footer,

1417 .slot_footer a {

1418 color: #666;

1419 }

1420

1421 .footer {

1422 margin: 0 auto;

1423 max-width: 1130px;

1424 }