release/src/router/www/asus.css

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