release/src/router/www/rtn66u.css

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