liquid_feedback_frontend: b13ce07e4afb static/style.css

liquid_feedback_frontend

view static/style.css @ 686:b13ce07e4afb

Optical improvements

author	bsw
date	Tue Jun 26 18:07:32 2012 +0200 (2012-06-26)
parents	bbf4d18db524
children	241b168871c5

line source

2 /* Style reset */

3 html,

4 body,

5 div,

6 span,

7 applet,

8 object,

9 iframe,

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

11 p, a, img,

12 form, label, legend,

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

14 margin: 0;

15 padding: 0;

16 border: 0;

17 outline: 0;

18 font-weight: inherit;

19 font-style: inherit;

20 font-size: 100%;

21 font-family: inherit;

22 vertical-align: baseline;

23 }

24 body {

25 line-height: 1;

26 color: black;

27 background: white;

28 }

29 li {

30 line-height: 133%;

31 }

32 p {

33 margin-top: 2ex;

34 margin-bottom: 2ex;

35 }

36 a {

37 text-decoration: underline;

38 }

39 table {

40 border-collapse: separate;

41 border-spacing: 0;

42 }

43 caption, th, td {

44 text-align: left;

45 font-weight: normal;

46 }

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

49 * Some global definitions

50 */

52 body {

53 background: #fafafa;

54 line-height: 120%:

55 }

57 body, th, td {

58 font-family: sans-serif;

59 font-size: 10pt;

60 padding: 0;

61 margin: 0;

62 }

64 .page,

65 .topbar_content {

66 max-width: 1130px;

67 margin: 0 auto;

68 }

70 table {

71 margin-top: 1ex;

72 }

74 body, a {

75 color: #000;

76 }

78 img {

79 border: none;

80 }

82 table {

83 border-collapse: collapse;

84 border: none;

85 }

87 td, th {

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

89 }

91 td {

92 vertical-align: top;

93 }

95 th {

96 vertical-align: bottom;

97 font-weight: bold;

98 }

100 a.active {

101 color: #fff;

102 }

103

104 .revoked {

105 text-decoration: line-through;

106 }

107

108 .highlighted {

109 background-color: #fa7;

110 color: #000;

111 }

112

113 .admin_only {

114 font-style: italic;

115 }

116

117 h1 {

118 font-size: 150%;

119 }

120

121 h2 {

122 font-size: 125%;

123 }

124

125 .inline {

126 display: inline;

127 }

128

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

130 * Notices, warnings and errors

131 */

132

133 .layout_notice, .layout_error, .layout_warning {

134 background: #fff;

135 font-weight: bold;

136 line-height: 1.7em;

137 -moz-opacity:0.7;

138 }

139

140 .slot_notice, .slot_warning, .slot_error {

141 padding-left: 1em;

142 }

143

144 .slot_notice {

145 background-color: #cfc;

146 color: #040;

147 }

148

149 .slot_warning {

150 background-color: #fec;

151 color: #420;

152 }

153

154 .slot_error {

155 background-color: #fcc;

156 color: #400;

157 }

158

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

160 * Navigation, search and language chooser bar

161 */

162

163 .topbar {

164 background-color: #333;

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

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

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

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

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

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

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

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

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

174 border-top: 1px solid #333;

175 line-height: 35px;

176 padding-top: 5px;

177 font-size: 120%;

178 }

179

180 .logo_liquidfeedback {

181 font-weight: bold;

182 color: #fff;

183 margin-left: 6px;

184 }

185

186 .topbar .instance_name,

187 .topbar a {

188 color: #eee;

189 line-height: 30px;

190 }

191

192 .topbar a:hover,

193 .topbar a:hover .logo_liquid,

194 .topbar a:hover .logo_feedback {

195 color: #f90;

196 }

197

198 .navigation {

199 background-color: #333;

200 line-height: 200%;

201 }

202

203 .topbar img {

204 margin-right: 0.5em;

205 vertical-align: middle;

206 }

207

208 .topbar a {

209 padding: 0 0.5em;

210 float: left;

211 display: block;

212 white-space: nowrap;

213 }

