liquid_feedback_frontend: ab827375de65 static/style.css

liquid_feedback_frontend

view static/style.css @ 838:ab827375de65

Make :focus on elements visible

author	bsw
date	Thu Jul 19 23:55:48 2012 +0200 (2012-07-19)
parents	f49f8e0a2366
children	ea3d3757ddc3

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 }

47 a:focus {

48 outline: 1px solid #f90;

49 }

50 /*************************************************************************

51 * Some global definitions

52 */

54 body {

55 background: #f8f8f9;

56 background-image: url("back.png");

57 line-height: 120%:

58 }

60 body, th, td {

61 font-family: sans-serif;

62 font-size: 10pt;

63 padding: 0;

64 margin: 0;

65 }

67 .page,

68 .topbar_content {

69 max-width: 1130px;

70 margin: 0 auto;

71 }

73 body, a {

74 color: #000;

75 }

77 img {

78 border: none;

79 }

81 table {

82 border-collapse: collapse;

83 border: none;

84 }

86 td, th {

87 padding: 0.5ex 0.5em 0.5ex 0em;

88 }

90 td {

91 vertical-align: top;

92 }

94 th {

95 vertical-align: bottom;

96 font-weight: bold;

97 }

99 a.active {

100 color: #fff;

101 }

102

103 .revoked {

104 text-decoration: line-through;

105 }

106

107 .highlighted {

108 background-color: #fa7;

109 color: #000;

110 }

111

112 .admin_only {

113 font-style: italic;

114 }

115

116 h1 {

117 font-size: 150%;

118 }

119

120 h2 {

121 font-size: 125%;

122 }

123

124 .inline {

125 display: inline;

126 }

127

128 /*************************************************************************

129 * Notices, warnings and errors

130 */

131

132 .layout_notice, .layout_error, .layout_warning {

133 background: #fff;

134 font-weight: bold;

135 line-height: 1.7em;

136 -moz-opacity:0.7;

137 }

138

139 .slot_notice, .slot_warning, .slot_error {

140 padding-left: 1em;

141 }

142

143 .slot_notice {

144 background-color: #cfc;

145 color: #040;

146 }

147

148 .slot_warning {

149 background-color: #fec;

150 color: #420;

151 }

152

153 .slot_error {

154 background-color: #fcc;

155 color: #400;

156 }

157

158 /*************************************************************************

159 * Navigation, search and language chooser bar

160 */

161

162 .topbar {

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

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

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

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

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

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

169 background-color: #333;

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

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

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

173 border-top: 1px solid #333;

174 line-height: 35px;

175 padding-top: 5px;

176 font-size: 115%;

177 }

178

179 .logo_liquidfeedback {

180 font-weight: bold;

181 margin-left: 15px;

182 }

183

184 .topbar .instance_name,

185 .topbar a {

186 line-height: 30px;

187 color: #f7f7f7;

188 }

189

190 .topbar a:hover,

191 .topbar a:hover .logo_liquidfeedback,

192 .topbar a:focus,

193 .topbar a:focus .logo_liquidfeedback {

194 color: #f90;

195 }

196

197 .navigation {

198 line-height: 200%;

199 }

200

201 .topbar img {

202 margin-right: 0.5em;

203 vertical-align: middle;

204 }

205

206 .topbar a {

207 padding: 0 0.5em;

208 float: left;

209 display: block;

210 white-space: nowrap;

211 }

212

213 form.unit_selector {

214 display: inline;

215 }

216

217 .topbar .navigation_right {

218 float: right;

219 padding-right: 1%;

220 }

221

222 .topbar ul {

223 list-style-type: none;

224 }

225

226

227 #member_menu {

228 z-index: 2;

229 }

230

231 #member_menu li {

232 float: left;

233 }

234

235 #member_menu li:hover {

236 position: relative;

237 z-index: 4;

238 cursor: default;

239 }

240

241 #member_menu {

242 margin: 0;

243 padding: 0;

244 width: 200px;

245 }

246

247 #member_menu > li {

248 width: 200px;

249 }

250

251 #member_menu li a {

252 float: right;

253 }

254

255 #member_menu ul {

256 margin: 0;

257 padding: 0;

258 list-style-type: none;

259 display: none;

260 position: absolute;

