liquid_feedback_frontend: 8956ad4474b2 static/style.css

liquid_feedback_frontend

view static/style.css @ 682:8956ad4474b2

Optical improvements

author	bsw
date	Tue Jun 26 17:48:49 2012 +0200 (2012-06-26)
parents	a23956f4231e
children	e86bfe65e1b1

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_liquid,

181 .logo_feedback {

182 font-weight: bold;

183 color: #fff;

184 }

185

186 .logo_liquid {

187 margin-left: 6px;

188 }

189

190 .topbar .instance_name,

191 .topbar a {

192 color: #eee;

193 line-height: 30px;

194 }

195

196 .topbar a:hover,

197 .topbar a:hover .logo_liquid,

198 .topbar a:hover .logo_feedback {

199 color: #f90;

200 }

201

202 .navigation {

203 background-color: #333;

204 line-height: 200%;

205 }

206

207 .topbar img {

208 margin-right: 0.5em;

209 vertical-align: middle;

210 }

211

212 .topbar a {

213 padding: 0 0.5em;

214 float: left;

215 display: block;

216 white-space: nowrap;

217 }

218

219 form.unit_selector {

220 display: inline;

221 }

222

223 .topbar .navigation_right {

224 float: right;

225 padding-right: 1%;

226 }

227

228 .topbar ul {

229 list-style-type: none;

230 }

231

232

233 #member_menu {

234 z-index: 2;

235 }

236

237 #member_menu li {

238 float: left;

239 }

240

241 #member_menu li:hover {

242 position: relative;

243 z-index: 4;

244 cursor: default;

245 }

246

247 #member_menu {

248 margin: 0;

249 padding: 0;

250 width: 200px;

251 }

252

253 #member_menu > li {

254 width: 200px;

255 }

256

257 #member_menu li a {

258 float: right;

259 }

260

261 #member_menu ul {

262 margin: 0;

263 padding: 0;

264 list-style-type: none;

265 display: none;

266 position: absolute;

267 top: 100%;

268 left: 0;

269 z-index: 3;

270 width: 200px;

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

272 background: #000;

273 }

274

275 #member_menu ul li {

276 float: none;

277 }

278

279 #member_menu ul li a {

280 float: none;

281 background: #000;

282 font-size: 80%;

283 }

284

285 #member_menu ul ul {

286 top: 1px;

287 right: 1px;

288 }

289

290 #member_menu li:hover ul {

291 display: block;

292 }

293

294 #member_menu li li a {

295 background: #000;

296 border-radius: 5px;

297 color: #fff;

298 }

299

300 #member_menu ul li:hover a {

301 background: #000;

302 color: #f90;

303 }

304

305 */

306 /*************************************************************************

307 * Title of current page including path and actions

308 */

309

310 .slot_title {

311 font-size: 120%;

312 font-weight: bold;

313 margin-left: 10px;

314 margin-right: 10px;

315 margin-top: 1ex;

316 }

317

318 .slot_head {

319 background-color: #fff;

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

321 border: 1px solid #555;

322 border-top: none;

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

324 }

325

326

327 .member_thumb,

328 .member_statement,

329 .draft_content,

330 .suggestion_content,

331 .slot_head,

332 .area_list,

333 .initiative_head,

334 .issues .issue,

335 .ui_tabs_links a,

336 .ui_filter a,

337 .draft_content,

338 .help,

339 .use_terms,

340 .motd,

341 .vote_info .content,

342 .box,

343 div.notifications {

344 background-color: #fff;

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

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

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

348 }

349

350 .slot_head > div:last-child {

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

352 }

353

354 .page_head .title,

355 .issue .context,

356 .initiative_head .title,

357 .area_list .title {

358 padding: 8px 10px 2px 10px;

359 }

360

361 .issue .title {

362 padding: 10px 10px 0px 10px;

363 }

364

365 .events .issue .title {

366 padding: 10px 10px 15px 10px;

367 }

368

369 .page_head .actions,

370 .page_head .unit_head .content,

371 .page_head .area_head .content,

372 .issue .content,

373 .initiative_head .content,

374 .area_list .unit_head .content,

375 .area_list .area .content {

376 padding: 10px 10px 0 10px;

377 }

378

379 .page_head .actions:last-child,

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

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

382 .issue .content:last-child,

383 .initiative_head .content:last-child,

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

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