214

215 form.unit_selector {

216 display: inline;

217 }

218

219 .topbar .navigation_right {

220 float: right;

221 padding-right: 1%;

222 }

223

224 .topbar ul {

225 list-style-type: none;

226 }

227

228

229 #member_menu {

230 z-index: 2;

231 }

232

233 #member_menu li {

234 float: left;

235 }

236

237 #member_menu li:hover {

238 position: relative;

239 z-index: 4;

240 cursor: default;

241 }

242

243 #member_menu {

244 margin: 0;

245 padding: 0;

246 width: 200px;

247 }

248

249 #member_menu > li {

250 width: 200px;

251 }

252

253 #member_menu li a {

254 float: right;

255 }

256

257 #member_menu ul {

258 margin: 0;

259 padding: 0;

260 list-style-type: none;

261 display: none;

262 position: absolute;

263 top: 100%;

264 left: 0;

265 z-index: 3;

266 width: 200px;

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

268 background: #000;

269 }

270

271 #member_menu ul li {

272 float: none;

273 }

274

275 #member_menu ul li a {

276 float: none;

277 background: #000;

278 font-size: 80%;

279 }

280

281 #member_menu ul ul {

282 top: 1px;

283 right: 1px;

284 }

285

286 #member_menu li:hover ul {

287 display: block;

288 }

289

290 #member_menu li li a {

291 background: #000;

292 border-radius: 5px;

293 color: #fff;

294 }

295

296 #member_menu ul li:hover a {

297 background: #000;

298 color: #f90;

299 }

300

301 */

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

303 * Title of current page including path and actions

304 */

305

306 .slot_title {

307 font-size: 120%;

308 font-weight: bold;

309 margin-left: 10px;

310 margin-right: 10px;

311 margin-top: 1ex;

312 }

313

314 .slot_head {

315 background-color: #fff;

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

317 border: 1px solid #555;

318 border-top: none;

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

320 }

321

322

323 .member_thumb,

324 .member_statement,

325 .draft_content,

326 .suggestion_content,

327 .slot_head,

328 .area_list,

329 .initiative_head,

330 .issues .issue,

331 .ui_tabs_links a,

332 .ui_filter a,

333 .draft_content,

334 .help,

335 .use_terms,

336 .motd,

337 .vote_info .content,

338 .box,

339 div.notifications {

340 background-color: #fff;

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

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

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

344 }

345

346 .slot_head > div:last-child {

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

348 }

349

350 .page_head .title,

351 .issue .context,

352 .initiative_head .title,

353 .area_list .title {

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

355 }

356

357 .issue .title {

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

359 }

360

361 .events .issue .title {

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

363 }

364

365 .page_head .actions,

366 .page_head .unit_head .content,

367 .page_head .area_head .content,

368 .issue .content,

369 .initiative_head .content,

370 .area_list .unit_head .content,

371 .area_list .area .content {

372 padding: 10px 10px 0 10px;

373 }

374

375 .page_head .actions:last-child,

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

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

378 .issue .content:last-child,

379 .initiative_head .content:last-child,

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

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

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

383 }

384

385 .page_head .initiative_list,

386 .issue .initiative_list {

387 padding-left: 8px;

388 }

389

390 .issue .content.actions {

391 margin-bottom: 1ex;

392 }

393

394 .area_head {

395 overflow: auto;

396 }

397

398

399 .page_head .title,

400 .issue .title,

401 .initiative_head .title,

402 .area_list .unit_head .unit_name,

403 .area_list .area_name {

404 font-weight: bold;

405 font-size: 120%;

406 }

407

408 .page_head .area_head .content,

409 .page_head .area_head .content a,

410 .page_head .issue .content.actions,

411 .page_head .issue .content.actions a,

412 .issues .issue .content.actions,

413 .issues .issue .content.actions a,

414 .area_list .area .content,

415 .area_list .area .content a {

416 color: #000;

417 }

418

419

420 .unit_head {

421 background-color: #44a;

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

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

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

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

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

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

428 color: #fff;

429 }

430