261 top: 100%;

262 left: 0;

263 z-index: 3;

264 width: 200px;

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

266 background: #000;

267 }

268

269 #member_menu ul li {

270 float: none;

271 }

272

273 #member_menu ul li a {

274 float: none;

275 background: #000;

276 font-size: 80%;

277 }

278

279 #member_menu ul ul {

280 top: 1px;

281 right: 1px;

282 }

283

284 #member_menu li:hover ul {

285 display: block;

286 }

287

288 #member_menu li li a {

289 background: #000;

290 border-radius: 5px;

291 color: #fff;

292 }

293

294 #member_menu ul li:hover a {

295 background: #000;

296 color: #f90;

297 }

298

299 */

300 /*************************************************************************

301 * Title of current page including path and actions

302 */

303

304 .slot_title {

305 font-size: 115%;

306 font-weight: bold;

307 margin-left: 10px;

308 margin-right: 10px;

309 margin-top: 1ex;

310 }

311

312 .slot_head {

313 background-color: #fff;

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

315 border: 1px solid #555;

316 border-top: none;

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

318 }

319

320

321 .member_thumb,

322 .member_statement,

323 .suggestion_content,

324 .slot_head,

325 .area_list,

326 .initiative_head,

327 .issues .issue,

328 .ui_tabs_links a,

329 .ui_filter a,

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 padding: 8px 10px 2px 10px;

350 }

351

352 .initiative_head .draft_version {

353 font-weight: bold;

354 }

355

356 .initiative_head a.title {

357 display: block;

358 }

359

360 .area_list .title {

361 padding: 8px 10px 0px 10px;

362 }

363

364 .issue .title {

365 clear: left;

366 padding: 10px 10px 0px 10px;

367 }

368

369 .events .issue .title {

370 padding: 10px 10px 15px 10px;

371 }

372

373 .page_head .actions,

374 .page_head .unit_head .content,

375 .page_head .area_head .content,

376 .issue .content,

377 .initiative_head .content,

378 .area_list .unit_head .content,

379 .area_list .area .content {

380 padding: 5px 10px 5px 10px;

381 line-height: 120%;

382 }

383

384 .initiative_head {

385 margin-bottom: 2ex;

386 }

387

388 .page_head .actions:last-child,

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

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

391 .issue .content:last-child,

392 .initiative_head .content:last-child,

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

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

395 padding: 5px 10px 7px 10px;

396 }

397

398 .page_head .initiative_list,

399 .issue .initiative_list {

400 padding-left: 8px;

401 }

402

403 .issue .content.actions {

404 margin-bottom: 1ex;

405 }

406

407 .area_head {

408 overflow: auto;

409 }

410

411

412 .page_head .title,

413 .issue .title,

414 .initiative_head .title,

415 .area_list .unit_head .unit_name,

416 .area_list .area_name {

417 font-weight: bold;

418 font-size: 115%;

419 }

420

421 .page_head .area_head .content,

422 .page_head .area_head .content a,

423 .page_head .issue .content.actions,

424 .page_head .issue .content.actions a,

425 .issues .issue .content.actions,

426 .issues .issue .content.actions a,

427 .area_list .area .content,

428 .area_list .area .content a {

429 color: #000;

430 }

431

432

433 .unit_head {

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

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

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

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

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

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

440 background-color: #44a;

441 color: #f0f0f0;

442 }

443

444 .unit_head:last-child {

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

446 }

447

448 .area_head:last-child {

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

450 }

451

452 .unit_head .content, .unit_head a {

453 color: #f7f7f7;

454 }

455 .area_head,

456 .area_list .area_head {

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

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

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

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

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

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

463 background-color: #abf;

464 }

465

466 .area_list .area > .content,

467 .issue {

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

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

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

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

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

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

474 background-color: #e0e9ff;

475 }

476

477 .unit_link, .area_link {

478 float: left;

479 margin-top: 5px;

480 padding: 0px 5px;

481 border-radius: 5px;

482 line-height: 170%;

483 margin-right: 8px;

484 }

485

486 .unit_link {

487 background-color: #44a;

488 color: #fff;

489 }

490

491 .area_link {

492 background-color: #abf;

493 color: #000;

494 }

495

