release/src/router/www/usbblue.css

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