431 .unit_head:last-child {

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

433 }

434

435 .area_head:last-child {

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

437 }

438

439 .unit_head .content, .unit_head a {

440 color: #fff;

441 }

442 .area_head,

443 .area_list .area_head {

444 background-color: #abf;

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

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

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

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

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

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

451 }

452

453 .area_list .area > .content,

454 .issue {

455 background-color: #e0e9ff;

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

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

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

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

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

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

462 }

463

464 .unit_link, .area_link {

465 padding: 2px 5px;

466 border-radius: 5px;

467 }

468

469 .unit_link {

470 background-color: #44a;

471 color: #fff;

472 }

473

474 .area_link {

475 background-color: #abf;

476 color: #000;

477 }

478

479 .delegation_info {

480 float: right;

481 text-decoration: none;

482 padding: 5px;

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

484 }

485

486 .delegation_arrow {

487 vertical-align: middle;

488 }

489

490 .delegation_info .link {

491 text-decoration: underline;

492 color: #aaa;

493 }

494

495 .delegation_info:hover {

496 background-color: #ddd;

497 }

498

499 .delegation_info .micro_avatar {

500 border: none;

501 margin: 2px;

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

503 }

504

505 .delegation_info .micro_avatar.highlighted {

506 margin: 0;

507 border: 2px solid #f90;

508 }

509

510

511 .member_list .member_image_avatar {

512 float: left;

513 margin-right: 0.5em;

514 }

515

516 .micro_avatar {

517 height: 24px;

518 border-radius: 4px;

519 vertical-align: middle;

520 }

521

522 .logo {

523 float: right;

524 margin-right: 1%;

525 }

526

527

528 .member_image_photo {

529 border-radius: 8px;

530 }

531

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

533 * Main content

534 */

535

536 .main {

537 margin-left: 1%;

538 margin-right: 1%;

539 }

540

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

542 * ui.tab

543 */

544 .ui_tabs_links {

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

546 line-height: 300%;

547 }

548

549 .ui_tabs_links a {

550 padding: 1.25ex 1em;

551 background-color: #444;

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

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

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

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

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

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

558 color: #fff;

559 white-space: nowrap;

560 border-radius: 8px;

561 font-weight: bold;

562 margin: 3px;

563 }

564

565 .ui_tabs_links a:hover,

566 .ui_tabs_links a.selected {

567 margin: 0;

568 border: 3px solid #f90;

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

570 }

571

572 .ui_tabs_links a.selected {

573 text-decoration: none;

574 }

575

576

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

578 * ui.filters

579 */

580

581 .ui_filter {

582 overflow: auto;

583 margin-top: 20px;

584 }

585

586 .ui_filter_head {

587 color: #777;

588 line-height: 200%;

589 padding-bottom: 8px;

590 margin-bottom: 6px;

591 border-bottom: 1px solid #888;

592 }

593

594 .ui_filter_head:last-child {

595 border-bottom: none;

596 }

597

598 .ui_filter a {

599 font-weight: bold;

600 margin-right: 0;

601 background-color: #fff;

602 padding: 0.5ex 0.5em;

603 border-radius: 5px;

604 border: 1px solid #bbb;

605 }

606

607

608 .ui_filter_head a.active {

609 border: 1px solid #666;

610 text-decoration: none;

611 background-color: #444;

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

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

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

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

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

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

618 color: #fff;

619 }

620

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

622 * ui.paginate

623 */

624

625 .ui_paginate_head {

626 display: none;

627 margin-bottom: 1ex;

628 }

629

630 .ui_paginate_foot {

631 margin-top: 1ex;

632 }

633

634 .ui_paginate_select a {

635 padding: 0.5em;

636 }

637

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

639 * ui.bargraph

640 */

641

642 .bargraph {

643 width: 103px;

644 }

645

646 .bargraph50 {

647 width: 52px;

648 }

649

650 .bargraph div {

651 float: left;

652 margin-top: 0.5ex;

653 height: 1.3ex;

654 }

655

656 .bargraph .quorum {

657 margin-top: 0.2ex;

658 height: 1.9ex;

659 }

