liquid_feedback_frontend: a23956f4231e static/style.css

liquid_feedback_frontend

view static/style.css @ 681:a23956f4231e

Optical improvements

author	bsw
date	Tue Jun 26 17:38:53 2012 +0200 (2012-06-26)
parents	8e650b535d70
children	8956ad4474b2

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: 35px;

177 padding-top: 5px;

178 }

179

180 .topbar .logolf {

181 margin-left: 6px;

182 font-weight: bold;

183 }

184

185 .topbar .instance_name,

186 .topbar a {

187 color: #eee;

188 line-height: 30px;

189 }

190

191 .topbar a:hover {

192 color: #f90;

193 }

194

195 .navigation {

196 background-color: #333;

197 line-height: 200%;

198 }

199

200 .topbar img {

201 margin-right: 0.5em;

202 vertical-align: middle;

203 }

204

205 .topbar a {

206 padding: 0 0.5em;

207 float: left;

208 display: block;

209 white-space: nowrap;

210 }

211

212 form.unit_selector {

213 display: inline;

214 }

215

216 .topbar .navigation_right {

217 float: right;

218 padding-right: 1%;

219 }

220

221 .topbar ul {

222 list-style-type: none;

223 }

224

225

226 #member_menu {

227 z-index: 2;

228 }

229

230 #member_menu li {

231 float: left;

232 }

233

234 #member_menu li:hover {

235 position: relative;

236 z-index: 4;

237 cursor: default;

238 }

239

240 #member_menu {

241 margin: 0;

242 padding: 0;

243 width: 200px;

244 }

245

246 #member_menu > li {

247 width: 200px;

248 }

249

250 #member_menu li a {

251 float: right;

252 }

253

254 #member_menu ul {

255 margin: 0;

256 padding: 0;

257 list-style-type: none;

258 display: none;

259 position: absolute;

260 top: 100%;

261 left: 0;

262 z-index: 3;

263 width: 200px;

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

265 background: #000;

266 }

267

268 #member_menu ul li {

269 float: none;

270 }

271

272 #member_menu ul li a {

273 float: none;

274 background: #000;

275 }

276

277 #member_menu ul ul {

278 top: 1px;

279 right: 1px;

280 }

281

282 #member_menu li:hover ul {

283 display: block;

284 }

285

286 #member_menu li li a {

287 background: #000;

288 border-radius: 5px;

289 color: #fff;

290 }

291

292 #member_menu ul li:hover a {

293 background: #000;

294 color: #f90;

295 }

296

297 */

298 /*************************************************************************

299 * Title of current page including path and actions

300 */

301

302 .slot_title {

303 font-size: 120%;

304 font-weight: bold;

305 margin-left: 10px;

306 margin-right: 10px;

307 margin-top: 1ex;

308 }

309

310 .slot_head {

311 background-color: #fff;

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

313 border: 1px solid #555;

314 border-top: none;

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

316 }

317

318

319 .member_thumb,

320 .member_statement,

321 .draft_content,

322 .suggestion_content,

323 .slot_head,

324 .area_list,

325 .initiative_head,

326 .issues .issue,

327 .ui_tabs_links a,

328 .ui_filter a,

329 .draft_content,

330 .help,

331 .use_terms,

332 .motd,

333 .vote_info .content,

334 .box,

335 div.notifications {

336 background-color: #fff;

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

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

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

340 }

341

342 .slot_head > div:last-child {

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

344 }

345

346 .page_head .title,

347 .issue .context,

348 .initiative_head .title,

349 .area_list .title {

350 padding: 8px 10px 2px 10px;

351 }

352

353 .issue .title {

354 padding: 10px 10px 0px 10px;

355 }

356

357 .events .issue .title {

358 padding: 10px 10px 15px 10px;

359 }

360

361 .page_head .actions,

362 .page_head .unit_head .content,

363 .page_head .area_head .content,

364 .issue .content,

365 .initiative_head .content,

366 .area_list .unit_head .content,

367 .area_list .area .content {

368 padding: 10px 10px 0 10px;

369 }

370

371 .page_head .actions:last-child,

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

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

374 .issue .content:last-child,

375 .initiative_head .content:last-child,

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

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

378 padding: 10px 10px 10px 10px;

379 }

380

381 .page_head .initiative_list,