386 padding: 10px 10px 10px 10px;

387 }

388

389 .page_head .initiative_list,

390 .issue .initiative_list {

391 padding-left: 8px;

392 }

393

394 .issue .content.actions {

395 margin-bottom: 1ex;

396 }

397

398 .area_head {

399 overflow: auto;

400 }

401

402

403 .page_head .title,

404 .issue .title,

405 .initiative_head .title,

406 .area_list .unit_head .unit_name,

407 .area_list .area_name {

408 font-weight: bold;

409 font-size: 120%;

410 }

411

412 .page_head .area_head .content,

413 .page_head .area_head .content a,

414 .page_head .issue .content.actions,

415 .page_head .issue .content.actions a,

416 .issues .issue .content.actions,

417 .issues .issue .content.actions a,

418 .area_list .area .content,

419 .area_list .area .content a {

420 color: #000;

421 }

422

423

424 .unit_head {

425 background-color: #44a;

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

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

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

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

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

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

432 color: #fff;

433 }

434

435 .unit_head:last-child {

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

437 }

438

439 .area_head:last-child {

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

441 }

442

443 .unit_head .content, .unit_head a {

444 color: #fff;

445 }

446 .area_head,

447 .area_list .area_head {

448 background-color: #abf;

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

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

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

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

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

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

455 }

456

457 .area_list .area > .content,

458 .issue {

459 background-color: #e0e9ff;

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

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

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

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

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

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

466 }

467

468 .unit_link, .area_link {

469 padding: 2px 5px;

470 border-radius: 5px;

471 }

472

473 .unit_link {

474 background-color: #44a;

475 color: #fff;

476 }

477

478 .area_link {

479 background-color: #abf;

480 color: #000;

481 }

482

483 .delegation_info {

484 float: right;

485 text-decoration: none;

486 padding: 5px;

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

488 }

489

490 .delegation_arrow {

491 vertical-align: middle;

492 }

493

494 .delegation_info .link {

495 text-decoration: underline;

496 color: #aaa;

497 }

498

499 .delegation_info:hover {

500 background-color: #ddd;

501 }

502

503 .delegation_info .micro_avatar {

504 border: none;

505 margin: 2px;

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

507 }

508

509 .delegation_info .micro_avatar.highlighted {

510 margin: 0;

511 border: 2px solid #f90;

512 }

513

514

515 .member_list .member_image_avatar {

516 float: left;

517 margin-right: 0.5em;

518 }

519

520 .micro_avatar {

521 height: 24px;

522 border-radius: 4px;

523 vertical-align: middle;

524 }

525

526 .logo {

527 float: right;

528 margin-right: 1%;

529 }

530

531

532 .member_image_photo {

533 border-radius: 8px;

534 }

535

536 /*************************************************************************

537 * Main content

538 */

539

540 .main {

541 margin-left: 1%;

542 margin-right: 1%;

543 }

544

545 /*************************************************************************

546 * ui.tab

547 */

548 .ui_tabs_links {

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

550 line-height: 300%;

551 }

552

553 .ui_tabs_links a {

554 padding: 1.25ex 1em;

555 background-color: #444;

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

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

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

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

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

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

562 color: #fff;

563 white-space: nowrap;

564 border-radius: 8px;

565 font-weight: bold;

566 margin: 3px;

567 }

568

569 .ui_tabs_links a:hover,

570 .ui_tabs_links a.selected {

571 margin: 0;

572 border: 3px solid #f90;

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

574 }

575

576 .ui_tabs_links a.selected {

577 text-decoration: none;

578 }

579

580

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

582 * ui.filters

583 */

584

585 .ui_filter {

586 overflow: auto;

587 margin-top: 20px;

588 }

589

590 .ui_filter_head {

591 color: #777;

592 line-height: 200%;

593 padding-bottom: 8px;

594 margin-bottom: 6px;

595 border-bottom: 1px solid #888;

596 }

597

598 .ui_filter_head:last-child {

599 border-bottom: none;

600 }

601

602 .ui_filter a {

603 font-weight: bold;

604 margin-right: 0;

605 background-color: #fff;

606 padding: 0.5ex 0.5em;

607 border-radius: 5px;

608 border: 1px solid #bbb;

609 }

610

611

612 .ui_filter_head a.active {

613 border: 1px solid #666;

614 text-decoration: none;

615 background-color: #444;

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

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

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

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

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

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

622 color: #fff;

623 }