660

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

662 * notifications

663 */

664

665 div.notifications {

666 margin-top: 20px;

667 background-color: #fda;

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

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

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

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

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

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

674 padding: 0.5ex;

675 border: 1px solid #fc0;

676 }

677

678 .notifications ul {

679 margin: 0;

680 padding: 0;

681 margin-left: 2em;

682 }

683

684 .notifications li {

685 margin: 0;

686 padding: 0;

687 margin-top: 0.5ex;

688 }

689

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

691 * vertical ui.form

692 */

693

694 .vertical {

695 margin-top: 2ex;

696 }

697

698 .login input[type=text],

699 .vertical input[type=text],

700 .login input[type=password],

701 .vertical input[type=password],

702 .vertical textarea,

703 .vertical select {

704 font-family: sans-serif;

705 font-size: 100%;

706 width: 69%;

707 border: 1px solid #444;

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

709 margin-bottom: 1ex;

710 }

711

712

713

714 .login input[type=password],

715 .vertical input[type=password] {

716 width: 16em;

717 }

718

719 .vertical select {

720 padding-right: 0;

721 }

722

723 .login .ui_field_label,

724 .vertical .ui_field_label {

725 line-height: 180%;

726 font-weight: bold;

727 color: #777;

728 width: 29%;

729 display: block;

730 float: left;

731 clear: left;

732 text-align: right;

733 padding-right: 0.5em;

734 }

735

736 .ui_field_label.label_right {

737 text-align: left;

738 width: auto;

739 }

740

741 .login input[type=text],

742 .login input[type=password] {

743 width: 10em;

744 }

745

746 .login div,

747 .vertical div {

748 clear: left;

749 }

750

751 .vertical span {

752 display: block;

753 margin-bottom: 0.5ex;

754 }

755

756 .vertical span:after {

757 content: " ";

758 }

759

760 .vertical span span {

761 display: inline;

762 margin-bottom: 0;

763 }

764

765 .login input[type=submit],

766 .vertical input[type=submit] {

767 font-size: 100%;

768 margin-left: 29%;

769 background-color: #444444;

770 color: #fff;

771 border: none;

772 padding: 0.75ex;

773 }

774

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

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

777 background-color: #444444;

778 }

779

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

781 .login input[type=text],

782 .vertical input[type=text],

783 .login input[type=password],

784 .vertical input[type=password],

785 .vertical textarea,

786 .vertical select,

787 .vertical input[type=submit],

788 .login input[type=submit] {

789 width: 98%;

790 }

791 .login .ui_field_label,

792 .vertical .ui_field_label {

793 text-align: left;

794 width: 98%;

795 }

796 .login input[type=text],

797 .login input[type=password] {

798 width: 98%;

799 }

800 .login input[type=submit],

801 .vertical input[type=submit] {

802 margin-left: 0;

803 }

804 }

805

806

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

808 * Positive / Negtive votes

809 */

810

811

812 .positive_votes span {

813 display: inline;

814 }

815

816 .positive_votes {

817 display: inline;

818 background-color: #cfc;

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

820 }

821

822 .negative_votes span {

823 display: inline;

824 }

825

826 .negative_votes {

827 display: inline;

828 background-color: #fcc;

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

830 }

831

832 .suggestion_my_opinion a,

833 .suggestion_my_opinion span {

834 white-space: nowrap;

835 padding-left: 0.2ex !important;

836 padding-right: 0.2ex !important;

837 }

838

839 .active {

840 background-color: #444;

841 color: #fff;

842 }

843

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

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

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

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

848

849

850

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

852 * Unit list

853 */

854

855 .unit_list a {

856 font-weight: bold;

857 }

858

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

860 * Area list

861 */

862 .area_list {

863 border: 1px solid #54c;

864 border-radius: 10px;

865 margin-top: 2ex;

866 }

867

868 .area_list .area {

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

870 }

871

872 .area_list .area:first-child {

873 border-top: none;

874 }

875

876 .area_list .unit_head {

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

878 }

879

