liquid_feedback_frontend
view static/style.css @ 133:fa55c8ded9fd
add wiki syntax help
add help display module
add links to the wiki editors that link to a help page of the selected wiki syntax.
add help display module
add links to the wiki editors that link to a help page of the selected wiki syntax.
| author | Daniel Poelzleithner <poelzi@poelzi.org> | 
|---|---|
| date | Tue Oct 05 16:18:39 2010 +0200 (2010-10-05) | 
| parents | e1b916d2e489 | 
| children | 20e0b64cc1f9 | 
 line source
     1 /*************************************************************************
     2  * Some global definitions 
     3  */
     5 body, th, td {
     6   font-family: sans-serif;
     7   font-size: 15px;
     8   font-size: 14px;
     9   padding: 0;
    10   margin: 0;
    11 }
    13 .area_list {
    14   line-height: 170%;
    15 }
    17 body, a {
    18   color: #000;
    19 }
    21 img {
    22   border: none;
    23 }
    25 table {
    26   border-collapse: collapse;
    27   border: none;
    28 }
    30 td, th {
    31   padding: 0.5ex 0.5em 0.5ex 0.5em;
    32 }
    34 td {
    35   vertical-align: top;
    36 }
    38 th {
    39   vertical-align: bottom;
    40   font-size: 75%;
    41   font-weight: bold;
    42 }
    44 a.active {
    45   color: #fff; 
    46 }
    48 .revoked {
    49   text-decoration: line-through;
    50 }
    52 .highlighted {
    53   background-color: #fa7;
    54   color: #000;
    55 }
    57 .admin_only {
    58   font-style: italic;
    59 }
    61 a {
    62   xvertical-align: middle;
    63 }
    65 h1 {
    66   font-size: 150%;
    67 }
    69 h2 {
    70   font-size: 125%;
    71 }
    74 /*************************************************************************
    75  * Notices, warnings and errors
    76  */
    78 .layout_notice, .layout_error, .layout_warning {
    79         background: #fff;
    80         font-weight: bold;
    81         line-height: 1.7em;
    82         -moz-opacity:0.7;
    83 }
    85 .slot_notice, .slot_warning, .slot_error {
    86         padding-left: 1em;
    87 }
    89 .slot_notice {
    90         background-color: #cfc;
    91         color: #040;
    92 }
    94 .slot_warning {
    95         background-color: #fec;
    96         color: #420;
    97 }
    99 .slot_error {
   100         background-color: #fcc;
   101         color: #400;
   102 }
   104 /*************************************************************************
   105  * Navigation, search and language chooser bar 
   106  */
   108 .topbar {
   109   background-color: #444;
   110   color: #fff;
   111   font-size: 75%;
   112   line-height: 140%;
   113   margin-bottom: 1.8ex;
   114 }
   116 .topbar a {
   117   background-color: #444;
   118   color: #fff;
   119 }
   121 .topbar  a:hover {
   122   background-color: #fff;
   123   color: #000;
   124 }
   126 .navigation,
   127 .logout_button {
   128   line-height: 250%;
   129 }
   131 .navigation img,
   132 .logout_button img {
   133   margin-right: 0.5em;
   134   vertical-align: middle;
   135 }
   137 .navigation a,
   138 .logout_button a {
   139   padding: 1ex;
   140 }
   142 .logout_button {
   143   float: right;
   144 }
   146 .searchbox {
   147   margin: 0;
   148   padding: 0.1ex 1em 0ex 1em;
   149   float: right;
   150   line-height: 250%;
   151 }
   153 .searchbox form {
   154   float: left;
   155 }
   157 .searchbox div {
   158   display: inline;
   159 }
   161 .searchbox select {
   162   margin-left: 0.3em;
   163   margin-right: 0.4em;
   164   font-size: 100%;
   165   width: 8em;
   166 }
   168 .searchbox input[type=text] {
   169   width: 8em;
   170   padding: 0.25ex 0.25em 0.25ex 0.25em;
   171   margin-right: 0.5em;
   172   font-size: 100%;
   173 }
   175 .searchbox input[type=submit] {
   176   font-size: 100%;
   177 }
   179 /*************************************************************************
   180  * Title of current page including path and actions
   181  */
   183 .title_bar {
   184   border-bottom: 1px solid #777;
   185   padding-top: 1ex;
   186   padding-bottom: 0.5ex;
   187 }
   189 .title_bar_content {
   190   margin-left: 1em;
   191 }
   193 .path {
   194   color: #444;
   195 }
   197 .path div {
   198   font-size: 100%;
   199   line-height: 180%;
   200 }
   202 .path a {
   203   color: #444;
   204 }
   206 .slot_path div {
   207   display: inline;
   208   margin-left: 1em;
   209   margin-right: 1em;
   210 }
   212 .title {
   213   color: #000;
   214   margin-bottom: 0.5ex;
   215 }
   217 .slot_title {
   218 }
   220 .title div {
   221   font-weight: bold;
   222   font-size: 135%;
   223   line-height: 110%;
   224 }
   226 .title a {
   227   color: #000;
   228 }
   230 .member_image_avatar {
   231   float: left;
   232   margin-right: 0.5em;
   233 }
   235 .actions {
   236   font-size: 75%;
   237   line-height: 220%;
   238 }
   240 .slot_actions {
   241   display: inline;
   242 }
   244 .actions a {
   245   float: left;
   246   display: block;
   247   padding: 1px 0.5em 1px 0.0em;
   248   margin-right: 1em;
   249   vertical-align: middle;
   250 }
   252 .content_navigation {
   253   font-size: 75%;
   254   background-color: #eee;
   255   margin-bottom: 2ex;
   256   padding-left: 1em;
   257 }
   259 .content_navigation div,
   260 .content_navigation a {
   261   display: inline-block;
   262   padding: 3px 0.5em 3px 0.0em;
   263   margin-right: 1em;
   264   vertical-align: middle;
   265 }
   267 .content_navigation a:hover {
   268   background-color: #d7d7d7;
   269 }
   271 .actions a:hover {
   272   background-color: #d7d7d7;
   273 }
   275 .actions img {
   276   padding-left: 0.2em;
   277   padding-right: 0.2em;
   278   vertical-align: middle;
   279 }
   281 .logo { 
   282   float: right;
   283   margin-right: 1em;
   284 }
   289 /*************************************************************************
   290  * vote info / delegation 
   291  */
   293 .interest,
   294 .slot_support,
   295 .delegation,
   296 .voting_requested {
   297   float: left;
   298   position: relative;
   299   z-index: 1;
   300 }
   302 .interest img,
   303 .slot_support img,
   304 .delegation img,
   305 .voting_requested img {
   306   padding-left: 0.2em;
   307   padding-right: 0.2em;
   308 }
   309 .vote_info .head {
   310   float: left;
   311   margin-right: 1em;
   312 }
   314 .interest .head_active,
   315 .slot_support .head_potential_supporter{
   316   background-color: #fec;
   317   border: 1px solid #b96;
   318 }
   320 .interest .head_autoreject {
   321   background-color: #fdd;
   322   border: 1px solid #b77;
   323 }
   325 .slot_support .head_supporter {
   326   background-color: #dfc;
   327   border: 1px solid #8b8;
   328 }
   330 .slot_support .head_initiator {
   331   background-color: #eee;
   332   border: 1px solid #999;
   333 }
   335 .delegation .head_active {
   336   background-color: #ddf;
   337   border: 1px solid #88b;
   338 }
   340 .delegation .change_delegation {
   341   margin-bottom: 2ex;
   342 }
   344 .delegation .change_delegation a {
   345   display: inline;
   346   float: none;
   347   padding: 1ex;
   348 }
   350 .delegation .delegation_participation {
   351   margin-left: 20.5em;
   352   margin-top: 3ex;
   353   font-style: italic;
   354   font-size: 80%;
   355 }
   357 .voting_requested .head_active {
   358   background-color: #fdd;
   359   border: 1px solid #b77;
   360 }
   362 .vote_info .close {
   363   position: absolute;
   364   top: 0;
   365   right: 0;
   366   padding: 1ex;
   367   display: block;
   368 }
   370 .vote_info .content {
   371   font-size: 133%;
   372   line-height: 100%;
   373   top: 3ex;
   374   display: none;
   375   position: absolute;
   376   z-index: 10;
   377   background-color: #fff;
   378   border: 1px solid #999;
   379   padding: 1em;
   380   width: 35em;
   381 }
   383 .vote_info .delegation_arrow {
   384   margin-top: 1ex;
   385   margin-bottom: 1ex;
   386   vertical-align: middle;
   387 }
   389 .vote_info .delegation_arrow_overridden {
   390   opacity: 0.4;
   391 }
   393 .vote_info .delegation_scope_overridden {
   394   color: #777;
   395 }
   397 .vote_info .delegation_scope {
   398   display: inline;
   399 }
   401 .vote_info .delegation_info {
   402 }
   404 .vote_info .member_thumb {
   405   clear: left;
   406 }
   408 .delegation_overridden .member_thumb {
   409   opacity: 0.4;
   410 }
   412 .delegation .revoke {
   413   margin: 0.5ex;
   414   float: right;
   415 }
   417 .delegation .revoke img {
   418   vertical-align: middle;
   419 }
   422 .sub_title div {
   423   padding-top: 1ex;
   424   margin-top: 1ex;
   425   font-weight: bold;
   426   font-size: 135%;
   427   line-height: 110%;
   428 }
   430 /*************************************************************************
   431  * Main content
   432  */
   434 .main {
   435   margin-left: 1em;
   436   margin-right: 1em;
   437 }
   440 /*************************************************************************
   441  * ui.tab
   442  */
   444 .ui_tabs_links {
   445   margin-top: 4ex;
   446   font-size: 75%;
   447 }
   449 .ui_tabs_links a {
   450   padding: 1ex;
   451   line-height: 200%;
   452   background-color: #e7e7e7;
   453   white-space: nowrap;
   454 }
   456 .ui_tabs_links a:hover {
   457   background-color: #d7d7d7;
   458 }
   460 .ui_tabs_links a.selected {
   461   background-color: #444;
   462   color: #fff;
   463   text-decoration: none;
   464   padding: 1ex;
   465 }
   467 .ui_tabs_content {
   468   border: 1px solid #444;
   469   padding: 1ex 1ex 1ex 1ex;
   470 }
   472 .web10 .ui_tabs_accordeon_head {
   473   margin-bottom: 1ex;
   474 }
   476 .web20 .ui_tabs_accordeon_head {
   477   font-size: 80%;
   478   font-weight: bold;
   479   display: block;
   480   background: #eee;
   481   border: 1px solid #bbb;
   482   color: #000;
   483   padding: 0.75ex;
   484   margin-top: 2ex;
   485   cursor: pointer;
   486 }
   488 .web20 .ui_tabs_accordeon_head img {
   489   vertical-align: middle;
   490   margin-right: 0.5em;
   491 }
   493 .web20 .ui_tabs_accordeon_head .bargraph {
   494   margin-right: 0.5em;
   495 }
   497 .web20 .ui_tabs_accordeon_content {
   498   border: 1px solid #aaa;
   499   border-top: none;
   500   padding: 2ex 1em 2ex 1em;
   501   margin-bottom: 3ex;
   502 }
   504 .web20 .issue_initiative_list .ui_tabs_accordeon_head {
   505   background-color: #e5e5ff;
   506 }
   508 .web20 .issue_initiative_list .ui_tabs_accordeon_head,
   509 .web20 .issue_initiative_list .ui_tabs_accordeon_content {
   510   border-color: #aad;
   511 }
   513 .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_content {
   514   border-color: #bbb;
   515   border-width: 1px;
   516 }
   518 .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_head {
   519   background-color: #eee;
   520   border: 1px solid #bbb;
   521 }
   523 .web20 .issue_initiative_list .ui_tabs_accordeon_head a {
   524   font-size: 120%;
   525 }
   527 .ui_tabs_links a.yellow {
   528   background-color: #fec;
   529   color: #000;
   530 }
   532 .ui_tabs_links a.yellow:hover {
   533   background-color: #edb;
   534 }
   536 .ui_tabs_links a.yellow.selected {
   537   background-color: #654;
   538   color: #fff;
   539   text-decoration: none;
   540   padding: 1ex;
   541 }
   543 .web20 .ui_tabs_accordeon_head.yellow {
   544   background-color: #fec;
   545   border-color: #b96;
   546   xpadding: 1ex;
   547   xmargin-bottom: 2ex;
   548 }
   550 .web20 .ui_tabs_accordeon_content.yellow {
   551   border-color: #b96;
   552 }
   554 /*************************************************************************
   555  * ui.filters
   556  */
   558 .ui_filter_closed_head,
   559 .ui_filter_head {
   560   color: #777;
   561   margin-top: 1ex;
   562   margin-bottom: 1.5ex;
   563   font-size: 75%;
   564 }
   566 .ui_filter_head a {
   567   color: #777;
   568   padding: 0.5ex;
   569 }
   571 .ui_filter_head a.active {
   572   color: #fff;
   573   background-color: #777;
   574   padding: 0.5ex;
   575 }
   577 /*************************************************************************
   578  * ui.paginate
   579  */
   581 .ui_paginate_head {
   582   margin-bottom: 1ex;
   583 }
   585 .ui_paginate_foot {
   586   margin-top: 1ex;
   587 }
   589 .ui_paginate_select a {
   590   padding: 0.5ex;
   591 }
   593 /*************************************************************************
   594  * ui.bargraph
   595  */
   597 .bargraph {
   598   width: 103px;
   599 }
   601 .bargraph50 {
   602   width: 52px;
   603 }
   605 .bargraph div {
   606   float: left;
   607   margin-top: 0.5ex;
   608   height: 1.3ex;
   609 }
   611 .bargraph_legend {
   612   margin-top: 2ex;
   613 }
   615 .bargraph_legend .bargraph {
   616   width: 26px;
   617 }
   619 .bargraph_legend div,
   620 .bargraph_legend div div,
   621 .bargraph_legend div div div {
   622   float: left;
   623 }
   625 .bargraph_legend_label {
   626   margin-left: 0.5em;
   627   margin-right: 1em;
   628 }
   630 /*************************************************************************
   631  * vertical ui.form
   632  */
   634 .login input[type=text],
   635 .vertical input[type=text],
   636 .login input[type=password],
   637 .vertical input[type=password],
   638 .vertical textarea,
   639 .vertical select {
   640   font-family: sans-serif;
   641   font-size: 100%;
   642   width: 50em;
   643   border: 1px solid #444;
   644   padding: 0.2ex 0.2em 0.2ex 0.2em;
   645   margin-bottom: 1ex;
   646 }
   648 .login input[type=password],
   649 .vertical input[type=password] {
   650   width: 16em;
   651 }
   653 .vertical select {
   654   padding-right: 0;
   655 }
   657 .login .ui_field_label,
   658 .vertical .ui_field_label {
   659   text-transform: uppercase;
   660   font-size: 70%;
   661   line-height: 120%;
   662   font-weight: bold;
   663   color: #777;
   664   width: 15em;
   665   display: block;
   666   float: left;
   667   clear: left;
   668   text-align: right;
   669   padding-right: 0.5em;
   670 }
   672 .ui_field_label.label_right {
   673   text-align: left;
   674   width: auto;
   675 }
   677 .login input[type=text],
   678 .login input[type=password] {
   679   width: 10em;
   680 }
   682 .login div,
   683 .vertical div {
   684   clear: left;
   685 }
   687 .vertical span {
   688   display: block;
   689   margin-bottom: 0.5ex;
   690 }
   692 .vertical span:after {
   693   content: " ";
   694 }
   696 .vertical span span {
   697   display: inline;
   698   margin-bottom: 0;
   699 }
   701 .login input[type=submit],
   702 .vertical input[type=submit] {
   703   font-size: 100%;
   704   margin-left: 11em;
   705   background-color: #444444;
   706   color: #fff;
   707   border: none;
   708   padding: 0.75ex;
   709 }
   711 .login input[type=submit]:hover,
   712 .vertical input[type=submit]:hover {
   713   background-color: #444444;
   714 }
   716 /*************************************************************************
   717  * Tables
   718  */
   721 table a.action {
   722   font-size: 70%;
   723   line-height: 190%;
   724   padding: 0.5ex;
   725   color: #777;
   726 }
   728 table a.active {
   729   color: #fff; 
   730 }
   732 th {
   733   text-align: left;
   734   border-bottom: 1px solid #000;
   735 }
   737 tr:hover td {
   738   background-color: #ddd;
   739 }
   741 .nohover tr:hover td {
   742   background-color: #fff;
   743 }
   745 .nohover table tr:hover td {
   746   background-color: #ddd;
   747 }
   750 tr table tr:hover td {
   751   background-color: #fff;
   752 }
   755 /*************************************************************************
   756  * Hidden inline form
   757  */
   759 .hidden_inline_form {
   760   display: none;
   761   border: 1px solid #444;
   762   width: 42em;
   763   position: fixed;
   764   background-color: #fff;
   765   left: 5em;
   766   top: 5ex;
   767 z-index: 2;
   768 }
   770 .hidden_inline_form a {
   771   padding: 0.5ex;
   772   color: #fff;
   773 }
   776 .hidden_inline_form .head {
   777   background-color: #444;
   778   color: #fff;
   779   display: block;
   780   padding: 0.5ex;
   781 }
   783 .hidden_inline_form input[type=text],
   784 .hidden_inline_form textarea,
   785 .hidden_inline_form select {
   786   width: 30em;
   787 }
   789 /*************************************************************************
   790  * Positive / Negtive votes
   791  */
   794 .positive_votes span {
   795   display: inline;
   796 }
   798 .positive_votes {
   799   display: inline;
   800   background-color: #cfc;
   801   padding: 0.3ex 0.5em 0.3ex 0.5em;
   802 }
   804 .negative_votes span {
   805   display: inline;
   806 }
   808 .negative_votes {
   809   display: inline;
   810   background-color: #fcc;
   811   padding: 0.3ex 0.5em 0.3ex 0.5em;
   812 }
   814 .suggestion_my_opinion a,
   815 .suggestion_my_opinion span {
   816   white-space: nowrap;
   817   padding-left: 0.2ex !important;
   818   padding-right: 0.2ex !important;
   819 }
   821 .active {
   822   background-color: #444;
   823   color: #fff;
   824 }
   826 .active_red2 { background-color: #a00; color: #fff !important; }
   827 .active_red1 { background-color: #f88; color: #000 !important; }
   828 .active_green1 { background-color: #8f8; color: #000 !important; }
   829 .active_green2 { background-color: #0a0; color: #000 !important; }
   834 /*************************************************************************
   835  * Issues
   836  */
   838 .issues tr {
   839   border: 1px solid #ccc;
   840 }
   842 .issues tr tr {
   843   border: none;
   844 }
   846 .lang_chooser {
   847   float: right;
   848   margin-right: 0.5em;
   849 }
   851 .delegation_list_entry {
   852   margin-right: 2em;
   853   margin-bottom: 2ex;
   854   float: left;
   855   clear: left;
   856 }
   858 .delegation_list_entry .delegation_arrow {
   859   float: left;
   860 }
   862 .delegation_list_entry .delegation_scope {
   863   float: left;
   864   width: 25em;
   865 }
   867 .delegation_list_entry .delegation_scope a {
   868   display: block;
   869 }
   871 .member_list .member_thumb {
   872   float: left;
   873   margin-right: 1em;
   874   margin-bottom: 2ex;
   875 }
   877 .member_thumb {
   878   text-decoration: none;
   879   width: 14.5em;
   880   height: 48px;
   881   display: block;
   882   float: left;
   883   border: 1px solid #999;
   884   overflow: hidden;
   885   xwhite-space: nowrap;
   886   position: relative;
   887 }
   889 .member_thumb a{
   890   position: absolute;
   891   top: 0;
   892   left: 0;
   893   padding: 0;
   894   margin: 0;
   895 }
   897 .member_thumb a:hover div {
   898   background-color: #444;
   899   color: #fff;
   900 }
   902 .member_thumb img {
   903   padding: 0;
   904   margin: 0;
   905   vertical-align: bottom;
   906 }
   908 .member_thumb div {
   909 }
   911 .member_thumb .member_image {
   912 }
   914 .member_thumb .member_name {
   915   position: absolute;
   916   left: 48px;
   917   top: 2ex;
   918   font-size: 100%;
   919   width: 14em;
   920 }
   922 .member_thumb .flags {
   923   text-align: right;
   924   font-size: 75%;
   925 }
   927 .member_thumb .flags a,
   928 .member_thumb .flags img {
   929   position: static;
   930   float: right;
   931   margin-left: 0.5em;
   932 }
   935 .member .right {
   936   float: right;
   937 }
   939 .member_thumb.not_accepted,
   940 .member_thumb.not_informed {
   941   opacity: 0.5;
   942 }
   944 .member_statement,
   945 .draft_content,
   946 .suggestion_content {
   947   background-color: #eee;
   948   border: 1px solid #ccc;
   949   padding-left: 1ex;
   950   padding-right: 1ex;
   951 }
   953 .diff {
   954   background-color: #eee;
   955   border: 1px solid #ccc;
   956   padding: 1ex;
   957 }
   959 .diff_added {
   960   background-color: #cfc;
   961   text-decoration: underline;
   962 }
   964 .diff_removed {
   965   background-color: #fcc;
   966   text-decoration: line-through;
   967 }
   969 .slot_issue_info {
   970   background-color: #eee;
   971   border: 1px solid #ccc;
   972   float: right;
   973   padding: 0.5ex;
   974   line-height: 130%;
   975   margin-right: 1em;
   976 }
   978 .issue_info label {
   979   float: left;
   980   width: 8em;
   981   text-transform: uppercase;
   982   font-size: 70%;
   983   color: #777;
   984   font-weight: bold;
   985   clear: left;
   986   text-align: right;
   987   margin-right: 0.7em;
   988 }
   990 .admitted_info {
   991   background-color: #dfd;
   992   padding: 1ex;
   993   margin-bottom: 2ex;
   994 }
   996 .not_admitted_info,
   997 .revoked_info {
   998   background-color: #fdd;
   999   padding: 1ex;
  1000   margin-bottom: 2ex;
  1001 }
  1003 .draft_updated_info,
  1004 .voting_active_info,
  1005 .initiator_invite_info,
  1006 .motd,
  1007 .public_access_issue_head {
  1008   background-color: #fec;
  1009   border: 1px solid #b96;
  1010   padding: 1ex;
  1011   margin-bottom: 2ex;
  1012 }
  1014 .suggestion_fulfilled {
  1015   width: 15em;
  1016 }
  1017 .suggestion_fulfilled a.action {
  1018   padding-left: 0;
  1019   line-height: 120%;
  1020 }
  1022 .help,
  1023 .use_terms {
  1024   border: 1px solid #bcd;
  1025   background-color: #def;
  1026   color: #000;
  1027   padding: 1ex;
  1028 }
  1030 .help_visible {
  1031   margin-bottom: 1ex;
  1032 }
  1034 .help_visible .help_icon {
  1035   float: right;
  1036 }
  1038 .slot_help_hidden {
  1039   float: right;
  1040   margin-right: 1em;
  1041 }
  1043 .help_actions {
  1044   font-size: 75%;
  1045   float: right;
  1046 }
  1048 .help_actions a {
  1049   margin-right: 1em;
  1050   color: #468;
  1051 }
  1053 .wiki {
  1054 }
  1056 .wiki h1,
  1057 .wiki h2,
  1058 .wiki h3,
  1059 .wiki h4 {
  1060   margin-top: 1ex;
  1061   margin-bottom: 1ex;
  1062 }
  1064 .wiki h1 {
  1065   font-size: 150%;
  1066 }
  1068 .wiki h2 {
  1069   font-size: 125%;
  1070 }
  1072 .wiki p {
  1073   margin-top: 1ex;
  1074   margin-bottom: 1ex;
  1075 }
  1077 form .warning {
  1078   background-color: #ffd;
  1079   color: #000;
  1080   border: 1px solid #dda;
  1081   margin: 1ex;
  1082   margin-bottom: 2ex;
  1083   padding: 1ex;
  1084 }
  1086 a.not_voted {
  1087   display: block;
  1088   background-color: #fec;
  1089   color: #000;
  1090 }
  1092 .action_active {
  1093   background-color: #fec;
  1094 }
  1096 .heading {
  1097   font-size: 120%;
  1098   font-weight: bold;
  1099   margin-top: 2ex;
  1100   margin-bottom: 1ex;
  1101 }
  1103 .heading.first {
  1104   margin-top: 0;
  1105 }
  1107 .menu_list li {
  1108   padding-top: 1ex;
  1109   padding-bottom: 1ex;
  1110 }
  1112 .deactivated_member_info {
  1113   background-color: #a00;
  1114   color: #fff;
  1115 }
  1117 /*************************************************************************
  1118  * Voting
  1119  */
  1121 #voting {
  1122   position: relative;
  1123 }
  1124 #voting .approval, .abstention, .disapproval {
  1125   border: 2px black solid;
  1126   margin-top:    5ex;
  1127   margin-bottom: 5ex;
  1128   padding: 1ex;
  1129   padding-bottom: 2ex;
  1130 }
  1131 #voting .approval {
  1132   background-color: #9f9;
  1133 }
  1134 #voting .approval .movable {
  1135   background-color: #dfd;
  1136 }
  1137 #voting .abstention {
  1138   background-color: #ccc;
  1139 }
  1140 #voting .abstention .movable {
  1141   background-color: #eee;
  1142 }
  1143 #voting .disapproval {
  1144   background-color: #f88;
  1145 }
  1146 #voting .disapproval .movable {
  1147   background-color: #fbb;
  1148 }
  1149 #voting .cathead {
  1150   font-weight: bold;
  1151 }
  1152 #voting .movable {
  1153   position: relative;
  1154   border: 1px black solid;
  1155   margin: 1ex;
  1156   padding: 0.5ex;
  1157 }
  1158 #voting .voting_form_active .movable {
  1159   cursor: pointer;
  1160 }
  1161 #voting .voting_form_active .clickable {
  1162   cursor: auto;
  1163 }
  1164 #voting .voting_form_active a.clickable {
  1165   cursor: pointer;
  1166 }
  1168 #voting .grabber {
  1169   vertical-align: middle;
  1170   cursor: move;
  1171 }
