liquid_feedback_frontend: 93ac2eaec600 static/style.css

liquid_feedback_frontend

view static/style.css @ 678:93ac2eaec600

Optical improvements

author	bsw
date	Tue Jun 26 17:32:43 2012 +0200 (2012-06-26)
parents	14c02016727c
children	062cd830c4c9

line source

2 /* Style reset */

3 html,

4 body,

5 div,

6 span,

7 applet,

8 object,

9 iframe,

10 h1, h2, h3, h4, h5, h6,

11 p, a, img,

12 form, label, legend,

13 table, tbody, tfoot, thead, tr, th,td {

14 margin: 0;

15 padding: 0;

16 border: 0;

17 outline: 0;

18 font-weight: inherit;

19 font-style: inherit;

20 font-size: 100%;

21 font-family: inherit;

22 vertical-align: baseline;

23 }

24 body {

25 line-height: 1;

26 color: black;

27 background: white;

28 }

29 li {

30 line-height: 133%;

31 }

32 p {

33 margin-top: 2ex;

34 margin-bottom: 2ex;

35 }

36 a {

37 text-decoration: underline;

38 }

39 table {

40 border-collapse: separate;

41 border-spacing: 0;

42 }

43 caption, th, td {

44 text-align: left;

45 font-weight: normal;

46 }

48 /*************************************************************************

49 * Some global definitions

50 */

52 body {

53 background: #fafafa;

54 line-height: 120%:

55 }

57 body, th, td {

58 font-family: sans-serif;

59 font-size: 10pt;

60 padding: 0;

61 margin: 0;

62 }

64 .page,

65 .topbar_content {

66 max-width: 1130px;

67 margin: 0 auto;

68 }

70 table {

71 margin-top: 1ex;

72 }

74 body, a {

75 color: #000;

76 }

78 img {

79 border: none;

80 }

82 table {

83 border-collapse: collapse;

84 border: none;

85 }

87 td, th {

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

89 }

91 td {

92 vertical-align: top;

93 }

95 th {

96 vertical-align: bottom;

97 font-weight: bold;

98 }

100 a.active {

101 color: #fff;

102 }

103

104 .revoked {

105 text-decoration: line-through;

106 }

107

108 .highlighted {

109 background-color: #fa7;

110 color: #000;

111 }

112

113 .admin_only {

114 font-style: italic;

115 }

116

117 h1 {

118 font-size: 150%;

119 }

120

121 h2 {

122 font-size: 125%;

123 }

124

125 .inline {

126 display: inline;

127 }

128

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

130 * Notices, warnings and errors

131 */

132

133 .layout_notice, .layout_error, .layout_warning {

134 background: #fff;

135 font-weight: bold;

136 line-height: 1.7em;

137 -moz-opacity:0.7;

138 }

139

140 .slot_notice, .slot_warning, .slot_error {

141 padding-left: 1em;

142 }

143

144 .slot_notice {

145 background-color: #cfc;

146 color: #040;

147 }

148

149 .slot_warning {

150 background-color: #fec;

151 color: #420;

152 }

153

154 .slot_error {

155 background-color: #fcc;

156 color: #400;

157 }

158

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

160 * Navigation, search and language chooser bar

161 */

162

163 .topbar {

164 background-color: #333;

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

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

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

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

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

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

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

172 xoverflow: auto;

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

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

175 border-top: 1px solid #333;

176 line-height: 30px;

177 }

178

179 .topbar .logolf {

180 margin-left: 6px;

181 font-weight: bold;

182 }

183

184 .topbar .instance_name,

185 .topbar a {

186 color: #eee;

187 line-height: 30px;

188 }

189

190 .topbar a:hover {

191 color: #f90;

192 }

193

194 .navigation {

195 background-color: #333;

196 line-height: 200%;

197 }

198

199 .topbar img {

200 margin-right: 0.5em;

201 vertical-align: middle;

202 }

203

204 .topbar a {

205 padding: 0 0.5em;

206 float: left;

207 display: block;

208 white-space: nowrap;

209 }

210

211 form.unit_selector {

212 display: inline;

213 }

214