880 .area_list .unit_head:last-child {

881 border-radius: 8px;

882 }

883

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

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

886 }

887

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

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

890 }

891

892

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

894 * Events

895 */

896

897 .events .date {

898 font-size: 150%;

899 font-weight: bold;

900 margin-top: 2ex;

901 line-height: 150%;

902 }

903

904 .event_list .event div {

905 }

906

907 .event_list .event .member_id {

908 float: right;

909 }

910

911

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

913 * Issues

914 */

915

916 .issues {

917 clear: left;

918 margin-top: 2ex;

919 }

920

921 .issues .issue {

922 overflow: hidden;

923 border: 1px solid #d0ddff;

924 border-radius: 8px;

925 margin-bottom: 4ex;

926 }

927

928 .issue.interested,

929 .issue.interest_by_delegation {

930 border: 1px solid #b2cdff;

931 }

932

933 .issue .suggestion {

934 margin-left: 1ex;

935 margin-bottom: 1ex;

936 font-weight: bold;

937 }

938

939 .event_info {

940 margin-top: 10px;

941 clear: left;

942 float: left;

943 line-height: 125%;

944 width: 250px;

945 display: inline;

946 padding: 10px;

947 background-color: #444;

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

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

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

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

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

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

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

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

956 }

957

958 .event_info a {

959 color: #fff;

960 }

961

962 .events .issue {

963 min-height: 15ex;

964 }

965

966 .event_info .event_name,

967 .issue_policy_info .event_name {

968 font-weight: bold;

969 }

970

971 .issue_policy_info img {

972 vertical-align: middle;

973 }

974

975 .issue .interest_by_delegation {

976 float: right;

977 }

978

979 .issue .initiative_list a.highlighted {

980 font-weight: bold;

981 }

982

983 .initiative {

984 margin-left: 1ex;

985 margin-bottom: 1ex;

986 line-height: 50%;

987 }

988

989 .initiative .bar {

990 margin-right: 0.3em;

991 }

992

993 .initiative .rank,

994 .initiative .bar,

995 .initiative .interest {

996 float: left;

997 margin-right: 0.3em;

998 }

999

1000 .initiative .rank {

1001 width: 2.5em;

1002 }

1003

1004

1005 .initiative .interest {

1006 width: 20px;

1007 height: 16px;

1008 line-height: 100%;

1009 }

1010

1011 .initiative .name {

1012 line-height: 130%;

1013 margin-left: 160px;

1014 }

1015

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

1017 .initiative .name {

1018 clear: left;

1019 margin-left: 0px;

1020 }

1021 }

1022

1023

1024 .issue_initiative_list a {

1025 font-weight: bold;

1026 }

1027

1028 .more_initiatives_link {

1029 display: block;

1030 margin-left: 166px;

1031 font-style: italic;

1032 margin-bottom: 1ex;

1033 }

1034

1035 .issue tr tr {

1036 border: none;

1037 background: none;

1038 }

1039

1040 .initiative_link.selected {

1041 font-weight: bold;

1042 }

1043

1044 x.initiative_link.supported {

1045 background-color: #cdf;

1046 border-radius: 5px;

1047 }

1048

1049 x.initiative_link.potentially_supported {

1050 background-color: #cdf;

1051 border-radius: 5px;

1052 }

1053

1054 .lang_chooser {

1055 float: right;

1056 margin-right: 0.5em;

1057 }

1058

1059 .delegation_list_entry {

1060 margin-right: 2em;

1061 margin-bottom: 2ex;

1062 float: left;

1063 clear: left;

1064 }

1065

1066 .delegation_list_entry .delegation_arrow {

1067 float: left;

1068 }

1069

1070 .delegation_list_entry .delegation_scope {

1071 float: left;

1072 width: 25em;

1073 }

1074

1075 .delegation_list_entry .delegation_scope a {

1076 display: block;

1077 }

1078

1079 .member_list .member_thumb {

1080 float: left;

1081 margin-right: 10px;

1082 margin-bottom: 10px;

1083 }

1084

