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