382 .issue .initiative_list {

383 padding-left: 8px;

384 }

385

386 .issue .content.actions {

387 margin-bottom: 1ex;

388 }

389

390 .area_head {

391 overflow: auto;

392 }

393

394

395 .page_head .title,

396 .issue .title,

397 .initiative_head .title,

398 .area_list .unit_head .unit_name,

399 .area_list .area_name {

400 font-weight: bold;

401 font-size: 120%;

402 }

403

404 .page_head .area_head .content,

405 .page_head .area_head .content a,

406 .page_head .issue .content.actions,

407 .page_head .issue .content.actions a,

408 .issues .issue .content.actions,

409 .issues .issue .content.actions a,

410 .area_list .area .content,

411 .area_list .area .content a {

412 color: #000;

413 }

414

415

416 .unit_head {

417 background-color: #44a;

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

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

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

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

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

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

424 color: #fff;

425 }

426

427 .unit_head:last-child {

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

429 }

430

431 .area_head:last-child {

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

433 }

434

435 .unit_head .content, .unit_head a {

436 color: #fff;

437 }

438 .area_head,

439 .area_list .area_head {

440 background-color: #abf;

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

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

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

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

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

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

447 }

448

449 .area_list .area > .content,

450 .issue {

451 background-color: #e0e9ff;

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

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

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

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

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

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

458 }

459

460 .unit_link, .area_link {

461 padding: 2px 5px;

462 border-radius: 5px;

463 }

464

465 .unit_link {

466 background-color: #44a;

467 color: #fff;

468 }

469

470 .area_link {

471 background-color: #abf;

472 color: #000;

473 }

474

475 .delegation_info {

476 float: right;

477 text-decoration: none;

478 padding: 5px;

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

480 }

481

482 .delegation_arrow {

483 vertical-align: middle;

484 }

485

486 .delegation_info .link {

487 text-decoration: underline;

488 color: #aaa;

489 }

490

491 .delegation_info:hover {

492 background-color: #ddd;

493 }

494

495 .delegation_info .micro_avatar {

496 border: none;

497 margin: 2px;

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

499 }

500

501 .delegation_info .micro_avatar.highlighted {

502 margin: 0;

503 border: 2px solid #f90;

504 }

505

506

507 .member_list .member_image_avatar {

508 float: left;

509 margin-right: 0.5em;

510 }

511

512 .micro_avatar {

513 height: 24px;

514 border-radius: 4px;

515 vertical-align: middle;

516 }

517

518 .logo {

519 float: right;

520 margin-right: 1%;

521 }

522

523

524 .member_image_photo {

525 border-radius: 8px;

526 }

527

528 /*************************************************************************

529 * Main content

530 */

531

532 .main {

533 margin-left: 1%;

534 margin-right: 1%;

535 }

536

537 /*************************************************************************

538 * ui.tab

539 */

540 .ui_tabs_links {

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

542 line-height: 300%;

543 }

544

545 .ui_tabs_links a {

546 padding: 1.25ex 1em;

547 background-color: #444;

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

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

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

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

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

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

554 color: #fff;

555 white-space: nowrap;

556 border-radius: 8px;

557 font-weight: bold;

558 margin: 3px;

559 }

560

561 .ui_tabs_links a:hover,

562 .ui_tabs_links a.selected {

563 margin: 0;

564 border: 3px solid #f90;

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

566 }

567

568 .ui_tabs_links a.selected {

569 text-decoration: none;

570 }

571

572

573 /*************************************************************************

574 * ui.filters

575 */

576

577 .ui_filter {

578 overflow: auto;

579 margin-top: 20px;

580 }

581

582 .ui_filter_head {

583 color: #777;

584 line-height: 200%;

585 padding-bottom: 8px;

586 margin-bottom: 6px;

587 border-bottom: 1px solid #888;

588 }

589

590 .ui_filter_head:last-child {

591 border-bottom: none;

592 }

593

594 .ui_filter a {

595 font-weight: bold;

596 margin-right: 0;

597 background-color: #fff;

598 padding: 0.5ex 0.5em;

599 border-radius: 5px;

600 border: 1px solid #bbb;

601 }

602

603

604 .ui_filter_head a.active {

605 border: 1px solid #666;

606 text-decoration: none;

607 background-color: #444;

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

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

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

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

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

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

614 color: #fff;

615 }

