static/css/cavote.css

   1 .page-header {
   2     padding-bottom:0;
   3     margin-top:9px;
   4  }
   5
   6 .table-comments tbody tr td {
   7         text-align:left;
   8  }
   9
  10 .table-votes {
  11         table-layout:fixed;
  12  }
  13 .table-votes thead th {
  14     text-align: right;
  15     vertical-align: middle;
  16 }
  17 .table-votes thead th.users {
  18         text-align:left;
  19         padding-left:1em;
  20  }
  21 .table-votes th.choice-name {
  22     text-align: center;
  23 }
  24 .table-votes thead th.comments {
  25         text-align:left;
  26         padding-left:1em;
  27  }
  28 .table-votes tbody td.ok {
  29         text-align:left;
  30         padding-left:1em;
  31  }
  32
  33 .table-votes input {
  34     margin: 0;
  35 }
  36
  37 .row {
  38     margin-left:0;
  39  }
  40
  41 .table-votes td {
  42     text-align: center;
  43     vertical-align: middle;
  44 }
  45
  46 .table-votes td.choice-after-vote {
  47         border:2px solid red;
  48  }
  49
  50 .table-votes .yes {
  51     background-color: #46a546; /* green */
  52     /*background-color: #049cdb;*/ /* blue */
  53     color: white;
  54     font-weight: bold;
  55 }
  56
  57 .table-votes .no {
  58     background-color: #9d261d; /* red */
  59     color: white;
  60     font-weight: bold;
  61 }
  62
  63 .table-votes tr:hover .yes {
  64     /*background-color: #60C160; [> green <]*/
  65     background-color: #55ab55; /* green */
  66     /*background-color: #049cdb;*/ /* blue */
  67 }
  68
  69 .table-votes tr:hover .no {
  70     background-color: #C73F38; /* red */
  71 }
  72
  73 .table-votes input,
  74 .table-votes textarea,
  75 .table-votes select,
  76 .table-votes .uneditable-input {
  77     width:auto;
  78     margin-bottom:0;
  79  }
  80
  81 .table-votes td {
  82     font-family:sans-serif;
  83     font-size:12px;
  84  }
  85 .table-votes .value_black {
  86     background-color:black !important;
  87  }
  88 .value__X___Pas_d_Opinion_ {
  89     background-color:white !important;
  90     color:black !important;
  91     text-shadow: 0 0 2px #ccc !important;
  92     fill:white;
  93  }
  94 .results .value__X___Pas_d_Opinion_ + text {
  95     fill:black;
  96  }
  97 .table-votes *[class^="value_"] {
  98     color:white;
  99     text-shadow: 0 0 2px #000;
 100  }
 101 .cardinal-2 .value__0__Sans_moi_ {
 102     background-color:#B4B4B4 !important;
 103     fill:#B4B4B4;
 104  }
 105 .cardinal-2 .value__1__Avec_moi_ {
 106     background-color:#20B756 !important;
 107     fill:#20B756;
 108  }
 109 .cardinal-2 .value__1__Favorable_ {
 110     background-color:#20B756 !important;
 111     fill:#20B756;
 112  }
 113 .cardinal-3 .value_-1__Hostile_ {
 114     background-color:#DB4343 !important;
 115     fill:#DB4343;
 116  }
 117 .cardinal-3 .value__0__Indiff_rent_ {
 118     background-color:#B4B4B4 !important;
 119     fill:#B4B4B4;
 120  }
 121 .cardinal-3 .value__1__Favorable_ {
 122     background-color:#20B756 !important;
 123     fill:#20B756;
 124  }
 125 .cardinal-5 .value_-2__Hostile_et_sans_moi_ {
 126     background-color:#DB4343 !important;
 127     fill:#DB4343;
 128  }
 129 .results .value_-2__Hostile_et_sans_moi_ + text {
 130     font: 8px sans-serif;
 131  }
 132 .cardinal-5 .value_-1__Hostile_mais_avec_moi_ {
 133     background-color:#E49F37 !important;
 134     fill:#E49F37;
 135  }
 136 .results .value_-1__Hostile_mais_avec_moi_ + text {
 137     font: 8px sans-serif;
 138  }
 139 .cardinal-5 .value__0__Indiff_rent_ {
 140     background-color:#B4B4B4 !important;
 141     fill:#B4B4B4;
 142  }
 143 .cardinal-5 .value__1__Favorable_mais_sans_moi_ {
 144     background-color:#B1D039 !important;
 145     fill:#B1D039;
 146  }
 147 .results .value__1__Favorable_mais_sans_moi_ + text {
 148     font: 8px sans-serif;
 149  }
 150 .cardinal-5 .value__2__Favorable_et_avec_moi_ {
 151     background-color:#20B756 !important;
 152     fill:#20B756;
 153  }
 154 .results .value__2__Favorable_et_avec_moi_ + text {
 155     font: 8px sans-serif;
 156  }
 157 .container,
 158 .navbar-fixed-top .container,
 159 .navbar-fixed-bottom .container {
 160     width:auto;
 161  }
 162 .span3 {
 163     width:24em;
 164  }
 165 .span3.description {
 166         height:10em;
 167         overflow:auto;
 168  }
 169 .span8 {
 170     width:625px;
 171  }
 172 .span8 svg {
 173     margin:0;
 174     padding:0;
 175     overflow:visible;
 176  }
 177 .span9 {
 178     width:800px;
 179  }
 180
 181 .results rect {
 182         //fill: steelblue;
 183  }
 184 .results g.value_-2 rect {
 185         fill: #DB4343;
 186  }
 187 .results g.value_-1 rect {
 188         fill: #E49F37;
 189  }
 190 .results g.value__0 rect {
 191         fill: #B4B4B4;
 192  }
 193 .results g.value__1 rect {
 194         fill: #B1D039;
 195  }
 196 .results g.value__2 rect {
 197         fill: #20B756;
 198  }
 199 .results text.choice {
 200         fill: black;
 201  }
 202 .results text.choice-legend {
 203         fill: black;
 204     font-weight:bold;
 205  }
 206 .results text.choice-legend-item {
 207         fill: black;
 208  }
 209 .results text.choice-sum {
 210         fill: black;
 211     font-weight:bold;
 212  }
 213 .results text.choice-average {
 214         fill: black;
 215     font-weight:bold;
 216  }
 217 .results text.choice-sum-legend {
 218         fill: blue;
 219     font-weight:bold;
 220  }
 221 .results text.choice-average-legend {
 222         fill: blue;
 223     font-weight:bold;
 224  }
 225 .results text.choice-median {
 226         fill: blue;
 227     font-weight:bold;
 228  }
 229 .results text {
 230         fill: white;
 231         font: 10px sans-serif;
 232         text-anchor: end;
 233  }
 234
 235 .results .axis text {
 236         fill: black;
 237         font: 10px sans-serif;
 238  }
 239 .results .axis path,
 240 .results .axis line {
 241         fill: none;
 242         shape-rendering: crispEdges;
 243         stroke: #000;
 244  }