215 .topbar .navigation_right {

216 float: right;

217 padding-right: 1%;

218 }

219

220 .topbar ul {

221 list-style-type: none;

222 }

223

224

225 #member_menu {

226 z-index: 2;

227 }

228

229 #member_menu li {

230 float: left;

231 }

232

233 #member_menu li:hover {

234 position: relative;

235 z-index: 4;

236 cursor: default;

237 }

238

239 #member_menu {

240 margin: 0;

241 padding: 0;

242 width: 200px;

243 }

244

245 #member_menu > li {

246 width: 200px;

247 }

248

249 #member_menu li a {

250 float: right;

251 }

252

253 #member_menu ul {

254 margin: 0;

255 padding: 0;

256 list-style-type: none;

257 display: none;

258 position: absolute;

259 top: 100%;

260 left: 0;

261 z-index: 3;

262 width: 200px;

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

264 background: #000;

265 }

266

267 #member_menu ul li {

268 float: none;

269 }

270

271 #member_menu ul li a {

272 float: none;

273 background: #000;

274 }

275

276 #member_menu ul ul {

277 top: 1px;

278 right: 1px;

279 }

280

281 #member_menu li:hover ul {

282 display: block;

283 }

284

285 #member_menu li li a {

286 background: #000;

287 border-radius: 5px;

288 color: #fff;

289 }

290

291 #member_menu ul li:hover a {

292 background: #000;

293 color: #f90;

294 }

295

296 */

297 /*************************************************************************

298 * Title of current page including path and actions

299 */

300

301 .slot_title {

302 font-size: 120%;

303 font-weight: bold;

304 margin-left: 10px;

305 margin-right: 10px;

306 margin-top: 1ex;

307 }

308

309 .slot_head {

310 background-color: #fff;

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

312 border: 1px solid #555;

313 border-top: none;

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

315 }

316

317

318 .member_thumb,

319 .member_statement,

320 .draft_content,

321 .suggestion_content,

322 .slot_head,

323 .area_list,

324 .initiative_head,

325 .issues .issue,

326 .ui_tabs_links a,

327 .ui_filter a,

328 .draft_content,

329 .help,

330 .use_terms,

331 .motd,

332 .vote_info .content,

333 .box,

334 div.notifications {

335 background-color: #fff;

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

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

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

339 }

340

341 .slot_head > div:last-child {

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

343 }

344

345 .page_head .title,

346 .issue .context,

347 .initiative_head .title,

348 .area_list .title {

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

350 }

351

352 .issue .title {

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

354 }

355

356 .events .issue .title {

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

358 }

359

360 .page_head .actions,

361 .page_head .unit_head .content,

362 .page_head .area_head .content,

363 .issue .content,

364 .initiative_head .content,

365 .area_list .unit_head .content,

366 .area_list .area .content {

367 padding: 10px 10px 0 10px;

368 }

369

370 .page_head .actions:last-child,

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

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

373 .issue .content:last-child,

374 .initiative_head .content:last-child,

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

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

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

378 }

379

380 .page_head .initiative_list,

381 .issue .initiative_list {

382 padding-left: 8px;

383 }

384

385 .issue .content.actions {

386 margin-bottom: 1ex;

387 }

388

389 .area_head {

390 overflow: auto;

391 }

392

393

394 .page_head .title,

395 .issue .title,

396 .initiative_head .title,

397 .area_list .unit_head .unit_name,

398 .area_list .area_name {

399 font-weight: bold;

400 font-size: 120%;

401 }

402

403 .page_head .area_head .content,

404 .page_head .area_head .content a,

405 .page_head .issue .content.actions,

406 .page_head .issue .content.actions a,

407 .issues .issue .content.actions,

408 .issues .issue .content.actions a,

409 .area_list .area .content,

410 .area_list .area .content a {

411 color: #000;

412 }

413

414

415 .unit_head {

416 background-color: #44a;

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

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

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

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

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

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

423 color: #fff;

424 }

425

426 .unit_head:last-child {

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

428 }

429

430 .area_head:last-child {

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

432 }

433

434 .unit_head .content, .unit_head a {

435 color: #fff;

436 }

