Changeset e4f44fa


Ignore:
Timestamp:
Oct 27, 2009 12:31:24 PM (10 years ago)
Author:
z3d <z3d@…>
Branches:
master
Children:
957a296
Parents:
e87a7c7
Message:

Classic theme override for Chinese and other "big" charactersets (sidepanel).

File:
1 edited

Legend:

Unmodified
Added
Removed
  • installer/resources/themes/console/classic/console_big.css

    re87a7c7 re4f44fa  
    1 /* Optimised for less capable browsers and system specifications */
     1/* Classic Theme: Larger fontsize override for sidepanel to accomodate foreign charactersets */
    22
    3 body {
    4      margin: 2px 0 0 2px;
    5      padding: 0;
    6      text-align: left;
    7      background: #bbf;
    8      color: #000;
    9      font: 9pt/140%  Verdana, Tahoma, Helvetica, sans-serif;
    10 }
    11 
    12 .hide {
    13      display: none;
    14 }
    15 
    16 img {
    17      border: none;
    18 }
    19 
    20 pre {
    21      overflow: auto;
    22      font-size: 8pt !important;
    23      width: 95%;
    24      padding-top: 10px;
    25 }
    26 
    27 div.logo {
    28      float: left;
    29      position-relative: top 20px ;
    30      width: 200px;
    31      margin: 0 0 0 20px;
    32      padding: 10px 5px;
    33      text-align: center;
    34      border: 5px solid #ddf;
    35      background-color: #eef;
    36      -moz-border-radius: 15px;
    37      -moz-box-shadow: inset 0px 0px 0px 2px #99f;
    38      -khtml-border-radius: 15px;
    39      -khtml-box-shadow: inset 0px 0px 0px 2px #99f;
    40 }
    41 
    42 div.logo hr {
    43      color: #ddf;
    44      background: #ddf;
    45      height: 5px;
    46      border: 0px solid #ddf;
    47      margin: 8px -3px;
    48 }
    49 
    50 div.logo a:link, div.logo a:visited {
    51      text-shadow: 1px 1px 1px rgba(0, 0, 32, 0.5);
    52 }
    53 
    54 div.logo a:active {
    55      text-shadow: 1px 1px 1px rgba(255, 96, 0, 0.7);
    56      color: #f60;
    57 }
    58 
    59 div.logo a:hover {
    60      text-shadow: 1px 1px 1px rgba(128, 0, 0, 0.7);
    61      color: #900;
    62 }
    63 
    64 div.warning {
    65      margin: 20px 20px 10px 260px;
    66      padding: 0px 20px 20px 75px;
    67      background: #ffd;
    68      border: 5px solid #fb7;
    69      text-align: left;
    70      color: inherit;
    71      background-image:url("../images/itoopie_sm.png");     
    72      background-position: 12px center;
    73      background-repeat:no-repeat;
    74      -moz-border-radius: 15px;
    75      -moz-box-shadow: inset 0px 0px 0px 2px #f60;
    76      -kthml-border-radius: 15px;
    77      -khtml-box-shadow: inset 0px 0px 0px 2px #f60;
    78 }
    79 
    80 div.warning a:link {
    81      color: #f60;
    82      text-shadow: 1px 1px 1px rgba(255, 96, 0, 0.5);
    83 }
    84 
    85 div.warning a:visited{
    86      color: #f90;
    87 }
    88 
    89 div.warning a:hover{
    90      color: #d30;
    91   text-shadow: 1px 1px 1px rgba(255, 96, 0, 0.7);
    92 }
    93 
    94 div.warning a:active{
    95      color: #900;
    96 }
    97 
    98 div.warning hr {
    99      color: #fb7;
    100      background: #fb7;
    101      height: 5px;
    102      border: 0px solid #fb7;
    103      margin: 5px 0;
    104 }
    105 
    106 /* console error messages */
    107 
    108 div.sorry {
    109      padding: 20px;
    110      background: #ddf;
    111      margin: -2px 1px 0 195px;
    112      border: 5px solid #bbf;
    113      text-align: justify;
    114      -moz-box-shadow: inset 0px 0px 0px 1px #d00;
    115      word-wrap: break-word;
    116      font-weight: bold;
    117      color: #001;
    118 }
    119 
    120 div.sorry hr {
    121      color: #001;
    122      background: #001;
    123      height: 1px;
    124      border: 1px solid #001;
    125      margin: 10px 0;
    126 }
    127 
    128 div.toolbar {
    129      margin: 0em 0em 2em 0em;
    130      font-weight: bold;
    131      display: none !important;
    132 }
     3/* sidepanel */
    1334
    1345div.routersummaryouter {
     
    17041div.routersummary h3 {
    17142     border: 0px solid #f00;
    172      font-size: 12pt;
     43     font-size: 11pt;
    17344     letter-spacing: 0.05em;
    17445     margin: -7px 1px -7px 1px;
    175      padding: 1px 0;
     46     padding: 4px 0;
    17647     background: #c5d5fb;
    17748     text-transform: uppercase;
     
    18455     letter-spacing: 0.05em;
    18556     margin: -7px 1px -7px 1px !important;
    186      padding: 1px 3px;
     57     padding: 2px 3px;
    18758     background: #c1d1f7;
    18859     text-transform: capitalize;
     
    234105
    235106div.routersummary a:link, div.routersummary a:visited {
    236      text-shadow: 1px 1px 1px rgba(0, 0, 32, 0.3);
     107     text-shadow: 0px 0px 1px rgba(0, 0, 32, 0.3);
    237108}
    238109
    239110div.routersummary a:hover {
    240      text-shadow: 1px 1px 1px rgba(255, 96, 0, 0.7);
     111     text-shadow: 0px 0px 1px rgba(255, 96, 0, 0.7);
    241112     color: #f60;
    242113}
     
    248119}
    249120
    250 div.warning h3 {
    251      border-bottom: 5px solid #fb7;
    252      padding-bottom: 10px;
    253 }
    254121
    255 div.main {
    256      margin: 0px 0px 0px 195px;
    257      padding: 15px 15px 10px 15px;
    258      background: #eef;
    259      border: 5px solid #bbf;
    260      border-top: 0;
    261      text-align: left;
    262      color: #001;
    263      min-width: 570px;
    264      -moz-box-shadow: inset 0px 0px 0px 1px #99f;
    265 }
    266 
    267 div.main ul {
    268      margin: -10px 0 -10px -10px;
    269 }
    270 
    271 div.main li {
    272      padding: 0 0 5px 0;
    273      list-style: square;
    274      word-wrap: break-word;
    275      margin-right: 20px;
    276 }
    277 
    278 div.main li:first-child {
    279      padding-top: 15px;
    280 }
    281 
    282 div.main hr:last-child {
    283      margin: 15px 0 10px 0;
    284 }
    285 
    286 div.main textarea {
    287      width: 98% !important;
    288      margin: 2px 0 2px 5px;
    289      min-height: 96px;
    290 }
    291 
    292 div.main h2 {
    293      margin-top: 20px;
    294      margin-bottom: -5px;
    295 }
    296 
    297 div.welcome {
    298      margin-top: 5px;
    299 }
    300 
    301 div.main h2:first-child, div.main h3:first-child {
    302      margin-top: 0px;
    303      margin-bottom: -5px;
    304 }
    305 
    306 div.wideload h2 {
    307      margin-bottom: 0px !important;
    308 }
    309 
    310 div.wideload h3:first-child {
    311      margin-top: 0 !important;
    312 }
    313 
    314 div.wideload h3 {
    315      margin-top: 15px !important;     
    316      margin-bottom: 0px !important;
    317 }
    318 
    319 div.wideload p !important {
    320      margin-top: 5px;
    321 }
    322 
    323 div.news {
    324      margin: -5px 0px 0 195px;
    325      padding: -10px 0px 8px 0px;
    326      background: #ffffc0;
    327      border: 5px solid #bbf;
    328      text-align: right;
    329      color: #770;
    330      min-width: 600px;
    331      padding-bottom: 8px;
    332      padding-left: 10px;
    333      padding-right: 10px;
    334      -moz-box-shadow: inset 0px 0px 0px 1px #99f;
    335      font-size: 7pt;
    336 }
    337 
    338 /* convert the list entry to our title */
    339 
    340 div.news li {
    341      text-align: justify;
    342      list-style: none;
    343      margin: 15px 15px -10px -20px;
    344      padding: 0px 0 15px 0;
    345      border-bottom: 2px dotted #cc7;
    346      border-top: 0px solid #cc7;     
    347      padding: 3px 5px 5px 0;
    348      font-size: 10pt;
    349      color: #540;
    350 }
    351 
    352 div.news p {
    353      color: #330;
    354      font-size: 9pt;
    355      margin-bottom: -10px;
    356 }
    357 /*
    358 div.news p:first-child {
    359      padding-top: 15px !important;
    360 }
    361 
    362  
    363 div.news p:nth-child(2n) {
    364      padding-top: 15px !important;
    365 }
    366 */
    367 div.news p:last-child {
    368      margin-bottom: 10px;
    369 }
    370 
    371 div.news a:link {
    372      color: #663;
    373      text-shadow: 1px 1px 1px rgba(128, 128, 48, 0.3);
    374 }
    375 
    376 div.news a:visited {
    377      color: #773 !important;
    378      text-shadow: 1px 1px 1px rgba(128, 128, 48, 0.3);
    379 }
    380 
    381 div.news hr {
    382      color: #cc7;
    383      background: #cc7;
    384      height: 1px;
    385      border: 0px solid #cccc77;
    386      margin: 2px 0 0 0;
    387 }
    388 
    389 div.confignav {
    390      padding: 12px 0 15px 0;
    391      background: #cfc;
    392      margin: -20px -20px 0 -20px;
    393      border: 5px solid #bbf;
    394      -moz-box-shadow: inset 0px 0px 0px 1px #99f;
    395 }
    396 
    397 div.configure {
    398      margin: 1px -20px 0 -20px;
    399      padding: 0px 20px 0px 20px;
    400 }
    401 
    402 div.configure hr {
    403      margin: 15px 0;
    404 }
    405 
    406 div.configure table {
    407      font-size: 9pt;
    408      font-weight: bold;
    409      border: 1px solid #bbf;
    410 }
    411 
    412 div.configure tr, div.configure td {
    413      padding: 10px 2px;
    414 }
    415 
    416 div.configure tr {
    417      -moz-box-shadow: inset 0px 0px 1px 0px #bbf;
    418 }
    419 
    420 div.configure li:first-child, div.main li:first-child {
    421      margin-top: -10px;
    422 }
    423 
    424 div.configure li:last-child {
    425      margin-bottom: -5px;
    426 }
    427 
    428 div.configure h2:first-child {
    429      margin-top: 15px;
    430 }
    431 
    432 .topshimten {
    433      margin-top: 15px;
    434      margin-bottom: 15px;
    435 }
    436 
    437 div.messages {
    438      padding: 0px 10px;
    439      background: #fff;
    440      border: 5px solid #bbf;
    441      border-right: 0;
    442      margin: -5px -15px 10px -20px;
    443      text-align: center;
    444      font-size: 9pt;
    445      font-weight: bold;
    446      color: #474;
    447      -moz-box-shadow: inset 0px 0px 0px 1px #99f;
    448 }
    449 
    450 div.messages li, div.messages ul {
    451      padding: 10px 0 0 5px;
    452      margin: -10px 0 0 0;
    453 }
    454 
    455 div.messages span.error {
    456      color: #d00000;
    457 }
    458 
    459 div.messages span.notice {
    460      font-style: italic;
    461 }
    462 
    463 h1 {
    464      font-size: 18pt;
    465      text-shadow: 1px 1px 1px rgba(0, 0, 32, 0.7);
    466      text-align: center;
    467      border: 5px solid #bbf;
    468      padding: 13px 10px 12px 10px;
    469      margin: 0 0px 0 195px;
    470      line-height: 93%;
    471      text-transform: uppercase;
    472      letter-spacing: 0.3em;
    473      background: #fff;
    474      min-width: 600px;
    475      -moz-box-shadow: inset 0px 0px 0px 1px #99f;
    476 }
    477 
    478 h2 {
    479      font-size: 14pt;
    480      padding: 0px 10px 10px 10px;
    481      border-bottom: 3px solid #aaf;
    482      border-top: 0px solid #aaf;
    483      letter-spacing: 0.04em;
    484 }
    485 
    486 h3 {
    487      font-size: 12pt;
    488      font-family:ºÚÌå;
    489      padding: 0 10px 10px 10px;
    490      border-bottom: 3px solid #aaf;
    491      border-top: 0px solid #aaf;
    492      letter-spacing: 0.04em;
    493      margin-bottom: 10px;
    494 }
    495 
    496 .proxyfooter{
    497      font-size: 7pt;
    498      display: none !important;
    499 }
    500 
    501 table {
    502      border-collapse: collapse;
    503      border: 1px solid #bbf;
    504      margin: 0 0 5px 0;
    505      cell-padding: 1px;
    506      font-size: 7.5pt;
    507      background: #fff;
    508      width: 100%;
    509 }
    510 
    511 table hr {
    512      padding: 0px 0;
    513      color: #bbf;
    514      background: #bbf;
    515      border: 0px solid #bbf;
    516      margin: 0px -5px;
    517      height: 1px;
    518 }
    519 
    520 table tt {
    521      font-size: 7.5pt;
    522 }
    523 
    524 th {
    525      background-color: #fff;
    526      padding: 8px 2px;
    527      text-align: center;
    528      border-bottom: 1px solid #bbf;
    529 }
    530 
    531 tt {
    532      font-size: 8pt;
    533 }
    534 
    535 tt, pre {
    536      font: 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
    537 }
    538      
    539 td {
    540      padding: 4px;
    541 }
    542 
    543 tr:nth-child(even) {
    544      background-color: #eef;
    545 }
    546 
    547 tr:nth-child(odd) {
    548      background-color: #ddf;
    549 }
    550 
    551 hr {
    552      color: #aaf;
    553      background: #aaf;
    554      height: 3px;
    555      border: 0px solid #aaf;
    556      margin: 3px 0;
    557 }
    558 
    559 .statusnotes {
    560      font-style: italic;
    561      font-size: 8pt;
    562      color: #001;
    563      text-align: center;
    564      margin: -7px 0 7px 0;
    565      background: #bbf;
    566      border: 5px solid #bbf;
    567      border-top: 0;
    568      padding: 4px 0 2px 0;
    569 }
    570 
    571 div.joblog {
    572      margin: 10px 0;
    573      line-height: 130% !important;
    574 }
    575 
    576 div.joblog:li {
    577      word-wrap: break-word !important;
    578      text-align: justify !important;
    579      line-height: 80% !important;
    580 }
    581 
    582 div.joblog:ul {
    583      word-wrap: break-word !important;
    584      text-align: justify;
    585 }
    586 
    587 div.joblog li:first-child {
    588      margin-top: -10px;
    589 }
    590 
    591 div.joblog li:last-child {
    592      margin-bottom: -10px;
    593 }
    594 
    595 div.joblog form:first-child {
    596      margin-top: 10px;
    597 }
    598 
    599 div.joblog table {
    600      margin-top: 15px;
    601 }
    602 
    603 div.joblog p {
    604      line-height: 130%;
    605 }
    606 
    607 div.joblog h3 {
    608      margin: 10px 0 10px 0;
    609 }
    610 
    611 div.joblog h3:first-child {
    612      margin: 5px 0 15px 0;
    613 }
    614 
    615 div.joblog hr {
    616      margin: 15px 0 15px;
    617 }
    618 
    619 div.joblog ol {
    620      margin-bottom: 0px;
    621 }
    622  
    623 input {
    624      margin: 3px 5px 3px 0;
    625      vertical-align: middle;
    626 }
    627 
    628 input[type=text] {
    629      margin: 3px 5px 3px 5px;
    630      vertical-align: middle;
    631 }
    632 select {
    633      margin: 3px 5px 3px 5px;
    634      vertical-align: middle;
    635 }
    636 
    637 submit {
    638      margin: 3px 5px 3px 5px;
    639      padding: 2px 0;
    640      font: 8pt/140% "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
    641 }
    642 
    643 table td b{
    644       font-weight:normal;
    645 }
    646 
    647 p {
    648      padding: 5px 20px 0px 20px;
    649      text-align: justify;
    650 }
    651 
    652 .formaction {
    653      text-align: right;
    654      margin: -10px -5px;
    655 }
    656 
    657 .langbox {
    658      margin: 10px -20px 0px 5px;
    659      color: #001;
    660      font-size: 7pt;
    661      width: 220px;
    662      text-align: center;
    663      float: right;
    664      valign: middle;
    665 }
    666 
    667 .langbox img {
    668      padding: 0 2px; /* Ignored by IE8 */
    669 }
    670 
    671 .links {
    672      padding-bottom: -2px;
    673      text-align: justify;
    674      margin-top: 5px !important;
    675 }
    676 
    677 .links li {
    678      list-style-image: url("../images/link.png") !important;
    679 }
    680 
    681 a{
    682      white-space:nowrap;
    683 }
    684 
    685 a:link{
    686      color: #006;
    687      text-decoration: none;
    688 }
    689 
    690 a:visited{
    691      color: #448;
    692      text-decoration: none;
    693 }
    694 
    695 a:hover{
    696      color: #f60;
    697      text-decoration: underline;
    698 }
    699 
    700 a:active{
    701      color: #f93;
    702      text-decoration: underline;
    703      font-weight: bold;
    704 }
    705 
    706 pre {
    707      font-size: 9pt;
    708      margin: 0px 20px;
    709 }
    710 
    711 tt {
    712      font-size: 9pt;
    713      font-weight: bold;
    714      color: darkgreen;
    715 }
    716 
    717 .tablefooter {
    718      border: 1px solid #bbf;
    719 }
    720 
    721 .tablefooter tr, .tablefooter td {
    722      background: #bbf;
    723      font-size: 8pt;
    724      font-weight: bold;
    725      line-height: 150%;
    726      word-wrap: nowrap;
    727      padding: 8px 1px;
    728      border-top: 2px solid #bbf;
    729 }
    730 
    731 .tidylist {
    732      text-align: justify;
    733      padding-right: 30px;
    734      margin-right: 20px;
    735 }
    736 
    737 div.graphspanel {
    738      padding: 15px 5px 20px 5px;
    739      margin: -20px;
    740      background: #ddf url('images/lightbluetile.png');
    741      -moz-border-radius: 4px;
    742      -khtml-border-radius: 4px;
    743      border-radius: 4px;
    744      border: 5px solid #bbf;
    745      -moz-box-shadow: inset 0px 0px 1px 0px #002;
    746      text-align: center !important;   
    747 }
    748 
    749 div.graphspanel img {
    750      border: 1px solid #77f;
    751      padding: 2px;
    752      margin: 6px;
    753      background: #ccf;
    754      -moz-box-shadow: inset 0px 0px 0px 0px #002;
    755      opacity: 0.9;
    756 }
    757 
    758 div.graphspanel img:hover {
    759      border: 1px solid #003;
    760      padding: 2px;
    761      margin: 6px;
    762      text-align: center !important;
    763      background: #001;
    764      -moz-box-shadow: inset 0px 0px 2px 1px #f60;
    765      opacity: 1;
    766 }
    767 
    768 div.graphspanel hr {
    769      margin: 10px 0;
    770 }
    771 
    772 div.graphspanel form:last-child {
    773      text-align: left;
    774      margin: 0 20px;
    775 }
    776 
    777 div.graphspanel h3 {
    778      text-align: left;
    779      margin: 10px 20px 10px 20px;
    780 }
Note: See TracChangeset for help on using the changeset viewer.