1085 .member_thumb {

1086 text-decoration: none;

1087 width: 205px;

1088 height: 48px;

1089 display: block;

1090 float: left;

1091 background-color: #f2f2f2;

1092 overflow: hidden;

1093 position: relative;

1094 border-radius: 8px;

1095 padding: 2px;

1096 border: 1px solid #aaa;

1097 }

1098

1099 .member_thumb a:hover div {

1100 background-color: #444;

1101 color: #fff;

1102 }

1103

1104 .member_thumb img {

1105 padding: 0;

1106 margin: 0;

1107 vertical-align: bottom;

1108 border-radius: 7px;

1109 }

1110

1111 .member_thumb .member_name {

1112 position: absolute;

1113 left: 56px;

1114 top: 2ex;

1115 font-size: 100%;

1116 width: 14em;

1117 }

1118

1119 .member_thumb .flags {

1120 float: right;

1121 }

1122

1123 .member_thumb .flags a,

1124 .member_thumb .flags img {

1125 position: static;

1126 float: right;

1127 margin-left: 0.5em;

1128 }

1129

1130 .member_thumb .flags .in_delegation_chain {

1131 font-weight: bold;

1132 }

1133

1134 .member .right {

1135 float: right;

1136 }

1137

1138 .member_thumb.not_accepted,

1139 .member_thumb.not_informed {

1140 border: 1px solid #ccc;

1141 color: #777;

1142 }

1143

1144 .member_thumb.not_accepted .member_image,

1145 .member_thumb.not_accepted .member_name,

1146 .member_thumb.not_informed .member_image,

1147 .member_thumb.not_informed .member_name {

1148 opacity: 0.4;

1149 }

1150

1151 .member_thumb.in_delegation_chain {

1152 background-color: #fda;

1153 xborder: 2px solid #f90;

1154 }

1155

1156

1157 .member_statement {

1158 margin-right: 250px;

1159 }

1160

1161 #suggestion_description {

1162 height: 15ex;

1163 }

1164

1165 .diff {

1166 background-color: #f2f2f2;

1167 border: 1px solid #ccc;

1168 padding: 1ex;

1169 }

1170

1171 .diff_added {

1172 background-color: #cfc;

1173 text-decoration: underline;

1174 }

1175

1176 .diff_removed {

1177 background-color: #fcc;

1178 text-decoration: line-through;

1179 }

1180

1181 .admitted_info {

1182 background-color: #afc;

1183 padding: 1ex;

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

1185 }

1186

1187 .not_admitted_info,

1188 .revoked_info {

1189 background-color: #fbb;

1190 padding: 1ex;

1191 border-radius: 8px;

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

1193 }

1194

1195 .draft_updated_info,

1196 .voting_active_info,

1197 .initiator_invite_info,

1198 .motd,

1199 .public_access_issue_head {

1200 background-color: #fda;

1201 padding: 1ex;

1202 margin-top: 1ex;

1203 margin-bottom: 2ex;

1204 border: 1px solid #fa0;

1205 border-radius: 10px;

1206 }

1207

1208 .suggestion_fulfilled {

1209 width: 15em;

1210 }

1211 .suggestion_fulfilled a.action {

1212 padding-left: 0;

1213 line-height: 120%;

1214 }

1215

1216 .help,

1217 .use_terms {

1218 border-radius: 8px;

1219 border: 1px solid #ffe900;

1220 background-color: #fffbce;

1221 color: #000;

1222 padding: 1ex;

1223 }

1224

1225 .help_visible {

1226 margin-top: 2ex;

1227 margin-bottom: 1ex;

1228 }

1229

1230 .help_visible .help_icon {

1231 float: right;

1232 }

1233

1234 .slot_help_hidden {

1235 float: left;

1236 margin-top: 1ex;

1237 }

1238

1239 .help_actions {

1240 float: right;

1241 }

1242

1243 .help_actions a {

1244 margin-right: 1em;

1245 color: #468;

1246 }

1247

1248 .wiki {

1249 line-height: 133%;

1250 }

1251

1252 .wiki h1,

1253 .wiki h2,

1254 .wiki h3,