616

617 /*************************************************************************

618 * ui.paginate

619 */

620

621 .ui_paginate_head {

622 display: none;

623 margin-bottom: 1ex;

624 }

625

626 .ui_paginate_foot {

627 margin-top: 1ex;

628 }

629

630 .ui_paginate_select a {

631 padding: 0.5em;

632 }

633

634 /*************************************************************************

635 * ui.bargraph

636 */

637

638 .bargraph {

639 width: 103px;

640 }

641

642 .bargraph50 {

643 width: 52px;

644 }

645

646 .bargraph div {

647 float: left;

648 margin-top: 0.5ex;

649 height: 1.3ex;

650 }

651

652 .bargraph .quorum {

653 margin-top: 0.2ex;

654 height: 1.9ex;

655 }

656

657 /*************************************************************************

658 * notifications

659 */

660

661 div.notifications {

662 margin-top: 20px;

663 background-color: #fda;

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

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

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

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

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

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

670 padding: 0.5ex;

671 border: 1px solid #fc0;

672 }

673

674 .notifications ul {

675 margin: 0;

676 padding: 0;

677 margin-left: 2em;

678 }

679

680 .notifications li {

681 margin: 0;

682 padding: 0;

683 margin-top: 0.5ex;

684 }

685

686 /*************************************************************************

687 * vertical ui.form

688 */

689

690 .vertical {

691 margin-top: 2ex;

692 }

693

694 .login input[type=text],

695 .vertical input[type=text],

696 .login input[type=password],

697 .vertical input[type=password],

698 .vertical textarea,

699 .vertical select {

700 font-family: sans-serif;

701 font-size: 100%;

702 width: 69%;

703 border: 1px solid #444;

704 padding: 0.2ex 0.2em 0.2ex 0.2em;

705 margin-bottom: 1ex;

706 }

707

708

709

710 .login input[type=password],

711 .vertical input[type=password] {

712 width: 16em;

713 }

714

715 .vertical select {

716 padding-right: 0;

717 }

718

719 .login .ui_field_label,

720 .vertical .ui_field_label {

721 line-height: 180%;

722 font-weight: bold;

723 color: #777;

724 width: 29%;

725 display: block;

726 float: left;

727 clear: left;

728 text-align: right;

729 padding-right: 0.5em;

730 }

731

732 .ui_field_label.label_right {

733 text-align: left;

734 width: auto;

735 }

736

737 .login input[type=text],

738 .login input[type=password] {

739 width: 10em;

740 }

741

742 .login div,

743 .vertical div {

744 clear: left;

745 }

746

747 .vertical span {

748 display: block;

749 margin-bottom: 0.5ex;

750 }

751

752 .vertical span:after {

753 content: " ";

754 }

755

756 .vertical span span {

757 display: inline;

758 margin-bottom: 0;

759 }

760

761 .login input[type=submit],

762 .vertical input[type=submit] {

763 font-size: 100%;

764 margin-left: 29%;

765 background-color: #444444;

766 color: #fff;

767 border: none;

768 padding: 0.75ex;

769 }

770

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

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

773 background-color: #444444;

774 }

775

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

777 .login input[type=text],

778 .vertical input[type=text],

779 .login input[type=password],

780 .vertical input[type=password],

781 .vertical textarea,

782 .vertical select,

783 .vertical input[type=submit],

784 .login input[type=submit] {

785 width: 98%;

786 }

787 .login .ui_field_label,

788 .vertical .ui_field_label {

789 text-align: left;

790 width: 98%;

791 }

792 .login input[type=text],

793 .login input[type=password] {

794 width: 98%;

795 }

796 .login input[type=submit],

797 .vertical input[type=submit] {

798 margin-left: 0;

799 }

800 }

801

802

803 /*************************************************************************

804 * Positive / Negtive votes

805 */

806

807

808 .positive_votes span {

809 display: inline;

810 }

811

812 .positive_votes {

813 display: inline;

814 background-color: #cfc;

815 padding: 0.3ex 0.5em 0.3ex 0.5em;

816 }

817

818 .negative_votes span {

819 display: inline;

820 }

821

822 .negative_votes {

823 display: inline;

824 background-color: #fcc;

825 padding: 0.3ex 0.5em 0.3ex 0.5em;

826 }

827

828 .suggestion_my_opinion a,

