liquid_feedback_frontend
view static/style.css @ 347:790ff702402f
Removed superfluous text on settings page
| author | bsw | 
|---|---|
| date | Tue Feb 28 22:50:48 2012 +0100 (2012-02-28) | 
| parents | 7d6a3c411f99 | 
| children | 2d39c5f78f7d | 
 line source
     1 /* Style reset */
     2 html,
     3 body,
     4 div,
     5 span,
     6 applet,
     7 object,
     8 iframe,
     9 h1, h2, h3, h4, h5, h6,
    10 p, a, img,
    11 form, label, legend,
    12 table, tbody, tfoot, thead, tr, th,td {
    13   margin: 0;
    14   padding: 0;
    15   border: 0;
    16   outline: 0;
    17   font-weight: inherit;
    18   font-style: inherit;
    19   font-size: 100%;
    20   font-family: inherit;
    21   vertical-align: baseline;
    22 }
    23 body {
    24   line-height: 1;
    25   color: black;
    26   background: white;
    27 }
    28 table {
    29   border-collapse: separate;
    30   border-spacing: 0;
    31 }
    32 caption, th, td {
    33   text-align: left;
    34   font-weight: normal;
    35 }
    37 /*************************************************************************
    38  * Some global definitions 
    39  */
    41 body {
    42   background: #fff;
    43 }
    45 body, th, td {
    46   font-family: sans-serif;
    47   font-size: 15px;
    48   font-size: 14px;
    49   padding: 0;
    50   margin: 0;
    51 }
    53 .area_list {
    54   line-height: 140%;
    55 }
    57 body, a {
    58   color: #000;
    59 }
    61 img {
    62   border: none;
    63 }
    65 table {
    66   border-collapse: collapse;
    67   border: none;
    68 }
    70 td, th {
    71   padding: 0.5ex 0.5em 0.5ex 0em;
    72 }
    74 td {
    75   vertical-align: top;
    76 }
    78 th {
    79   vertical-align: bottom;
    80   font-weight: bold;
    81 }
    83 a.active {
    84   color: #fff; 
    85 }
    87 .revoked {
    88   text-decoration: line-through;
    89 }
    91 .highlighted {
    92   background-color: #fa7;
    93   color: #000;
    94 }
    96 .admin_only {
    97   font-style: italic;
    98 }
   100 h1 {
   101   font-size: 150%;
   102 }
   104 h2 {
   105   font-size: 125%;
   106 }
   108 .inline {
   109   display: inline;
   110 }
   112 /*************************************************************************
   113  * Notices, warnings and errors
   114  */
   116 .layout_notice, .layout_error, .layout_warning {
   117   background: #fff;
   118   font-weight: bold;
   119   line-height: 1.7em;
   120   -moz-opacity:0.7;
   121 }
   123 .slot_notice, .slot_warning, .slot_error {
   124   padding-left: 1em;
   125 }
   127 .slot_notice {
   128   background-color: #cfc;
   129   color: #040;
   130 }
   132 .slot_warning {
   133   background-color: #fec;
   134   color: #420;
   135 }
   137 .slot_error {
   138   background-color: #fcc;
   139   color: #400;
   140 }
   142 /*************************************************************************
   143  * Navigation, search and language chooser bar 
   144  */
   146 .topbar {
   147   background-color: #333;
   148   background-image: -webkit-gradient(linear, left top, left bottom, 
   149     color-stop(0%, #888), color-stop(25%,#333)
   150   );
   151   color: #fff;
   152   font-size: 90%;
   153   line-height: 100%;
   154   padding-left: 10px;
   155   overflow: hidden;
   156   box-shadow: #aaa 0 0 5px;
   157   -mox-box-shadow: #aaa 0 0 5px;
   158   -webkit-box-shadow: #aaa 0 0 5px;
   159 }
   161 .topbar .logolf {
   162   font-weight: bold;
   163 }
   165 .topbar a {
   166   color: #eee;
   167 }
   169 .topbar  a:hover {
   170   background-color: #eee;
   171   color: #000;
   172 }
   174 .navigation,
   175 .logout_button {
   176   line-height: 200%;
   177 }
   179 .navigation img,
   180 .logout_button img {
   181   margin-right: 0.5em;
   182   vertical-align: middle;
   183 }
   185 .navigation a,
   186 .logout_button a {
   187   padding: 1ex;
   188 }
   190 form.unit_selector {
   191   display: inline;
   192 }
   194 .logout_button {
   195   float: right;
   196 }
   198 .searchbox {
   199   margin: 0;
   200   padding: 0.1ex 1em 0ex 1em;
   201   float: right;
   202   line-height: 250%;
   203 }
   205 .searchbox form {
   206   float: left;
   207   margin: 0px;
   208 }
   210 .searchbox div {
   211   display: inline;
   212 }
   214 .searchbox select {
   215   margin-left: 0.3em;
   216   margin-right: 0.4em;
   217   font-size: 100%;
   218   width: 8em;
   219 }
   221 .searchbox input[type=text] {
   222   width: 8em;
   223   padding: 0.25ex 0.25em 0.25ex 0.25em;
   224   margin-right: 0.5em;
   225   font-size: 100%;
   226 }
   228 .searchbox input[type=submit] {
   229   font-size: 100%;
   230 }
   232 /*************************************************************************
   233  * Title of current page including path and actions
   234  */
   236 .title,
   237 .title2,
   238 .actions {
   239   background-color: #f2f2f2;
   240   margin-left: 10px;
   241   margin-right: 10px;
   242 }
   244 .initiative_head .actions {
   245   box-shadow: none;
   246   -moz-box-shadow: none;
   247   -webkit-box-shadow: none;
   248 }
   250 .actions {
   251   border-radius: 0 0 8px 8px;
   252 }
   254 .initiative_head .actions {
   255   background-color: #fff;
   256   margin: 0px;
   257 }
   259 .slot_initiatives_list {
   260   margin-top: 1ex;
   261   margin-left: 10px;
   262   margin-right: 10px;
   263   background-color: #fcfcfc;
   264   border-radius: 8px;
   265   clear: left;
   266   border: 1px solid #ddd;
   267   padding-top: 1ex;
   268   padding-bottom: 1ex;
   269 }
   271 .title {
   272   box-shadow: inset #888 0px 5px 6px -5px;
   273   -moz-box-shadow: inset #888 0px 5px 6px -5px;;
   274   -webkit-box-shadow: inset #888 0px 5px 6px -5px;;
   275 }
   277 .title {
   278   color: #000;
   279   padding: 1.5ex 1em 0 1em;
   280 }
   282 .title div {
   283   font-size: 125%;
   284   line-height: 110%;
   285 }
   287 .title a {
   288   color: #000;
   289 }
   291 .title .member_image {
   292   margin-right: 0.7em;
   293   vertical-align: middle;
   294   border-radius: 7px;
   295 }
   297 .slot_title2 {
   298   padding: 1ex 1em 0 1em;
   299 }
   301 .member_list .member_image_avatar {
   302   float: left;
   303   margin-right: 0.5em;
   304 }
   306 .micro_avatar {
   307   width: 24px;
   308   height: 24px;
   309   border-radius: 4px;
   310   vertical-align: middle;
   311 }
   313 .actions {
   314   font-size: 75%;
   315   line-height: 220%;
   316   padding-top: 2ex;
   317   padding-bottom: 1ex;
   318 }
   320 .interest {
   321   margin-left: 1.33em;
   322   margin-bottom: 1.33ex;
   323 }
   325 .slot_actions .interest {
   326   margin-left: 0em;
   327 }
   329 .actions a {
   330   margin-right: 1em;
   331   border-radius: 5px;
   332   padding-right: 0.3em;
   333 }
   335 .slot_initiative_head  {
   336   padding-left: 10px;
   337   padding-top: 2ex;
   338 }
   340 .initiative_name {
   341   font-weight: bold;
   342   font-size: 125%;
   343 }
   344 .actions a {
   345   float: left;
   346 }
   348 .actions a:hover {
   349   background-color: #d7d7d7;
   350 }
   352 .actions img {
   353   padding-left: 0.2em;
   354   padding-right: 0.2em;
   355   vertical-align: middle;
   356 }
   358 .logo { 
   359   float: right;
   360   margin-right: 1em;
   361 }
   364 .member_image_photo {
   365   border-radius: 8px;
   366 }
   368 /*************************************************************************
   369  * vote info / delegation 
   370  */
   372 .interest,
   373 .slot_support,
   374 .delegation {
   375   float: left;
   376   position: relative;
   377   z-index: 1;
   378 }
   380 .interest img,
   381 .slot_support img,
   382 .delegation img {
   383   padding-left: 0.2em;
   384   padding-right: 0.2em;
   385 }
   386 .actions .supporter,
   387 .actions .potential_supporter,
   388 .vote_info .head {
   389   float: left;
   390   margin-right: 1em;
   391 }
   393 .actions .supporter,
   394 .actions .potential_supporter,
   395 .actions .interest .head {
   396   padding-right: 0.3em;
   397 }
   399 .delegation .head_active,
   400 .interest .head_active,
   401 .actions .supporter,
   402 .actions .potential_supporter {
   403   border-radius: 5px;
   404   border: 1px solid #5f6675;
   405 }
   407 .delegation .head_active,
   408 .interest .head_active {
   409   background-color: #cdf;
   410 }
   412 .actions .supporter {
   413   background-color: #cdf;
   414 }
   416 .actions .potential_supporter {
   417   background-color: #cdf;
   418 }
   420 .slot_support .head_initiator {
   421   background-color: #f2f2f2;
   422   border-radius: 5px;
   423 }
   425 .delegation .change_delegation {
   426   margin-bottom: 2ex;
   427 }
   429 .delegation .change_delegation a {
   430   display: inline;
   431   float: none;
   432   padding: 1ex;
   433 }
   435 .delegation .delegation_participation {
   436   margin-left: 20.5em;
   437   margin-top: 3ex;
   438   font-style: italic;
   439   font-size: 80%;
   440 }
   442 .slot_actions .change_delegation {
   443   float: left;
   444 }
   446 .vote_info .close {
   447   position: absolute;
   448   top: 0;
   449   right: 0;
   450   padding: 1ex;
   451   display: block;
   452 }
   454 .vote_info .content {
   455   font-size: 133%;
   456   line-height: 100%;
   457   top: 2.8ex;
   458   display: none;
   459   position: absolute;
   460   z-index: 10;
   461   background-color: #cdf;
   462   border-radius: 0 5px 5px 5px;
   463   padding: 1em;
   464   width: 35em;
   465   border: 1px solid #5f6675;
   466   border-top: none;
   467 }
   469 .delegation_arrow {
   470   vertical-align: middle;
   471 }
   473 .vote_info .delegation_arrow {
   474   margin-top: 1ex;
   475   margin-bottom: 1ex;
   476 }
   478 .vote_info .delegation_arrow_overridden {
   479   opacity: 0.4;
   480 }
   482 .vote_info .delegation_scope_overridden {
   483   color: #777;
   484 }
   486 .vote_info .delegation_scope {
   487   display: inline;
   488 }
   490 .vote_info .delegation_info {
   491 }
   493 .vote_info a {
   494   padding-right: 0;
   495 }
   497 .vote_info .member_thumb {
   498   clear: left;
   499   background: #fff;
   500 }
   502 .delegation_overridden .member_thumb {
   503   opacity: 0.4;
   504 }
   506 .delegation .revoke {
   507   margin: 0.5ex;
   508   float: right;
   509 }
   511 .delegation .revoke img {
   512   vertical-align: middle;
   513 }
   516 /*************************************************************************
   517  * Main content
   518  */
   520 .main {
   521   margin-left: 10px;
   522   margin-right: 10px;
   523 }
   525 /*************************************************************************
   526  * ui.tab
   527  */
   529 .ui_tabs_links {
   530   margin-top: 3ex;
   531   margin-bottom: 1ex;
   532   font-size: 75%;
   533 }
   535 .ui_tabs_links a {
   536   padding: 1ex;
   537   line-height: 300%;
   538   background-color: #f2f2f2;
   539   white-space: nowrap;
   540   border-radius: 5px;
   541   margin-right: 5px;
   542   font-weight: bold;
   543 }
   545 .ui_tabs_links a:hover {
   546   background-color: #d7d7d7;
   547 }
   549 .ui_tabs_links a.selected {
   550   background-color: #444;
   551   color: #fff;
   552   text-decoration: none;
   553   padding: 1ex;
   554 }
   556 .ui_tabs_content {
   557   xborder: 1px solid #444;
   558   xpadding: 1ex 1ex 1ex 1ex;
   559 }
   561 .ui_tabs_links a.yellow {
   562   background-color: #fcc;
   563   color: #000;
   564 }
   566 .ui_tabs_links a.yellow:hover {
   567   background-color: #faa;
   568 }
   570 .ui_tabs_links a.yellow.selected {
   571   background-color: #a44;
   572   color: #fff;
   573   text-decoration: none;
   574   padding: 1ex;
   575 }
   577 .ui_tabs_links a.red {
   578   background-color: #c33;
   579   color: #000;
   580 }
   582 .ui_tabs_links a.red:hover {
   583   background-color: #ebb;
   584 }
   586 .ui_tabs_links a.red.selected {
   587   background-color: #644;
   588   color: #fff;
   589   text-decoration: none;
   590   padding: 1ex;
   591 }
   594 /*************************************************************************
   595  * ui.filters
   596  */
   598 .ui_filter {
   599   overflow: hidden;
   600   margin-bottom: 1ex;
   601 }
   603 .ui_filter_closed_head,
   604 .ui_filter_head {
   605   color: #777;
   606   margin-top: 1ex;
   607   margin-bottom: 1.5ex;
   608   font-size: 75%;
   609   float: left;
   610 }
   612 .ui_filter_head {
   613   margin-right: 2em;
   614 }
   616 .ui_filter_head a {
   617   color: #777;
   618   padding: 0.5ex;
   619   margin-right: 0.2em;
   620 }
   622 .ui_filter_head a.active {
   623   color: #fff;
   624   background-color: #777;
   625   padding: 0.5ex;
   626   border-radius: 5px;
   627 }
   629 /*************************************************************************
   630  * ui.paginate
   631  */
   633 .ui_paginate_head {
   634   display: none;
   635   margin-bottom: 1ex;
   636 }
   638 .ui_paginate_foot {
   639   margin-top: 1ex;
   640 }
   642 .ui_paginate_select a {
   643   padding: 0.5em;
   644 }
   646 /*************************************************************************
   647  * ui.bargraph
   648  */
   650 .bargraph {
   651   width: 103px;
   652 }
   654 .bargraph50 {
   655   width: 52px;
   656 }
   658 .bargraph div {
   659   float: left;
   660   margin-top: 0.5ex;
   661   height: 1.3ex;
   662 }
   664 /*************************************************************************
   665  * vertical ui.form
   666  */
   668 .login input[type=text],
   669 .vertical input[type=text],
   670 .login input[type=password],
   671 .vertical input[type=password],
   672 .vertical textarea,
   673 .vertical select {
   674   font-family: sans-serif;
   675   font-size: 100%;
   676   width: 50em;
   677   border: 1px solid #444;
   678   padding: 0.2ex 0.2em 0.2ex 0.2em;
   679   margin-bottom: 1ex;
   680 }
   682 .login input[type=password],
   683 .vertical input[type=password] {
   684   width: 16em;
   685 }
   687 .vertical select {
   688   padding-right: 0;
   689 }
   691 .login .ui_field_label,
   692 .vertical .ui_field_label {
   693   text-transform: uppercase;
   694   font-size: 70%;
   695   line-height: 120%;
   696   font-weight: bold;
   697   color: #777;
   698   width: 15em;
   699   display: block;
   700   float: left;
   701   clear: left;
   702   text-align: right;
   703   padding-right: 0.5em;
   704 }
   706 .ui_field_label.label_right {
   707   text-align: left;
   708   width: auto;
   709 }
   711 .login input[type=text],
   712 .login input[type=password] {
   713   width: 10em;
   714 }
   716 .login div,
   717 .vertical div {
   718   clear: left;
   719 }
   721 .vertical span {
   722   display: block;
   723   margin-bottom: 0.5ex;
   724 }
   726 .vertical span:after {
   727   content: " ";
   728 }
   730 .vertical span span {
   731   display: inline;
   732   margin-bottom: 0;
   733 }
   735 .login input[type=submit],
   736 .vertical input[type=submit] {
   737   font-size: 100%;
   738   margin-left: 11em;
   739   background-color: #444444;
   740   color: #fff;
   741   border: none;
   742   padding: 0.75ex;
   743 }
   745 .login input[type=submit]:hover,
   746 .vertical input[type=submit]:hover {
   747   background-color: #444444;
   748 }
   750 /*************************************************************************
   751  * Tables
   752  */
   755 table a.action {
   756   font-size: 70%;
   757   line-height: 190%;
   758   padding: 0.5ex;
   759   color: #777;
   760 }
   762 table a.active {
   763   color: #fff; 
   764 }
   766 th {
   767   text-align: left;
   768 }
   770 tr:hover td {
   771   background-color: #f2f2f2;
   772 }
   774 .nohover tr:hover td {
   775   background-color: #fff;
   776 }
   778 .initiatives_list .nohover tr:hover td {
   779   background-color: #f2f2f2;
   780 }
   782 .nohover table tr:hover td {
   783   background-color: #f2f2f2;
   784 }
   787 tr table tr:hover td {
   788   background-color: #fff;
   789 }
   792 /*************************************************************************
   793  * Positive / Negtive votes
   794  */
   797 .positive_votes span {
   798   display: inline;
   799 }
   801 .positive_votes {
   802   display: inline;
   803   background-color: #cfc;
   804   padding: 0.3ex 0.5em 0.3ex 0.5em;
   805 }
   807 .negative_votes span {
   808   display: inline;
   809 }
   811 .negative_votes {
   812   display: inline;
   813   background-color: #fcc;
   814   padding: 0.3ex 0.5em 0.3ex 0.5em;
   815 }
   817 .suggestion_my_opinion a,
   818 .suggestion_my_opinion span {
   819   white-space: nowrap;
   820   padding-left: 0.2ex !important;
   821   padding-right: 0.2ex !important;
   822 }
   824 .active {
   825   background-color: #444;
   826   color: #fff;
   827 }
   829 .active_red2 { background-color: #a00; color: #fff !important; }
   830 .active_red1 { background-color: #f88; color: #000 !important; }
   831 .active_green1 { background-color: #8f8; color: #000 !important; }
   832 .active_green2 { background-color: #0a0; color: #000 !important; }
   837 /*************************************************************************
   838  * Issues
   839  */
   841 .issues {
   842   clear: left;
   843 }
   845 .issues .issue {
   846   background-color: #fcfcfc;
   847   overflow: hidden;
   848   margin-bottom: 2ex;
   849   border: 1px solid #ccc;
   850   border-radius: 8px;
   851 }
   853 .issues .issue.interested,
   854 .issues .issue.interest_by_delegation {
   855   border: 1px solid #b2cdff;
   856 }
   858 .issues .issue .issue_info {
   859   padding: 1ex 1em 0.3ex 1em;
   860   line-height: 140%;
   861   margin-bottom: 1ex;
   862 }
   864 .issues .issue.interested .issue_info,
   865 .issues .issue.interested_by_delegation .issue_info  {
   866   background-color: #dfeaff;
   867   background-image: linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
   868   background-image: -o-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
   869   background-image: -moz-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
   870   background-image: -webkit-linear-gradient(top, #dfeaff 50%, #fcfcfc 100%);
   871   background-image: -ms-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
   872 }
   874 .issues .issue .issue_info .issue_id {
   875   font-size: 125%;
   876 }
   878 .issue_policy_info {
   879   font-style: italic;
   880 }
   882 .issues .issue .interest_by_delegation {
   883   float: right;
   884 }
   886 .issues .issue .initiative_list a {
   887   font-weight: bold;
   888 }
   890 .issue_initiative_list a {
   891   font-weight: bold;
   892 }
   894 .more_initiatives_link {
   895   display: block;
   896   margin-left: 166px;
   897   font-style: italic;
   898   margin-bottom: 1ex;
   899 }
   901 .issues tr tr {
   902   border: none;
   903   background: none;
   904 }
   906 .initiative_link.selected {
   907   font-weight: bold;
   908 }
   910 x.initiative_link.supported {
   911   background-color: #cdf;
   912   border-radius: 5px;
   913 }
   915 x.initiative_link.potentially_supported {
   916   background-color: #cdf;
   917   border-radius: 5px;
   918 }
   920 .lang_chooser {
   921   float: right;
   922   margin-right: 0.5em;
   923 }
   925 .delegation_list_entry {
   926   margin-right: 2em;
   927   margin-bottom: 2ex;
   928   float: left;
   929   clear: left;
   930 }
   932 .delegation_list_entry .delegation_arrow {
   933   float: left;
   934 }
   936 .delegation_list_entry .delegation_scope {
   937   float: left;
   938   width: 25em;
   939 }
   941 .delegation_list_entry .delegation_scope a {
   942   display: block;
   943 }
   945 .member_list .member_thumb {
   946   float: left;
   947   margin-right: 1em;
   948   margin-bottom: 2ex;
   949 }
   951 .member_thumb {
   952   text-decoration: none;
   953   width: 14.5em;
   954   height: 48px;
   955   display: block;
   956   float: left;
   957   background-color: #f2f2f2;
   958   overflow: hidden;
   959   position: relative;
   960   border-radius: 7px;
   961   padding: 2px;
   962 }
   964 .xmember_thumb a {
   965   position: absolute;
   966   top: 0;
   967   left: 0;
   968   padding: 0;
   969   margin: 0;
   970 }
   972 .member_thumb a:hover div {
   973   background-color: #444;
   974   color: #fff;
   975 }
   977 .member_thumb img {
   978   padding: 0;
   979   margin: 0;
   980   vertical-align: bottom;
   981   border-radius: 7px;
   982 }
   984 .member_thumb .member_name {
   985   position: absolute;
   986   left: 56px;
   987   top: 2ex;
   988   font-size: 100%;
   989   width: 14em;
   990 }
   992 .member_thumb .flags {
   993   text-align: right;
   994   font-size: 75%;
   995 }
   997 .member_thumb .flags a,
   998 .member_thumb .flags img {
   999   position: static;
  1000   float: right;
  1001   margin-left: 0.5em;
  1002 }
  1004 .member_thumb .flags .in_delegation_chain {
  1005   font-weight: bold;
  1006 }
  1008 .member .right {
  1009   float: right;
  1010 }
  1012 .member_thumb.not_accepted,
  1013 .member_thumb.not_informed {
  1014   background: #fff;
  1015 }
  1017 .member_thumb.not_accepted .member_image,
  1018 .member_thumb.not_accepted .member_name,
  1019 .member_thumb.not_informed .member_image,
  1020 .member_thumb.not_informed .member_name {
  1021   opacity: 0.4;
  1022 }
  1024 .member_thumb.in_delegation_chain {
  1025   background-color: #cdf;
  1026 }
  1028 .member_statement,
  1029 .draft_content,
  1030 .suggestion_content {
  1031   background-color: #f2f2f2;
  1032   padding: 1ex;
  1033   border-radius: 8px;
  1034 }
  1036 .member_statement {
  1037   margin-right: 250px;
  1038 }
  1040 #suggestion_description {
  1041   height: 15ex;
  1042 }
  1044 .diff {
  1045   background-color: #f2f2f2;
  1046   border: 1px solid #ccc;
  1047   padding: 1ex;
  1048 }
  1050 .diff_added {
  1051   background-color: #cfc;
  1052   text-decoration: underline;
  1053 }
  1055 .diff_removed {
  1056   background-color: #fcc;
  1057   text-decoration: line-through;
  1058 }
  1060 .slot_issue_info {
  1061   background-color: #f2f2f2;
  1062   border: 1px solid #ccc;
  1063   float: right;
  1064   padding: 0.5ex;
  1065   line-height: 130%;
  1066   margin-right: 1em;
  1067 }
  1069 .issue_info label {
  1070   float: left;
  1071   width: 8em;
  1072   text-transform: uppercase;
  1073   font-size: 70%;
  1074   color: #777;
  1075   font-weight: bold;
  1076   clear: left;
  1077   text-align: right;
  1078   margin-right: 0.7em;
  1079 }
  1081 .admitted_info {
  1082   background-color: #dfd;
  1083   padding: 1ex;
  1084   margin-bottom: 2ex;
  1085   border-radius: 8px;
  1086 }
  1088 .not_admitted_info,
  1089 .revoked_info {
  1090   background-color: #fdd;
  1091   padding: 1ex;
  1092   margin-bottom: 2ex;
  1093   border-radius: 8px;
  1094 }
  1096 .draft_updated_info,
  1097 .voting_active_info,
  1098 .initiator_invite_info,
  1099 .motd,
  1100 .public_access_issue_head {
  1101   background-color: #fec;
  1102   padding: 1ex;
  1103   margin-top: 2ex;
  1104   margin-bottom: 2ex;
  1105   border-radius: 8px;
  1106 }
  1108 .suggestion_fulfilled {
  1109   width: 15em;
  1110 }
  1111 .suggestion_fulfilled a.action {
  1112   padding-left: 0;
  1113   line-height: 120%;
  1114 }
  1116 .help,
  1117 .use_terms {
  1118   border-radius: 8px;
  1119   border: 1px solid #ffe900;
  1120   background-color: #fffbce;
  1121   color: #000;
  1122   padding: 1ex;
  1123 }
  1125 .help_visible {
  1126   margin-top: 2ex;
  1127   margin-bottom: 1ex;
  1128 }
  1130 .help_visible .help_icon {
  1131   float: right;
  1132 }
  1134 .slot_help_hidden {
  1135   float: right;
  1136   margin-right: 1em;
  1137   margin-top: 1ex;
  1138 }
  1140 .help_actions {
  1141   font-size: 75%;
  1142   float: right;
  1143 }
  1145 .help_actions a {
  1146   margin-right: 1em;
  1147   color: #468;
  1148 }
  1150 .wiki {
  1151   line-height: 133%;
  1152 }
  1154 .wiki h1,
  1155 .wiki h2,
  1156 .wiki h3,
  1157 .wiki h4 {
  1158   margin-top: 1ex;
  1159   margin-bottom: 1ex;
  1160 }
  1162 .wiki h1 {
  1163   font-size: 150%;
  1164   font-weight: bold;
  1165 }
  1167 .wiki h2 {
  1168   font-size: 125%;
  1169   font-weight: bold;
  1170 }
  1172 .wiki h3 {
  1173   font-size: 125%;
  1174 }
  1176 .wiki h4 {
  1177   font-size: 100%;
  1178   font-weight: bold;
  1179 }
  1181 .wiki p {
  1182   margin-top: 1ex;
  1183   margin-bottom: 1ex;
  1184 }
  1186 form .warning {
  1187   background-color: #ffd;
  1188   color: #000;
  1189   border: 1px solid #dda;
  1190   margin: 1ex;
  1191   margin-bottom: 2ex;
  1192   padding: 1ex;
  1193 }
  1195 a.not_voted {
  1196   display: block;
  1197   background-color: #fec;
  1198   color: #000;
  1199 }
  1201 .action_active {
  1202   background-color: #fec;
  1203 }
  1205 .heading {
  1206   display: block;
  1207   font-size: 120%;
  1208   font-weight: bold;
  1209 }
  1211 .heading.member_area_list {
  1212   position: absolute;
  1213 }
  1215 .heading.first {
  1216   margin-top: 0;
  1217 }
  1219 .menu_list li {
  1220   padding-top: 1ex;
  1221   padding-bottom: 1ex;
  1222 }
  1224 .deactivated_member_info {
  1225   background-color: #a00;
  1226   color: #fff;
  1227 }
  1229 /*************************************************************************
  1230  * Voting
  1231  */
  1233 #voting_form {
  1234   margin-top: 20px;
  1235 }
  1237 #voting {
  1238   position: relative;
  1239 }
  1241 #voting .approval, .abstention, .disapproval {
  1242   border: 2px black solid;
  1243   margin-top:   2ex;
  1244   margin-bottom: 5ex;
  1245   padding: 1ex;
  1246   padding-bottom: 2ex;
  1247   border-radius: 8px;
  1248 }
  1249 #voting .approval {
  1250   background-color: #9f9;
  1251 }
  1252 #voting .approval .movable {
  1253   background-color: #dfd;
  1254 }
  1255 #voting .abstention {
  1256   background-color: #ccc;
  1257 }
  1258 #voting .abstention .movable {
  1259   background-color: #f2f2f2;
  1260 }
  1261 #voting .disapproval {
  1262   background-color: #f88;
  1263 }
  1264 #voting .disapproval .movable {
  1265   background-color: #fbb;
  1266 }
  1267 #voting .cathead {
  1268   font-weight: bold;
  1269 }
  1270 #voting .movable {
  1271   position: relative;
  1272   border: 1px black solid;
  1273   margin-top: 1ex;
  1274   padding: 0.5ex;
  1275   border-radius: 8px;
  1276 }
  1277 #voting .voting_form_active .movable {
  1278   cursor: pointer;
  1279 }
  1280 #voting .voting_form_active .clickable {
  1281   cursor: auto;
  1282 }
  1283 #voting .voting_form_active a.clickable {
  1284   cursor: pointer;
  1285 }
  1287 #voting .grabber {
  1288   vertical-align: middle;
  1289   cursor: move;
  1290 }
  1292 /*************************************************************************
  1293  * timeline
  1294  */
  1295 div.ignore_area_list {
  1296   float: left; 
  1297   width: 90%; 
  1298   margin: 0 0 1em 0;
  1299 }
  1301 div.ignore_area_list > 
  1302 label.ui_field_label {
  1303   text-align: left ;
  1304   width: 100%;
  1305   border-bottom:1px solid #000000;
  1306   color: #000000;
  1307   font-size:75%;
  1308   font-weight:bold;
  1309   vertical-align:bottom;
  1310   text-transform:none;
  1311   padding:0.5ex 0.5em
  1312 }
  1314 div.ignore_area_item {
  1315   clear: none;
  1316   float: left; 
  1317   min-width: 10em;
  1318   margin: 0.1ex 0.5em;
  1319   margin-right: 0.5em;
  1320 }
  1322 div.ignore_area_item > input {
  1323   float: none;
  1324   clear: none;
  1325   display: inline;
  1326 }
  1328 div.ignore_area_item >
  1329 label.ui_field_label {
  1330   float: none;
  1331   clear: none;
  1332   text-align: left;
  1333   display: inline;
  1334 }
  1336 div.timeline_results {
  1337   clear: both;
  1338 }
  1340 /* shadows */
  1342 .slot_initiatives_list,
  1343 .actions,
  1344 .issues .issue,
  1345 .ui_tabs_links a,
  1346 .draft_content,
  1347 .help,
  1348 .use_terms,
  1349 .motd,
  1350 .ui_filter a.active,
  1351 .vote_info .content {
  1352   box-shadow: #777 0px 5px 5px -5px;
  1353   -mox-box-shadow: #777 0px 5px 5px -5px;
  1354   -webkit-box-shadow: #777 0px 5px 5px -5px;
  1355 }