437 .area_head,

438 .area_list .area_head {

439 background-color: #abf;

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

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

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

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

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

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

446 }

447

448 .area_list .area > .content,

449 .issue {

450 background-color: #e0e9ff;

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

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

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

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

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

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

457 }

458

459 .unit_link, .area_link {

460 padding: 2px 5px;

461 border-radius: 5px;

462 }

463

464 .unit_link {

465 background-color: #44a;

466 color: #fff;

467 }

468

469 .area_link {

470 background-color: #abf;

471 color: #000;

472 }

473

474 .delegation_info {

475 float: right;

476 text-decoration: none;

477 padding: 5px;

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

479 }

480

481 .delegation_arrow {

482 vertical-align: middle;

483 }

484

485 .delegation_info .link {

486 text-decoration: underline;

487 color: #aaa;

488 }

489

490 .delegation_info:hover {

491 background-color: #ddd;

492 }

493

494 .delegation_info .micro_avatar {

495 border: none;

496 margin: 2px;

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

498 }

499

500 .delegation_info .micro_avatar.highlighted {

501 margin: 0;

502 border: 2px solid #f90;

503 }

504

505

506 .member_list .member_image_avatar {

507 float: left;

508 margin-right: 0.5em;

509 }

510

511 .micro_avatar {

512 height: 24px;

513 border-radius: 4px;

514 vertical-align: middle;

515 }

516

517 .logo {

518 float: right;

519 margin-right: 1%;

520 }

521

522

523 .member_image_photo {

524 border-radius: 8px;

525 }

526

527 /*************************************************************************

528 * Main content

529 */

530

531 .main {

532 margin-left: 1%;

533 margin-right: 1%;

534 }

535

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

537 * ui.tab

538 */

539 .ui_tabs_links {

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

541 line-height: 300%;

542 }

543

544 .ui_tabs_links a {

545 padding: 1.33ex 1em;

546 background-color: #444;

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

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

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

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

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

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

553 color: #fff;

554 white-space: nowrap;

555 border-radius: 8px;

556 font-weight: bold;

557 margin: 3px;

558 }

559

560 .ui_tabs_links a:hover,

561 .ui_tabs_links a.selected {

562 margin: 0;

563 border: 3px solid #f90;

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

565 }

566

567 .ui_tabs_links a.selected {

568 text-decoration: none;

569 }

570

571

572 /*************************************************************************

573 * ui.filters

574 */

575

576 .ui_filter {

577 overflow: auto;

578 margin-top: 20px;

579 }

580

581 .ui_filter_head {

582 color: #777;

583 line-height: 200%;

584 padding-bottom: 8px;

585 margin-bottom: 6px;

586 border-bottom: 1px solid #888;

587 }

588

589 .ui_filter_head:last-child {

590 border-bottom: none;

591 }

592

593 .ui_filter a {

594 font-weight: bold;

595 margin-right: 0;

596 background-color: #fff;

597 padding: 0.5ex 0.5em;

598 border-radius: 5px;

599 border: 1px solid #bbb;

600 }

601

602

603 .ui_filter_head a.active {

604 border: 1px solid #666;

605 text-decoration: none;

606 background-color: #444;

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

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

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

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

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

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

613 color: #fff;

614 }

615

616 /*************************************************************************

617 * ui.paginate

618 */

619

620 .ui_paginate_head {

621 display: none;

622 margin-bottom: 1ex;

623 }

624

625 .ui_paginate_foot {

626 margin-top: 1ex;

627 }

628

629 .ui_paginate_select a {

630 padding: 0.5em;

631 }

632

633 /*************************************************************************

634 * ui.bargraph

635 */

636

637 .bargraph {

638 width: 103px;

639 }

640

641 .bargraph50 {

642 width: 52px;

643 }

644

645 .bargraph div {

646 float: left;

647 margin-top: 0.5ex;

648 height: 1.3ex;

649 }

650

651 .bargraph .quorum {

652 margin-top: 0.2ex;

653 height: 1.9ex;

654 }

655

656 /*************************************************************************

657 * notifications

658 */

659