624

625 /*************************************************************************

626 * ui.paginate

627 */

628

629 .ui_paginate_head {

630 display: none;

631 margin-bottom: 1ex;

632 }

633

634 .ui_paginate_foot {

635 margin-top: 1ex;

636 }

637

638 .ui_paginate_select a {

639 padding: 0.5em;

640 }

641

642 /*************************************************************************

643 * ui.bargraph

644 */

645

646 .bargraph {

647 width: 103px;

648 }

649

650 .bargraph50 {

651 width: 52px;

652 }

653

654 .bargraph div {

655 float: left;

656 margin-top: 0.5ex;

657 height: 1.3ex;

658 }

659

660 .bargraph .quorum {

661 margin-top: 0.2ex;

662 height: 1.9ex;

663 }

664

665 /*************************************************************************

666 * notifications

667 */

668

669 div.notifications {

670 margin-top: 20px;

671 background-color: #fda;

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

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

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

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

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

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

678 padding: 0.5ex;

679 border: 1px solid #fc0;

680 }

681

682 .notifications ul {

683 margin: 0;

684 padding: 0;

685 margin-left: 2em;

686 }

687

688 .notifications li {

689 margin: 0;

690 padding: 0;

691 margin-top: 0.5ex;

692 }

693

694 /*************************************************************************

695 * vertical ui.form

696 */

697

698 .vertical {

699 margin-top: 2ex;

700 }

701

702 .login input[type=text],

703 .vertical input[type=text],

704 .login input[type=password],

705 .vertical input[type=password],

706 .vertical textarea,

707 .vertical select {

708 font-family: sans-serif;

709 font-size: 100%;

710 width: 69%;

711 border: 1px solid #444;

712 padding: 0.2ex 0.2em 0.2ex 0.2em;

713 margin-bottom: 1ex;

714 }

715

716

717

718 .login input[type=password],

719 .vertical input[type=password] {

720 width: 16em;

721 }

722

723 .vertical select {

724 padding-right: 0;

725 }

726

727 .login .ui_field_label,

728 .vertical .ui_field_label {

729 line-height: 180%;

730 font-weight: bold;

731 color: #777;

732 width: 29%;

733 display: block;

734 float: left;

735 clear: left;

736 text-align: right;

737 padding-right: 0.5em;

738 }

739

740 .ui_field_label.label_right {

741 text-align: left;

742 width: auto;

743 }

744

745 .login input[type=text],

746 .login input[type=password] {

747 width: 10em;

748 }

749

750 .login div,

751 .vertical div {

752 clear: left;

753 }

754

755 .vertical span {

756 display: block;

757 margin-bottom: 0.5ex;

758 }

759

760 .vertical span:after {

761 content: " ";

762 }

763

764 .vertical span span {

765 display: inline;

766 margin-bottom: 0;

767 }

768

769 .login input[type=submit],

770 .vertical input[type=submit] {

771 font-size: 100%;

772 margin-left: 29%;

773 background-color: #444444;

774 color: #fff;

775 border: none;

776 padding: 0.75ex;

777 }

778

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

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

781 background-color: #444444;

782 }

783

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

785 .login input[type=text],

786 .vertical input[type=text],

787 .login input[type=password],

788 .vertical input[type=password],

789 .vertical textarea,

790 .vertical select,

791 .vertical input[type=submit],

792 .login input[type=submit] {

793 width: 98%;

794 }

795 .login .ui_field_label,

796 .vertical .ui_field_label {

797 text-align: left;

798 width: 98%;

799 }

800 .login input[type=text],

801 .login input[type=password] {

802 width: 98%;

803 }

804 .login input[type=submit],

805 .vertical input[type=submit] {

806 margin-left: 0;

807 }

808 }

809

810

811 /*************************************************************************

812 * Positive / Negtive votes

813 */

814

815

816 .positive_votes span {

817 display: inline;

818 }

819

820 .positive_votes {

821 display: inline;

822 background-color: #cfc;

823 padding: 0.3ex 0.5em 0.3ex 0.5em;

824 }

825

826 .negative_votes span {

827 display: inline;

828 }

829

830 .negative_votes {

831 display: inline;

832 background-color: #fcc;

833 padding: 0.3ex 0.5em 0.3ex 0.5em;

834 }