496 .delegation_info {

497 float: right;

498 text-decoration: none;

499 padding: 5px;

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

501 }

502

503 .delegation_arrow {

504 vertical-align: middle;

505 }

506

507 .delegation_info .link {

508 text-decoration: underline;

509 color: #aaa;

510 }

511

512 a.delegation_info:hover,

513 a.delegation_info:focus {

514 background-color: #ddd;

515 }

516

517 .delegation_info .micro_avatar {

518 border: none;

519 margin: 2px;

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

521 }

522

523 .delegation_info .micro_avatar.highlighted {

524 margin: 0;

525 border: 2px solid #f90;

526 }

527

528

529 .member_list .member_image_avatar {

530 float: left;

531 margin-right: 0.5em;

532 }

533

534 .micro_avatar {

535 height: 24px;

536 border-radius: 4px;

537 vertical-align: middle;

538 }

539

540 .logo {

541 float: right;

542 margin-right: 1%;

543 }

544

545

546 .member_image_photo {

547 border-radius: 8px;

548 }

549

550 /*************************************************************************

551 * Main content

552 */

553

554 .main {

555 margin-left: 1%;

556 margin-right: 1%;

557 }

558

559 /*************************************************************************

560 * ui.tab

561 */

562 .ui_tabs_links {

563 margin: 20px 0px 10px -2px;

564 line-height: 300%;

565 }

566

567 .ui_tabs_links a {

568 padding: 7px 10px;

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

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

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

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

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

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

575 background-color: #444;

576 color: #f7f7f7;

577 white-space: nowrap;

578 border-radius: 8px;

579 font-size: 115%;

580 font-weight: bold;

581 margin: 2px;

582 margin-right: 4px;

583 }

584

585 .ui_tabs_links a:hover,

586 .ui_tabs_links a:focus,

587 .ui_tabs_links a.selected {

588 margin: 0;

589 margin-right: 2px;

590 border: 2px solid #f90;

591 box-shadow: 0px 0px 3px 1px #f90;

592 }

593

594 .ui_tabs_links a.selected {

595 text-decoration: none;

596 }

597

598

599 /*************************************************************************

600 * ui.filters

601 */

602

603 .ui_filter {

604 overflow: auto;

605 margin-top: 15px;

606 }

607

608 .ui_filter_head {

609 color: #777;

610 line-height: 200%;

611 padding-bottom: 8px;

612 margin-bottom: 6px;

613 border-bottom: 1px solid #888;

614 }

615

616 .ui_filter_head:last-child {

617 border-bottom: none;

618 }

619

620 .ui_filter a {

621 font-weight: bold;

622 margin-right: 0;

623 background-color: #fff;

624 padding: 0.5ex 0.5em;

625 border-radius: 5px;

626 border: 1px solid #bbb;

627 }

628

629 .ui_filter_head a.active {

630 border: 1px solid #666;

631 text-decoration: none;

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

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

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

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

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

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

638 background-color: #444;

639 color: #fff;

640 }

641

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

643 * ui.paginate

644 */

645

646 .ui_paginate_head {

647 display: none;

648 margin-bottom: 1ex;

649 }

650

651 .ui_paginate_foot {

652 margin-top: 1ex;

653 margin-bottom: 4ex;

654 }

655

656 .initiative_head .ui_paginate_foot {

657 margin-bottom: 1ex;

658 }

659

660 .ui_paginate_select a {

661 padding: 0.5em;

662 border-radius: 4px;

663 }

664

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

666 * ui.bargraph

667 */

668

669 .bargraph {

670 width: 103px;

671 }

672

673 .bargraph50 {

674 width: 52px;

675 }

676

677 .bargraph div {

678 float: left;

679 margin-top: 0.5ex;

680 height: 1.3ex;

681 }

682

683 .bargraph .quorum {

684 margin-top: 0.2ex;

685 height: 1.9ex;

686 }

687

688 /*************************************************************************

689 * notifications

690 */

691

692 div.notifications {

693 margin-top: 20px;

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

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

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

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

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

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

700 background-color: #fda;

701 padding: 0.5ex;

702 border: 1px solid #777;

703 }

704

705 .notifications ul {

706 margin: 0;

707 padding: 0;

708 margin-left: 2em;

709 }

710