660 div.notifications {

661 margin-top: 1ex;

662 background-color: #fda;

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

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

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

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

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

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

669 padding: 0.5ex;

670 border: 1px solid #fc0;

671 }

672

673 .notifications ul {

674 margin: 0;

675 padding: 0;

676 margin-left: 2em;

677 }

678

679 .notifications li {

680 margin: 0;

681 padding: 0;

682 margin-top: 0.5ex;

683 }

684

685 /*************************************************************************

686 * vertical ui.form

687 */

688

689 .vertical {

690 margin-top: 2ex;

691 }

692

693 .login input[type=text],

694 .vertical input[type=text],

695 .login input[type=password],

696 .vertical input[type=password],

697 .vertical textarea,

698 .vertical select {

699 font-family: sans-serif;

700 font-size: 100%;

701 width: 69%;

702 border: 1px solid #444;

703 padding: 0.2ex 0.2em 0.2ex 0.2em;

704 margin-bottom: 1ex;

705 }

706

707

708

709 .login input[type=password],

710 .vertical input[type=password] {

711 width: 16em;

712 }

713

714 .vertical select {

715 padding-right: 0;

716 }

717

718 .login .ui_field_label,

719 .vertical .ui_field_label {

720 line-height: 180%;

721 font-weight: bold;

722 color: #777;

723 width: 29%;

724 display: block;

725 float: left;

726 clear: left;

727 text-align: right;

728 padding-right: 0.5em;

729 }

730

731 .ui_field_label.label_right {

732 text-align: left;

733 width: auto;

734 }

735

736 .login input[type=text],

737 .login input[type=password] {

738 width: 10em;

739 }

740

741 .login div,

742 .vertical div {

743 clear: left;

744 }

745

746 .vertical span {

747 display: block;

748 margin-bottom: 0.5ex;

749 }

750

751 .vertical span:after {

752 content: " ";

753 }

754

755 .vertical span span {

756 display: inline;

757 margin-bottom: 0;

758 }

759

760 .login input[type=submit],

761 .vertical input[type=submit] {

762 font-size: 100%;

763 margin-left: 29%;

764 background-color: #444444;

765 color: #fff;

766 border: none;

767 padding: 0.75ex;

768 }

769

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

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

772 background-color: #444444;

773 }

774

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

776 .login input[type=text],

777 .vertical input[type=text],

778 .login input[type=password],

779 .vertical input[type=password],

780 .vertical textarea,

781 .vertical select,

782 .vertical input[type=submit],

783 .login input[type=submit] {

784 width: 98%;

785 }

786 .login .ui_field_label,

787 .vertical .ui_field_label {

788 text-align: left;

789 width: 98%;

790 }

791 .login input[type=text],

792 .login input[type=password] {

793 width: 98%;

794 }

795 .login input[type=submit],

796 .vertical input[type=submit] {

797 margin-left: 0;

798 }

799 }

800

801

802 /*************************************************************************

803 * Positive / Negtive votes

804 */

805

806

807 .positive_votes span {

808 display: inline;

809 }

810

811 .positive_votes {

812 display: inline;

813 background-color: #cfc;

814 padding: 0.3ex 0.5em 0.3ex 0.5em;

815 }

816

817 .negative_votes span {

818 display: inline;

819 }

820

821 .negative_votes {

822 display: inline;

823 background-color: #fcc;

824 padding: 0.3ex 0.5em 0.3ex 0.5em;

825 }

826

827 .suggestion_my_opinion a,

828 .suggestion_my_opinion span {

829 white-space: nowrap;

830 padding-left: 0.2ex !important;

831 padding-right: 0.2ex !important;

832 }

833

834 .active {

835 background-color: #444;

836 color: #fff;

837 }

838

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

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

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

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

843

844

845

846 /*************************************************************************

847 * Unit list

848 */

849

850 .unit_list a {

851 font-weight: bold;

852 }

853

854 /*************************************************************************

855 * Area list

856 */

857 .area_list {

858 border: 1px solid #54c;

859 border-radius: 10px;

860 margin-top: 2ex;

861 }

862

863 .area_list .area {

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

865 }