835

836 .suggestion_my_opinion a,

837 .suggestion_my_opinion span {

838 white-space: nowrap;

839 padding-left: 0.2ex !important;

840 padding-right: 0.2ex !important;

841 }

842

843 .active {

844 background-color: #444;

845 color: #fff;

846 }

847

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

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

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

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

852

853

854

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

856 * Unit list

857 */

858

859 .unit_list a {

860 font-weight: bold;

861 }

862

863 /*************************************************************************

864 * Area list

865 */

866 .area_list {

867 border: 1px solid #54c;

868 border-radius: 10px;

869 margin-top: 2ex;

870 }

871

872 .area_list .area {

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

874 }

875

876 .area_list .area:first-child {

877 border-top: none;

878 }

879

880 .area_list .unit_head {

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

882 }

883

884 .area_list .unit_head:last-child {

885 border-radius: 8px;

886 }

887

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

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

890 }

891

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

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

894 }

895

896

897 /*************************************************************************

898 * Events

899 */

900

901 .events .date {

902 font-size: 150%;

903 font-weight: bold;

904 margin-top: 2ex;

905 line-height: 150%;

906 }

907

908 .event_list .event div {

909 }

910

911 .event_list .event .member_id {

912 float: right;

913 }

914

915

916 /*************************************************************************

917 * Issues

918 */

919

920 .issues {

921 clear: left;

922 margin-top: 2ex;

923 }

924

925 .issues .issue {

926 overflow: hidden;

927 border: 1px solid #d0ddff;

928 border-radius: 8px;

929 margin-bottom: 2ex;

930 }

931

932 .issue.interested,

933 .issue.interest_by_delegation {

934 border: 1px solid #b2cdff;

935 }

936

937 .issue .suggestion {

938 margin-left: 1ex;

939 margin-bottom: 1ex;

940 font-weight: bold;

941 }

942

943 .event_info {

944 line-height: 24px;

945 min-height: 24px;

946 float: left;

947 display: inline;

948 padding: 2px 10px 0px 10px;

949 background-color: #d0ddff;

950 color: #000;

951 font-style: italic;

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

953 }

954

955 .event_info img {

956 }

957

958 .events .issue {

959 clear: left;

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

961 }

962

963 .event_info .event_name,

964 .issue_policy_info .event_name {

965 font-weight: bold;

966 }

967

968 .issue_policy_info img {

969 vertical-align: middle;

970 }

971

972 .issue .interest_by_delegation {

973 float: right;

974 }

975

976 .issue .initiative_list a.highlighted {

977 font-weight: bold;

978 }

979

980 .initiative {

981 margin-left: 1ex;

982 margin-bottom: 1ex;

983 line-height: 50%;

984 }

985

986 .initiative .bar {

987 margin-right: 0.3em;

988 }

989

990 .initiative .rank,

991 .initiative .bar,

992 .initiative .interest {

993 float: left;

994 margin-right: 0.3em;

995 }

996

997 .initiative .rank {

998 width: 2.5em;

999 }

1000

1001

1002 .initiative .interest {

1003 width: 20px;

1004 height: 16px;

1005 line-height: 100%;

1006 }

1007

1008 .initiative .name {

1009 line-height: 130%;

1010 margin-left: 160px;

1011 }

1012

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

1014 .initiative .name {

1015 clear: left;

1016 margin-left: 0px;

1017 }

1018 }

1019

1020

1021 .issue_initiative_list a {

1022 font-weight: bold;

1023 }

1024

1025 .more_initiatives_link {

1026 display: block;

1027 margin-left: 166px;

1028 font-style: italic;

1029 margin-bottom: 1ex;

1030 }

1031

1032 .issue tr tr {

1033 border: none;

1034 background: none;

1035 }

1036

1037 .initiative_link.selected {

1038 font-weight: bold;

1039 }

1040

1041 x.initiative_link.supported {

1042 background-color: #cdf;

1043 border-radius: 5px;

1044 }

1045

1046 x.initiative_link.potentially_supported {

1047 background-color: #cdf;

1048 border-radius: 5px;

1049 }

1050

1051 .lang_chooser {

1052 float: right;

1053 margin-right: 0.5em;

1054 }

1055

1056 .delegation_list_entry {

1057 margin-right: 2em;

1058 margin-bottom: 2ex;

1059 float: left;

1060 clear: left;

1061 }