711 .notifications li {

712 margin: 0;

713 padding: 0;

714 margin-top: 0.5ex;

715 }

716

717 /*************************************************************************

718 * vertical ui.form

719 */

720

721 .vertical {

722 margin-top: 2ex;

723 }

724

725 .login input[type=text],

726 .vertical input[type=text],

727 .login input[type=password],

728 .vertical input[type=password],

729 .vertical textarea,

730 .vertical select {

731 font-family: sans-serif;

732 font-size: 100%;

733 width: 68%;

734 border: 1px solid #444;

735 padding: 0.2ex 0.2em 0.2ex 0.2em;

736 margin-bottom: 1ex;

737 }

738

739 .login input[type=password],

740 .vertical input[type=password] {

741 width: 16em;

742 }

743

744 .vertical select {

745 padding-right: 0;

746 }

747

748 .login .ui_field_label,

749 .vertical .ui_field_label {

750 line-height: 180%;

751 font-weight: bold;

752 color: #777;

753 width: 29%;

754 display: block;

755 float: left;

756 clear: left;

757 text-align: right;

758 padding-right: 0.5em;

759 }

760

761 .ui_field_label.label_right {

762 text-align: left;

763 width: auto;

764 }

765

766 .login input[type=text],

767 .login input[type=password] {

768 width: 10em;

769 }

770

771 .login div,

772 .vertical div {

773 clear: left;

774 }

775

776 .vertical span {

777 line-height: 180%;

778 display: block;

779 margin-bottom: 0.5ex;

780 }

781

782 .vertical span:after {

783 content: " ";

784 }

785

786 .vertical span span {

787 display: inline;

788 margin-bottom: 0;

789 }

790

791 .login input[type=submit],

792 .vertical input[type=submit] {

793 font-size: 100%;

794 margin-left: 29%;

795 background-color: #444444;

796 color: #fff;

797 border: none;

798 padding: 0.75ex;

799 }

800

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

802 .vertical input[type=submit]:hover,

803 .login input[type=submit]:focus,

804 .vertical input[type=submit]:focus {

805 background-color: #444444;

806 }

807

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

809 .login input[type=text],

810 .vertical input[type=text],

811 .login input[type=password],

812 .vertical input[type=password],

813 .vertical textarea,

814 .vertical select,

815 .vertical input[type=submit],

816 .login input[type=submit] {

817 width: 98%;

818 }

819 .login .ui_field_label,

820 .vertical .ui_field_label {

821 text-align: left;

822 width: 98%;

823 }

824 .login input[type=text],

825 .login input[type=password] {

826 width: 98%;

827 }

828 .login input[type=submit],

829 .vertical input[type=submit] {

830 margin-left: 0;

831 }

832 }

833

834

835 /*************************************************************************

836 * Positive / Negtive votes

837 */

838

839

840 .positive_votes span {

841 display: inline;

842 }

843

844 .positive_votes {

845 display: inline;

846 background-color: #cfc;

847 padding: 0.3ex 0.5em 0.3ex 0.5em;

848 }

849

850 .negative_votes span {

851 display: inline;

852 }

853

854 .negative_votes {

855 display: inline;

856 background-color: #fcc;

857 padding: 0.3ex 0.5em 0.3ex 0.5em;

858 }

859

860 .suggestion_my_opinion a,

861 .suggestion_my_opinion span {

862 white-space: nowrap;

863 padding-left: 0.2ex !important;

864 padding-right: 0.2ex !important;

865 }

866

867 .active {

868 background-color: #444;

869 color: #fff;

870 }

871

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

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

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

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

876

877

878

879 /*************************************************************************

880 * Unit list

881 */

882

883 .unit_list a {

884 font-weight: bold;

885 }

886

887 /*************************************************************************

888 * Area list

889 */

890 .area_list {

891 border: 1px solid #444;

892 border-radius: 10px;

893 margin-top: 2ex;

894 }

895

896 .area_list .area {

897 border-top: 1px solid #777;

898 }

899

900 .area_list .area:first-child {

901 border-top: none;

902 }

903

904 .area_list .unit_head {

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

906 }

907

908 .area_list .unit_head:last-child {

909 border-radius: 8px;

910 }

911

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

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

914 }

915

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

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

918 }

919

920 /*************************************************************************

921 * Issues

922 */