829 .suggestion_my_opinion span {

830 white-space: nowrap;

831 padding-left: 0.2ex !important;

832 padding-right: 0.2ex !important;

833 }

834

835 .active {

836 background-color: #444;

837 color: #fff;

838 }

839

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

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

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

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

844

845

846

847 /*************************************************************************

848 * Unit list

849 */

850

851 .unit_list a {

852 font-weight: bold;

853 }

854

855 /*************************************************************************

856 * Area list

857 */

858 .area_list {

859 border: 1px solid #54c;

860 border-radius: 10px;

861 margin-top: 2ex;

862 }

863

864 .area_list .area {

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

866 }

867

868 .area_list .area:first-child {

869 border-top: none;

870 }

871

872 .area_list .unit_head {

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

874 }

875

876 .area_list .unit_head:last-child {

877 border-radius: 8px;

878 }

879

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

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

882 }

883

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

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

886 }

887

888

889 /*************************************************************************

890 * Events

891 */

892

893 .events .date {

894 font-size: 150%;

895 font-weight: bold;

896 margin-top: 2ex;

897 line-height: 150%;

898 }

899

900 .event_list .event div {

901 }

902

903 .event_list .event .member_id {

904 float: right;

905 }

906

907

908 /*************************************************************************

909 * Issues

910 */

911

912 .issues {

913 clear: left;

914 margin-top: 2ex;

915 }

916

917 .issues .issue {

918 overflow: hidden;

919 border: 1px solid #d0ddff;

920 border-radius: 8px;

921 margin-bottom: 2ex;

922 }

923

924 .issue.interested,

925 .issue.interest_by_delegation {

926 border: 1px solid #b2cdff;

927 }

928

929 .issue .suggestion {

930 margin-left: 1ex;

931 margin-bottom: 1ex;

932 font-weight: bold;

933 }

934

935 .event_info {

936 line-height: 24px;

937 min-height: 24px;

938 float: left;

939 display: inline;

940 padding: 2px 10px 0px 10px;

941 background-color: #d0ddff;

942 color: #000;

943 font-style: italic;

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

945 }

946

947 .event_info img {

948 }

949

950 .events .issue {

951 clear: left;

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

953 }

954

955 .event_info .event_name,

956 .issue_policy_info .event_name {

957 font-weight: bold;

958 }

959

960 .issue_policy_info img {

961 vertical-align: middle;

962 }

963

964 .issue .interest_by_delegation {

965 float: right;

966 }

967

968 .issue .initiative_list a.highlighted {

969 font-weight: bold;

970 }

971

972 .initiative {

973 margin-left: 1ex;

974 margin-bottom: 1ex;

975 line-height: 50%;

976 }

977

978 .initiative .bar {

979 margin-right: 0.3em;

980 }

981

982 .initiative .rank,

983 .initiative .bar,

984 .initiative .interest {

985 float: left;

986 margin-right: 0.3em;

987 }

988

989 .initiative .rank {

990 width: 2.5em;

991 }

992

993

994 .initiative .interest {

995 width: 20px;

996 height: 16px;

997 line-height: 100%;

998 }

999

1000 .initiative .name {

1001 line-height: 130%;

1002 margin-left: 160px;

1003 }

1004

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

1006 .initiative .name {

1007 clear: left;

1008 margin-left: 0px;

1009 }

1010 }

1011

1012

1013 .issue_initiative_list a {

1014 font-weight: bold;

1015 }

1016

1017 .more_initiatives_link {

1018 display: block;

1019 margin-left: 166px;

1020 font-style: italic;

1021 margin-bottom: 1ex;

1022 }

1023

1024 .issue tr tr {

1025 border: none;

1026 background: none;

1027 }

1028

1029 .initiative_link.selected {

1030 font-weight: bold;

1031 }

1032

1033 x.initiative_link.supported {

1034 background-color: #cdf;

1035 border-radius: 5px;

1036 }

1037

1038 x.initiative_link.potentially_supported {

1039 background-color: #cdf;

1040 border-radius: 5px;

1041 }

1042

1043 .lang_chooser {

1044 float: right;

1045 margin-right: 0.5em;

1046 }

1047

1048 .delegation_list_entry {

1049 margin-right: 2em;

1050 margin-bottom: 2ex;

1051 float: left;

1052 clear: left;

1053 }