866

867 .area_list .area:first-child {

868 border-top: none;

869 }

870

871 .area_list .unit_head {

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

873 }

874

875 .area_list .unit_head:last-child {

876 border-radius: 8px;

877 }

878

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

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

881 }

882

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

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

885 }

886

887

888 /*************************************************************************

889 * Events

890 */

891

892 .events .date {

893 font-size: 150%;

894 font-weight: bold;

895 margin-top: 2ex;

896 line-height: 150%;

897 }

898

899 .event_list .event div {

900 }

901

902 .event_list .event .member_id {

903 float: right;

904 }

905

906

907 /*************************************************************************

908 * Issues

909 */

910

911 .issues {

912 clear: left;

913 margin-top: 2ex;

914 }

915

916 .issues .issue {

917 overflow: hidden;

918 border: 1px solid #d0ddff;

919 border-radius: 8px;

920 margin-bottom: 2ex;

921 }

922

923 .issue.interested,

924 .issue.interest_by_delegation {

925 border: 1px solid #b2cdff;

926 }

927

928 .issue .suggestion {

929 margin-left: 1ex;

930 margin-bottom: 1ex;

931 font-weight: bold;

932 }

933

934 .event_info {

935 line-height: 24px;

936 min-height: 24px;

937 float: left;

938 display: inline;

939 padding: 2px 10px 0px 10px;

940 background-color: #d0ddff;

941 color: #000;

942 font-style: italic;

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

944 }

945

946 .event_info img {

947 }

948

949 .events .issue {

950 clear: left;

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

952 }

953

954 .event_info .event_name,

955 .issue_policy_info .event_name {

956 font-weight: bold;

957 }

958

959 .issue_policy_info img {

960 vertical-align: middle;

961 }

962

963 .issue .interest_by_delegation {

964 float: right;

965 }

966

967 .issue .initiative_list a.highlighted {

968 font-weight: bold;

969 }

970

971 .initiative {

972 margin-left: 1ex;

973 margin-bottom: 1ex;

974 line-height: 50%;

975 }

976

977 .initiative .bar {

978 margin-right: 0.3em;

979 }

980

981 .initiative .rank,

982 .initiative .bar,

983 .initiative .interest {

984 float: left;

985 margin-right: 0.3em;

986 }

987

988 .initiative .rank {

989 width: 2.5em;

990 }

991

992

993 .initiative .interest {

994 width: 20px;

995 height: 16px;

996 line-height: 100%;

997 }

998

999 .initiative .name {

1000 line-height: 130%;

1001 margin-left: 160px;

1002 }

1003

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

1005 .initiative .name {

1006 clear: left;

1007 margin-left: 0px;

1008 }

1009 }

1010

1011

1012 .issue_initiative_list a {

1013 font-weight: bold;

1014 }

1015

1016 .more_initiatives_link {

1017 display: block;

1018 margin-left: 166px;

1019 font-style: italic;

1020 margin-bottom: 1ex;

1021 }

1022

1023 .issue tr tr {

1024 border: none;

1025 background: none;

1026 }

1027

1028 .initiative_link.selected {

1029 font-weight: bold;

1030 }

1031

1032 x.initiative_link.supported {

1033 background-color: #cdf;

1034 border-radius: 5px;

1035 }

1036

1037 x.initiative_link.potentially_supported {

1038 background-color: #cdf;

1039 border-radius: 5px;

1040 }

1041

1042 .lang_chooser {

1043 float: right;

1044 margin-right: 0.5em;

1045 }

1046

1047 .delegation_list_entry {

1048 margin-right: 2em;

1049 margin-bottom: 2ex;

1050 float: left;

1051 clear: left;

1052 }

1053

1054 .delegation_list_entry .delegation_arrow {

1055 float: left;

1056 }

1057

1058 .delegation_list_entry .delegation_scope {

1059 float: left;

1060 width: 25em;

1061 }

1062

1063 .delegation_list_entry .delegation_scope a {

1064 display: block;

1065 }

1066

1067 .member_list .member_thumb {

1068 float: left;

1069 margin-right: 10px;

1070 margin-bottom: 10px;

1071 }