923

924 .issues {

925 clear: left;

926 margin-top: 2ex;

927 }

928

929 .issues .issue {

930 overflow: hidden;

931 border: 1px solid #777;

932 border-radius: 8px;

933 margin-bottom: 4ex;

934 }

935

936 .issue.interested,

937 .issue.interest_by_delegation {

938 border: 1px solid #b2cdff;

939 }

940

941 .issue .suggestion {

942 margin-bottom: 1ex;

943 font-weight: bold;

944 }

945

946 .event_info {

947 margin-top: 8px;

948 clear: left;

949 float: left;

950 line-height: 125%;

951 width: 240px;

952 display: inline;

953 padding: 5px 8px;

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

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

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

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

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

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

960 background-color: #444;

961 color: #fff;

962 font-style: italic;

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

964 }

965

966 .event_info a {

967 color: #fff;

968 }

969

970 .events .issue {

971 min-height: 15ex;

972 border: 1px solid #777;

973 }

974

975 .event_info .event_name,

976 .issue_policy_info .event_name {

977 font-weight: bold;

978 }

979

980 .more_events_links {

981 margin-left: 255px;

982 padding: 1ex;

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

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

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

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

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

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

989 background-color: #444;

990 color: #fff;

991 border-radius: 8px;

992 font-weight: bold;

993 }

994

995 @media screen and (max-width: 720px) {

996 .event_info {

997 width: auto;

998 margin-left: 8px;

999 margin-right: 8px;

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

1001 }

1002 .events .issue {

1003 clear: left;

1004 }

1005 .more_events_links {

1006 margin-left: 0px;

1007 }

1008

1009 }

1010

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

1012 .events .initiative .name {

1013 clear: left;

1014 margin-left: 0px;

1015 }

1016 }

1017

1018

1019

1020 .issue_policy_info img {

1021 vertical-align: middle;

1022 }

1023

1024 .issue .interest_by_delegation {

1025 float: right;

1026 }

1027

1028 .issue .initiative_list a.highlighted {

1029 font-weight: bold;

1030 }

1031

1032 .initiative {

1033 margin-left: 1ex;

1034 margin-bottom: 1ex;

1035 line-height: 50%;

1036 }

1037

1038 .initiative .bar {

1039 margin-right: 0.3em;

1040 }

1041

1042 .initiative .rank,

1043 .initiative .bar,

1044 .initiative .interest {

1045 float: left;

1046 margin-right: 0.3em;

1047 }

1048

1049 .initiative .rank {

1050 width: 2.5em;

1051 }

1052

1053

1054 .initiative .interest {

1055 width: 20px;

1056 height: 16px;

1057 line-height: 100%;

1058 }

1059

1060 .initiative .name {

1061 line-height: 130%;

1062 margin-left: 168px;

1063 font-size: 115%;

1064 }

1065

1066 .initiative.selected .name {

1067 font-weight: bold;

1068 xfont-style: italic;

1069 }

1070

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

1072 .initiative .name {

1073 clear: left;

1074 margin-left: 0px;

1075 }

1076 }

1077

1078

1079 .issue_initiative_list a {

1080 font-weight: bold;

1081 }

1082

1083 .more_initiatives_link {

1084 display: block;

1085 margin-left: 166px;

1086 font-style: italic;

1087 margin-bottom: 1ex;

1088 }

1089

1090 .issue tr tr {

1091 border: none;

1092 background: none;

1093 }

1094

1095 .initiative_link.selected {

1096 font-weight: bold;

1097 }

1098

1099 x.initiative_link.supported {

1100 background-color: #cdf;

1101 border-radius: 5px;

1102 }

1103

1104 x.initiative_link.potentially_supported {

1105 background-color: #cdf;

1106 border-radius: 5px;

1107 }

1108

1109 .lang_chooser {

1110 float: right;

1111 margin-right: 0.5em;

1112 }

1113

1114 .delegation_list_entry {

1115 margin-right: 2em;

1116 margin-bottom: 2ex;

1117 float: left;

1118 clear: left;

1119 }

1120

1121 .delegation_list_entry .delegation_arrow {

1122 float: left;

1123 }

1124

1125 .delegation_list_entry .delegation_scope {

1126 float: left;

1127 width: 25em;

1128 }

