release/src/router/www/tijuana.css

   1 /*
   2         Tomato GUI
   3         Copyright (C) 2006-2007 Jonathan Zarate
   4         http://www.polarcloud.com/tomato/
   5
   6         For use with Tomato Firmware only.
   7         No part of this file may be used without permission.
   8 */
   9 body {
  10 padding: 0;
  11 margin: 0 0;
  12 background: #f0f0f0;
  13 font: 12px sans-serif;
  14 color: #000;
  15 }
  16 embed {
  17 border: 1px solid #cccccc;
  18 }
  19 a {
  20 text-decoration: none;
  21 color: #41af41;
  22 }
  23 a:hover {
  24 background: #60bf60;
  25 color: #fff;
  26 }
  27 table {
  28 empty-cells: show;
  29 }
  30 td {
  31 font: 12px sans-serif;
  32 }
  33 form {
  34 padding: 0;
  35 margin: 0;
  36 }
  37 input,
  38 select {
  39 font: 12px sans-serif;
  40 }
  41 input[type='checkbox'][disabled] {
  42 opacity: 0.3;
  43 }
  44 input[type='text'],
  45 input[type='password'] {
  46 padding: 0;
  47 margin: 1px;
  48 }
  49 input[type='checkbox'] {
  50 padding: 0;
  51 margin: 1px 0 2px 0;
  52 }
  53 input[type='radio'] {
  54 padding-left: 0;
  55 margin-left: 0;
  56 }
  57 select {
  58 margin: 0;
  59 }
  60 input[type='button'] {
  61 background: #f7f7f7;
  62 border-top: 1px solid #ddd;
  63 border-left: 1px solid #ddd;
  64 border-bottom: 1px solid #ccc;
  65 border-right: 1px solid #ccc;
  66 }
  67 input[type='button']:hover {
  68 background: #60bf60;
  69 color: #fff;
  70 }
  71 .error {
  72 background: #ffffd0;
  73 }
  74 .error-focused {
  75 border: 1px dashed #f77;
  76 }
  77 #container {
  78 background: #ffffee;
  79 border-spacing: 0;
  80 width: 900px;
  81 margin: 2px auto;
  82 margin-bottom: 50px;
  83 }
  84 #header {
  85 background-color: #206010;
  86 padding: 6px 10px 6px 10px;
  87 border-top: 3px solid #C6C6C6;
  88 border-left: 3px solid #C6C6C6;
  89 border-right: 3px solid #C6C6C6;
  90 border-bottom: 3px solid #C6C6C6;
  91 }
  92 #header .title {
  93 background-image: url("green_tomato_top.gif");
  94 padding-left: 48px;
  95 font: 16px sans-serif;
  96 height: 42px;
  97 color: #6ABE3C;
  98 font-weight: bold;
  99 text-decoration: underline;
 100 }
 101 #header .version {
 102 font: 12px sans-serif;
 103 color: #ddd;
 104 font-weight: normal;
 105 margin-top: -18px;
 106 text-align: right;
 107 }
 108 #footer {
 109 height: 1px;
 110 border-top: 2px dotted #f0f0f0;
 111 text-align: right;
 112 padding: 4px;
 113 }
 114 #footer input {
 115 width: 80px;
 116 }
 117 #footer-msg {
 118 margin-right: 10px;
 119 padding: 2px 10px;
 120 color: #222;
 121 background: #ffd700;
 122 visibility: hidden;
 123 }
 124 #navi {
 125 background: #206010;
 126 width: 130px;
 127 font-size: 12px;
 128 border-left: 3px solid #C6C6C6;
 129 border-right: 3px solid #C6C6C6;
 130 border-bottom: 3px solid #C6C6C6;
 131 padding: 20px 0;
 132 vertical-align: top;
 133 }
 134 #navi a {
 135 display: block;
 136 color: #FFFFFF;
 137 }
 138 #navi a:hover {
 139 border: none;
 140 color: #FFFFFF;
 141 background: #000000;
 142 font-weight: bold;
 143 }
 144 #navi a.indent1 {
 145 padding: 2px 0 2px 10px;
 146 }
 147 #navi a.indent2 {
 148 padding: 2px 0 2px 25px;
 149 }
 150 #navi .active {
 151 color: #FFFFFF;
 152 background: #008000;
 153 font-weight: bold;
 154 }
 155 #content {
 156 padding: 5px 4px 20px 4px;
 157 vertical-align: top;
 158 width: 770px;
 159 }
 160 #ident {
 161 color: #aaa;
 162 text-align: right;
 163 padding-right: 5px;
 164 font-size: 11px;
 165 }
 166 #tabs {
 167 padding: 0;
 168 margin: 0;
 169 }
 170 #tabs li {
 171 display: inline;
 172 list-style: none;
 173 }
 174 #tabs a {
 175 width: 90px;
 176 display: block;
 177 float: left;
 178 padding: 3px 0;
 179 margin: 0 3px 0 0;
 180 text-align: center;
 181 text-decoration: none;
 182 color: #888;
 183 height: 15px;
 184 background: #f3f3f3;
 185 border-top: 1px solid #ddd;
 186 border-left: 1px solid #ddd;
 187 border-right: 1px solid #ddd;
 188 }
 189 #tabs a.active {
 190 background: #308028;
 191 color: #fff;
 192 font-weight: bold;
 193 border: 1px solid #308028;
 194 }
 195 #tabs a:hover {
 196 background: #60bf60;
 197 color: #fff;
 198 font-weight: bold;
 199 }
 200 #tabs-bottom {
 201 clear:both;
 202 border-top: 1px solid #eee;
 203 padding: 0;
 204 }
 205 .section-title {
 206 font-size: 14px;
 207 color: #444;
 208 margin: 0 0 10px 0;
 209 padding-bottom: 4px;
 210 border-bottom: 1px solid #f0f0f0;
 211 }
 212 .section {
 213 padding: 0 0 20px 5px;
 214 }
 215 .section ul {
 216 margin-left: 0px;
 217 padding-left: 15px;
 218 }
 219 table.fields {
 220 }
 221 .fields td {
 222 padding: 2px 0;
 223 }
 224 .fields td.title {
 225 width: 150px;
 226 }
 227 .fields td.title.indent1 {
 228 padding: 1px 15px 1px 0;
 229 }
 230 .fields td.title.indent2 {
 231 padding: 1px 5px 1px 10px;
 232 }
 233 .fields .spacer {
 234 height: 8px;
 235 }
 236 .fields td.content {
 237 width: 585px; /* zzz Opera likes this fixed px */
 238 vertical-align: top;
 239 }
 240 .tomato-grid {
 241 padding: 0;
 242 margin: 0 0 3px 0;
 243 border-spacing: 1px;
 244 border-collapse: separate;
 245 border: 1px solid #e0e0e0;
 246 background: #fff;
 247 width: 100%;
 248 }
 249 .tomato-grid td {
 250 padding: 2px;
 251 margin: 0px;
 252 font: 12px sans-serif;
 253 }
 254 .tomato-grid .header {
 255 background: #e7e7e7;
 256 cursor: pointer;
 257 }
 258 .tomato-grid .header td {
 259 font: 11px sans-serif;
 260 font-weight: bold;
 261 }
 262 .tomato-grid .footer {
 263 background: #f0f0f0;
 264 }
 265 .tomato-grid .odd {
 266 background: #f7f7f7;
 267 cursor: pointer;
 268 }
 269 .tomato-grid .even {
 270 background: #fff;
 271 cursor: pointer;
 272 }
 273 .tomato-grid .disabled {
 274 color: #999;
 275 }
 276 .tomato-grid .odd:hover,
 277 .tomato-grid .even:hover {
 278 background: #e0f7e0;
 279 }
 280 .tomato-grid input {
 281 margin: 0;
 282 padding: 0;
 283 }
 284 .tomato-grid .edit {
 285 padding: 0;
 286 margin: 0;
 287 }
 288 .tomato-grid .editor {
 289 background: #f0f0f0;
 290 }
 291 .tomato-grid .controls {
 292 background: #f0f0f0;
 293 text-align: right;
 294 }
 295 .tomato-grid .sortasc {
 296 background-image: url(up.gif);
 297 background-position: 97% 60%;
 298 background-repeat: no-repeat;
 299 }
 300 .tomato-grid .sortdes {
 301 background-image: url(dn.gif);
 302 background-position: 97% 80%;
 303 background-repeat: no-repeat;
 304 }
 305 .tomato-grid a {
 306 color: #407050;
 307 }
 308 .tomato-grid a:hover {
 309 color: #fff;
 310 }
 311 .tomato-grid input,
 312 .tomato-grid select {
 313 width: 98%;
 314 }
 315 .tomato-grid .controls input {
 316 font: 11px sans-serif;
 317 width: 60px;
 318 }
 319 #tg-row-panel {
 320 position: absolute;
 321 margin: 0;
 322 padding: 0;
 323 }
 324 #tg-row-panel img {
 325 cursor: pointer;
 326 opacity: 0.6;
 327 margin: 0;
 328 padding: 0;
 329 background: #ffffff;
 330 border: 1px solid #ffffff;
 331 }
 332 #tg-row-panel img:hover {
 333 opacity: 1;
 334 border: 1px solid #eee;
 335 }
 336 #bwm-grid {
 337 width: 620px;
 338 border: 1px solid #e0e0e0;
 339 }
 340 #bwm-grid .co1 {
 341 width: 100px;
 342 text-align: right;
 343 }
 344 #bwm-grid .co2, #bwm-grid .co3, #bwm-grid .co4, #bwm-grid .co5 {
 345 width: 130px;
 346 text-align: right;
 347 }
 348 #refresh-button {
 349 width: 80px;
 350 }
 351 #refresh-time {
 352 width: 120px;
 353 }
 354 #refresh-spinner {
 355 visibility: hidden;
 356 vertical-align: middle;
 357 }
 358 #notice1 {
 359 margin: auto;
 360 padding: 5px 5px;
 361 width: 400px;
 362 border: 1px solid #cbb;
 363 background: #ffc;
 364 }
 365 .note-disabled,
 366 .note-disabledw,
 367 .note-warning {
 368 background: #f7f7f7;
 369 border: 1px solid #aaa;
 370 width: 10em;
 371 padding: 0.5em;
 372 margin: 1em;
 373 font-size: 0.9em
 374 }
 375 .note-disabledw,
 376 .note-warning {
 377 width: 20em;
 378 }