1062

1063 .delegation_list_entry .delegation_arrow {

1064 float: left;

1065 }

1066

1067 .delegation_list_entry .delegation_scope {

1068 float: left;

1069 width: 25em;

1070 }

1071

1072 .delegation_list_entry .delegation_scope a {

1073 display: block;

1074 }

1075

1076 .member_list .member_thumb {

1077 float: left;

1078 margin-right: 10px;

1079 margin-bottom: 10px;

1080 }

1081

1082 .member_thumb {

1083 text-decoration: none;

1084 width: 205px;

1085 height: 48px;

1086 display: block;

1087 float: left;

1088 background-color: #f2f2f2;

1089 overflow: hidden;

1090 position: relative;

1091 border-radius: 8px;

1092 padding: 2px;

1093 border: 1px solid #aaa;

1094 }

1095

1096 .member_thumb a:hover div {

1097 background-color: #444;

1098 color: #fff;

1099 }

1100

1101 .member_thumb img {

1102 padding: 0;

1103 margin: 0;

1104 vertical-align: bottom;

1105 border-radius: 7px;

1106 }

1107

1108 .member_thumb .member_name {

1109 position: absolute;

1110 left: 56px;

1111 top: 2ex;

1112 font-size: 100%;

1113 width: 14em;

1114 }

1115

1116 .member_thumb .flags {

1117 float: right;

1118 }

1119

1120 .member_thumb .flags a,

1121 .member_thumb .flags img {

1122 position: static;

1123 float: right;

1124 margin-left: 0.5em;

1125 }

1126

1127 .member_thumb .flags .in_delegation_chain {

1128 font-weight: bold;

1129 }

1130

1131 .member .right {

1132 float: right;

1133 }

1134

1135 .member_thumb.not_accepted,

1136 .member_thumb.not_informed {

1137 border: 1px solid #ccc;

1138 color: #777;

1139 }

1140

1141 .member_thumb.not_accepted .member_image,

1142 .member_thumb.not_accepted .member_name,

1143 .member_thumb.not_informed .member_image,

1144 .member_thumb.not_informed .member_name {

1145 opacity: 0.4;

1146 }

1147

1148 .member_thumb.in_delegation_chain {

1149 background-color: #fda;

1150 xborder: 2px solid #f90;

1151 }

1152

1153

1154 .member_statement {

1155 margin-right: 250px;

1156 }

1157

1158 #suggestion_description {

1159 height: 15ex;

1160 }

1161

1162 .diff {

1163 background-color: #f2f2f2;

1164 border: 1px solid #ccc;

1165 padding: 1ex;

1166 }

1167

1168 .diff_added {

1169 background-color: #cfc;

1170 text-decoration: underline;

1171 }

1172

1173 .diff_removed {

1174 background-color: #fcc;

1175 text-decoration: line-through;

1176 }

1177

1178 .admitted_info {

1179 background-color: #afc;

1180 padding: 1ex;

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

1182 }

1183

1184 .not_admitted_info,

1185 .revoked_info {

1186 background-color: #fbb;

1187 padding: 1ex;

1188 border-radius: 8px;

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

1190 }

1191

1192 .draft_updated_info,

1193 .voting_active_info,

1194 .initiator_invite_info,

1195 .motd,

1196 .public_access_issue_head {

1197 background-color: #fda;

1198 padding: 1ex;

1199 margin-top: 1ex;

1200 margin-bottom: 2ex;

1201 border: 1px solid #fa0;

1202 border-radius: 10px;

1203 }

1204

1205 .suggestion_fulfilled {

1206 width: 15em;

1207 }

1208 .suggestion_fulfilled a.action {

1209 padding-left: 0;

1210 line-height: 120%;

1211 }

1212

1213 .help,

1214 .use_terms {

1215 border-radius: 8px;

1216 border: 1px solid #ffe900;

1217 background-color: #fffbce;

1218 color: #000;

1219 padding: 1ex;

1220 }

1221

1222 .help_visible {

1223 margin-top: 2ex;

1224 margin-bottom: 1ex;

1225 }

1226

1227 .help_visible .help_icon {

1228 float: right;

1229 }

1230

1231 .slot_help_hidden {

1232 float: left;

1233 margin-top: 1ex;

1234 }

1235

1236 .help_actions {

1237 float: right;

1238 }