1129

1130 .delegation_list_entry .delegation_scope a {

1131 display: block;

1132 }

1133

1134 .member_list .member_thumb {

1135 float: left;

1136 margin-right: 10px;

1137 margin-bottom: 10px;

1138 }

1139

1140 .member_thumb {

1141 text-decoration: none;

1142 width: 205px;

1143 height: 48px;

1144 display: block;

1145 float: left;

1146 background-color: #fff;

1147 overflow: hidden;

1148 position: relative;

1149 border-radius: 8px;

1150 padding: 2px;

1151 border: 1px solid #aaa;

1152 }

1153

1154 .member_thumb a:hover div {

1155 background-color: #444;

1156 color: #fff;

1157 }

1158

1159 .member_thumb img {

1160 padding: 0;

1161 margin: 0;

1162 vertical-align: bottom;

1163 border-radius: 7px;

1164 }

1165

1166 .member_thumb .member_name {

1167 position: absolute;

1168 left: 56px;

1169 top: 2ex;

1170 font-size: 100%;

1171 width: 14em;

1172 }

1173

1174 .member_thumb .flags {

1175 float: right;

1176 }

1177

1178 .member_thumb .flags a,

1179 .member_thumb .flags img {

1180 position: static;

1181 float: right;

1182 margin-left: 0.5em;

1183 }

1184

1185 .member_thumb .flags .in_delegation_chain {

1186 font-weight: bold;

1187 }

1188

1189 .member .right {

1190 float: right;

1191 }

1192

1193 .member_thumb.not_accepted,

1194 .member_thumb.not_informed {

1195 border: 1px solid #ccc;

1196 color: #777;

1197 }

1198

1199 .member_thumb.not_accepted .member_image,

1200 .member_thumb.not_accepted .member_name,

1201 .member_thumb.not_informed .member_image,

1202 .member_thumb.not_informed .member_name {

1203 opacity: 0.4;

1204 }

1205

1206 .member_thumb.in_delegation_chain {

1207 background-color: #fda;

1208 }

1209

1210

1211 #suggestion_description {

1212 height: 15ex;

1213 }

1214

1215 .diff {

1216 background-color: #f2f2f2;

1217 border: 1px solid #ccc;

1218 padding: 1ex;

1219 }

1220

1221 .diff_added {

1222 background-color: #cfc;

1223 text-decoration: underline;

1224 }

1225

1226 .diff_removed {

1227 background-color: #fcc;

1228 text-decoration: line-through;

1229 }

1230

1231 .admitted_info,

1232 .not_admitted_info,

1233 .revoked_info,

1234 .draft_updated_info,

1235 .initiator_invite_info {

1236 padding: 1ex;

1237 }

1238

1239 .admitted_info {

1240 background-color: #afc;

1241 }

1242

1243 .not_admitted_info,

1244 .revoked_info {

1245 background-color: #fbb;

1246 }

1247

1248 .draft_updated_info,

1249 .initiator_invite_info {

1250 background-color: #fda;

1251 }

1252

1253 .motd,

1254 .public_access_issue_head {

1255 background-color: #fda;

1256 padding: 1ex;

1257 margin-top: 1ex;

1258 margin-bottom: 2ex;

1259 }

1260

1261 .suggestion_fulfilled {

1262 width: 15em;

1263 }

1264 .suggestion_fulfilled a.action {

1265 padding-left: 0;

1266 line-height: 120%;

1267 }

1268

1269 .help,

1270 .use_terms {

1271 border-radius: 8px;

1272 border: 1px solid #ffe900;

1273 background-color: #fffbce;

1274 color: #000;

1275 padding: 1ex;

1276 }

1277

1278 .help_visible {

1279 margin-top: 2ex;

1280 margin-bottom: 1ex;

1281 }

1282

1283 .help_visible .help_icon {

1284 float: right;

1285 }

1286

1287 .slot_help_hidden {

1288 float: left;

1289 margin-top: 1ex;

1290 }

1291

1292 .help_actions {

1293 float: right;

1294 }

1295

1296 .help_actions a {

1297 margin-right: 1em;

1298 color: #468;

1299 }

1300

1301 .wiki {

1302 line-height: 150%;

1303 }

1304

1305 .wiki h1,

