projects.mako.cc - selectricity-live/blob - public/stylesheets/main.css

   1 body    {
   2         font-size:      1em;
   3         font-weight:    normal;
   4         word-spacing:   normal;
   5         letter-spacing: normal;
   6         text-transform: none;
   7         font-family:    Myriad Web, Geneva, Arial, Helvetica, sans-serif;
   8         font-size-adjust:       .48;
   9 }
  10 p, blockquote, ul, ol, dl, dd, li, dir, menu {}
  11
  12 h1, h2, h3, h4 {
  13     border-bottom: 1px solid #4D801A;
  14     text-shadow: #4D801A 0.2em 0.2em 3px;
  15
  16 }
  17 #headertext a {color: #FFFFFF; text-decoration: none;}
  18
  19 a:link { font-weight: bold; color: #4D801A; text-decoration: underline; }
  20 a:visited { font-weight: bold; color: #4D801A; text-decoration: underline; }
  21 a:hover { color: #FFFFFF; text-decoration: none; background: #0063DC; }
  22 a:active { color: #FFFFFF; text-decoration: none; background: #0259C4; }
  23
  24 #loginbox {
  25   padding: 10px;
  26   border: 1px solid;
  27   width: 400px;
  28   text-align: left;
  29 }
  30
  31 #ErrorExplanation {
  32   width: 400px;
  33   border: 2px solid 'red';
  34   padding: 7px;
  35   padding-bottom: 12px;
  36   margin-bottom: 20px;
  37   background-color: #f0f0f0;
  38 }
  39
  40 #ErrorExplanation h2 {
  41   text-align: left;
  42   font-weight: bold;
  43   padding: 5px 5px 5px 15px;
  44   font-size: 12px;
  45   margin: -7px;
  46   background-color: #c00;
  47   color: #fff;
  48 }
  49
  50 #ErrorExplanation p {
  51   color: #333;
  52   margin-bottom: 0;
  53   padding: 5px;
  54 }
  55
  56 #ErrorExplanation ul li {
  57   font-size: 12px;
  58   list-style: square;
  59 }
  60
  61 #top { padding-left: 10px;
  62        padding-right: 10px;
  63        padding-top: 5px;
  64        padding-bottom: 5px;
  65        font-weight: normal;
  66        background: #73BF26;
  67        color: #FFFFFF;
  68 }
  69
  70 #top h3 {
  71   border-bottom: 0px;
  72   font-size: 30px; }
  73
  74 #links { text-align : right; }
  75 #links a { color: #FFF; font-weight: bold; }
  76 #links a:visited { color: #FFF; font-weight: bold; }
  77
  78 .ListLine0 {
  79         background:  #e0f8f8;
  80
  81 }
  82 .ListLine1 {
  83         background: #cccccc;
  84
  85 }
  86
  87 #main { margin: 30px; }
  88
  89 #notice { background: #FFFBB3;
  90                         text-align: left;
  91                         font-weight: bold;
  92                         border: 2px dotted 'red';
  93                         margin-top: 10px;
  94                         margin-left: 50px;
  95                         padding: 5px 5px 5px 15px;
  96                         width: 400px; }
  97
  98 #status {
  99   width: 400px;
 100   border: 1px solid #0000FF;
 101   border-width: 1px;
 102   padding: 7px;
 103   padding-bottom: 12px;
 104   margin-bottom: 20px;
 105   background-color: #f0f0f0;
 106 }
 107
 108 #footer { text-align: center;
 109           font-size: 12px;
 110           color: #464646;
 111           clear: both;}
 112
 113 #footer a { font-weight: normal; }
 114
 115 #subtext {
 116         text-align: center;
 117         font-size: 12px;
 118         font-weight: bold; }
 119
 120 .fieldWithErrors {
 121     display: inline;
 122 }
 123 .fieldWithErrors input, .fieldWithErrors select {
 124     background-color: #ffdfdf;
 125 }
 126
 127
 128
 129 #xxErrorExplanation h2 {
 130   text-align: left;
 131   font-weight: bold;
 132   padding: 5px 5px 5px 15px;
 133   font-size: 12px;
 134   margin: -7px;
 135   background-color: #c00;
 136   color: #fff;
 137 }
 138
 139 #xxErrorExplanation p {
 140   color: #333;
 141   margin-bottom: 0;
 142   padding: 5px;
 143 }
 144
 145 #xxErrorExplanation ul li {
 146   font-size: 12px;
 147   list-style: square;
 148 }
 149
 150 .mainresultbox {
 151   text-align: center;
 152   width: 850px;
 153   border-width: 2px;
 154   border-style: solid;
 155   border-color: #4D801A;
 156   padding: 7px;
 157   margin-right: 30px;
 158   margin-bottom: 30px;
 159 }
 160
 161 .mainresultbox h3 {
 162   text-align: center;
 163   font-weight: bold;
 164   padding: 5px 5px 5px 15px;
 165   margin: -7px;
 166   background-color: #73BF26;
 167   color: #fff;
 168   border-bottom: 0px;
 169 }
 170
 171 .resultbox {
 172   text-align: center;
 173   width: 400px;
 174   float: left;
 175   border-width: 2px;
 176   border-style: solid;
 177   border-color: #4D801A;
 178   padding: 7px;
 179   margin-right: 30px;
 180   margin-bottom: 30px;
 181 }
 182
 183 .resultbox h3 {
 184   text-align: center;
 185   font-weight: bold;
 186   padding: 5px 5px 5px 15px;
 187   margin: -7px;
 188   background-color: #73BF26;
 189   color: #fff;
 190   border-bottom: 0px;
 191 }
 192 .clearbox {
 193    clear: both;
 194    margin: 30px;
 195 }
 196
 197 li.moveable {
 198   background-color: #E5FFCC;
 199   border:1px solid #4D801A;
 200   cursor: move;
 201   padding: 4px;
 202   margin: 4px;
 203 }
 204
 205 #sortable_list {
 206   font-size: 24pt;
 207   display: float;
 208   float: left;
 209 }
 210
 211 .voterbox {
 212   border-spacing: 0px;
 213   border-width: 2px;
 214   border-color: #4D801A;
 215   border-style: solid;
 216 }
 217
 218 .voterbox th {
 219   border-width: 2px;
 220   border-color: #73BF26;
 221   border-style: solid;
 222   text-align: center;
 223   font-weight: bold;
 224   padding: 5px 5px 5px 15px;
 225   background-color: #73BF26;
 226   color: #fff;
 227 }
 228
 229 .voterbox td {
 230   border-collapse: collapse;
 231   border-width: 1px;
 232   border-color: #4D801A;
 233   border-style: solid;
 234
 235   text-align: right;
 236   padding-right: 5px;
 237   padding-left: 5px;
 238 }
 239
 240 .rbmoreinfo hr {
 241   width: 100%;
 242   height: 10px;
 243   color: #4D801A;
 244 }
 245 .rbmoreinfo h4 {
 246   border: 0px;
 247   font-style: italic;
 248   text-align: center;
 249   font-size: 0.9em;
 250 }
 251
 252 .rbmoreinfo p {
 253   font-size: 0.8em;
 254   padding-left: 30px;
 255   padding-right: 30px;
 256   text-align: left;
 257 }
 258
 259 .example {
 260   width: 400px;
 261   border-width: 2px;
 262   border-style: solid;
 263   border-color: #73BF26;
 264   padding: 7px;
 265   padding-bottom: 12px;
 266   margin-bottom: 20px;
 267   background-color: #f0f0f0;
 268 }
 269
 270 .example h4 {
 271   text-align: center;
 272   font-weight: bold;
 273   padding: 5px 5px 5px 15px;
 274   font-size: 12px;
 275   margin: -7px;
 276   background-color: #73BF26;
 277   color: #fff;
 278   border-bottom: 0px;
 279 }
 280
 281 .example p {
 282   margin-bottom: 0;
 283   padding: 5px;
 284 }
 285
 286
 287 .warning {
 288   width: 400px;
 289   border-width: 2px;
 290   border-style: solid;
 291   border-color: #4D801A;
 292   padding: 7px;
 293   padding-bottom: 12px;
 294   margin-bottom: 20px;
 295   background-color: #f0f0f0;
 296 }
 297
 298 .warning h4 {
 299   text-align:
 300   center;
 301   font-weight:
 302   bold;
 303   padding: 5px 5px 5px 15px;
 304   font-size: 12px;
 305   margin: -7px;
 306   background-color: #4D801A;
 307   color: #fff;
 308   border-bottom: 0px;
 309 }
 310
 311 .warning p {
 312   margin-bottom: 0;
 313   padding: 5px;
 314 }
 315
 316 #election_creation_progress_bar ul li {
 317   display: inline;
 318   list-style: default;
 319 }
 320
 321 #election_creation_progress_bar ul li:after {
 322   font-weight: normal;
 323   color: #000;
 324   content: " || ";
 325 }
 326
 327 #election_creation_progress_bar ul li.last:after {
 328   content: "";
 329 }
 330
 331 #election_creation_progress_bar li.step_selected {
 332   font-weight: bold;
 333 }
 334
 335 #election_creation_progress_bar li.step_unselected {
 336   color: #CCCCCC;
 337   font-weight: bold;
 338 }