Changeset a2a406f


Ignore:
Timestamp:
Dec 1, 2010 1:10:24 PM (11 years ago)
Author:
z3d <z3d@…>
Branches:
master
Children:
9f3bcc2
Parents:
59b53eb
Message:

Console themes: rework ieshim.css for classic/ie; Classic & Light tweaks; I2PSnark vanilla/ubergine edits.

Files:
23 edited

Legend:

Unmodified
Added
Removed
  • build.xml

    r59b53eb ra2a406f  
    10701070                                <fileset dir="installer/resources/themes/console/light/" includes="**.css" />
    10711071                        </copy>
    1072 <!-- @dr.zed where is your CJK fix for the default theme ??     put it here             <copy file="installer/resources/themes/console/classic/console_big.css" todir="portable/docs/themes/console/light/" / -->
     1072                        <copy file="installer/resources/themes/console/light/console_big.css" todir="portable/docs/themes/console/light/" />
    10731073                        <copy todir="pkg-temp/docs/themes/console/images/" >
    10741074                                <fileset dir="installer/resources/themes/console/images/" />
  • history.txt

    r59b53eb ra2a406f  
    1 20-11-29 dr|z3d
     12010-12-01 dr|z3d
     2    * Console:
     3      - Extensive reworking of ieshim.css for classic theme/Internet Explorer.
     4      - Additional console_big.css files for other themes to enhance doublebyte glyph support.
     5    * I2PSnark:
     6      - Make show/hide peers and stop/start all torrent buttons more obvious.
     7      - Rework Vanilla icons to bring in line with color scheme.
     8     
     92010-11-29 dr|z3d
    210    * Updated console theme "light".
    311
  • installer/resources/readme/readme.html

    r59b53eb ra2a406f  
    8989<li class="tidylist"><b>Get Involved!</b><br>I2P is developed and maintained mostly through unfunded, voluntary participation by community members. We're happy to accept <a href="http://www.i2p2.i2p/donate.html" target="_blank">donations</a>, which go towards essential hosting and administrative costs. We have <a href="http://www.i2p2.i2p/bounties.html" target="_blank">cash bounties</a> for aspects of I2P for developers looking for incentives to participate, and we're always looking for more Java coders, translators, promoters and users to help I2P grow. For further info on how you can help visit the <a href="http://www.i2p2.i2p/getinvolved.html" target="_blank">volunteers page</a> on the website. Thanks in advance!</li>
    9090</ul>
     91<div class="footnote"><hr>Document updated: November 2010.
  • installer/resources/themes/console/classic/console.css

    r59b53eb ra2a406f  
    331331div.main h2 {
    332332     margin-top: 20px;
    333      margin-bottom: 0px;
     333     margin-bottom: 10px !important;
    334334}
    335335
     
    789789}
    790790
     791.tidylist code {
     792     text-align: left;
     793     font: 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     794     color: #390;
     795     padding: 2px 3px;
     796     background: #eeb;
     797     font-weight: bold;
     798}
     799
    791800div.graphspanel {
    792801     padding: 10px 5px 20px 5px;
     
    828837     margin: 10px 20px 10px 20px;
    829838}
     839
     840div.footnote {
     841     text-align: right;
     842     color: #99f;
     843     font-size: 7pt;
     844}
     845
     846div.footnote hr{
     847     margin: 10px 0 5px 0 !important;
     848     color: #99f;
     849     background: #99f;
     850     height: 1px;
     851     border: 0px solid #99f;
     852}
  • installer/resources/themes/console/classic/ieshim.css

    r59b53eb ra2a406f  
    1 /* Welcome to the wonderful world of kludgey IE fixes */
     1/* I2P Console IE theme override for Classic */
     2/* Comment: Welcome to the wonderful world of kludgey IE fixes (for best results use another browser) */
     3/* Author: dr|z3d */
    24
    35.wideload {
     
    68}
    79
    8 .formaction {
     10.formaction, form {
    911     text-align: left !important;
    10      margin: -10px 0 10px 0;
     12     margin: 0px 0 10px 0;
    1113}
    1214
     
    1517}
    1618
     19div.configure hr {
     20/*     display: none; */
     21     margin-bottom: 10px !important;
     22}
     23
    1724div.configure p, div.configure table  {
    1825     text-align: justify;
     26     margin: 10px 0;
    1927}
    2028
    2129div.main ul {
    22      margin-right: 20px;
     30     margin: 0 20px 0 40px;
    2331}
    2432
     
    3240
    3341div.configure table {
    34      width: 550px !important;
    35      text-align: center;
     42     width: auto !important;
     43     text-align: left !important;
    3644}
    3745
    3846h1 {
    39      padding: 15px 10px 16px 10px !important;
    40      margin: 0 0px 0 17 5px !important;
    41      background-color: #bbf !important; /* background page color to fix overflow issue */
     47     padding: 20px 10px 21px 10px !important;
     48     margin: 0 0 0 195px !important;
    4249     color: #001;
    43 }
     50     border: 1px solid #89f !important;
     51     border-left: 1px solid #89f !important;
     52}
     53
    4454
    4555h2 {
    46      padding-top: 0;
     56     padding: 10px !important;
    4757     text-align: left !important;
     58     margin: 0 0 15px 0 !important;
    4859}
    4960
     
    6778}
    6879
    69 div.main, div.news {
    70      margin: -5px 0px 10px 185px;
    71      border: 5px solid #bbf;
     80div.main {
     81     margin: -5px 0px 10px 197px;
     82     border: 1px solid #89f !important;
    7283}
    7384
    7485div.main hr, div.news hr {
    75      margin: 0;
     86     margin: 0 10px !important;
     87}
     88
     89div.news {
     90     margin-left: 197px !important;
     91     border-left: 1px solid #89f !important;
     92}
     93
     94div.news hr {
     95     height: 1px !important;
     96     color: #ffffc0 !important; /* fixes immovable hr issue by making it invisible */
    7697}
    7798
     
    82103div.news {
    83104     border-left: 5px solid #bbf;
    84      margin: -5px 0px 0 185px;
     105     margin: -5px 0px 0 193px;
    85106     padding-bottom: 8px;
    86107}
     
    97118     color: #001;
    98119     padding-left: 0px;
    99      border-left: 5px solid #bbf;
     120/*     border-left: 1px solid #bbf; */
    100121     text-align: center !important;
    101122     overflow: hidden; /* prevents IE from borking the sidepanel */
     123     width: 195px !important;
     124     padding-bottom: 20px !important;
    102125}
    103126
     
    112135
    113136div.routersummary hr {
    114      color: #eef;
    115      background: #eef;
    116      height: 2px;
    117      border-bottom: 1px solid #eef;
    118      margin: 8px 1px 7px 1px;
    119      -moz-box-shadow: inset 0px 1px 1px 1px #99f;
     137     color: #89f;
     138     background: #89f;
     139     height: 1px;
     140     border-bottom: 1px solid #89f;
     141     margin: 8px -2px 7px -1px;
    120142}
    121143
     
    126148     letter-spacing: 0.05em;
    127149     margin: -14px 0px -15px 1px;
    128      padding: 5px 0px 5px 0px;
     150     padding: 1px 0px 1px 0px;
    129151     background: #c5d5fb;
    130152     text-transform: uppercase;
     
    137159     letter-spacing: 0.05em;
    138160     margin: -14px 0px -15px 1px !important;
    139      padding: 2px 3px 3px 3px;
     161     padding: 7px 3px 5px 3px;
    140162     background: #c1d1f7;
    141163     text-transform: capitalize;
     
    143165     color: #2b2;
    144166     text-align: center !important;
     167     line-height: 135%;
    145168}
    146169
     
    148171     border: 0;
    149172     text-align: center !important;
    150      margin: -5px 5px;
    151      width: 175px !important;
     173     margin: -5px 5px !important;
     174     width: 192px !important;
    152175     overflow: hidden;
    153176     font-size: 8pt;
     
    155178     background-image: none !important;
    156179     background-color: transparent !important;
    157      text-align: center !important;
    158 }
    159 
    160 div.routersummary tr {
     180}
     181
     182div.routersummary tr, div.routersummary td {
    161183     background-image: none !important;
    162184     background-color: transparent !important;
    163185     border: 0 !important;
     186     line-height: 120% !important;
     187     padding: 0 1px !important;
    164188}
    165189
     
    174198}     
    175199
    176 /*
    177 div.routersummary img {
    178      margin: 5px -10px -5px -10px;
    179      overflow: hidden;
    180 }     
    181 */
    182 
    183200div.routersummary a:link, div.routersummary a:visited {
    184      text-shadow: 0px 0px 1px rgba(0, 0, 32, 0.3);
     201     line-height: 120%;
    185202}
    186203
    187204div.routersummary a:hover {
    188      text-shadow: 0px 0px 1px rgba(255, 96, 0, 0.7);
    189205     color: #f60;
    190206}
     
    196212}
    197213
    198 div.routersummary tr:nth-child(even) {
    199      background-color: #f60;
    200      background-image: none !important;
    201 }
    202 
    203 div.routersummarytr:nth-child(odd) {
    204      background-color: #f00;
    205      background-image: none !important;
     214div.routersummary form {
     215     margin: -20px 0 !important;   
    206216}
    207217
    208218div.news li {
    209      padding-top: 0px   0px !important;
     219     padding-top: 0px !important;
    210220     margin-bottom: -23px !important;
    211221}
     
    221231
    222232.langbox {
    223      margin: 22px -20px 0px 5px;
     233     margin: 20px -18px 0px 5px;
    224234}
    225235
     
    250260
    251261div.graphspanel hr {
    252      margin: 20px 0;
    253 }
     262     margin: 20px 0 10px !important;
     263}
     264
     265table {
     266     width: 100% !important;
     267}
  • installer/resources/themes/console/light/console.css

    r59b53eb ra2a406f  
    9292div.routersummary {
    9393/*  margin: 0px 20px 20px 0px; */
    94      width: 175px;
    95      padding: 10px;
     94     width: 180 px;
     95     padding: 8px;
    9696     text-align: center !important;
    9797     border: 1px solid #447;
     
    119119     height: 2px;
    120120     border-bottom: 1px solid #eef;
    121      margin: 8px -10px 7px -10px;
     121     margin: 8px -7px 7px -7px;
    122122     -moz-box-shadow: inset 0px 1px 1px 1px #ddf;
    123123}
     
    132132     font-size: 9.5pt;
    133133     letter-spacing: 0.04em;
    134      margin: -4px -6px;
     134     margin: -4px -3px;
    135135     padding: 2px 0;
    136136     background: #c5d5fb;
     
    155155     font-size: 8.5pt;
    156156     letter-spacing: 0.02em;
    157      margin: -7px -9px -7px -9px !important;
     157     margin: -7px -7px -7px -7px !important;
    158158     padding: 0px 3px 1px 3px;
    159159     background: #eef;
     
    168168     text-align: center !important;
    169169     margin: -7px -5px -6px -5px;
    170      width: 185px !important;
     170     width: 190px !important;
    171171     overflow: hidden;
    172172     font-size: 8pt;
     
    180180     background-color: transparent !important;
    181181     border: 0 !important;
     182}
     183
     184div.routersummary td:first-child {
     185     max-width: 90px;
     186     overflow: hidden;
    182187}
    183188
     
    323328     padding: 10px 25px 7px 25px;
    324329     border: 1px solid #447;
    325      color: #000;
     330     color: #224;
    326331     border-radius: 4px;
    327332     -moz-border-radius: 4px;
     
    428433     border: 1px solid #447;
    429434     border-left: 5px solid #447;
    430      padding: 3px 5px 3px 5px;
     435     padding: 5px;
    431436     margin: 15px 0 15px 0;
    432437     border-radius: 0 4px 4px 0;
     
    10841089     text-align: right;
    10851090}
     1091
     1092div.footnote {
     1093     text-align: right;
     1094     color: #447;
     1095     font-size: 7pt;
     1096}
     1097
     1098div.footnote hr{
     1099     margin: 20px 0 5px 0 !important;
     1100     color: #447;
     1101     background: #447;
     1102     height: 1px;
     1103     border: 0px solid #447;
     1104}
  • installer/resources/themes/console/midnight/console.css

    r59b53eb ra2a406f  
    164164     color: inherit;
    165165     margin: 0;
    166      padding: 10px 1px 5px 1px;
     166     padding: 8px 1px 4px 1px;
    167167     text-align: center !important;
    168168     border: 1px solid #99f;
     
    240240}
    241241
     242div.routersummary td:first-child {
     243     max-width: 90px;
     244     overflow: hidden;
     245}
     246
    242247div.tunnels table{
    243248     margin: -2px 0px -4px 2px !important;
     
    889894     font: 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
    890895     color: #0d0;
    891      padding: 0 5px;
    892 }
     896     padding: 0 2px;
     897}
     898
     899div.footnote {
     900     text-align: right;
     901     color: #99f;
     902     font-size: 7pt;
     903}
     904
     905div.footnote hr{
     906     margin: 15px 0 5px 0 !important;
     907     color: #99f;
     908     background: #99f;
     909     height: 1px;
     910     border: 0px solid #99f;
     911}
  • installer/resources/themes/snark/ubergine/snark.css

    r59b53eb ra2a406f  
    475475}
    476476
    477 input[type=image] {
     477input[type=image], thead img {
    478478     padding: 0 !important;
    479      background: #000;
    480479     -moz-border-radius: 0px;
    481480     -khtml-border-radius: 0px;
     
    483482     border: medium none;
    484483     margin: 0 2px;
    485 }
    486 
    487 input[type=image]:hover {
    488      border: 1px outset #bbb;
     484     opacity: 0.8;
     485}
     486
     487input[type=image]:hover, thead img:hover {
     488     opacity: 1;
    489489}
    490490
  • installer/resources/themes/snark/vanilla/snark.css

    r59b53eb ra2a406f  
    159159     padding: 4px 2px 4px 4px;
    160160     font-size: 9pt;
    161      border-top: 1px outset #001;
     161     border-top: 1px outset #604;
    162162     border-bottom: 1px inset #604;
    163163     whitespace: nowrap;
     
    502502input[type=image] {
    503503     padding: 0 !important;
    504      background: none;
    505504     -moz-border-radius: 0px;
    506505     -khtml-border-radius: 0px;
     
    508507     border: medium none;
    509508     margin: 0 2px;
     509     opacity: 0.9 !important;
    510510}
    511511
    512512input[type=image]:hover {
     513     opacity: 1 !important;
    513514}
    514515
Note: See TracChangeset for help on using the changeset viewer.