1306 .wiki h2,

1307 .wiki h3,

1308 .wiki h4 {

1309 margin-top: 1ex;

1310 margin-bottom: 1ex;

1311 }

1312

1313 .wiki h1 {

1314 font-size: 133%;

1315 font-weight: bold;

1316 }

1317

1318 .wiki h2 {

1319 font-size: 115%;

1320 font-weight: bold;

1321 }

1322

1323 .wiki h3 {

1324 font-size: 115%;

1325 }

1326

1327 .wiki h4 {

1328 font-size: 100%;

1329 font-weight: bold;

1330 }

1331

1332 .wiki p {

1333 margin-top: 1ex;

1334 margin-bottom: 1ex;

1335 }

1336

1337 form .warning {

1338 background-color: #ffd;

1339 color: #000;

1340 border: 1px solid #dda;

1341 margin: 1ex;

1342 margin-bottom: 2ex;

1343 padding: 1ex;

1344 }

1345

1346 a.not_voted {

1347 display: block;

1348 background-color: #fec;

1349 color: #000;

1350 }

1351

1352 .action_active {

1353 background-color: #fec;

1354 }

1355

1356 .heading {

1357 display: block;

1358 font-size: 115%;

1359 font-weight: bold;

1360 margin-bottom: 10px;

1361 text-decoration: none;

1362 }

1363

1364 .heading.first {

1365 margin-top: 0;

1366 }

1367

1368 .menu_list li {

1369 padding-top: 1ex;

1370 padding-bottom: 1ex;

1371 }

1372

1373 .deactivated_member_info {

1374 background-color: #a00;

1375 color: #fff;

1376 }

1377

1378 /*************************************************************************

1379 * Voting

1380 */

1381

1382 #voting_form {

1383 margin-top: 20px;

1384 }

1385

1386 #voting {

1387 position: relative;

1388 }

1389

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

1391 border: 2px black solid;

1392 margin-top: 2ex;

1393 margin-bottom: 5ex;

1394 padding: 1ex;

1395 padding-bottom: 2ex;

1396 border-radius: 8px;

1397 }

1398 #voting .approval {

1399 background-color: #9f9;

1400 }

1401 #voting .approval .movable {

1402 background-color: #dfd;

1403 }

1404 #voting .abstention {

1405 background-color: #ccc;

1406 }

1407 #voting .abstention .movable {

1408 background-color: #f2f2f2;

1409 }

1410 #voting .disapproval {

1411 background-color: #f88;

1412 }

1413 #voting .disapproval .movable {

1414 background-color: #fbb;

1415 }

1416 #voting .cathead {

1417 font-weight: bold;

1418 }

1419 #voting .movable {

1420 position: relative;

1421 border: 1px black solid;

1422 margin-top: 1ex;

1423 padding: 0.5ex;

1424 border-radius: 8px;

1425 }

1426 #voting .voting_form_active .movable {

1427 cursor: pointer;

1428 }

1429 #voting .voting_form_active .clickable {

1430 cursor: auto;

1431 }

1432 #voting .voting_form_active a.clickable {

1433 cursor: pointer;

1434 }

1435

1436 #voting .movable {

1437 vertical-align: middle;

1438 cursor: move;

1439 }

1440

1441 /* shadows */

1442

1443 .member_statement,

1444 .suggestion_content,

1445 .initiative_head,

1446 .box,

1447 div.notifications {

1448 border-radius: 8px;

1449 }

1450

1451 .member_statement,

1452 .suggestion_content,

1453 .initiative_head,

1454 .box {

1455 border: 1px solid #777;

1456 }

1457

1458 .member_statement,

1459 .draft_content,

1460 .suggestion_content,

1461 .box {

1462 padding: 0 12px;

1463 }

1464

1465 .suggestion_content,

1466 .member_statement,

1467 .draft_content {

1468 border-left: 12px solid #777;

1469 }

1470

1471 .slot_footer {

1472 margin: 0 1%;

1473 border-top: 1px solid #ccc;

1474 padding: 1ex;

1475 text-align: center;

1476 }

1477 .slot_footer,

1478 .slot_footer a {

1479 color: #666;

1480 }

1481

1482 .footer {

1483 margin: 0 auto;

1484 max-width: 1130px;

1485 }