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 .resultbox {
 171   text-align: center;
 172   width: 400px;
 173   float: left;
 174   border-width: 2px;
 175   border-style: solid;
 176   border-color: #4D801A;
 177   padding: 7px;
 178   margin-right: 30px;
 179   margin-bottom: 30px;
 180 }
 181
 182 .resultbox h3 {
 183   text-align: center;
 184   font-weight: bold;
 185   padding: 5px 5px 5px 15px;
 186   margin: -7px;
 187   background-color: #73BF26;
 188   color: #fff;
 189   border-bottom: 0px;
 190 }
 191 .clearbox {
 192    clear: both;
 193    margin: 30px;
 194 }
 195
 196 li.moveable {
 197   background-color: #E5FFCC;
 198   border:1px solid #4D801A;
 199   cursor: move;
 200   padding: 4px;
 201   margin: 4px;
 202 }
 203
 204 #sortable_list {
 205   font-size: 24pt;
 206   display: float;
 207   float: left;
 208 }
 209
 210 .voterbox {
 211   border-spacing: 0px;
 212   border-width: 2px;
 213   border-color: #4D801A;
 214   border-style: solid;
 215 }
 216
 217 .voterbox th {
 218   border-width: 2px;
 219   border-color: #73BF26;
 220   border-style: solid;
 221   text-align: center;
 222   font-weight: bold;
 223   padding: 5px 5px 5px 15px;
 224   background-color: #73BF26;
 225   color: #fff;
 226 }
 227
 228 .voterbox td {
 229   border-collapse: collapse;
 230   border-width: 1px;
 231   border-color: #4D801A;
 232   border-style: solid;
 233
 234   text-align: right;
 235   padding-right: 5px;
 236   padding-left: 5px;
 237 }
 238
 239 .rbmoreinfo hr {
 240   width: 100%;
 241   height: 10px;
 242   color: #4D801A;
 243 }
 244 .rbmoreinfo h4 {
 245   border: 0px;
 246   font-style: italic;
 247   text-align: center;
 248   font-size: 0.9em;
 249 }
 250
 251 .rbmoreinfo p {
 252   font-size: 0.8em;
 253   padding-left: 30px;
 254   padding-right: 30px;
 255   text-align: left;
 256 }
 257
 258 .example {
 259   width: 400px;
 260   border-width: 2px;
 261   border-style: solid;
 262   border-color: #73BF26;
 263   padding: 7px;
 264   padding-bottom: 12px;
 265   margin-bottom: 20px;
 266   background-color: #f0f0f0;
 267 }
 268
 269 .example h4 {
 270   text-align: center;
 271   font-weight: bold;
 272   padding: 5px 5px 5px 15px;
 273   font-size: 12px;
 274   margin: -7px;
 275   background-color: #73BF26;
 276   color: #fff;
 277   border-bottom: 0px;
 278 }
 279
 280 .example p {
 281   margin-bottom: 0;
 282   padding: 5px;
 283 }
 284
 285
 286 .warning {
 287   width: 400px;
 288   border-width: 2px;
 289   border-style: solid;
 290   border-color: #4D801A;
 291   padding: 7px;
 292   padding-bottom: 12px;
 293   margin-bottom: 20px;
 294   background-color: #f0f0f0;
 295 }
 296
 297 .warning h4 {
 298   text-align:
 299   center;
 300   font-weight:
 301   bold;
 302   padding: 5px 5px 5px 15px;
 303   font-size: 12px;
 304   margin: -7px;
 305   background-color: #4D801A;
 306   color: #fff;
 307   border-bottom: 0px;
 308 }
 309
 310 .warning p {
 311   margin-bottom: 0;
 312   padding: 5px;
 313 }
 314