1054

1055 .delegation_list_entry .delegation_arrow {

1056 float: left;

1057 }

1058

1059 .delegation_list_entry .delegation_scope {

1060 float: left;

1061 width: 25em;

1062 }

1063

1064 .delegation_list_entry .delegation_scope a {

1065 display: block;

1066 }

1067

1068 .member_list .member_thumb {

1069 float: left;

1070 margin-right: 10px;

1071 margin-bottom: 10px;

1072 }

1073

1074 .member_thumb {

1075 text-decoration: none;

1076 width: 205px;

1077 height: 48px;

1078 display: block;

1079 float: left;

1080 background-color: #f2f2f2;

1081 overflow: hidden;

1082 position: relative;

1083 border-radius: 8px;

1084 padding: 2px;

1085 border: 1px solid #aaa;

1086 }

1087

1088 .member_thumb a:hover div {

1089 background-color: #444;

1090 color: #fff;

1091 }

1092

1093 .member_thumb img {

1094 padding: 0;

1095 margin: 0;

1096 vertical-align: bottom;

1097 border-radius: 7px;

1098 }

1099

1100 .member_thumb .member_name {

1101 position: absolute;

1102 left: 56px;

1103 top: 2ex;

1104 font-size: 100%;

1105 width: 14em;

1106 }

1107

1108 .member_thumb .flags {

1109 float: right;

1110 }

1111

1112 .member_thumb .flags a,

1113 .member_thumb .flags img {

1114 position: static;

1115 float: right;

1116 margin-left: 0.5em;

1117 }

1118

1119 .member_thumb .flags .in_delegation_chain {

1120 font-weight: bold;

1121 }

1122

1123 .member .right {

1124 float: right;

1125 }

1126

1127 .member_thumb.not_accepted,

1128 .member_thumb.not_informed {

1129 border: 1px solid #ccc;

1130 color: #777;

1131 }

1132

1133 .member_thumb.not_accepted .member_image,

1134 .member_thumb.not_accepted .member_name,

1135 .member_thumb.not_informed .member_image,

1136 .member_thumb.not_informed .member_name {

1137 opacity: 0.4;

1138 }

1139

1140 .member_thumb.in_delegation_chain {

1141 background-color: #fda;

1142 xborder: 2px solid #f90;

1143 }

1144

1145

1146 .member_statement {

1147 margin-right: 250px;

1148 }

1149

1150 #suggestion_description {

1151 height: 15ex;

1152 }

1153

1154 .diff {

1155 background-color: #f2f2f2;

1156 border: 1px solid #ccc;

1157 padding: 1ex;

1158 }

1159

1160 .diff_added {

1161 background-color: #cfc;

1162 text-decoration: underline;

1163 }

1164

1165 .diff_removed {

1166 background-color: #fcc;

1167 text-decoration: line-through;

1168 }

1169

1170 .admitted_info {

1171 background-color: #afc;

1172 padding: 1ex;

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

1174 }

1175

1176 .not_admitted_info,

1177 .revoked_info {

1178 background-color: #fbb;

1179 padding: 1ex;

1180 border-radius: 8px;

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

1182 }

1183

1184 .draft_updated_info,

1185 .voting_active_info,

1186 .initiator_invite_info,

1187 .motd,

1188 .public_access_issue_head {

1189 background-color: #fda;

1190 padding: 1ex;

1191 margin-top: 1ex;

1192 margin-bottom: 2ex;

1193 border: 1px solid #fa0;

1194 border-radius: 10px;

1195 }

1196

1197 .suggestion_fulfilled {

1198 width: 15em;

1199 }

1200 .suggestion_fulfilled a.action {

1201 padding-left: 0;

1202 line-height: 120%;

1203 }

1204

1205 .help,

1206 .use_terms {

1207 border-radius: 8px;

1208 border: 1px solid #ffe900;

1209 background-color: #fffbce;

1210 color: #000;

1211 padding: 1ex;

1212 }

1213

1214 .help_visible {

1215 margin-top: 2ex;

1216 margin-bottom: 1ex;

1217 }

1218

1219 .help_visible .help_icon {

1220 float: right;

1221 }

1222

1223 .slot_help_hidden {

1224 float: left;

1225 margin-top: 1ex;

1226 }

1227

1228 .help_actions {

1229 float: right;

1230 }