1072

1073 .member_thumb {

1074 text-decoration: none;

1075 width: 205px;

1076 height: 48px;

1077 display: block;

1078 float: left;

1079 background-color: #f2f2f2;

1080 overflow: hidden;

1081 position: relative;

1082 border-radius: 8px;

1083 padding: 2px;

1084 border: 1px solid #aaa;

1085 }

1086

1087 .member_thumb a:hover div {

1088 background-color: #444;

1089 color: #fff;

1090 }

1091

1092 .member_thumb img {

1093 padding: 0;

1094 margin: 0;

1095 vertical-align: bottom;

1096 border-radius: 7px;

1097 }

1098

1099 .member_thumb .member_name {

1100 position: absolute;

1101 left: 56px;

1102 top: 2ex;

1103 font-size: 100%;

1104 width: 14em;

1105 }

1106

1107 .member_thumb .flags {

1108 float: right;

1109 }

1110

1111 .member_thumb .flags a,

1112 .member_thumb .flags img {

1113 position: static;

1114 float: right;

1115 margin-left: 0.5em;

1116 }

1117

1118 .member_thumb .flags .in_delegation_chain {

1119 font-weight: bold;

1120 }

1121

1122 .member .right {

1123 float: right;

1124 }

1125

1126 .member_thumb.not_accepted,

1127 .member_thumb.not_informed {

1128 border: 1px solid #ccc;

1129 color: #777;

1130 }

1131

1132 .member_thumb.not_accepted .member_image,

1133 .member_thumb.not_accepted .member_name,

1134 .member_thumb.not_informed .member_image,

1135 .member_thumb.not_informed .member_name {

1136 opacity: 0.4;

1137 }

1138

1139 .member_thumb.in_delegation_chain {

1140 background-color: #fda;

1141 xborder: 2px solid #f90;

1142 }

1143

1144

1145 .member_statement {

1146 margin-right: 250px;

1147 }

1148

1149 #suggestion_description {

1150 height: 15ex;

1151 }

1152

1153 .diff {

1154 background-color: #f2f2f2;

1155 border: 1px solid #ccc;

1156 padding: 1ex;

1157 }

1158

1159 .diff_added {

1160 background-color: #cfc;

1161 text-decoration: underline;

1162 }

1163

1164 .diff_removed {

1165 background-color: #fcc;

1166 text-decoration: line-through;

1167 }

1168

1169 .admitted_info {

1170 background-color: #afc;

1171 padding: 1ex;

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

1173 }

1174

1175 .not_admitted_info,

1176 .revoked_info {

1177 background-color: #fbb;

1178 padding: 1ex;

1179 border-radius: 8px;

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

1181 }

1182

1183 .draft_updated_info,

1184 .voting_active_info,

1185 .initiator_invite_info,

1186 .motd,

1187 .public_access_issue_head {

1188 background-color: #fda;

1189 padding: 1ex;

1190 margin-top: 1ex;

1191 margin-bottom: 2ex;

1192 border: 1px solid #fa0;

1193 border-radius: 10px;

1194 }

1195

1196 .suggestion_fulfilled {

1197 width: 15em;

1198 }

1199 .suggestion_fulfilled a.action {

1200 padding-left: 0;

1201 line-height: 120%;

1202 }

1203

1204 .help,

1205 .use_terms {

1206 border-radius: 8px;

1207 border: 1px solid #ffe900;

1208 background-color: #fffbce;

1209 color: #000;

1210 padding: 1ex;

1211 }

1212

1213 .help_visible {

1214 margin-top: 2ex;

1215 margin-bottom: 1ex;

1216 }

1217

1218 .help_visible .help_icon {

1219 float: right;

1220 }

1221

1222 .slot_help_hidden {

1223 float: left;

1224 margin-top: 1ex;

1225 }

1226

1227 .help_actions {

1228 float: right;

1229 }

1230

1231 .help_actions a {

1232 margin-right: 1em;

1233 color: #468;

1234 }

1235

1236 .wiki {

1237 line-height: 133%;

1238 }

1239

1240 .wiki h1,

