server/styles/styles.css

   1 @import url('base_styles.css');
   2 @import url('header_styles.css');
   3 @import url('content_styles.css');
   4 @import url('footer_styles.css');
   5 input.rounded {
   6
   7   border: 1px solid #ccc;
   8
   9   /* Safari 5, Chrome support border-radius without vendor prefix.
  10    * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
  11    * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
  12    */
  13   -moz-border-radius: 10px;
  14   -webkit-border-radius: 10px;
  15   border-radius: 10px;
  16
  17   /* Chrome, FF 4.0 support box-shadow without vendor prefix.
  18    * Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.
  19    * No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
  20    * change the offsets, blur and color to suit your design.
  21    */
  22   -moz-box-shadow: 2px 2px 3px #666;
  23   -webkit-box-shadow: 2px 2px 3px #666;
  24   box-shadow: 2px 2px 3px #666;
  25
  26   /* using a bigger font for demo purposes so the box isn't too small */
  27   font-size: 20px;
  28
  29   /* with a big radius/font there needs to be padding left and right
  30    * otherwise the text is too close to the radius.
  31    * on a smaller radius/font it may not be necessary
  32    */
  33   padding: 4px 7px;
  34
  35   /* only needed for webkit browsers which show a rectangular outline;
  36    * others do not do outline when radius used.
  37    * android browser still displays a big outline
  38    */
  39   outline: 0;
  40
  41   /* this is needed for iOS devices otherwise a shadow/line appears at the
  42    * top of the input. depending on the ratio of radius to height it will
  43    * go all the way across the full width of the input and look really messy.
  44    * ensure the radius is no more than half the full height of the input,
  45    * and the following is set, and everything will render well in iOS.
  46    */
  47   -webkit-appearance: none;
  48
  49 }
  50
  51 input.rounded:focus {
  52
  53   /* supported IE8+ and all other browsers tested.
  54    * optional, but gives the input focues when selected.
  55    * change to a color that suits your design.
  56    */
  57   border-color: #339933;
  58
  59 }
  60
  61 .scoreboard {
  62         margin:0px;padding:0px;
  63         width:80%;
  64         box-shadow: 10px 10px 5px #888888;
  65         border:1px solid #000000;
  66
  67         -moz-border-radius-bottomleft:0px;
  68         -webkit-border-bottom-left-radius:0px;
  69         border-bottom-left-radius:0px;
  70
  71         -moz-border-radius-bottomright:0px;
  72         -webkit-border-bottom-right-radius:0px;
  73         border-bottom-right-radius:0px;
  74
  75         -moz-border-radius-topright:0px;
  76         -webkit-border-top-right-radius:0px;
  77         border-top-right-radius:0px;
  78
  79         -moz-border-radius-topleft:0px;
  80         -webkit-border-top-left-radius:0px;
  81         border-top-left-radius:0px;
  82 }.scoreboard table{
  83     border-collapse: collapse;
  84         border-spacing: 0;
  85         width:100%;
  86         height:50%;
  87         margin:0px;padding:0px;
  88 }.scoreboard tr:last-child td:last-child {
  89         -moz-border-radius-bottomright:0px;
  90         -webkit-border-bottom-right-radius:0px;
  91         border-bottom-right-radius:0px;
  92 }
  93 .scoreboard table tr:first-child td:first-child {
  94         -moz-border-radius-topleft:0px;
  95         -webkit-border-top-left-radius:0px;
  96         border-top-left-radius:0px;
  97 }
  98 .scoreboard table tr:first-child td:last-child {
  99         -moz-border-radius-topright:0px;
 100         -webkit-border-top-right-radius:0px;
 101         border-top-right-radius:0px;
 102 }.scoreboard tr:last-child td:first-child{
 103         -moz-border-radius-bottomleft:0px;
 104         -webkit-border-bottom-left-radius:0px;
 105         border-bottom-left-radius:0px;
 106 }.scoreboard tr:hover td{
 107
 108 }
 109 .scoreboard tr:nth-child(odd){ background-color:#e5e5e5; }
 110 .scoreboard tr:nth-child(even)    { background-color:#ffffff; }.scoreboard td{
 111         vertical-align:middle;
 112
 113
 114         border:1px solid #000000;
 115         border-width:0px 1px 1px 0px;
 116         text-align:center;
 117         padding:7px;
 118         font-size:17px;
 119         font-family:Arial;
 120         font-weight:normal;
 121         color:#000000;
 122 }.scoreboard tr:last-child td{
 123         border-width:0px 1px 0px 0px;
 124 }.scoreboard tr td:last-child{
 125         border-width:0px 0px 1px 0px;
 126 }.scoreboard tr:last-child td:last-child{
 127         border-width:0px 0px 0px 0px;
 128 }
 129 .scoreboard tr:first-child td{
 130                 background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
 131         background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
 132         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");      background: -o-linear-gradient(top,#4c4c4c,000000);
 133
 134         background-color:#4c4c4c;
 135         border:0px solid #000000;
 136         text-align:center;
 137         border-width:0px 0px 1px 1px;
 138         font-size:20px;
 139         font-family:Arial;
 140         font-weight:bold;
 141         color:#ffffff;
 142 }
 143 .scoreboard tr:first-child:hover td{
 144         background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
 145         background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
 146         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");      background: -o-linear-gradient(top,#4c4c4c,000000);
 147
 148         background-color:#4c4c4c;
 149 }
 150 .scoreboard tr:first-child td:first-child{
 151         border-width:0px 0px 1px 0px;
 152 }
 153 .scoreboard tr:first-child td:last-child{
 154         border-width:0px 0px 1px 1px;
 155 }
 156
 157
 158 .admin {
 159         margin:0px;padding:0px;
 160         width:100%;
 161         box-shadow: 10px 10px 5px #888888;
 162         border:1px solid #000000;
 163
 164         -moz-border-radius-bottomleft:0px;
 165         -webkit-border-bottom-left-radius:0px;
 166         border-bottom-left-radius:0px;
 167
 168         -moz-border-radius-bottomright:0px;
 169         -webkit-border-bottom-right-radius:0px;
 170         border-bottom-right-radius:0px;
 171
 172         -moz-border-radius-topright:0px;
 173         -webkit-border-top-right-radius:0px;
 174         border-top-right-radius:0px;
 175
 176         -moz-border-radius-topleft:0px;
 177         -webkit-border-top-left-radius:0px;
 178         border-top-left-radius:0px;
 179 }.admin table{
 180     border-collapse: collapse;
 181         border-spacing: 0;
 182         width:100%;
 183         height:100%;
 184         margin:0px;padding:0px;
 185 }.admin tr:last-child td:last-child {
 186         -moz-border-radius-bottomright:0px;
 187         -webkit-border-bottom-right-radius:0px;
 188         border-bottom-right-radius:0px;
 189 }
 190 .admin table tr:first-child td:first-child {
 191         -moz-border-radius-topleft:0px;
 192         -webkit-border-top-left-radius:0px;
 193         border-top-left-radius:0px;
 194 }
 195 .admin table tr:first-child td:last-child {
 196         -moz-border-radius-topright:0px;
 197         -webkit-border-top-right-radius:0px;
 198         border-top-right-radius:0px;
 199 }.admin tr:last-child td:first-child{
 200         -moz-border-radius-bottomleft:0px;
 201         -webkit-border-bottom-left-radius:0px;
 202         border-bottom-left-radius:0px;
 203 }.admin tr:hover td{
 204
 205 }
 206 .admin tr:nth-child(odd){ background-color:#ffaa56; }
 207 .admin tr:nth-child(even)    { background-color:#ffffff; }.admin td{
 208         vertical-align:middle;
 209
 210
 211         border:1px solid #000000;
 212         border-width:0px 1px 1px 0px;
 213         text-align:center;
 214         padding:7px;
 215         font-size:14px;
 216         font-family:Arial;
 217         font-weight:bold;
 218         color:#000000;
 219 }.admin tr:last-child td{
 220         border-width:0px 1px 0px 0px;
 221 }.admin tr td:last-child{
 222         border-width:0px 0px 1px 0px;
 223 }.admin tr:last-child td:last-child{
 224         border-width:0px 0px 0px 0px;
 225 }
 226 .admin tr:first-child td{
 227                 background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%);        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) );
 228         background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% );
 229         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00");      background: -o-linear-gradient(top,#ff7f00,bf5f00);
 230
 231         background-color:#ff7f00;
 232         border:0px solid #000000;
 233         text-align:center;
 234         border-width:0px 0px 1px 1px;
 235         font-size:19px;
 236         font-family:Arial;
 237         font-weight:bold;
 238         color:#ffffff;
 239 }
 240 .admin tr:first-child:hover td{
 241         background:-o-linear-gradient(bottom, #ff7f00 5%, #bf5f00 100%);        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #bf5f00) );
 242         background:-moz-linear-gradient( center top, #ff7f00 5%, #bf5f00 100% );
 243         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#bf5f00");      background: -o-linear-gradient(top,#ff7f00,bf5f00);
 244
 245         background-color:#ff7f00;
 246 }
 247 .admin tr:first-child td:first-child{
 248         border-width:0px 0px 1px 0px;
 249 }
 250 .admin tr:first-child td:last-child{
 251         border-width:0px 0px 1px 1px;
 252 }