1255 .wiki h4 {

1256 margin-top: 1ex;

1257 margin-bottom: 1ex;

1258 }

1259

1260 .wiki h1 {

1261 font-size: 150%;

1262 font-weight: bold;

1263 }

1264

1265 .wiki h2 {

1266 font-size: 125%;

1267 font-weight: bold;

1268 }

1269

1270 .wiki h3 {

1271 font-size: 125%;

1272 }

1273

1274 .wiki h4 {

1275 font-size: 100%;

1276 font-weight: bold;

1277 }

1278

1279 .wiki p {

1280 margin-top: 1ex;

1281 margin-bottom: 1ex;

1282 }

1283

1284 form .warning {

1285 background-color: #ffd;

1286 color: #000;

1287 border: 1px solid #dda;

1288 margin: 1ex;

1289 margin-bottom: 2ex;

1290 padding: 1ex;

1291 }

1292

1293 a.not_voted {

1294 display: block;

1295 background-color: #fec;

1296 color: #000;

1297 }

1298

1299 .action_active {

1300 background-color: #fec;

1301 }

1302

1303 .heading {

1304 display: block;

1305 font-size: 120%;

1306 font-weight: bold;

1307 }

1308

1309 .heading.first {

1310 margin-top: 0;

1311 }

1312

1313 .menu_list li {

1314 padding-top: 1ex;

1315 padding-bottom: 1ex;

1316 }

1317

1318 .deactivated_member_info {

1319 background-color: #a00;

1320 color: #fff;

1321 }

1322

1323 /*************************************************************************

1324 * Voting

1325 */

1326

1327 #voting_form {

1328 margin-top: 20px;

1329 }

1330

1331 #voting {

1332 position: relative;

1333 }

1334

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

1336 border: 2px black solid;

1337 margin-top: 2ex;

1338 margin-bottom: 5ex;

1339 padding: 1ex;

1340 padding-bottom: 2ex;

1341 border-radius: 8px;

1342 }

1343 #voting .approval {

1344 background-color: #9f9;

1345 }

1346 #voting .approval .movable {

1347 background-color: #dfd;

1348 }

1349 #voting .abstention {

1350 background-color: #ccc;

1351 }

1352 #voting .abstention .movable {

1353 background-color: #f2f2f2;

1354 }

1355 #voting .disapproval {

1356 background-color: #f88;

1357 }

1358 #voting .disapproval .movable {

1359 background-color: #fbb;

1360 }

1361 #voting .cathead {

1362 font-weight: bold;

1363 }

1364 #voting .movable {

1365 position: relative;

1366 border: 1px black solid;

1367 margin-top: 1ex;

1368 padding: 0.5ex;

1369 border-radius: 8px;

1370 }

1371 #voting .voting_form_active .movable {

1372 cursor: pointer;

1373 }

1374 #voting .voting_form_active .clickable {

1375 cursor: auto;

1376 }

1377 #voting .voting_form_active a.clickable {

1378 cursor: pointer;

1379 }

1380

1381 #voting .movable {

1382 vertical-align: middle;

1383 cursor: move;

1384 }

1385

1386 /* shadows */

1387

1388 .member_statement,

1389 .draft_content,

1390 .suggestion_content,

1391 .initiative_head,

1392 .box,

1393 div.notifications {

1394 border-radius: 8px;

1395 }

1396

1397 .member_statement,

1398 .draft_content,

1399 .suggestion_content,

1400 .initiative_head,

1401 .box {

1402 border: 1px solid #aaa;

1403 }

1404

1405 .member_statement,

1406 .draft_content,

1407 .suggestion_content,

1408 .box {

1409 padding: 1ex;

1410 }

1411

1412 .slot_footer {

1413 margin: 0 1%;

1414 border-top: 1px solid #ccc;

1415 padding: 1ex;

1416 text-align: center;

1417 }

1418 .slot_footer,

1419 .slot_footer a {

1420 color: #666;

1421 }

1422

1423 .footer {

1424 margin: 0 auto;

1425 max-width: 1130px;

1426 }