1241 .wiki h2,

1242 .wiki h3,

1243 .wiki h4 {

1244 margin-top: 1ex;

1245 margin-bottom: 1ex;

1246 }

1247

1248 .wiki h1 {

1249 font-size: 150%;

1250 font-weight: bold;

1251 }

1252

1253 .wiki h2 {

1254 font-size: 125%;

1255 font-weight: bold;

1256 }

1257

1258 .wiki h3 {

1259 font-size: 125%;

1260 }

1261

1262 .wiki h4 {

1263 font-size: 100%;

1264 font-weight: bold;

1265 }

1266

1267 .wiki p {

1268 margin-top: 1ex;

1269 margin-bottom: 1ex;

1270 }

1271

1272 form .warning {

1273 background-color: #ffd;

1274 color: #000;

1275 border: 1px solid #dda;

1276 margin: 1ex;

1277 margin-bottom: 2ex;

1278 padding: 1ex;

1279 }

1280

1281 a.not_voted {

1282 display: block;

1283 background-color: #fec;

1284 color: #000;

1285 }

1286

1287 .action_active {

1288 background-color: #fec;

1289 }

1290

1291 .heading {

1292 display: block;

1293 font-size: 120%;

1294 font-weight: bold;

1295 }

1296

1297 .heading.first {

1298 margin-top: 0;

1299 }

1300

1301 .menu_list li {

1302 padding-top: 1ex;

1303 padding-bottom: 1ex;

1304 }

1305

1306 .deactivated_member_info {

1307 background-color: #a00;

1308 color: #fff;

1309 }

1310

1311 /*************************************************************************

1312 * Voting

1313 */

1314

1315 #voting_form {

1316 margin-top: 20px;

1317 }

1318

1319 #voting {

1320 position: relative;

1321 }

1322

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

1324 border: 2px black solid;

1325 margin-top: 2ex;

1326 margin-bottom: 5ex;

1327 padding: 1ex;

1328 padding-bottom: 2ex;

1329 border-radius: 8px;

1330 }

1331 #voting .approval {

1332 background-color: #9f9;

1333 }

1334 #voting .approval .movable {

1335 background-color: #dfd;

1336 }

1337 #voting .abstention {

1338 background-color: #ccc;

1339 }

1340 #voting .abstention .movable {

1341 background-color: #f2f2f2;

1342 }

1343 #voting .disapproval {

1344 background-color: #f88;

1345 }

1346 #voting .disapproval .movable {

1347 background-color: #fbb;

1348 }

1349 #voting .cathead {

1350 font-weight: bold;

1351 }

1352 #voting .movable {

1353 position: relative;

1354 border: 1px black solid;

1355 margin-top: 1ex;

1356 padding: 0.5ex;

1357 border-radius: 8px;

1358 }

1359 #voting .voting_form_active .movable {

1360 cursor: pointer;

1361 }

1362 #voting .voting_form_active .clickable {

1363 cursor: auto;

1364 }

1365 #voting .voting_form_active a.clickable {

1366 cursor: pointer;

1367 }

1368

1369 #voting .movable {

1370 vertical-align: middle;

1371 cursor: move;

1372 }

1373

1374 /* shadows */

1375

1376 .member_statement,

1377 .draft_content,

1378 .suggestion_content,

1379 .initiative_head,

1380 .box,

1381 div.notifications {

1382 border-radius: 8px;

1383 }

1384

1385 .member_statement,

1386 .draft_content,

1387 .suggestion_content,

1388 .initiative_head,

1389 .box {

1390 border: 1px solid #aaa;

1391 }

1392

1393 .member_statement,

1394 .draft_content,

1395 .suggestion_content,

1396 .box {

1397 padding: 1ex;

1398 }

1399

1400 .slot_footer {

1401 margin: 0 1%;

1402 border-top: 1px solid #ccc;

1403 padding: 1ex;

1404 text-align: center;

1405 }

1406 .slot_footer,

1407 .slot_footer a {

1408 color: #666;

1409 }

1410

1411 .footer {

1412 margin: 0 auto;

1413 max-width: 1130px;

1414 }