release/src/router/www/asus_red.css

   1 body {
   2         background-color: #656666;
   3         background-image: url(bg.png);
   4         background-repeat: repeat-x;
   5 }
   6
   7 #container {
   8 width: 980px;
   9 height: 100%;
  10 border: none;
  11 margin: 50px auto;
  12 }
  13
  14 a {
  15 color: #C53030;
  16 font-family: Tahoma, Arial, sans-serif;
  17 }
  18
  19 a:hover {
  20 text-decoration: underline;
  21 background: #ffffff;
  22 color: #B02B2C;
  23 }
  24
  25 input[type='button']:hover {
  26 background: #B02B2C;
  27 color: #fff;
  28 }
  29
  30
  31
  32
  33
  34
  35 #header {
  36         border-top: 5px #B02B2C solid;
  37         border-left: 5px #B02B2C solid;
  38         border-right: 5px #B02B2C solid;
  39         border-bottom: 2px #B02B2C dashed;
  40         background-image: url(asus.png);
  41         background-repeat: no-repeat;
  42         background-position: right center;
  43         background-color: #FFFFFF;
  44         padding: 15px 10px;
  45 }
  46
  47 #header .title {
  48         font: 26px 'Century Gothic', Tahoma, Arial, Sans-serif;
  49         color: #872121;
  50         margin: 0;
  51         padding: 0;
  52 }
  53 #header .version {
  54         font: 10px Tahoma, Arial, Sans-serif;
  55         color: #872121;
  56         margin: 0; padding: 0;
  57 }
  58
  59 #navi {
  60         background: #FFFFFF;
  61         font-family: Tahoma, Arial, Sans-serif;
  62         width: 160px;
  63         border-left: 5px #B02B2C solid;
  64         border-bottom: 2px #B02B2C dashed;
  65 }
  66 #navi a {
  67         color: #000000;
  68         font-family: Tahoma, Arial, Sans-serif;
  69         background: #FFFFFF;
  70         border-bottom: #FFFFFF solid 1px;
  71 }
  72 #navi a:hover {
  73         background: #E5D9D0;
  74         color: #C53030;
  75         text-decoration:none;
  76         border-bottom: #FFFFFF solid 1px;
  77         }
  78
  79
  80 #navi a.indent2.active {
  81         color: #000000;
  82         background: #E5D9D0;
  83         font-weight:normal;
  84 }
  85
  86
  87
  88
  89 #navi a.indent1 {
  90 color: #B02B2C;
  91 padding:4px 0 4px 10px;
  92 font-weight: bold;
  93 }
  94 #navi a.indent2 {
  95 padding:4px 0 4px 25px;
  96 }
  97 #tabs a {
  98 font-family: Tahoma, Arial, Sans-serif;
  99 }
 100 #tabs a.active {
 101 background: #B02B2C;
 102 color: #fff;
 103 }
 104 #tabs a:hover {
 105 background: #B02B2C;
 106 color: #fff;
 107 }
 108 /* hover table */
 109 .tomato-grid .odd:hover,
 110 .tomato-grid .even:hover {
 111         background: #E5D9D0;
 112         color: #000000;
 113 }
 114 .tomato-grid a {
 115 color: #444444;
 116 }
 117 /* START table */
 118 .tomato-grid {
 119 background:#FFFFFF none repeat scroll 0 0;
 120 border:1px solid #E0E0E0;
 121 border-collapse:separate;
 122 border-spacing:1px;
 123 margin:0 0 3px;
 124 padding:0;
 125 width:100%;
 126 }
 127
 128 .tomato-grid .header,
 129 .bwmg .header {
 130 background:#B02B2C none repeat scroll 0 0;
 131 color: #fff;
 132 }
 133
 134 .tomato-grid .odd,
 135 .bwmg .odd {
 136 background:#F2EEED none repeat scroll 0 0;
 137 }
 138
 139
 140 .tomato-grid .even,
 141 .bwmg .even {
 142 background:#EAE3DE;
 143 }
 144
 145
 146
 147
 148
 149
 150 /* END table */
 151 #content {
 152         background-color: #ffffff;
 153         border-right: 5px #B02B2C solid;
 154         border-bottom: 2px #B02B2C dashed;
 155 }
 156 .content {
 157 font-family: Tahoma, Arial, Sans-serif;
 158 }
 159 .content a:hover {
 160 text-decoration:underline;
 161 color: #B02B2C;
 162 background: #fff;
 163 padding: 2px;
 164 }
 165 .fields {
 166 font-family: Tahoma, Arial, Sans-serif;
 167 background-color: #F2EEED;
 168 border: solid 1px #BFBCBB;
 169 padding: 10px;
 170 margin: 5px;
 171 margin-left: 0px;
 172 }
 173 .fields td.title.indent1 {
 174 padding: 1px 15px 1px 0;
 175 font-family: Tahoma, Arial, Sans-serif;
 176 }
 177 .fields td.title.indent2 {
 178 padding: 1px 5px 1px 10px;
 179 font-family: Tahoma, Arial, Sans-serif;
 180 }
 181 .section {
 182 font-family: Tahoma, Arial, Sans-serif;
 183 }
 184 .section-title {
 185 font: bold 1.5em Tahoma, Arial, Sans-serif !important;
 186 color: #B02B2C !important;
 187 border-bottom:1px solid #cccccc;
 188 margin:0 0 10px 10px;
 189 padding-bottom:4px;
 190 }
 191 small {
 192 font-family: Tahoma, Arial, Sans-serif;
 193 }
 194
 195
 196 small a:hover {
 197         text-decoration: underline;
 198         background: #B02B2C;
 199         color: #000000;
 200 }
 201
 202
 203
 204
 205
 206
 207
 208 input,
 209 select {
 210 font-family: Tahoma, Arial, Sans-serif;
 211 font-size: 12px;
 212 }
 213 input[type='checkbox'][disabled] {
 214 opacity: 0.5;
 215 }
 216 input[type='text'],
 217 input[type='password'] {
 218 padding: 0;
 219 margin: 1px;
 220 }
 221 input[type='checkbox'] {
 222 padding: 0;
 223 margin: 1px 0 2px 0;
 224 border: none;
 225 }
 226 input[type='radio'] {
 227 padding-left: 0;
 228 margin-left: 0;
 229 }
 230 select {
 231 margin: 0;
 232 }
 233 input[type='button'] {
 234 margin: 0;
 235 font: bold 1em Arial, Sans-serif;
 236 border: 1px solid #CCC;
 237 background: #FFF;
 238 padding: 2px 3px;
 239 color: #333;
 240 }
 241 input[type='button']:hover {
 242 background: #B02B2C;
 243 color: #fff;
 244 }
 245 label {
 246 margin: 5px 0;
 247 }
 248 input {
 249 padding: 2px;
 250 border: none;
 251 font: normal 1em Tahoma, Arial, verdana, sans-serif;
 252 color:#777;
 253 }
 254 textarea {
 255 width:400px;
 256 padding:2px;
 257 font: normal 1em Tahoma, Arial, verdana, sans-serif;
 258 border:1px solid #655E56;
 259 height:100px;
 260 display:block;
 261 color:#777;
 262 }
 263 #footer {
 264         border-top: 0px;
 265         border-bottom: 5px #B02B2C solid;
 266         border-left: 5px #B02B2C solid;
 267         border-right: 5px #B02B2C solid;
 268         padding: 15px 15px 20px 4px;
 269 }
 270 form {
 271 -moz-border-radius: 25px;
 272 }
 273
 274
 275
 276 input[type=text],
 277 input[type=password],
 278 textarea,
 279 select {
 280 border: 1px solid #c7c7c7;
 281 margin: 0px;
 282 margin-right: 2px;
 283 padding: 2px;
 284 background-color: #F7F7F7;
 285 color: #283033;
 286 }
 287
 288 input[type=text]:hover,
 289 input[type=password]:hover,
 290 textarea:hover,
 291 select:hover {
 292 background-color: #fff;
 293 color: #283033;
 294 }
 295
 296
 297 input[type=text]:focus,
 298 input[type=password]:focus,
 299 textarea:focus,
 300 select:focus {
 301 background-color: #fff;
 302 color: #283033;
 303 }
 304
 305
 306
 307
 308
 309
 310 input[type=text],
 311 input[type=password],
 312 textarea
 313 {
 314 padding-left: 3px;
 315 padding-right: 3px;
 316 max-width: 99%;
 317 }
 318 li, div {
 319 font-family: Tahoma, Arial, Sans-serif;
 320 }
 321 #tabs a:hover {
 322 background: #B02B2C none repeat scroll 0 0;
 323 }