1231

1232 .help_actions a {

1233 margin-right: 1em;

1234 color: #468;

1235 }

1236

1237 .wiki {

1238 line-height: 133%;

1239 }

1240

1241 .wiki h1,

1242 .wiki h2,

1243 .wiki h3,

1244 .wiki h4 {

1245 margin-top: 1ex;

1246 margin-bottom: 1ex;

1247 }

1248

1249 .wiki h1 {

1250 font-size: 150%;

1251 font-weight: bold;

1252 }

1253

1254 .wiki h2 {

1255 font-size: 125%;

1256 font-weight: bold;

1257 }

1258

1259 .wiki h3 {

1260 font-size: 125%;

1261 }

1262

1263 .wiki h4 {

1264 font-size: 100%;

1265 font-weight: bold;

1266 }

1267

1268 .wiki p {

1269 margin-top: 1ex;

1270 margin-bottom: 1ex;

1271 }

1272

1273 form .warning {

1274 background-color: #ffd;

1275 color: #000;

1276 border: 1px solid #dda;

1277 margin: 1ex;

1278 margin-bottom: 2ex;

1279 padding: 1ex;

1280 }

1281

1282 a.not_voted {

1283 display: block;

1284 background-color: #fec;

1285 color: #000;

1286 }

1287

1288 .action_active {

1289 background-color: #fec;

1290 }

1291

1292 .heading {

1293 display: block;

1294 font-size: 120%;

1295 font-weight: bold;

1296 }

1297

1298 .heading.first {

1299 margin-top: 0;

1300 }

1301

1302 .menu_list li {

1303 padding-top: 1ex;

1304 padding-bottom: 1ex;

1305 }

1306

1307 .deactivated_member_info {

1308 background-color: #a00;

1309 color: #fff;

1310 }

1311

1312 /*************************************************************************

1313 * Voting

1314 */

1315

1316 #voting_form {

1317 margin-top: 20px;

1318 }

1319

1320 #voting {

1321 position: relative;

1322 }

1323

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

1325 border: 2px black solid;

1326 margin-top: 2ex;

1327 margin-bottom: 5ex;

1328 padding: 1ex;

1329 padding-bottom: 2ex;

1330 border-radius: 8px;

1331 }

1332 #voting .approval {

1333 background-color: #9f9;

1334 }

1335 #voting .approval .movable {

1336 background-color: #dfd;

1337 }

1338 #voting .abstention {

1339 background-color: #ccc;

1340 }

1341 #voting .abstention .movable {

1342 background-color: #f2f2f2;

1343 }

1344 #voting .disapproval {

1345 background-color: #f88;

1346 }

1347 #voting .disapproval .movable {

1348 background-color: #fbb;

1349 }

1350 #voting .cathead {

1351 font-weight: bold;

1352 }

1353 #voting .movable {

1354 position: relative;

1355 border: 1px black solid;

1356 margin-top: 1ex;

1357 padding: 0.5ex;

1358 border-radius: 8px;

1359 }

1360 #voting .voting_form_active .movable {

1361 cursor: pointer;

1362 }

1363 #voting .voting_form_active .clickable {

1364 cursor: auto;

1365 }

1366 #voting .voting_form_active a.clickable {

1367 cursor: pointer;

1368 }

1369

1370 #voting .movable {

1371 vertical-align: middle;

1372 cursor: move;

1373 }

1374

1375 /* shadows */

1376

1377 .member_statement,

1378 .draft_content,

1379 .suggestion_content,

1380 .initiative_head,

1381 .box,

1382 div.notifications {

1383 border-radius: 8px;

1384 }

1385

1386 .member_statement,

1387 .draft_content,

1388 .suggestion_content,

1389 .initiative_head,

1390 .box {

1391 border: 1px solid #aaa;

1392 }

1393

1394 .member_statement,

1395 .draft_content,

1396 .suggestion_content,

1397 .box {

1398 padding: 1ex;

1399 }

1400

1401 .slot_footer {

1402 margin: 0 1%;

1403 border-top: 1px solid #ccc;

1404 padding: 1ex;

1405 text-align: center;

1406 }

1407 .slot_footer,

1408 .slot_footer a {

1409 color: #666;

1410 }

1411

1412 .footer {

1413 margin: 0 auto;

1414 max-width: 1130px;

1415 }