1239

1240 .help_actions a {

1241 margin-right: 1em;

1242 color: #468;

1243 }

1244

1245 .wiki {

1246 line-height: 133%;

1247 }

1248

1249 .wiki h1,

1250 .wiki h2,

1251 .wiki h3,

1252 .wiki h4 {

1253 margin-top: 1ex;

1254 margin-bottom: 1ex;

1255 }

1256

1257 .wiki h1 {

1258 font-size: 150%;

1259 font-weight: bold;

1260 }

1261

1262 .wiki h2 {

1263 font-size: 125%;

1264 font-weight: bold;

1265 }

1266

1267 .wiki h3 {

1268 font-size: 125%;

1269 }

1270

1271 .wiki h4 {

1272 font-size: 100%;

1273 font-weight: bold;

1274 }

1275

1276 .wiki p {

1277 margin-top: 1ex;

1278 margin-bottom: 1ex;

1279 }

1280

1281 form .warning {

1282 background-color: #ffd;

1283 color: #000;

1284 border: 1px solid #dda;

1285 margin: 1ex;

1286 margin-bottom: 2ex;

1287 padding: 1ex;

1288 }

1289

1290 a.not_voted {

1291 display: block;

1292 background-color: #fec;

1293 color: #000;

1294 }

1295

1296 .action_active {

1297 background-color: #fec;

1298 }

1299

1300 .heading {

1301 display: block;

1302 font-size: 120%;

1303 font-weight: bold;

1304 }

1305

1306 .heading.first {

1307 margin-top: 0;

1308 }

1309

1310 .menu_list li {

1311 padding-top: 1ex;

1312 padding-bottom: 1ex;

1313 }

1314

1315 .deactivated_member_info {

1316 background-color: #a00;

1317 color: #fff;

1318 }

1319

1320 /*************************************************************************

1321 * Voting

1322 */

1323

1324 #voting_form {

1325 margin-top: 20px;

1326 }

1327

1328 #voting {

1329 position: relative;

1330 }

1331

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

1333 border: 2px black solid;

1334 margin-top: 2ex;

1335 margin-bottom: 5ex;

1336 padding: 1ex;

1337 padding-bottom: 2ex;

1338 border-radius: 8px;

1339 }

1340 #voting .approval {

1341 background-color: #9f9;

1342 }

1343 #voting .approval .movable {

1344 background-color: #dfd;

1345 }

1346 #voting .abstention {

1347 background-color: #ccc;

1348 }

1349 #voting .abstention .movable {

1350 background-color: #f2f2f2;

1351 }

1352 #voting .disapproval {

1353 background-color: #f88;

1354 }

1355 #voting .disapproval .movable {

1356 background-color: #fbb;

1357 }

1358 #voting .cathead {

1359 font-weight: bold;

1360 }

1361 #voting .movable {

1362 position: relative;

1363 border: 1px black solid;

1364 margin-top: 1ex;

1365 padding: 0.5ex;

1366 border-radius: 8px;

1367 }

1368 #voting .voting_form_active .movable {

1369 cursor: pointer;

1370 }

1371 #voting .voting_form_active .clickable {

1372 cursor: auto;

1373 }

1374 #voting .voting_form_active a.clickable {

1375 cursor: pointer;

1376 }

1377

1378 #voting .movable {

1379 vertical-align: middle;

1380 cursor: move;

1381 }

1382

1383 /* shadows */

1384

1385 .member_statement,

1386 .draft_content,

1387 .suggestion_content,

1388 .initiative_head,

1389 .box,

1390 div.notifications {

1391 border-radius: 8px;

1392 }

1393

1394 .member_statement,

1395 .draft_content,

1396 .suggestion_content,

1397 .initiative_head,

1398 .box {

1399 border: 1px solid #aaa;

1400 }

1401

1402 .member_statement,

1403 .draft_content,

1404 .suggestion_content,

1405 .box {

1406 padding: 1ex;

1407 }

1408

1409 .slot_footer {

1410 margin: 0 1%;

1411 border-top: 1px solid #ccc;

1412 padding: 1ex;

1413 text-align: center;

1414 }

1415 .slot_footer,

1416 .slot_footer a {

1417 color: #666;

1418 }

1419

1420 .footer {

1421 margin: 0 auto;

1422 max-width: 1130px;

1423 }