Changeset 1c6ca501 for installer


Ignore:
Timestamp:
Oct 25, 2017 9:47:34 AM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
e44fb48f
Parents:
cdd89df
Message:

Theme updates

Console:

  • light:
    • Lighten/tint buttons and dropdowns to better blend with reworked theme, vary text color for different button states
    • Increase vertical spacing for status/buttons in news section
    • Fix minor rendering issue with h1's (remove bottom border-radius)
    • Fix some mismatched heading coloring issues
    • Fix alignment issue on /configservice in Arabic/Chinese? (ticket #2024)
    • Ensure spacing of sidebar elements is consistent in Chinese
  • dark: Overhaul theme
  • classic: Add fallback CSS to ensure browsers without CSS3 support can display icons on buttons (tested with Netsurf)

Proxy: Remove truncation of URLs in the error messages and handle with CSS to

avoid UI breakage

I2PSnark

  • Add button hoverstate for tracker details, torrent details and file icons
  • light
    • Sync buttons in embedded mode with console theme
    • Fix non-functioning message log close icon
  • dark: Overhaul theme and sync with console theme in embedded mode
  • classic: refresh CSS

Susimail:

  • Overhaul dark theme
  • Sync theme to console theme by default, override if user sets theme (unless universal themeing is enabled)
Location:
installer/resources/themes
Files:
24 edited

Legend:

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

    rcdd89df r1c6ca501  
    132132
    133133.warning a:visited {
    134      color: #f90 !important;
    135 }
    136 
    137 .warning a:hover {
     134     color: #f40 !important;
     135}
     136
     137.warning a:hover, .warning a:focus, .warning a:visited:focus {
    138138     color: #d30 !important;
    139139}
     
    407407}
    408408
     409/* siderbar logo */
     410
     411.routersummary div[style="height: 36px;"] {
     412     height: 32px !important;
     413}
     414
    409415.routersummary img[src$="i2plogo.png"] {
    410     margin-top: 3px;
    411      margin-left: 0;
    412      width: 185px;
     416     width: 190px;
    413417     height: auto;
    414418     box-shadow: 0 0 1px 1px rgba(180,180,180,0.7);
     
    417421     user-select: none;
    418422}
     423
     424.routersummary a img:first-child {
     425     opacity: 0.8;
     426     border: none;
     427}
     428
     429.routersummary a img:first-child:hover, .routersummary a img:first-child:active {
     430     opacity: 1;
     431     filter: drop-shadow(0 0 1px #f60);
     432     box-shadow: none;
     433}
     434
     435.routersummary a[href="/"], .routersummary a[href="/console"] {
     436     outline: none !important;
     437}
     438
     439.routersummary a[href="/"]:focus img, .routersummary a[href="/console"]:focus img {
     440     filter: drop-shadow(0 0 1px #f60) saturate(200%);
     441}
     442
     443/* end siderbar logo */
    419444
    420445.routersummary a {
     
    668693}
    669694
     695.sb_notice a {
     696     vertical-align: baseline;
     697     padding: 0;
     698}
     699
    670700#sb_warning + .sb_notice {
    671701     margin-top: 10px;
     
    677707
    678708.routersummary form {
    679      margin: -2px 0;
     709     margin: -2px -2px -3px;
     710}
     711
     712#sb_warning + hr {
     713    opacity: 0;
     714}
     715
     716#sb_warning + hr + form {
     717     margin-top: -1px;
     718}
     719
     720#sb_warning + p:empty + form {
     721     margin-top: 10px;
     722     margin-bottom: -3px;
    680723}
    681724
     
    753796.routersummary a:hover {
    754797     color: #f60;
    755 }
    756 
    757 .routersummary a img:first-child {
    758      opacity: 0.8;
    759      border: none;
    760 }
    761 
    762 .routersummary a img:first-child:hover, .routersummary a img:first-child:active {
    763      opacity: 1;
    764      filter: drop-shadow(0 0 1px #89f);
    765      box-shadow: none;
    766 }
    767 
    768 .routersummary a[href="/"], .routersummary a[href="/console"] {
    769      outline: none !important;
    770 }
    771 
    772 .routersummary a[href="/"]:focus img, .routersummary a[href="/console"]:focus img {
    773      filter: drop-shadow(0 0 1px #f60) saturate(200%);
    774798}
    775799
     
    12811305     -webkit-appearance: none;
    12821306     appearance: none;
    1283      background: url(images/dropdown.png) right center no-repeat #fff;
     1307     background: url(images/dropdown.png) right center no-repeat #eee;
    12841308     background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    12851309     margin: 3px 5px;
     
    13061330
    13071331select:hover, select:active {
     1332     background: #ddd url(images/dropdown_hover.png) right center no-repeat !important;
    13081333     background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
    13091334}
    13101335
    13111336select:focus {
     1337     background: #fff url(images/dropdown_hover.png) right center no-repeat !important;
    13121338     background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
    13131339     box-shadow: 0 0 0 1px #89f;
     
    14011427     padding: 4px;
    14021428     color: #333;
     1429     background-color: #fefefe;
    14031430}
    14041431
     
    14151442
    14161443button, input, select {
     1444     background-color: #eee;
    14171445     font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif;
    14181446     color: #333;
     
    14201448
    14211449button:hover, input[type="submit"]:hover, input[type="reset"]:hover {
    1422      background: #fff;
     1450     background-color: #ddd;
    14231451     background: linear-gradient(to bottom, #ddd, #fff);
    14241452}
    14251453
    14261454button:active, input[type="submit"]:active, input[type="reset"]:active {
    1427      background: #ddd;
     1455     background-color: #fff;
    14281456}
    14291457
     
    15111539
    15121540button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:focus, input[type="submit"]:focus, input[type="reset"]:focus {
     1541     background: #ddd;
    15131542     background: linear-gradient(to bottom, #ddd, #fff);
    15141543     border: 1px solid #89f;
     
    15201549     border: 1px solid #999;
    15211550     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px 1px #555;
     1551     background-color: #ddd;
    15221552     background-blend-mode: luminosity;
    15231553     color: #555;
     
    15251555
    15261556input.accept, button.accept {
     1557     background: #eee url(/themes/console/images/buttons/yes.png) no-repeat 7px center;
    15271558     background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    15281559     padding: 5px 7px 5px 23px;
     
    15311562input.accept:hover, button.accept:hover,
    15321563input.accept:focus, button.accept:focus {
     1564     background: #fff url(/themes/console/images/buttons/yes.png) no-repeat 7px center;
    15331565     background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    15341566}
    15351567
    15361568input.accept[value^="Unban"], button.accept[value^="Unban"] {
     1569     background: #eee url(/themes/console/images/buttons/unban.png) no-repeat 7px center;
    15371570     background: url(/themes/console/images/buttons/unban.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    15381571     padding: 5px 7px 5px 23px;
     
    15411574input.accept[value^="Unban"]:hover, button.accept[value^="Unban"]:hover,
    15421575input.accept[value^="Unban"]:focus, button.accept[value^="Unban"]:focus {
     1576     background: #fff url(/themes/console/images/buttons/unban.png) no-repeat 7px center;
    15431577     background: url(/themes/console/images/buttons/unban.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    15441578}
    15451579
    15461580input.accept[value^="Create"], button.accept[value^="Create"] {
     1581     background: #eee url(/themes/console/images/buttons/create.png) no-repeat 7px center;
    15471582     background: url(/themes/console/images/buttons/create.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    15481583     padding: 5px 7px 5px 23px;
     
    15511586input.accept[value^="Create"]:hover, button.accept[value^="Create"]:hover,
    15521587input.accept[value^="Create"]:focus, button.accept[value^="Create"]:focus {
     1588     background: #fff url(/themes/console/images/buttons/create.png) no-repeat 7px center;
    15531589     background: url(/themes/console/images/buttons/create.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    15541590}
    15551591
    15561592input.accept[value^="Filter"], button.accept[value^="Filter"] {
     1593     background: #eee url(/themes/console/images/buttons/filter.png) no-repeat 7px center;
    15571594     background: url(/themes/console/images/buttons/filter.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    15581595     padding: 5px 7px 5px 23px;
     
    15611598input.accept[value^="Filter"]:hover, button.accept[value^="Filter"]:hover,
    15621599input.accept[value^="Filter"]:focus, button.accept[value^="Filter"]:focus {
     1600     background: #fff url(/themes/console/images/buttons/filter.png) no-repeat 7px center;
    15631601     background: url(/themes/console/images/buttons/filter.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    15641602}
    15651603
    15661604input.add, button.add {
     1605     background: #eee url(/themes/console/images/buttons/add.png) no-repeat 7px center;
    15671606     background: url(/themes/console/images/buttons/add.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    15681607     padding: 5px 7px 5px 23px;
     
    15711610input.add:hover, button.add:hover,
    15721611input.add:focus, button.add:focus {
     1612     background: #fff url(/themes/console/images/buttons/add.png) no-repeat 7px center;
    15731613     background: url(/themes/console/images/buttons/add.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    15741614}
    15751615
    15761616input.add[value^="Adjust"], button.add[value^="Adjust"] {
     1617     background: #eee url(/themes/console/images/buttons/edit2.png) no-repeat 7px center;
    15771618     background: url(/themes/console/images/buttons/edit2.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    15781619     padding: 5px 7px 5px 23px;
     
    15811622input.add[value^="Adjust"]:hover, button.add[value^="Adjust"]:hover,
    15821623input.add[value^="Adjust"]:focus, button.add[value^="Adjust"]:focus {
     1624     background: #fff url(/themes/console/images/buttons/edit2.png) no-repeat 7px center;
    15831625     background: url(/themes/console/images/buttons/edit2.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    15841626}
    15851627
    15861628input.cancel, button.cancel {
     1629     background: #eee url(/themes/console/images/buttons/no.png) no-repeat 7px center;
    15871630     background: url(/themes/console/images/buttons/no.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    15881631     padding: 5px 7px 5px 23px;
     
    15911634input.cancel:hover, button.cancel:hover,
    15921635input.cancel:focus, button.cancel:focus {
     1636     background: #fff url(/themes/console/images/buttons/no.png) no-repeat 7px center;
    15931637     background: url(/themes/console/images/buttons/no.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    15941638}
     
    15961640input.accept[value^="Show"], button.accept[value^="Show"],
    15971641input.check[value^="View"], button.check[value^="View"] {
     1642     background: #eee url(/themes/console/images/buttons/show.png) no-repeat 7px center;
    15981643     background: url(/themes/console/images/buttons/show.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    15991644     padding: 5px 7px 5px 23px;
     
    16041649input.accept[value^="Show"]:focus, button.accept[value^="Show"]:focus,
    16051650input.check[value^="View"]:focus, button.check[value^="View"]:focus {
     1651     background: #fff url(/themes/console/images/buttons/show.png) no-repeat 7px center;
    16061652     background: url(/themes/console/images/buttons/show.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    16071653}
     
    16091655input.cancel[value^="Hide"], button.cancel[value^="Hide"],
    16101656input.delete[value^="Do not view"], button.delete[value^="Do not view"] {
     1657     background: #eee url(/themes/console/images/buttons/hide.png) no-repeat 7px center;
    16111658     background: url(/themes/console/images/buttons/hide.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    16121659     padding: 5px 7px 5px 23px;
     
    16171664input.cancel[value^="Hide"]:focus, button.cancel[value^="Hide"]:focus,
    16181665input.delete[value^="Do not view"]:focus, button.delete[value^="Do not view"]:focus {
     1666     background: #fff url(/themes/console/images/buttons/hide.png) no-repeat 7px center;
    16191667     background: url(/themes/console/images/buttons/hide.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    16201668}
    16211669
    16221670input.check, button.check {
     1671     background: #eee url(/themes/console/images/buttons/yes.png) no-repeat 7px center;
    16231672     background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    16241673     padding: 5px 7px 5px 23px;
     
    16271676input.check:hover, button.check:hover,
    16281677input.check:focus, button.check:focus {
     1678     background: #fff url(/themes/console/images/buttons/yes.png) no-repeat 7px center;
    16291679     background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    16301680}
    16311681
    16321682input.check[value$="updates"], button.check[value$="updates"] {
     1683     background: #eee url(/themes/console/images/buttons/update.png) no-repeat 7px center;
    16331684     background: url(/themes/console/images/buttons/update.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    16341685     padding: 5px 7px 5px 23px;
     
    16371688input.check[value$="updates"]:hover, button.check[value$="updates"]:hover,
    16381689input.check[value$="updates"]:focus, button.check[value$="updates"]:focus {
     1690     background: #fff url(/themes/console/images/buttons/update_hover.png) no-repeat 7px center;
    16391691     background: url(/themes/console/images/buttons/update_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    16401692}
    16411693
    16421694input.delete, button.delete {
     1695     background: #eee url(/themes/console/images/buttons/delete.png) no-repeat 7px center;
    16431696     background: url(/themes/console/images/buttons/delete.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    16441697     padding: 5px 7px 5px 23px;
     
    16471700input.delete:hover, button.delete:hover,
    16481701input.delete:focus, button.delete:focus {
     1702     background: #eee url(/themes/console/images/buttons/delete_hover.png) no-repeat 7px center;
    16491703     background: url(/themes/console/images/buttons/delete_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    16501704}
    16511705
    16521706input.delete[value^="Ban"], button.delete[value^="Ban"] {
     1707     background: #eee url(/themes/console/images/buttons/ban.png) no-repeat 7px center;
    16531708     background: url(/themes/console/images/buttons/ban.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    16541709     padding: 5px 7px 5px 23px;
     
    16571712input.delete[value^="Ban"]:hover, button.delete[value^="Ban"]:hover,
    16581713input.delete[value^="Ban"]:focus, button.delete[value^="Ban"]:focus {
     1714     background: #fff url(/themes/console/images/buttons/ban.png) no-repeat 7px center;
    16591715     background: url(/themes/console/images/buttons/ban.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    16601716}
    16611717
    16621718input.download, button.download {
     1719     background: #eee url(/themes/console/images/buttons/download.png) no-repeat 7px center;
    16631720     background: url(/themes/console/images/buttons/download.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    16641721     padding: 5px 7px 5px 23px;
     
    16671724input.download:hover, button.download:hover,
    16681725input.download:focus, button.download:focus {
     1726     background: #fff url(/themes/console/images/buttons/download.png) no-repeat 7px center;
    16691727     background: url(/themes/console/images/buttons/download.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    16701728}
    16711729
    16721730input.download[value^="Join"], button.download[value^="Join"] {
     1731     background: #eee url(/themes/console/images/buttons/users.png) no-repeat 7px center;
    16731732     background: url(/themes/console/images/buttons/users.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    16741733     padding: 5px 7px 5px 23px;
     
    16771736input.download[value^="Join"]:hover, button.download[value^="Join"]:hover,
    16781737input.download[value^="Join"]:focus, button.download[value^="Join"]:focus {
     1738     background: #fff url(/themes/console/images/buttons/users.png) no-repeat 7px center;
    16791739     background: url(/themes/console/images/buttons/users.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    16801740}
     
    16821742input.download[value$="from File"], button.download[value$="from File"],
    16831743input.download[value$="from file"], button.download[value$="from file"] {
     1744     background: #eee url(/themes/console/images/buttons/from-file.png) no-repeat 7px center;
    16841745     background: url(/themes/console/images/buttons/from-file.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    16851746     padding: 5px 7px 5px 23px;
     
    16901751input.download[value$="from File"]:focus, button.download[value$="from File"]:focus,
    16911752input.download[value$="from file"]:focus, button.download[value$="from file"]:focus {
     1753     background: #fff url(/themes/console/images/buttons/from-file.png) no-repeat 7px center;
    16921754     background: url(/themes/console/images/buttons/from-file.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    16931755}
    16941756
    16951757input.download[value^="Dump"], button.download[value^="Dump"] {
     1758     background: #eee url(/themes/console/images/buttons/dump-threads.png) no-repeat 7px center;
    16961759     background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    16971760     padding: 5px 7px 5px 23px;
     
    17001763input.download[value^="Dump"]:hover, button.download[value^="Dump"]:hover,
    17011764input.download[value^="Dump"]:focus, button.download[value^="Dump"]:focus {
     1765     background: #fff url(/themes/console/images/buttons/dump-threads.png) no-repeat 7px center;
    17021766     background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    17031767}
    17041768
    17051769input.go, button.go, input[value="GO"] {
     1770     background: #eee url(/themes/console/images/buttons/go.png) no-repeat 7px center;
    17061771     background: url(/themes/console/images/buttons/go.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    17071772     padding: 5px 7px 5px 23px;
     
    17101775input.go:hover, button.go:hover, input[value="GO"]:hover,
    17111776input.go:focus, button.go:focus, input[value="GO"]:focus {
     1777     background: #fff url(/themes/console/images/buttons/go.png) no-repeat 7px center;
    17121778     background: url(/themes/console/images/buttons/go.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    17131779}
    17141780
    17151781input.go[value^="Create"], button.go[value^="Create"] {
     1782     background: #eee url(/themes/console/images/buttons/create-file.png) no-repeat 7px center;
    17161783     background: url(/themes/console/images/buttons/create-file.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    17171784     padding: 5px 7px 5px 23px;
     
    17201787input.go[value^="Create"]:hover, button.go[value^="Create"]:hover,
    17211788input.go[value^="Create"]:focus, button.go[value^="Create"]:focus {
     1789     background: #fff url(/themes/console/images/buttons/create-file.png) no-repeat 7px center;
    17221790     background: url(/themes/console/images/buttons/create-file.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    17231791}
    17241792
    17251793input.reload, button.reload {
     1794     background: #eee url(/themes/console/images/buttons/restore.png) no-repeat 7px center;
    17261795     background: url(/themes/console/images/buttons/restore.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    17271796     padding: 5px 7px 5px 23px;
     
    17301799input.reload:hover, button.reload:hover,
    17311800input.reload:focus, button.reload:focus {
     1801     background: #fff url(/themes/console/images/buttons/restore_hover.png) no-repeat 7px center;
    17321802     background: url(/themes/console/images/buttons/restore_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    17331803}
    17341804
    17351805input.reload[value$="restart"], button.reload[value$="restart"] {
     1806     background: #eee url(/themes/console/images/buttons/restart.png) no-repeat 7px center;
    17361807     background: url(/themes/console/images/buttons/restart.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    17371808     padding: 5px 7px 5px 23px;
     
    17401811input.reload[value$="restart"]:hover, button.reload[value$="restart"]:hover,
    17411812input.reload[value$="restart"]:focus, button.reload[value$="restart"]:focus {
     1813     background: #fff url(/themes/console/images/buttons/restart_hover.png) no-repeat 7px center;
    17421814     background: url(/themes/console/images/buttons/restart_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    17431815}
    17441816
    17451817input.reload[value^="Update"], button.reload[value^="Update"] {
     1818     background: #eee url(/themes/console/images/buttons/update.png) no-repeat 7px center;
    17461819     background: url(/themes/console/images/buttons/update.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    17471820     padding: 5px 7px 5px 23px;
     
    17501823input.reload[value^="Update"]:hover, button.reload[value^="Update"]:hover,
    17511824input.reload[value^="Update"]:focus, button.reload[value^="Update"]:focus {
     1825     background: #fff url(/themes/console/images/buttons/update_hover.png) no-repeat 7px center;
    17521826     background: url(/themes/console/images/buttons/update_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    17531827}
    17541828
    17551829input.reload[value="Force GC"], button.reload[value="Force GC"] {
     1830     background: #eee url(/themes/console/images/buttons/clean.png) no-repeat 7px center;
    17561831     background: url(/themes/console/images/buttons/clean.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd);
    17571832     padding: 5px 7px 5px 23px;
     
    17601835input.reload[value="Force GC"]:hover, button.reload[value="Force GC"]:hover,
    17611836input.reload[value="Force GC"]:focus, button.reload[value="Force GC"]:focus {
     1837     background: #fff url(/themes/console/images/buttons/clean_hover.png) no-repeat 7px center;
    17621838     background: url(/themes/console/images/buttons/clean_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff);
    17631839}
    17641840
    17651841input.stop, button.stop {
     1842     background: #eee url(/themes/console/images/buttons/shutdown.png) no-repeat 7px 6px;
    17661843     background: url(/themes/console/images/buttons/shutdown.png) no-repeat 7px 6px, linear-gradient(to bottom, #fff, #ddd);
    17671844     padding: 5px 7px 5px 23px;
     
    17701847input.stop:hover, button.stop:hover,
    17711848input.stop:focus, button.stop:focus {
     1849     background: #fff url(/themes/console/images/buttons/shutdown_hover.png) no-repeat 7px 6px;
    17721850     background: url(/themes/console/images/buttons/shutdown_hover.png) no-repeat 7px 6px, linear-gradient(to bottom, #ddd, #fff);
    17731851}
    17741852
    17751853button.search {
     1854     background: #eee url(/themes/console/images/buttons/search.png) no-repeat 7px 6px;
    17761855     background: url(/themes/console/images/buttons/search.png) no-repeat 7px 6px, linear-gradient(to bottom, #fff, #ddd);
    1777      padding: 5px 7px 5px 23px;
     1856     padding: 5px 7px 5px 25px;
    17781857}
    17791858
    17801859button.search:hover,
    17811860button.search:focus {
     1861     background: #fff url(/themes/console/images/buttons/search_hover.png) no-repeat 7px 6px;
    17821862     background: url(/themes/console/images/buttons/search_hover.png) no-repeat 7px 6px, linear-gradient(to bottom, #ddd, #fff);
    17831863}
     
    17931873
    17941874button.accept.control {
     1875     background: #eee url(/themes/console/images/buttons/Xstart.png) center center no-repeat;
    17951876     background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    17961877}
    17971878
    17981879button.accept.control:hover, button.accept.control:focus {
     1880     background: #fff url(/themes/console/images/buttons/Xstart.png) center center no-repeat;
    17991881     background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
    18001882}
    18011883
    18021884button.stop.control {
     1885     background: #eee url(/themes/console/images/buttons/Xstop.png) center center no-repeat;
    18031886     background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    18041887}
    18051888
    18061889button.stop.control:hover, button.stop.control:focus {
     1890     background: #fff url(/themes/console/images/buttons/Xstop.png) center center no-repeat;
    18071891     background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
    18081892}
    18091893
    18101894button.add.control {
     1895     background: #eee url(/themes/console/images/buttons/edit2.png) center center no-repeat;
    18111896     background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    18121897}
    18131898
    18141899button.add.control:hover, button.add.control:focus {
     1900     background: #fff url(/themes/console/images/buttons/edit2.png) center center no-repeat;
    18151901     background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
    18161902}
    18171903
    18181904button.delete.control {
     1905     background: #eee url(/themes/console/images/buttons/delete.png) center center no-repeat;
    18191906     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    18201907}
    18211908
    18221909button.delete.control:hover, button.delete.control:focus {
     1910     background: #fff url(/themes/console/images/buttons/delete_hover.png) center center no-repeat;
    18231911     background: url(/themes/console/images/buttons/delete_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
    18241912}
    18251913
    18261914button.check.control {
     1915     background: #eee url(/themes/console/images/buttons/update.png) center center no-repeat;
    18271916     background: url(/themes/console/images/buttons/update.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    18281917}
    18291918
    18301919button.check.control:hover, button.check.control:focus {
     1920     background: #fff url(/themes/console/images/buttons/update_hover.png) center center no-repeat;
    18311921     background: url(/themes/console/images/buttons/update_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
    18321922}
    18331923
    18341924button.download.control {
     1925     background: #eee url(/themes/console/images/buttons/download.png) center center no-repeat;
    18351926     background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    18361927}
    18371928
    18381929button.download.control:hover, button.download.control:focus {
     1930     background: #fff url(/themes/console/images/buttons/download.png) center center no-repeat;
    18391931     background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
    18401932}
     
    18551947
    18561948.routersummary .reload, .routersummary .stop {
     1949     min-width: 92px !important;
    18571950     text-indent: -99999px;
    18581951     background-size: 16px 16px, 100% 100% !important;
     
    18601953
    18611954.routersummary .reload {
     1955     background: #eee url(/themes/console/images/buttons/restart.png) center center no-repeat !important;
    18621956     background: url(/themes/console/images/buttons/restart.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
    18631957}
    18641958
    18651959.routersummary .reload:hover, .routersummary .reload:focus {
    1866      background: url(/themes/console/images/buttons/restart_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     1960     background: #ddd url(/themes/console/images/buttons/restart_hover.png) center center no-repeat !important;
    18671961     background: url(/themes/console/images/buttons/shutdown_hover.png) 37% center no-repeat, url(/themes/console/images/buttons/restart_hover.png) 63% center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
    18681962     border: 1px solid #89f;
     
    18751969
    18761970.routersummary .stop {
     1971     background: #eee url(/themes/console/images/buttons/shutdown.png) center center no-repeat;
    18771972     background: url(/themes/console/images/buttons/shutdown.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    18781973}
     
    18981993
    18991994.routersummary .reload[value="restartImmediate"] {
     1995     background: #eee url(/themes/console/images/buttons/restart.png) center left 7px no-repeat !important;
    19001996     background: url(/themes/console/images/buttons/restart.png) center left 7px no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
    19011997     background-size: 14px auto, 100% 100% !important;
     
    19031999
    19042000.routersummary .reload[value="restartImmediate"]:hover, .routersummary .reload[value="restartImmediate"]:focus, .routersummary .reload[value="restartImmediate"]:active {
     2001     background: #eee url(/themes/console/images/buttons/restart_hover.png) center left 7px no-repeat !important;
    19052002     background: url(/themes/console/images/buttons/restart_hover.png) center left 7px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
    19062003     background-size: 14px auto, 100% 100% !important;
     
    19082005
    19092006.routersummary .stop[value="shutdownImmediate"] {
     2007     background: #eee url(/themes/console/images/buttons/shutdown.png) center left 7px no-repeat !important;
    19102008     background: url(/themes/console/images/buttons/shutdown.png) center left 7px no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
    19112009     background-size: 14px auto, 100% 100% !important;
     
    19132011
    19142012.routersummary .stop[value="shutdownImmediate"]:hover, .routersummary .stop[value="shutdownImmediate"]:focus, .routersummary .stop[value="shutdownImmediate"]:active {
     2013     background: #eee url(/themes/console/images/buttons/shutdown_hover.png) center left 7px no-repeat !important;
    19152014     background: url(/themes/console/images/buttons/shutdown_hover.png) center left 7px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
    19162015     background-size: 14px auto, 100% 100% !important;
     
    19182017
    19192018.routersummary .reload[value="Reseed"] {
     2019     background: #eee url(/themes/console/images/buttons/download.png) center left 7px no-repeat !important;
    19202020     background: url(/themes/console/images/buttons/download.png) center left 7px no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
    19212021     background-size: 14px auto, 100% 100% !important;
     
    19232023
    19242024.routersummary .reload[value="Reseed"]:hover, .routersummary .reload[value="Reseed"]:focus, .routersummary .reload[value="Reseed"]:active {
     2025     background: #ddd url(/themes/console/images/buttons/download.png) center left 7px no-repeat !important;
    19252026     background: url(/themes/console/images/buttons/download.png) center left 7px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
    19262027     background-size: 14px auto, 100% 100% !important;
     
    19282029
    19292030.routersummary .download {
     2031     background: #eee url(/themes/console/images/buttons/download.png) 7px center no-repeat;
    19302032     background: url(/themes/console/images/buttons/download.png) 7px center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    19312033     background-size: 14px 14px, 100% 100% !important;
     
    19332035
    19342036.routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active {
     2037     background: #ddd url(/themes/console/images/buttons/download.png) 7px center no-repeat;
    19352038     background: url(/themes/console/images/buttons/download.png) 7px center no-repeat, linear-gradient(to bottom, #ddd, #fff);
    19362039     background-size: 14px 14px, 100% 100% !important;
     
    20352138}
    20362139
     2140.main#dns {
     2141     background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.8)), url(images/bg0.png) !important;
     2142}
     2143
    20372144.main#tunnelmgr {
    20382145     padding: 0 10px;
     
    21442251}
    21452252
    2146 div.news a, #warning a {
     2253div.news a {
    21472254     color: #7f560f !important;
    21482255}
    21492256
    2150 div.news a:hover, div.news a:focus, div.news a:visited:hover, div.news a:visited:focus, #warning a:hover, #warning a:focus {
     2257div.news a:hover, div.news a:focus, div.news a:visited:hover, div.news a:visited:focus {
    21512258     color: #f60 !important;
    21522259}
    21532260
    2154 div.news a:visited, #warning a:visited {
     2261div.news a:visited {
    21552262     color: #5f4312 !important;
    21562263}
     
    22242331/* top navigation */
    22252332
    2226 div.confignav {
    2227      padding: 5px;
     2333.confignav {
     2334     padding: 5px 5px 6px;
    22282335     margin: -16px -16px 5px -16px;
    22292336     border: 1px solid #89f;
     
    23762483
    23772484#bandwidthconfig td:first-child {
    2378      width: 10%;
     2485     width: 25%;
    23792486     white-space: nowrap;
    23802487}
     
    31303237     text-align: left;
    31313238     border: 1px solid #89f;
    3132      padding: 19px 20px;
     3239     padding: 18px 20px 16px;
    31333240     margin: 0 0 0 211px;
    31343241     line-height: 93%;
     
    33013408
    33023409h2, h3, h4#updateplugins {
    3303      background: url(images/titlebg.png) right center no-repeat;
     3410     background: #fff url(images/titlebg.png) right center no-repeat;
    33043411     background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
    33053412     box-shadow: inset 0 0 0 1px #fff;
     
    34683575h4.app {
    34693576     margin-top: -5px;
     3577     background: #fefeff url(/themes/console/images/favicon.ico) 8px center no-repeat;
    34703578     background: url(/themes/console/images/eepsite.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
    34713579     background-size: 16px 16px, 100% 100%;
     
    34773585     clear: left;
    34783586     margin-top: 5px !important;
     3587     background: #fefeff url(/themes/console/light/images/globe.png) 8px center no-repeat;
    34793588     background: url(/themes/console/images/info/globe.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
    34803589     background-size: 16px 16px, 100% 100%;
     
    36113720}
    36123721
     3722.search td {
     3723     padding: 1px 0;
     3724}
     3725
    36133726.search td:nth-child(2) {
    36143727     text-align: center !important;
    3615      padding: 0;
    36163728}
    36173729
     
    41824294}
    41834295
     4296.graphspanel a {
     4297     font-size: 0;
     4298}
     4299
    41844300.graphspanel hr {
    41854301     margin: 10px 0;
     
    44714587}
    44724588
     4589.themechoice .optbox:checked + img, .themechoice .optbox:checked + object {
     4590     transform: scale(0.9);
     4591}
     4592
    44734593.themechoice .optbox:focus + object ~ div.themelabel {
    44744594     color: #f60 !important;
     
    44954615     position: relative;
    44964616     top: 4px;
    4497      padding: 5px 10px 3px 5px;
     4617     padding: 5px 10px 5px 5px;
    44984618}
    44994619
     
    45204640
    45214641#themeoptions input {
    4522      margin: 6px 8px 6px 6px;
     4642     margin: 2px 8px 2px 6px;
    45234643     vertical-align: sub;
    45244644}
     
    55195639
    55205640#help ul {
    5521      margin-bottom: 5px;
    5522      margin-top: -5px;
     5641     margin-bottom: 8px;
     5642     margin-top: -2px;
    55235643     padding-left: 15px;
    55245644}
     
    55325652     margin-left: 20px;
    55335653     padding-top: 0;
     5654}
     5655
     5656#help code, #help tt {
     5657     font-size: 8pt;
    55345658}
    55355659
     
    55425666     margin-left: 20px;
    55435667     margin-right: 0;
     5668}
     5669
     5670#help li, #help p, #help td {
     5671     line-height: 140%;
    55445672}
    55455673
     
    58485976}
    58495977
     5978#floodfillconfig input[type="radio"] {
     5979     margin-right: 3px;
     5980}
     5981
    58505982p#clientconf.infohelp, p#webappconfigtext.infohelp {
    58515983     background: #fff url(/themes/console/images/info/java_edit.png) 12px center no-repeat;
     
    72187350
    72197351.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.news, #banlist li,
    7220 .news #newsStatus, .news #newsDisplay, .topness, .footnote, .cells tt, #profilelist tt, .sb_notice {
     7352.news #newsStatus, .news #newsDisplay, .topness, .footnote, .cells tt, #profilelist tt, .sb_notice, #help code, #help tt {
    72217353     font-size: 9pt !important;
     7354}
     7355
     7356.routersummary .reload, .routersummary .stop {
     7357     min-width: 102px !important;
    72227358}
    72237359
  • installer/resources/themes/console/classic/i2ptunnel.css

    rcdd89df r1c6ca501  
    711711}
    712712
    713 input.tunnelName, input.tunnelDescription, #userAgents {
     713input.tunnelName, input.tunnelDescriptionText, #userAgents {
    714714     width: 80%;
    715715     min-width: 280px;
     
    894894}
    895895
    896 #clientTunnels .tunnelDescription {
     896.tunnelDescription {
    897897     padding-top: 1px !important;
    898898}
  • installer/resources/themes/console/dark/console.css

    rcdd89df r1c6ca501  
    172172}
    173173
     174.warning hr {
     175     margin-top: 10px !important;
     176}
     177
    174178#jumplinks h4 {
     179     padding-bottom: 10px;
    175180     margin-bottom: 10px;
    176181}
     
    329334     border-radius: 0;
    330335     mix-blend-mode: exclusion;
     336     transition: ease all 0.2s;
    331337}
    332338
     
    340346.routersummary h3 a {
    341347     vertical-align: middle;
     348     transition: ease all 0.2s;
    342349}
    343350
     
    345352     background: #010 !important;
    346353     box-shadow: inset 0 0 2px 2px #000;
     354     transition: ease all 0.2s;
    347355}
    348356
    349357.routersummary h3:hover a {
    350358     color: #f60;
     359     transition: ease all 0.2s;
    351360}
    352361
    353362.routersummary h3:active {
    354      box-shadow: inset 4px 4px 2px #000;
     363     box-shadow: inset 4px 4px 4px #000;
    355364}
    356365
     
    458467}
    459468
     469#sb_warning + p:empty + form {
     470     margin-top: 11px;
     471     margin-bottom: -6px;
     472}
     473
    460474#sb_internals td, #sb_services td, #sb_advanced td, #sb_help td { /* color ellipsis */
    461475     color: #595 !important;
     
    706720     padding: 0;
    707721     border: 1px solid #5df;
     722     border: 1px solid rgba(85, 221, 255, 0.5);
    708723     box-shadow: 0 0 1px #ccf;
    709724}
    710725
    711726#sb_bandwidthgraph:hover {
    712      border: 1px solid #f60;
     727     border: 1px solid #0f6;
    713728     cursor: url(/themes/console/images/cursor_zoom.png), pointer;
    714729}
    715730
    716731a:active #sb_bandwidthgraph {
    717      border: 1px solid #f30;
     732     border: 1px solid #0f3;
    718733}
    719734
     
    9931008     letter-spacing: 0.08em !important;
    9941009     word-spacing: normal !important;
     1010/*     background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), url(/themes/console/dark/images/camotile2.png), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #003000, #000 75%) !important;
     1011     background-blend-mode: normal, exclusion, normal, normal;*/
    9951012}
    9961013
     
    10781095}
    10791096
    1080 #newsStatus {
     1097#news #newsStatus {
    10811098     float: left;
    10821099     padding-top: 3px;
     
    11571174     background: url(images/header.png) repeat-x scroll center center #000;
    11581175     background: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important;
    1159      padding: 7px !important;
     1176     background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("/themes/console/dark/images/camotile2.png") !important;
     1177     padding: 7px 7px 8px !important;
    11601178     margin: -1px -16px 15px;
    11611179     border: 1px solid #494;
     
    11631181     line-height: 130% !important;
    11641182     text-align: center;
    1165      box-shadow: inset 0 0 0 1px #000, inset 0 0 3px 1px #030;
     1183     box-shadow: inset 0 0 0 1px #000;
     1184     background-blend-mode: exclusion, normal;
    11661185}
    11671186
     
    12671286
    12681287#graphs {
    1269      padding-left: 10px;
    1270      padding-right: 10px;
     1288     padding: 0 10px
    12711289}
    12721290
    12731291#graphs .messages {
    12741292     margin: 15px 5px -5px;
     1293}
     1294
     1295#graphs .widepanel {
     1296     margin: -4px 0 17px !important;
     1297}
     1298
     1299#graphdisplay {
     1300     margin-top: 14px !important;
    12751301}
    12761302
     
    14411467#graphs td:first-child {
    14421468     text-align: right;
    1443      width: 85px;
     1469     width: 10%;
    14441470     white-space: nowrap;
    1445      padding: 13px 3px 13px 5px;
     1471     padding: 13px 3px 13px 15px;
     1472     font-weight: bold;
    14461473}
    14471474
     
    14691496}
    14701497
     1498.graphspanel a {
     1499     font-size: 0;
     1500}
     1501
    14711502/* end graphs */
    14721503
     
    14971528     font-size: 9pt;
    14981529     background: #000 url(images/header.png) center center repeat-x;
    1499      background-image: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important;
     1530     background: linear-gradient(to bottom, #002000, #000 75%) !important;
    15001531     border-top: 1px solid #494;
    15011532     border-bottom: 1px solid #494 !important;
     
    18911922h1, h2, h3:not([id*="help"]), h4.app, h4.app2, .routersummary h3 {
    18921923     background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%) !important;
     1924     background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #005000, #000 75%) !important;
    18931925}
    18941926
     
    18971929}
    18981930
    1899 h1, h4.app, h4.app2 {
     1931.routersummary h3 {
     1932     background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%) !important;
     1933     transition: ease all 0.2s;
     1934}
     1935
     1936h1, h4.app, h4.app2, #news h3 {
    19001937     background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%), url(images/camotile2.png) #000 !important;
    19011938     background-blend-mode: exclusion;
     
    19411978
    19421979.routersummary button.reload, .routersummary button.stop {
    1943      min-width: 86px;
     1980     min-width: 92px;
    19441981     text-transform: capitalize;
     1982     margin: 3px 2px;
    19451983}
    19461984
     
    21452183     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    21462184     font-weight: bold;
    2147      padding: 4px 16px 4px 4px !important;
     2185     padding: 3px 16px 3px 4px !important;
    21482186     cursor: pointer;
    21492187     overflow: hidden;
     
    22262264
    22272265input[type="submit"], input[type="reset"], select, button {
     2266     line-height: 120%;
    22282267     border: 1px solid #8b8;
    22292268     border-bottom: 1px solid #171;
     
    26362675}
    26372676
    2638 .tablefooter tr, .tablefooter td {
     2677tr.tablefooter, .tablefooter td {
    26392678     background: #000 url(images/header.png) repeat-x center center !important;
    2640      background: linear-gradient(to bottom, #001400, #001000 50%, #000 100%) !important;
     2679     background: linear-gradient(to bottom, #002000, #000 75%) !important;
    26412680     border-top: 1px solid #494 !important;
    26422681     border-bottom: 1px solid #494 !important;
     
    28552894.themechoice:hover object {
    28562895     filter: drop-shadow(0 0 1px #f60);
    2857      transition: ease filter 0.3s;
     2896     transition: ease transform 0.05s;
    28582897}
    28592898
     
    28672906     color: #ee9 !important;
    28682907     box-shadow: inset 0 0 0 1px #000 !important;
     2908}
     2909
     2910.themechoice .optbox:checked + object, .themechoice .optbox:checked + img {
     2911     transform: scale(0.9);
    28692912}
    28702913
     
    29462989
    29472990#themeoptions input {
    2948      margin-left: 5px;
     2991     margin: 1px 5px;
    29492992}
    29502993
     
    30463089}
    30473090
     3091.langselect input + img {
     3092     opacity: 0.6;
     3093     transition: ease all 0.3s;
     3094}
     3095
    30483096.langselect input:hover + img {
    30493097     box-shadow: 0 0 2px 1px #f60;
    3050      transition: ease box-shadow 0.3s;
     3098     transition: ease all 0.3s;
     3099     opacity: 1;
    30513100}
    30523101
     
    37813830     text-align: center;
    37823831     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important;
     3832     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #002000, #000 75%) !important;
    37833833     text-indent: -99999px;
    37843834}
     
    40164066#help li {
    40174067     text-align: justify;
     4068     line-height: 150%;
     4069}
     4070
     4071#help li:last-child {
     4072     padding-bottom: 10px;
     4073}
     4074
     4075#help #faq li:last-child {
     4076     padding-bottom: 0;
    40184077}
    40194078
     
    44204479     list-style: none;
    44214480     font: bold 8pt "Droid Sans Mono",  "Lucida Console", "DejaVu Sans Mono", monospace;
    4422      line-height: 115%;
     4481     line-height: 120%;
    44234482     text-align: left;
    44244483     display: inline-block;
     
    44584517
    44594518font[color="#cc0000"] {
    4460      color: #c33 !important;
     4519     color: #900 !important;
    44614520}
    44624521
    44634522#logs li font[color="#cc0000"]::before {
    4464      background: #c33;
     4523     background: #900;
    44654524}
    44664525
     
    48014860#ipv4, #ipv6, #permabanned tr:nth-child(2) {
    48024861     background: #000 url(images/header.png) center center repeat-x;
    4803      background-image: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important;
     4862     background: linear-gradient(to bottom, #002000, #000 75%) !important;
    48044863     border-top: 1px solid #494;
    48054864     border-bottom: 1px solid #494;
     
    57335792}
    57345793
     5794#peerdefs td {
     5795     line-height: 140%;
     5796}
     5797
    57355798h3#i2pclientconfig, h3#pconfig, h3#pluginfromurl, h3#pluginfromfile, h3#webappconfig {
    57365799     margin-bottom: -14px !important;
     
    58025865     padding: 5px 10px;
    58035866     background: #000 url(images/header.png) center center repeat-x;
    5804      background-image: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important;
     5867     background: linear-gradient(to bottom, #002000, #000 75%) !important;
    58055868     border: 1px solid #494;
    58065869     text-align: left;
     
    67326795     font-size: 11.5pt;
    67336796     background: url(/themes/console/images/info/debug.png) right 5px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%) !important;
    6734      background-size: 20px 20px, 100% 100% !important;
    6735      background-blend-mode: luminosity, normal;
     6797     background: url(/themes/console/images/info/debug.png) right 5px center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #005000, #000 75%) !important;
     6798     background-size: 20px 20px, 100% 100%, 100% 100%, 100% 100% !important;
     6799     background-blend-mode: luminosity, normal, normal, normal;
    67366800}
    67376801
     
    68056869
    68066870#debug h3.debug_outboundsessions, #debug h3.debug_inboundsessions {
    6807      padding: 6px 10px 6px 28px !important;
    6808      background-blend-mode: luminosity, normal;
     6871     padding: 6px 10px 8px 28px !important;
     6872     background-blend-mode: luminosity, normal, normal, normal;
    68096873}
    68106874
     
    68126876     margin-top: -2px !important;
    68136877     background: url(/themes/console/images/outbound.png) 6px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000 56%) !important;
     6878     background: url(/themes/console/images/outbound.png) 6px center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #005000, #000 75%) !important;
    68146879}
    68156880
    68166881#debug h3.debug_inboundsessions {
    68176882     background: url(/themes/console/images/inbound.png) 6px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000 56%) !important;
     6883     background: url(/themes/console/images/inbound.png) 6px center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #005000, #000 75%) !important;
    68186884}
    68196885
     
    68736939#jardump td {
    68746940     border-right: 1px inset #131;
    6875      vertical-align: top;
    6876      padding: 2px 5px;
     6941     padding: 2px 5px 3px;
    68776942     color: #bb7;
    68786943}
     
    71627227     width: calc(100% - 22px) !important;
    71637228     overflow-y: hidden;
     7229}
     7230
     7231#help .confignav, #debug .confignav {
     7232     position: sticky;
     7233     top: 0;
    71647234}
    71657235}
  • installer/resources/themes/console/dark/console_big.css

    rcdd89df r1c6ca501  
    197197}
    198198
     199.routersummary button.reload, .routersummary button.stop {
     200     min-width: 98px;
     201     margin: 4px 3px !important;
     202     padding: 4px 5px !important;
     203}
     204
    199205.sb_notice, .sb_notice a {
    200206     font-size: 10pt !important;
  • installer/resources/themes/console/dark/i2ptunnel.css

    rcdd89df r1c6ca501  
    169169     border: 1px solid #494;
    170170     background: linear-gradient(to bottom, #1a261a 50%, #000 50%) !important;
     171     background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%), url(/themes/console/dark/images/camotile2.png) top left !important;
    171172     font-size: 11pt;
    172173     text-transform: uppercase;
     
    182183#messages h2 {
    183184     background: url(/themes/console/images/info/logs.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important;
    184      background-size: 20px auto, 100% 100%, 100% 100% !important;
     185     background: url(/themes/console/images/info/logs.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important;
     186     background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important;
     187     background-blend-mode: normal, normal, normal, exclusion, normal, normal;
    185188}
    186189
    187190#globalTunnelControl h2 {
    188191     background: url(/themes/console/images/info/control.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important;
    189      background-size: 20px auto, 100% 100%, 100% 100% !important;
     192     background: url(/themes/console/images/info/control.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important;
     193     background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important;
     194     background-blend-mode: normal, normal, normal, exclusion, normal, normal;
    190195}
    191196
    192197#servers h2 {
    193198     background: url(/themes/console/images/info/server.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important;
    194      background-size: 20px auto, 100% 100%, 100% 100% !important;
     199     background: url(/themes/console/images/info/server.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important;
     200     background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important;
     201     background-blend-mode: normal, normal, normal, exclusion, normal, normal;
    195202}
    196203
    197204#clients h2 {
    198205     background: url(/themes/console/images/info/client.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important;
    199      background-size: 20px auto, 100% 100%, 100% 100% !important;
     206     background: url(/themes/console/images/info/client.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important;
     207     background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important;
     208     background-blend-mode: normal, normal, normal, exclusion, normal, normal;
    200209}
    201210
    202211#tunnelEditPage h2, #tunnelEditPage h3, #registration h2, #registration h3 {
    203212     background: url(/themes/console/images/info/configure.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important;
    204      background-size: 20px auto, 100% 100%, 100% 100% !important;
     213     background: url(/themes/console/images/info/configure.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.5) 2px, rgba(0,32,0,0.8) 4px) !important;
     214     background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important;
     215     background-blend-mode: normal, normal, normal, exclusion, normal, normal;
    205216}
    206217
    207218#wizardPanel h2 {
    208219     background: url(/themes/console/images/info/wizard.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important;
    209      background-size: 20px auto, 100% 100%, 100% 100% !important;
     220     background: url(/themes/console/images/info/wizard.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important;
     221     background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important;
     222     background-blend-mode: normal, normal, normal, exclusion, normal, normal;
    210223}
    211224
     
    235248     background: #000;
    236249     background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%);
     250     background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #002000, #000 75%);
    237251     padding: 7px 5px;
    238252     border-top: 1px solid #494;
     
    244258     letter-spacing: 0.08em;
    245259     word-spacing: 0.1em;
     260}
     261
     262th:first-child {
     263     padding-left: 10px;
    246264}
    247265
     
    650668
    651669button, input[type="submit"], input[type="reset"], a.control, select {
     670     line-height: 120%;
    652671     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    653672     font-weight: bold;
     
    660679     background: #000;
    661680     background: linear-gradient(to bottom, #010, #000);
     681     background: linear-gradient(135deg, #000, rgba(0,0,0,0) 70%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #020, #000 75%);
    662682     border-top: 1px solid #494 !important;
    663683}
     
    842862}
    843863
    844 input.tunnelName, input.tunnelDescription, #userAgents {
     864input.tunnelName, input.tunnelDescriptionText, #userAgents {
    845865     width: 80%;
    846866     min-width: 280px;
     
    955975}
    956976
     977#wizardPanel p, #wizardPanel td {
     978     line-height: 140%;
     979}
     980
    957981#wizardPanel input::-moz-placeholder {
    958982     color: #bb7;
     
    10501074}
    10511075
    1052 #clientTunnels .tunnelDescription {
     1076.tunnelDescription {
    10531077     padding-top: 1px !important;
    10541078}
  • installer/resources/themes/console/light/console.css

    rcdd89df r1c6ca501  
    1414     background: #a4a4cb url(images/tile2.png) fixed;
    1515     background-size: 32px 32px;
    16 }
    1716}
    1817
     
    184183     vertical-align: middle;
    185184     margin: -3px 0;
    186      background: url(/themes/console/images/buttons/download.png) 6px center no-repeat, linear-gradient(to bottom, #fff, #ddd);
     185     background: url(/themes/console/images/buttons/download.png) 6px center no-repeat, linear-gradient(to bottom, #fff, #efefff);
    187186     background-size: 14px 14px, 100% 100% !important;
    188187     padding: 5px 7px 5px 22px !important;
     
    224223     border-right: none;
    225224     border-radius: 0;
    226      box-shadow: inset 0 0 0 1px #fff;
     225     box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 0 #fff;;
    227226     filter: none;
    228 }
    229 
    230 .routersummary h3 a:hover {
    231      color: #f60;
    232227}
    233228
     
    237232}
    238233
    239 .routersummary h3:hover a {
    240      color: #f60 !important;
    241      text-shadow: 0 0 1px #fff;
    242 }
    243 
    244234.routersummary h3:active {
    245      box-shadow: inset 2px 2px 2px #777;
     235     box-shadow: inset 2px 2px 3px 1px #6f5f45;
     236     box-shadow: inset 0 0 0 1px #fff9ef, inset 2px 2px 3px 1px rgba(111,95,69, 0.8);
     237     transition: ease box-shadow 0.05s;
     238     background: #fff linear-gradient(to bottom, #fff3df, #fff9ef) !important;
    246239}
    247240
     
    255248     color: #2c4e8f;
    256249     line-height: 110%;
     250}
     251
     252.routersummary h3:hover a, .routersummary h3 a:hover {
     253     color: #f60 !important;
     254     text-shadow: 0 0 1px #fff;
     255}
     256
     257.routersummary h3:active a, .routersummary h3 a:active {
     258     color: #cf9233 !important;
    257259}
    258260
     
    309311}
    310312
     313.sb_info a  {
     314     vertical-align: baseline !important;
     315}
     316
    311317h4.sb_info + hr + form {
    312      padding-top: 2px !important;
     318     padding-top: 5px !important;
    313319     margin-bottom: -1px;
    314320}
     
    459465     border-radius: 2px;
    460466     box-shadow: 0 0 1px #ccf;
     467     transition: ease border 0.7s;
    461468}
    462469
     
    470477     border: 1px solid #f60;
    471478     cursor: url(/themes/console/images/cursor_zoom.png), pointer;
     479     transition: ease border 0.7s;
    472480}
    473481
     
    634642}
    635643
     644#sb_warning + p:empty + form {
     645     margin-top: 12px;
     646     margin-bottom: -4px;
     647}
     648
    636649.sb_notice {
    637650     background: #f2f2ff;
     
    760773     display: inline-block;
    761774     vertical-align: middle;
     775     line-height: 120%;
    762776     border: 1px solid #88f;
    763777     border-radius: 2px;
     
    771785}
    772786
     787.sb_netstatus a {
     788     vertical-align: baseline;
     789}
     790
    773791.routersummary .firewalled {
    774792     background: repeating-linear-gradient(135deg, rgba(220,255,220,0.3) 2px, rgba(255,255,220,0.3) 3px, rgba(220,255,220,0.3) 5px);
     
    777795.routersummary .error {
    778796     background: rgba(255,110,110,0.1);
    779      box-shadow: inset 0 0 0 1px rgba(255,0,0,0.3), 0 0 1px rgba(96,96,96,0.5);
    780      background: repeating-linear-gradient(135deg, rgba(255,100,100,0.1) 2px, rgba(255,200,200,0.3) 3px,  rgba(255,100,100,0.1) 5px);
     797     box-shadow: inset 0 0 0 1px rgba(200,0,0,0.5), 0 0 1px rgba(96,96,96,0.5);
     798     background: repeating-linear-gradient(135deg, rgba(255,100,100,0.05) 2px, rgba(255,200,200,0.2) 3px,  rgba(255,100,100,0.05) 5px);
    781799}
    782800
     
    804822.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
    805823.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
    806      padding-right: 2px;
    807      vertical-align: middle;
     824     margin-bottom: -1px;
     825     padding-right: 1px;
     826     vertical-align: text-bottom;
    808827     display: inline-block;
    809828     filter: drop-shadow(0 0 1px rgba(96,96,96,0.5));
     
    11991218#jumplinks h4 {
    12001219     margin-bottom: 10px;
    1201      border-color: #41465f;
     1220     border-color: #7778bf !important;
    12021221     color: #41465f;
     1222     padding-bottom: 10px;
    12031223}
    12041224
     
    12291249}
    12301250
     1251.sorry {
     1252     color: #41465f;
     1253}
     1254
    12311255.sorry hr, .sorry hr:last-child {
    12321256     color: #558;
     
    15471571
    15481572.newsentry + hr + #newsStatus, .newsentry + hr + #newsStatus + #newsDisplay {
    1549      margin-top: -6px !important;
     1573     margin-top: -2px;
     1574     margin-bottom: 3px;
    15501575}
    15511576
     
    16841709     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px 1px #5f2400;
    16851710     background: #f60;
     1711     transition: ease box-shadow 0.05s;
    16861712}
    16871713
     
    19762002}
    19772003
     2004.graphspanel a {
     2005     font-size: 0;
     2006}
     2007
    19782008.graphspanel img {
    19792009     padding: 1px;
     
    19902020     box-shadow: 0 0 1px #ccf;
    19912021     filter: none !important;
     2022     white-space: nowrap;
    19922023}
    19932024
     
    20862117     width: 10%;
    20872118     white-space: nowrap;
    2088      padding: 13px 3px 13px 5px;
     2119     padding: 13px 3px 13px 15px;
     2120     font-weight: bold;
     2121     color: #41465f;
    20892122}
    20902123
     
    28992932#profiles .tunnel_peer img {
    29002933     margin-left: -6px;
     2934}
     2935
     2936#profiles .wideload {
     2937     text-align: center;
    29012938}
    29022939
     
    33823419     margin-bottom: -2px;
    33833420     box-shadow: inset 0 0 0 1px #fff;
     3421     text-align: left;
    33843422}
    33853423
     
    36433681
    36443682button.search {
    3645      background: url(/themes/console/images/buttons/search.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3683     background: url(/themes/console/images/buttons/search.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    36463684     padding: 5px 7px 5px 24px;
    36473685}
    36483686
    36493687button.search:hover, button.search:focus, button.search:active {
    3650      background: url(/themes/console/images/buttons/search_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff) !important;
     3688     background: url(/themes/console/images/buttons/search_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff) !important;
    36513689     background-size: 14px 14px, 100% 100% !important;
    36523690}
     
    36663704input, input:visited, button, button:visited {
    36673705     border: 1px solid #999daf;
    3668      box-shadow: inset 0 0 0 1px #fff;
     3706     box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 1px #fff;
    36693707     background: #eee;
    3670      background: linear-gradient(to bottom, #fff, #ddd);
     3708     background: linear-gradient(to bottom, #fff, #efefff);
    36713709     color: #41465f;
    36723710     margin: 3px;
     
    36843722}
    36853723
    3686 input[type="submit"], input[type="reset"], button {
    3687      filter: saturate(70%) drop-shadow(0 0 1px #ccf);
     3724input[type="submit"], input[type="reset"], button, select {
     3725     filter: drop-shadow(0 0 1px #ccf);
    36883726}
    36893727
     
    36943732
    36953733button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:focus, input[type="submit"]:focus, input[type="reset"]:focus {
    3696      background: linear-gradient(to bottom, #ddd, #fff);
     3734     color: #19191f;
    36973735     border: 1px solid #f60;
     3736     background: linear-gradient(to bottom, #eee, #fff);
    36983737     filter: saturate(100%) drop-shadow(0 0 1px rgba(204, 204, 204, 0.8));
    36993738     transition: ease border 0.7s;
     
    37013740
    37023741button:active, input[type="submit"]:active, input[type="reset"]:active {
     3742     color: #4c526f;
    37033743     box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 2px #555;
    37043744     background-blend-mode: luminosity;
     3745     transition: ease box-shadow 0.05s;
    37053746}
    37063747
    37073748input.accept, button.accept {
    3708      background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3749     background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    37093750     padding: 5px 7px 5px 22px;
    37103751}
    37113752
    3712 input.accept:hover, button.accept:hover,
    3713 input.accept:focus, button.accept:focus {
    3714      background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3753input.accept:hover, button.accept:hover, input.accept:focus, button.accept:focus {
     3754     background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    37153755}
    37163756
    37173757input.accept[value^="Unban"], button.accept[value^="Unban"] {
    3718      background: url(/themes/console/images/buttons/unban.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3758     background: url(/themes/console/images/buttons/unban.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    37193759     padding: 5px 7px 5px 22px;
    37203760}
     
    37223762input.accept[value^="Unban"]:hover, button.accept[value^="Unban"]:hover,
    37233763input.accept[value^="Unban"]:focus, button.accept[value^="Unban"]:focus {
    3724      background: url(/themes/console/images/buttons/unban.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3764     background: url(/themes/console/images/buttons/unban.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    37253765}
    37263766
    37273767input.accept[value^="Create"], button.accept[value^="Create"] {
    3728      background: url(/themes/console/images/buttons/create.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3768     background: url(/themes/console/images/buttons/create.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    37293769     padding: 5px 7px 5px 22px;
    37303770}
     
    37323772input.accept[value^="Create"]:hover, button.accept[value^="Create"]:hover,
    37333773input.accept[value^="Create"]:focus, button.accept[value^="Create"]:focus {
    3734      background: url(/themes/console/images/buttons/create.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3774     background: url(/themes/console/images/buttons/create.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    37353775}
    37363776
    37373777input.accept[value^="Filter"], button.accept[value^="Filter"] {
    3738      background: url(/themes/console/images/buttons/filter.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3778     background: url(/themes/console/images/buttons/filter.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    37393779     padding: 5px 7px 5px 22px;
    37403780}
     
    37423782input.accept[value^="Filter"]:hover, button.accept[value^="Filter"]:hover,
    37433783input.accept[value^="Filter"]:focus, button.accept[value^="Filter"]:focus {
    3744      background: url(/themes/console/images/buttons/filter.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3784     background: url(/themes/console/images/buttons/filter.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    37453785}
    37463786
    37473787input.add, button.add {
    3748      background: url(/themes/console/images/buttons/add.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3788     background: url(/themes/console/images/buttons/add.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    37493789     padding: 5px 7px 5px 22px;
    37503790}
     
    37523792input.add:hover, button.add:hover,
    37533793input.add:focus, button.add:focus {
    3754      background: url(/themes/console/images/buttons/add.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3794     background: url(/themes/console/images/buttons/add.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    37553795}
    37563796
    37573797input.add[value^="Adjust"], button.add[value^="Adjust"] {
    3758      background: url(/themes/console/images/buttons/edit2.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3798     background: url(/themes/console/images/buttons/edit2.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    37593799     padding: 5px 7px 5px 22px;
    37603800}
     
    37623802input.add[value^="Adjust"]:hover, button.add[value^="Adjust"]:hover,
    37633803input.add[value^="Adjust"]:focus, button.add[value^="Adjust"]:focus {
    3764      background: url(/themes/console/images/buttons/edit2.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3804     background: url(/themes/console/images/buttons/edit2.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    37653805}
    37663806
    37673807input.cancel, button.cancel {
    3768      background: url(/themes/console/images/buttons/no.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3808     background: url(/themes/console/images/buttons/no.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    37693809     padding: 5px 7px 5px 22px;
    37703810}
     
    37723812input.cancel:hover, button.cancel:hover,
    37733813input.cancel:focus, button.cancel:focus {
    3774      background: url(/themes/console/images/buttons/no.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3814     background: url(/themes/console/images/buttons/no.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    37753815}
    37763816
    37773817input.accept[value^="Show"], button.accept[value^="Show"],
    37783818input.check[value^="View"], button.check[value^="View"] {
    3779      background: url(/themes/console/images/buttons/show.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3819     background: url(/themes/console/images/buttons/show.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    37803820     padding: 5px 7px 5px 22px;
    37813821}
     
    37853825input.accept[value^="Show"]:focus, button.accept[value^="Show"]:focus,
    37863826input.check[value^="View"]:focus, button.check[value^="View"]:focus {
    3787      background: url(/themes/console/images/buttons/show.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3827     background: url(/themes/console/images/buttons/show.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    37883828}
    37893829
    37903830input.cancel[value^="Hide"], button.cancel[value^="Hide"],
    37913831input.delete[value^="Do not view"], button.delete[value^="Do not view"] {
    3792      background: url(/themes/console/images/buttons/hide.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3832     background: url(/themes/console/images/buttons/hide.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    37933833     padding: 5px 7px 5px 22px;
    37943834}
     
    37983838input.cancel[value^="Hide"]:focus, button.cancel[value^="Hide"]:focus,
    37993839input.delete[value^="Do not view"]:focus, button.delete[value^="Do not view"]:focus {
    3800      background: url(/themes/console/images/buttons/hide.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3840     background: url(/themes/console/images/buttons/hide.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    38013841}
    38023842
    38033843input.check, button.check {
    3804      background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3844     background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    38053845     padding: 5px 7px 5px 22px;
    38063846}
     
    38083848input.check:hover, button.check:hover,
    38093849input.check:focus, button.check:focus {
    3810      background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3850     background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    38113851}
    38123852
    38133853input.check[value$="updates"], button.check[value$="updates"] {
    3814      background: url(/themes/console/images/buttons/update.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3854     background: url(/themes/console/images/buttons/update.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    38153855     padding: 5px 7px 5px 22px;
    38163856}
     
    38183858input.check[value$="updates"]:hover, button.check[value$="updates"]:hover,
    38193859input.check[value$="updates"]:focus, button.check[value$="updates"]:focus {
    3820      background: url(/themes/console/images/buttons/update_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3860     background: url(/themes/console/images/buttons/update_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    38213861}
    38223862
    38233863input.delete, button.delete {
    3824      background: url(/themes/console/images/buttons/delete.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3864     background: url(/themes/console/images/buttons/delete.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    38253865     padding: 5px 7px 5px 22px;
    38263866}
     
    38283868input.delete:hover, button.delete:hover,
    38293869input.delete:focus, button.delete:focus {
    3830      background: url(/themes/console/images/buttons/delete_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3870     background: url(/themes/console/images/buttons/delete_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    38313871}
    38323872
    38333873input.delete[value^="Ban"], button.delete[value^="Ban"] {
    3834      background: url(/themes/console/images/buttons/ban.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3874     background: url(/themes/console/images/buttons/ban.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    38353875     padding: 5px 7px 5px 22px;
    38363876}
     
    38383878input.delete[value^="Ban"]:hover, button.delete[value^="Ban"]:hover,
    38393879input.delete[value^="Ban"]:focus, button.delete[value^="Ban"]:focus {
    3840      background: url(/themes/console/images/buttons/ban.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3880     background: url(/themes/console/images/buttons/ban.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    38413881}
    38423882
    38433883input.download, button.download {
    3844      background: url(/themes/console/images/buttons/download.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3884     background: url(/themes/console/images/buttons/download.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    38453885     padding: 5px 7px 5px 22px;
    38463886}
     
    38483888input.download:hover, button.download:hover,
    38493889input.download:focus, button.download:focus {
    3850      background: url(/themes/console/images/buttons/download.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3890     background: url(/themes/console/images/buttons/download.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    38513891}
    38523892
    38533893input.download[value^="Join"], button.download[value^="Join"] {
    3854      background: url(/themes/console/images/buttons/users.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3894     background: url(/themes/console/images/buttons/users.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    38553895     padding: 5px 7px 5px 22px;
    38563896}
     
    38583898input.download[value^="Join"]:hover, button.download[value^="Join"]:hover,
    38593899input.download[value^="Join"]:focus, button.download[value^="Join"]:focus {
    3860      background: url(/themes/console/images/buttons/users.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3900     background: url(/themes/console/images/buttons/users.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    38613901}
    38623902
    38633903input.download[value$="from File"], button.download[value$="from File"],
    38643904input.download[value$="from file"], button.download[value$="from file"] {
    3865      background: url(/themes/console/images/buttons/from-file.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3905     background: url(/themes/console/images/buttons/from-file.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    38663906     padding: 5px 7px 5px 22px;
    38673907}
     
    38713911input.download[value$="from File"]:focus, button.download[value$="from File"]:focus,
    38723912input.download[value$="from file"]:focus, button.download[value$="from file"]:focus {
    3873      background: url(/themes/console/images/buttons/from-file.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3913     background: url(/themes/console/images/buttons/from-file.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    38743914}
    38753915
    38763916input.download[value^="Dump"], button.download[value^="Dump"] {
    3877      background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3917     background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    38783918     padding: 5px 7px 5px 22px;
    38793919}
     
    38813921input.download[value^="Dump"]:hover, button.download[value^="Dump"]:hover,
    38823922input.download[value^="Dump"]:focus, button.download[value^="Dump"]:focus {
    3883      background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3923     background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    38843924}
    38853925
    38863926input.go, button.go, input[value="GO"] {
    3887      background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3927     background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    38883928     padding: 5px 7px 5px 22px;
    38893929}
     
    38913931input.go:hover, button.go:hover, input[value="GO"]:hover,
    38923932input.go:focus, button.go:focus, input[value="GO"]:focus {
    3893      background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3933     background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    38943934}
    38953935
    38963936input.go[value^="Create"], button.go[value^="Create"] {
    3897      background: url(/themes/console/images/buttons/create-file.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3937     background: url(/themes/console/images/buttons/create-file.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    38983938     padding: 5px 7px 5px 22px;
    38993939}
     
    39013941input.go[value^="Create"]:hover, button.go[value^="Create"]:hover,
    39023942input.go[value^="Create"]:focus, button.go[value^="Create"]:focus {
    3903      background: url(/themes/console/images/buttons/create-file.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3943     background: url(/themes/console/images/buttons/create-file.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    39043944}
    39053945
    39063946input.reload, button.reload {
    3907      background: url(/themes/console/images/buttons/restore.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3947     background: url(/themes/console/images/buttons/restore.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    39083948     padding: 5px 7px 5px 22px;
    39093949}
     
    39113951input.reload:hover, button.reload:hover,
    39123952input.reload:focus, button.reload:focus {
    3913      background: url(/themes/console/images/buttons/restore_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3953     background: url(/themes/console/images/buttons/restore_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    39143954}
    39153955
    39163956input.reload[value$="restart"], button.reload[value$="restart"] {
    3917      background: url(/themes/console/images/buttons/restart.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3957     background: url(/themes/console/images/buttons/restart.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    39183958     padding: 5px 7px 5px 22px;
    39193959}
     
    39213961input.reload[value$="restart"]:hover, button.reload[value$="restart"]:hover,
    39223962input.reload[value$="restart"]:focus, button.reload[value$="restart"]:focus {
    3923      background: url(/themes/console/images/buttons/restart_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3963     background: url(/themes/console/images/buttons/restart_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    39243964}
    39253965
    39263966input.reload[value^="Update"], button.reload[value^="Update"] {
    3927      background: url(/themes/console/images/buttons/update.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3967     background: url(/themes/console/images/buttons/update.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    39283968     padding: 5px 7px 5px 22px;
    39293969}
     
    39313971input.reload[value^="Update"]:hover, button.reload[value^="Update"]:hover,
    39323972input.reload[value^="Update"]:focus, button.reload[value^="Update"]:focus {
    3933      background: url(/themes/console/images/buttons/update_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3973     background: url(/themes/console/images/buttons/update_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    39343974}
    39353975
    39363976input.reload[value="Force GC"], button.reload[value="Force GC"] {
    3937      background: url(/themes/console/images/buttons/clean.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3977     background: url(/themes/console/images/buttons/clean.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    39383978     padding: 5px 7px 5px 22px;
    39393979}
     
    39413981input.reload[value="Force GC"]:hover, button.reload[value="Force GC"]:hover,
    39423982input.reload[value="Force GC"]:focus, button.reload[value="Force GC"]:focus {
    3943      background: url(/themes/console/images/buttons/clean_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3983     background: url(/themes/console/images/buttons/clean_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    39443984}
    39453985
    39463986input.stop, button.stop {
    3947      background: url(/themes/console/images/buttons/shutdown.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd);
     3987     background: url(/themes/console/images/buttons/shutdown.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
    39483988     padding: 5px 7px 5px 22px;
    39493989}
     
    39513991input.stop:hover, button.stop:hover,
    39523992input.stop:focus, button.stop:focus {
    3953      background: url(/themes/console/images/buttons/shutdown_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff);
     3993     background: url(/themes/console/images/buttons/shutdown_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
    39543994}
    39553995
     
    39644004
    39654005button.accept.control {
    3966      background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
     4006     background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff);
    39674007}
    39684008
    39694009button.accept.control:hover, button.accept.control:focus {
    3970      background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
     4010     background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff);
    39714011}
    39724012
    39734013button.stop.control {
    3974      background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
     4014     background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff);
    39754015}
    39764016
    39774017button.stop.control:hover, button.stop.control:focus {
    3978      background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
     4018     background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff);
    39794019}
    39804020
    39814021button.add.control {
    3982      background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
     4022     background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff);
    39834023}
    39844024
    39854025button.add.control:hover, button.add.control:focus {
    3986      background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
     4026     background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff);
    39874027}
    39884028
    39894029button.delete.control {
    3990      background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
     4030     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff);
    39914031}
    39924032
    39934033button.delete.control:hover, button.delete.control:focus {
    3994      background: url(/themes/console/images/buttons/delete_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
     4034     background: url(/themes/console/images/buttons/delete_hover.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff);
    39954035}
    39964036
    39974037button.check.control {
    3998      background: url(/themes/console/images/buttons/update.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
     4038     background: url(/themes/console/images/buttons/update.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff);
    39994039}
    40004040
    40014041button.check.control:hover, button.check.control:focus {
    4002      background: url(/themes/console/images/buttons/update_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
     4042     background: url(/themes/console/images/buttons/update_hover.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff);
    40034043}
    40044044
    40054045button.download.control {
    4006      background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
     4046     background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff);
    40074047}
    40084048
    40094049button.download.control:hover, button.download.control:focus {
    4010      background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
     4050     background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff);
    40114051}
    40124052
     
    40284068
    40294069.routersummary .reload {
    4030      background: url(/themes/console/images/buttons/restart.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd) !important;
     4070     background: url(/themes/console/images/buttons/restart.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff) !important;
    40314071}
    40324072
    40334073.routersummary .reload:hover, .routersummary .reload:focus {
    4034      background: url(/themes/console/images/buttons/restart_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff) !important;
    4035      background: url(/themes/console/images/buttons/shutdown_hover.png) 37% center no-repeat, url(/themes/console/images/buttons/restart_hover.png) 63% center no-repeat,  linear-gradient(to bottom, #ddd, #fff) !important;
     4074     background: url(/themes/console/images/buttons/restart_hover.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff) !important;
     4075     background: url(/themes/console/images/buttons/shutdown_hover.png) 37% center no-repeat, url(/themes/console/images/buttons/restart_hover.png) 63% center no-repeat,  linear-gradient(to bottom, #eee, #fff) !important;
    40364076     border: 1px solid #f60;
    40374077}
     
    40454085     text-align: left;
    40464086     min-width: 0;
    4047      background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #fff, #ddd) !important;
     4087     background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #fff, #efefff) !important;
    40484088}
    40494089
    40504090.routersummary .reload[value="Reseed"]:hover, .routersummary .reload[value="Reseed"]:focus {
    4051      background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #ddd, #fff) !important;
     4091     background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #eee, #fff) !important;
    40524092     padding: 5px 7px 5px 22px !important;
    40534093}
    40544094
    40554095.routersummary .stop {
    4056      background: url(/themes/console/images/buttons/shutdown.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
     4096     background: url(/themes/console/images/buttons/shutdown.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff);
    40574097}
    40584098
    40594099.routersummary .stop:hover, .routersummary .stop:focus {
    4060      background: url(/themes/console/images/buttons/shutdown_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
     4100     background: url(/themes/console/images/buttons/shutdown_hover.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff);
    40614101     border: 1px solid #f60;
    40624102}
    40634103
    40644104.routersummary .download {
    4065      background: url(/themes/console/images/buttons/download.png) 6px center no-repeat, linear-gradient(to bottom, #fff, #ddd);
     4105     background: url(/themes/console/images/buttons/download.png) 6px center no-repeat, linear-gradient(to bottom, #fff, #efefff);
    40664106     background-size: 14px 14px, 100% 100% !important;
    40674107     padding: 5px 7px 5px 22px !important;
     
    40894129
    40904130.routersummary .reload[value="restartImmediate"] {
    4091      background: url(/themes/console/images/buttons/restart.png) center left 6px no-repeat, linear-gradient(to bottom, #fff, #ddd) !important;
     4131     background: url(/themes/console/images/buttons/restart.png) center left 6px no-repeat, linear-gradient(to bottom, #fff, #efefff) !important;
    40924132     background-size: 14px 14px, 100% 100% !important;
    40934133}
    40944134
    40954135.routersummary .reload[value="restartImmediate"]:hover, .routersummary .reload[value="restartImmediate"]:focus, .routersummary .reload[value="restartImmediate"]:active {
    4096      background: url(/themes/console/images/buttons/restart_hover.png) center left 6px no-repeat, linear-gradient(to bottom, #ddd, #fff) !important;
     4136     background: url(/themes/console/images/buttons/restart_hover.png) center left 6px no-repeat, linear-gradient(to bottom, #eee, #fff) !important;
    40974137     background-size: 14px 14px, 100% 100% !important;
    40984138}
    40994139
    41004140.routersummary .stop[value="shutdownImmediate"] {
    4101      background: url(/themes/console/images/buttons/shutdown.png) center left 6px no-repeat, linear-gradient(to bottom, #fff, #ddd) !important;
     4141     background: url(/themes/console/images/buttons/shutdown.png) center left 6px no-repeat, linear-gradient(to bottom, #fff, #efefff) !important;
    41024142     background-size: 14px 14px, 100% 100% !important;
    41034143}
    41044144
    41054145.routersummary .stop[value="shutdownImmediate"]:hover, .routersummary .stop[value="shutdownImmediate"]:focus, .routersummary .stop[value="shutdownImmediate"]:active {
    4106      background: url(/themes/console/images/buttons/shutdown_hover.png) center left 6px no-repeat, linear-gradient(to bottom, #ddd, #fff) !important;
     4146     background: url(/themes/console/images/buttons/shutdown_hover.png) center left 6px no-repeat, linear-gradient(to bottom, #eee, #fff) !important;
    41074147     background-size: 14px 14px, 100% 100% !important;
    41084148}
    41094149
    41104150.routersummary .reload[value="Reseed"] {
    4111      background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #fff, #ddd) !important;
     4151     background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #fff, #efefff) !important;
    41124152     background-size: 14px 14px, 100% 100% !important;
    41134153}
    41144154
    41154155.routersummary .reload[value="Reseed"]:hover, .routersummary .reload[value="Reseed"]:focus, .routersummary .reload[value="Reseed"]:active {
    4116      background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #ddd, #fff);
     4156     background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #eee, #fff);
    41174157     background-size: 14px 14px, 100% 100% !important;
    41184158}
    41194159
    41204160.routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active {
    4121      background: url(/themes/console/images/buttons/download.png) 6px center no-repeat, linear-gradient(to bottom, #ddd, #fff);
     4161     background: url(/themes/console/images/buttons/download.png) 6px center no-repeat, linear-gradient(to bottom, #eee, #fff);
    41224162     background-size: 14px 14px, 100% 100% !important;
    41234163     padding: 5px 7px 5px 22px !important;
     
    42114251     appearance: none;
    42124252     background: url(images/dropdown.png) right center no-repeat #fff;
    4213      background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, #ddd);
     4253     background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, #efefff);
    42144254     background-blend-mode: hard-light, normal;
    42154255     padding: 4px 16px 4px 4px !important;
    4216      color: #33333f;
     4256     color: #41465f;
    42174257     margin: 5px;
    42184258     border: 1px solid #999daf;
     
    42314271}
    42324272
    4233 select:focus {
    4234      box-shadow: 0 0 0 1px #89f;
    4235      color: #19191f;
     4273select:-moz-focusring {
     4274     outline: 1px solid transparent;
    42364275}
    42374276
     
    42454284
    42464285select:hover, select:active {
    4247      background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd, #fff) !important;
     4286     color: #19191f;
     4287     background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #eee, #fff) !important;
    42484288}
    42494289
    42504290select:focus {
    4251      background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd, #fff) !important;
    4252      box-shadow: 0 0 0 1px #89f;
     4291     color: #19191f;
     4292     background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #eee, #fff) !important;
     4293     box-shadow: 0 0 1px #89f;
     4294}
     4295
     4296select::-moz-focus-inner {
     4297     outline: none !important;
     4298     border: none !important;
    42534299}
    42544300
     
    46164662}
    46174663
     4664.themechoice .optbox:checked + object, .themechoice .optbox:checked + img {
     4665     transform: scale(0.9);
     4666     animation: glow 20s 10s infinite;
     4667}
     4668
    46184669#themeoptions {
    46194670     clear: both;
     
    46234674     position: relative;
    46244675     top: 4px;
    4625      padding: 5px 10px 3px 5px;
     4676     padding: 5px 10px 5px 5px;
    46264677}
    46274678
     
    46324683#themeoptions label {
    46334684     white-space: nowrap;
    4634      margin: 4px 10px 4px 0 !important;
     4685     margin: 2px 10px 2px 0 !important;
    46354686     display: inline-block;
    46364687}
     
    46484699
    46494700#themeoptions input {
    4650      margin-left: 5px;
     4701     margin: 2px 5px 2px 5px;
    46514702     vertical-align: sub;
    46524703}
     
    59105961
    59115962.sortup {
    5912      background: url(images/sort_up.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
     5963     background: url(images/sort_up.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff);
    59135964}
    59145965
    59155966.sortup:hover {
    5916      background: url(images/sort_up.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
     5967     background: url(images/sort_up.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff);
    59175968     border: 1px solid #f60;
    59185969     opacity: 1;
     
    59325983
    59335984.sortdown {
    5934      background: url(images/sort_down.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd);
     5985     background: url(images/sort_down.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff);
    59355986}
    59365987
    59375988.sortdown:hover {
    5938      background: url(images/sort_down.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff);
     5989     background: url(images/sort_down.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff);
    59395990     border: 1px solid #f60;
    59405991     opacity: 1;
     
    61486199#help td.infohelp, #help td.infowarn, #help td.infohelp:hover, #help td.infowarn:hover {
    61496200     background-size: 24px 24px !important;
    6150      padding-left: 46px !important;
     6201     padding-left: 50px !important;
    61516202     color: #33333f !important;
    61526203     padding-right: 15px !important;
     6204}
     6205
     6206#configinfo td.infowarn, #configinfo tr:hover td.infowarn {
     6207     padding-left: 46px !important;
     6208}
     6209
     6210#help code, #help tt {
     6211     font-size: 8pt;
     6212     font-weight: bold;
     6213     color: #050;
    61536214}
    61546215
     
    74057466}
    74067467
    7407 .routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.news, pre,
     7468.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.news, pre, #help code, #help tt,
    74087469#jardump tt, #jardump td, div.news, #logs li, tt, .cells tt, #profilelist tt, .leaseset tt, .links code, #console code {
    74097470     font-size: 9pt !important;
     
    74247485#tunnels .tunnel_peer tt {
    74257486     margin-left: 3px !important;
     7487     letter-spacing: 0.1em !important;
    74267488}
    74277489
  • installer/resources/themes/console/light/console_ar.css

    rcdd89df r1c6ca501  
    3131
    3232h2, h3 {
    33      background: linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) !important;
     33     background: linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) !important;
    3434}
    3535
     
    6161h1 {
    6262     margin: 0 212px -15px 0;
    63      padding: 15px 20px 15px 10px;
     63     padding: 16px 20px 15px 10px;
    6464     background: linear-gradient(to left, #fcfcff, rgba(252,252,255,0) 600px), linear-gradient(to bottom, #fcfcff 50%, rgba(248,248,255,0.6) 50%), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #fafaff !important;
    6565}
     
    8585.routersummary img[src$="i2plogo.png"] {
    8686     margin-left: 0 !important;
    87      margin-right: -1px !important;
    8887}
    8988
     
    105104     line-height: 120%;
    106105     font-size: 10pt;
    107      font-weight: bold;
    108106}
    109107
     
    317315     text-align: right !important;
    318316     background-position: right 14px center !important;
    319      background-image: url("/themes/console/images/info/infohelp.png");
     317     background-image: url(/themes/console/images/info/infohelp.png);
    320318     background-size: 28px auto !important;
    321319}
     
    515513.themelabel {
    516514     padding: 3px !important;
    517      font-size: 11.5pt !important;
     515     font-size: 10pt !important;
    518516     font-weight: bold;
    519517}
     
    681679}
    682680
     681#eventlog {
     682     margin-left: -16px !important;
     683     margin-right: 0 !important;
     684}
     685
    683686h4.app {
    684      background: url(/themes/console/images/eepsite.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) right center !important;
     687     background: url(/themes/console/images/eepsite.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) right center !important;
    685688     background-size: 16px 16px, 100% 100%, 100% 100% !important;
    686689     margin-top: 15px;
     
    690693     clear: left;
    691694     margin-top: 10px !important;
    692      background: url(images/globe.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) right center !important;
     695     background: url(images/globe.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) right center !important;
    693696     background-size: 16px 16px, 100% 100%, 100% 100% !important;
    694697}
     
    706709div.news h3, #news h3 {
    707710     background: url(images/news.png) right 8px center no-repeat, linear-gradient(to left, #fff, #eef) !important;
    708      background: url(images/news.png) right 8px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) right center !important;
     711     background: url(images/news.png) right 8px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) right center !important;
    709712     padding: 5px 30px 5px 10px;
    710713}
     
    718721}
    719722
    720 #news #newsStatus, #newsDisplay {
     723#news #newsStatus, #news #newsDisplay {
    721724     margin-top: 6px;
    722725     margin-bottom: -2px !important;
     726}
     727
     728#news #newsStatus {
     729     margin: -2px 0 0;
     730     font-size: 9pt;
    723731}
    724732
     
    953961#pluginupdater.formaction {
    954962     margin: -16px 0;
     963}
     964
     965#config_service .formaction {
     966     margin-top: -13px;
    955967}
    956968
  • installer/resources/themes/console/light/console_big.css

    rcdd89df r1c6ca501  
    1414}
    1515
    16 b, a, input, button, input[type="submit"], input[type="reset"], i, th, thead, tfoot, .mediumtags {
     16b, a, input, button, input[type="submit"], input[type="reset"], i, th, thead, tfoot, .mediumtags, .themelabel {
    1717     font-weight: normal !important;
    1818     font-style: normal !important;
     
    237237}
    238238
     239.formaction {
     240     margin-top: -16px;
     241}
     242
    239243/* responsive layout */
    240244
  • installer/resources/themes/console/light/i2ptunnel.css

    rcdd89df r1c6ca501  
    213213     border-radius: 2px;
    214214     background: #eee;
    215      background: linear-gradient(to bottom, #fff, #ddd);
     215     background: linear-gradient(to bottom, #fff, #efefff);
    216216     box-shadow: inset 0 0 0 1px #fff;
    217217     filter: drop-shadow(0 0 1px #ccf);
     
    231231     border: 1px solid #f60 !important;
    232232     background: #ddd;
    233      background: linear-gradient(to bottom, #ddd, #fff);
     233     background: linear-gradient(to bottom, #eee, #fff);
    234234     box-shadow: inset 0 0 0 1px #fff !important;
    235235     filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.8));
     
    238238
    239239.control:active {
    240      box-shadow: inset 2px 2px 1px #999 !important;
    241      color: #33333f;
     240     box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 2px #555 !important;
     241     color: #4c526f;
    242242}
    243243
     
    286286     min-width: 140px;
    287287     background: #fff;
    288      background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, #ddd);
     288     background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, #efefff);
    289289     background-blend-mode: hard-light, normal;
    290290     color: #33333f;
     
    307307
    308308select:hover, select:active, select:focus {
    309      background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd, #fff) !important;
     309     background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #eee, #fff) !important;
    310310}
    311311
     
    349349     border-radius: 2px 2px 0 0;
    350350     background: #fcfcff;
    351      background: linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(135deg, #fcfcff 5%, rgba(231, 231, 255, 0.8) 15%) #fff !important;
     351     background: linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 5%, rgba(231, 231, 255, 0.8) 15%) #fff !important;
    352352     font-size: 11.5pt;
    353353     text-transform: uppercase;
     
    367367
    368368#messages h2 {
    369      background: url(/themes/console/images/info/logs.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;
     369     background: url(/themes/console/images/info/logs.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;
    370370}
    371371
    372372#globalTunnelControl h2 {
    373      background: url(/themes/console/images/info/control.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;
     373     background: url(/themes/console/images/info/control.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;
    374374}
    375375
    376376#servers h2 {
    377      background: url(/themes/console/images/info/server.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;
     377     background: url(/themes/console/images/info/server.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;
    378378}
    379379
    380380#clients h2 {
    381      background: url(/themes/console/images/info/client.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;
     381     background: url(/themes/console/images/info/client.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;
    382382}
    383383
    384384#tunnelEditPage h2, #tunnelEditPage h3, #registration h2, #registration h3 {
    385      background: url(/themes/console/images/info/configure.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;
     385     background: url(/themes/console/images/info/configure.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;
    386386}
    387387
    388388#wizardPanel h2 {
    389      background: url(/themes/console/images/info/wizard.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,240,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;
     389     background: url(/themes/console/images/info/wizard.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;
    390390}
    391391
     
    746746}
    747747
    748 input.tunnelName, input.tunnelDescription, #userAgents {
     748input.tunnelName, input.tunnelDescriptionText, #userAgents {
    749749     width: 80%;
    750      min-width: 280px;
     750     min-width: 280px !important;
    751751     text-overflow: ellipsis;
    752752}
     
    925925}
    926926
    927 #clientTunnels .tunnelDescription {
     927.tunnelDescription {
    928928     padding-top: 1px !important;
    929929}
  • installer/resources/themes/console/light/mobile.css

    rcdd89df r1c6ca501  
    6666}
    6767
    68 .routersummary table, table[id^="sb_"], #sb_services, #sb_internals, #sb_advanced {
     68.routersummary table, table[id^="sb_"], #sb_services, #sb_internals, #sb_advanced, #sb_help {
    6969     width: 100% !important;
    7070     margin: -9px 0 -7px !important;
     
    7474}
    7575
     76#sb_internals, #sb_advanced, #sb_help {
     77     margin-top: -11px !important;
     78}
     79
     80#sb_internals td, #sb_advanced td, #sb_help td {
     81     padding: 3px 4px !important;
     82}
     83
     84#sb_internals a, #sb_advanced a, #sb_help a {
     85     margin: 3px 3px 4px;
     86     padding: 3px 10px !important;
     87     border-radius: 2px;
     88     background: #ddf;
     89     box-shadow: 0 0 1px #99f;
     90}
     91
     92#sb_internals a:active, #sb_advanced a:active, #sb_help a:active {
     93     box-shadow: inset 2px 2px 2px #aaa;
     94}
     95
    7696table[id^="sb_"] td, #sb_localtunnels td {
    77      padding: 3px 6px !important;
     97     padding: 2px 6px 0 !important;
    7898}
    7999
     
    111131}
    112132
     133#sb_graphcontainer, #sb_graphcontainer + hr {
     134     display: none;
     135}
     136
    113137.routersummary button[type="submit"], .routersummary button[type="cancel"] {
    114      margin: 5px 5px 3px !important;
     138     margin: 3px 5px 0 !important;
    115139     padding: 8px 5px !important;
    116      min-width: 120px !important;
     140     min-width: 280px !important;
     141}
     142
     143.percentBarOuter {
     144     width: 590px;
     145     margin: -4px 4px -4px 4px;
    117146}
    118147
  • installer/resources/themes/console/midnight/console.css

    rcdd89df r1c6ca501  
    173173     box-shadow: inset 0 0 3px 3px #000;
    174174     border: 1px solid #3e3f8f;
    175      padding: 4px;
     175     padding: 5px;
    176176}
    177177
     
    856856     background-position: center center !important;
    857857     padding: 5px !important;
     858     min-width: 92px !important;
     859     margin-top: 3px;
     860     margin-bottom: 3px;
    858861}
    859862
     
    14391442}
    14401443
     1444#sb_warning + p:empty + form {
     1445     margin-top: 11px;
     1446     margin-bottom: -7px;
     1447}
     1448
    14411449/* sidebar stacked tables fix */
    14421450
     
    16431651#sb_graphcontainer {
    16441652     background-color: #000;
    1645      background-position: left -72px top -26px !important;
     1653     background-position: left -72px top -24px !important;
    16461654     background-size: 280px 90px !important;
    16471655     background-repeat: no-repeat !important;
     
    16861694     background: repeating-linear-gradient(135deg, #001 1px, #001 5px, #003 6px, #003 11px);
    16871695     background: repeating-linear-gradient(to right, #000 1px, #000 2px, #003 2px, #003 4px);
    1688      border: 1px solid #171c3f;
     1696     border: 1px solid #292b5f;
    16891697     opacity: 1;
    16901698     box-shadow: 0 0 1px 1px rgba(0,0,0,0.8);
     
    19601968
    19611969#news #newsDisplay a, #graphopts a {
    1962      border: 1px solid #005;
     1970     border: 1px solid #001;
    19631971     margin: 0 -2px;
    19641972     padding: 1px 10px !important;
    19651973     background: #002;
    1966      background: rgba(0,0,64,0.4);
     1974     background: rgba(0,0,48,0.4);
    19671975     border-radius: 15px;
    19681976     filter: drop-shadow(0 0 1px rgba(0,0,64,0.8));
     
    22972305}
    22982306
     2307.graphspanel a {
     2308     font-size: 0;
     2309}
    22992310.graphspanel p {
    23002311     text-align: center;
     
    23232334
    23242335#graphopts a, #graphopts a:visited {
    2325      color: #54508f;
     2336     color: #54508f !important;
    23262337}
    23272338
     
    23322343#graphopts a:active {
    23332344     color: #2d277f !important;
     2345}
     2346
     2347#graphopts a:empty {
     2348     display: none;
    23342349}
    23352350
     
    24142429#graphs input[type="text"] {
    24152430     min-width: 60px;
     2431}
     2432
     2433#graph_single {
     2434     background-size: auto 100px !important;
    24162435}
    24172436
     
    25462565}
    25472566
    2548 a:link, h2 a:link {
     2567a:link, h2 a:link, #news #newsDisplay a:visited, #graphopts a:visited {
    25492568     color: #7972d1;
    25502569     text-decoration: none;
     
    33433362.themechoice object, .themechoice img {
    33443363     padding: 3px 3px 4px;
     3364     opacity: 0.75;
    33453365}
    33463366
     
    33483368     padding: 3px 3px 0;
    33493369     margin-bottom: 0;
     3370     opacity: 0.75;
    33503371}
    33513372
     
    33733394}
    33743395
     3396.themechoice .optbox:checked + object, .themechoice .optbox:checked + img {
     3397     transform: scale(0.9);
     3398     opacity: 1;
     3399}
     3400
    33753401.themechoice .optbox:focus + object ~ div.themelabel {
    33763402     color: #652787;
     
    33933419#themeoptions label {
    33943420     white-space: nowrap;
    3395      margin: 4px 10px 4px 0 !important;
     3421     margin: 1px 10px 1px 0 !important;
    33963422     display: inline-block;
    33973423}
     
    34103436
    34113437#themeoptions input {
    3412      margin-left: 5px;
     3438     margin-left: 5px 1px;
    34133439}
    34143440
     
    36953721     background: #000 url(/themes/console/images/buttons/user.png) 5px center no-repeat;
    36963722     background: url(/themes/console/images/buttons/user.png) 5px center no-repeat, linear-gradient(to bottom, #000, #000019);
    3697      padding: 4px 5px 4px 26px !important;
     3723     padding: 5px 5px 5px 26px !important;
    36983724     background-size: 16px 16px, 100% 100% !important;
    36993725}
     
    37063732     background: #000 url(/themes/console/images/buttons/password.png) 3px center no-repeat;
    37073733     background: url(/themes/console/images/buttons/password.png) 3px center no-repeat, linear-gradient(to bottom, #000, #000019);
    3708      padding: 4px 5px 4px 22px !important;
     3734     padding: 5px 5px 5px 22px !important;
    37093735     background-size: 16px 16px, 100% 100% !important;
    37103736}
     
    57185744.footnote {
    57195745     text-align: right;
    5720      font-size: 7pt;
     5746     font-size: 8pt;
    57215747     margin-bottom: 5px !important;
    57225748}
     
    69436969}
    69446970
     6971.sb_netstatus, .sb_netstatus a {
     6972      vertical-align: baseline;
     6973}
     6974
    69456975.routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden,
    69466976.routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew, .tunnelBuildStatus {
     
    69847014.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
    69857015.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
    6986      padding: 0 2px;
     7016     padding: 0 1px 0 0;
    69877017     vertical-align: middle;
    69887018     display: inline-block;
     
    75817611}
    75827612
    7583 .topness, .footnote, #newsStatus, #newsDisplay {
     7613.topness, #newsStatus, #newsDisplay {
    75847614     font-size: 9pt !important;
    75857615}
  • installer/resources/themes/console/midnight/i2ptunnel.css

    rcdd89df r1c6ca501  
    790790}
    791791
    792 input.tunnelName, input.tunnelDescription, #userAgents {
     792input.tunnelName, input.tunnelDescriptionText, #userAgents {
    793793     width: 80%;
    794794     min-width: 280px;
     
    985985}
    986986
    987 #clientTunnels .tunnelDescription {
     987.tunnelDescription {
    988988     padding-top: 1px !important;
    989989}
  • installer/resources/themes/snark/classic/nocollapse.css

    rcdd89df r1c6ca501  
    99label.toggleview, label.toggleview:hover, label.toggleview:active, .toggle_input:focus + label.toggleview {
    1010     box-shadow: inset 0 0 0 1px #fff;
    11      background: linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
     11     background: linear-gradient(to bottom, #fff 0%, #ddf 100%) !important;
    1212     cursor: default !important;
    1313}
  • installer/resources/themes/snark/classic/snark.css

    rcdd89df r1c6ca501  
    77     background: #eef url(/themes/console/classic/images/bg0.png) repeat scroll center bottom;
    88     background-size: 120px 120px;
     9     margin: 3px 4px;
    910}
    1011
     
    5152     min-width: 900px !important;
    5253     margin: 5px 0 0 0;
    53      padding: 10px;
     54     padding: 9px;
    5455     text-align: center;
    5556     border: 1px solid #89f;
    56      background: #eef;
    57      box-shadow: inset 0 0 0 1px #ddf, 0 0 5px 1px #cfcfff inset;
     57     border-radius: 0 0 3px 3px;
     58     background: #dfe6ff;
     59     background: repeating-linear-gradient(to right, #fff 1px, #cfd9ff 2px, #fff 4px);
     60     box-shadow: inset 0 0 0 1px #fff;
    5861}
    5962
     
    6265     padding: 0;
    6366     border: none;
     67     border-radius: 0;
    6468     background: none;
    65      background: linear-gradient(to right, #fff 0%, #ddf 50%, #fff 100%);
     69     background: linear-gradient(to right, #fff, #ddf, #fff);
     70     background: repeating-linear-gradient(to right, #fff 1px, #bbf 2px, #fff 4px);
    6671     box-shadow: none;
    6772}
     
    8085     color: #000;
    8186     border: 1px solid #89f;
     87     border-radius: 3px 3px 0 0;
    8288     background: #eff2ff !important;
    83      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) !important;
    84      box-shadow: 0 0 1px #fff;
     89     background: linear-gradient(to bottom, #fff, #eff2ff) !important;
     90     box-shadow: 0 0 1px #fff, inset 0 0 0 1px #fff;
    8591     position: sticky;
    8692     top: -1px;
     
    9096.iframed .snarknavbar {
    9197     margin-top: -2px !important;
     98     padding: 8px 0;
     99     border-radius: 0;
    92100     position: static;
     101     background: linear-gradient(to bottom, #fff, #eff2ff 75%) !important;
    93102}
    94103
    95104.snarkNav:link, .snarkNav:visited {
    96105     display: inline-block;
     106     line-height: 110%;
    97107     color: #444688;
    98108     font-size: 9pt;
    99109     font-weight: bold;
    100      margin: -1px 0 !important;
     110     margin: -1px -2px -1px -3px !important;
    101111     padding: 5px 7px 5px 23px !important;
    102112     text-decoration: none !important;
    103113     letter-spacing: .1em;
    104114     text-transform: uppercase !important;
    105      border: 1px solid #ccf;
    106      border-right: 1px solid #aaf;
    107      border-bottom: 1px solid #aaf;
     115     border: 1px solid #88f;
    108116     box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgba(200,200,200,0.5);
     117     opacity: 0.85;
     118     transition: ease all 0.1s;
    109119}
    110120
    111121.snarkNav:link:last-child {
    112122     margin-left: 3px;
     123     border-radius: 0 3px 3px 0;
    113124}
    114125
    115126.nav_main:link {
    116      background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     127     background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
     128     border-radius: 3px 0 0 3px;
    117129}
    118130
    119131.nav_forum:link {
    120      background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     132     background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
    121133}
    122134
    123135.nav_tracker:link {
    124      background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     136     background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%);
     137}
     138
     139.snarkNav.nav_main:last-child {
     140     border-radius: 3px;
    125141}
    126142
     
    128144     color: #f50;
    129145     border: 1px solid #f50;
     146     opacity: 1;
     147     position: relative;
     148     z-index: 999;
     149     transition: ease all 0.1s;
    130150}
    131151
    132152.nav_main:hover, .nav_main:focus {
    133153     background: url(images/button_snark_hover.png) 7px center no-repeat #eee !important;
    134      background: url(images/button_snark_hover.png) 7px center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     154     background: url(images/button_snark_hover.png) 7px center no-repeat, linear-gradient(to bottom, #eff2ff, #fff) !important;
    135155}
    136156
    137157.nav_forum:hover, .nav_forum:focus {
    138158     background: url(images/button_forum_hover.png) 7px center no-repeat #eee !important;
    139      background: url(images/button_forum_hover.png) 7px center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     159     background: url(images/button_forum_hover.png) 7px center no-repeat, linear-gradient(to bottom, #eff2ff, #fff) !important;
    140160}
    141161
    142162.nav_tracker:hover, .nav_tracker:focus {
    143163     background: url(images/button_tracker_hover.png) 7px center no-repeat #eee !important;
    144      background: url(images/button_tracker_hover.png) 7px center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     164     background: url(images/button_tracker_hover.png) 7px center no-repeat, linear-gradient(to bottom, #eff2ff, #fff) !important;
    145165}
    146166
     
    148168     text-decoration: none !important;
    149169     color: #fff !important;
    150      border: 1px solid #aaa;
    151170     text-shadow: none;
    152      box-shadow: inset 0 0 0 1px #fff, inset 4px 4px 3px #824b1b !important;
     171     box-shadow: inset 4px 4px 3px #824b1b, 0 0 0 0 rgba(0,0,0,0) !important;
     172     transition: ease all 0.1s;
    153173}
    154174
     
    182202     border-bottom: 1px solid #89f;
    183203     background: url(images/hat.png) bottom right no-repeat #ddf;
     204     background: url(images/hat.png) bottom right no-repeat, linear-gradient(to bottom, #eff3ff, #e9efff);
     205     background: url(images/hat.png) bottom right no-repeat, linear-gradient(to bottom, rgba(239, 243, 255, 0.7), rgba(233, 239, 255, 0.7));
     206     box-shadow: inset 0 0 0 1px #f2f2ff;
     207}
     208
     209.iframed .snarkMessages {
    184210     background: url(images/hat.png) bottom right no-repeat, linear-gradient(to bottom, #e3e3ff, #ddf);
    185      box-shadow: inset 0 0 0 1px #ddf;
     211     background: url(images/hat.png) bottom right no-repeat, linear-gradient(to bottom, rgba(227, 227, 255, 0.7), rgba(221, 221, 255, 0.7));
    186212}
    187213
     
    202228.snarkMessages li {
    203229     margin-left: -15px;
    204      font: bold 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     230     font: bold 8pt "Droid Sans Mono", "Noto Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    205231     color: #4b4b76;
    206232}
     
    212238     width: 13px;
    213239     height: 11px;
    214      margin: 1px 2px 0 1px;
     240     margin: 1px 1px 0 0;
    215241     background-size: 9px 9px;
    216242     opacity: 0.7;
     
    259285.ParentDir {
    260286     font-size: 8pt;
    261      padding: 4px 0;
     287     padding: 4px 0 0 6px;
    262288     text-align: left !important;
    263289     border: 1px solid #89f !important;
     
    320346}
    321347
     348.snarkTorrents thead img {
     349     display: none;
     350}
     351
     352.snarkTorrents thead a img {
     353     display: inline;
     354}
     355
    322356.snarkTorrents img {
    323357     margin: 0 !important;
     
    349383     text-align: center !important;
    350384     font-weight: bold;
     385     padding-left: 0 !important;
     386     padding-right: 0 !important;
     387}
     388
     389.snarkTrackerDetails img, .snarkTorrentDetails img, .snarkDirInfo td:first-child img {
     390     padding: 3px !important;
     391     border: 1px solid transparent !important;
     392}
     393
     394.snarkTrackerDetails a:hover img, .snarkTrackerDetails img:hover, .snarkTrackerDetails a:focus img,
     395.snarkTorrentDetails a:hover img, .snarkTorrentDetails img:hover, .snarkTorrentDetails a:focus img,
     396.snarkDirInfo td:first-child a:hover img, .snarkDirInfo td:first-child a:focus img {
     397     border: 1px solid #f60 !important;
     398     border-radius: 2px;
     399     box-shadow: 0 0 1px #f60;
     400     background: #ddf;
     401     background: linear-gradient(to bottom, #fff 50%, #ddf 50%);
     402     filter: none !important;
     403}
     404
     405.snarkTrackerDetails a:active img, .snarkTorrentDetails a:active img, .snarkDirInfo td:first-child a:active img {
     406     box-shadow: inset 2px 2px 2px #99f;
    351407}
    352408
     
    358414.snarkGraphicStatus {
    359415     width: 24px !important;
     416     text-align: center !important;
     417     padding-left: 3px !Important;
    360418}
    361419
     
    395453tfoot tr:first-child th {
    396454     vertical-align: middle !important;
     455     color: #3e4b6f !important;
    397456}
    398457
     
    400459     font-size: 9pt;
    401460     padding: 3px 2px;
    402      color: #0c153d;
     461     color: #3e4b6f;
    403462     border-top: 1px solid #89f;
    404463     border-bottom: 1px solid #89f;
    405464     background: #fff;
    406      background-image: linear-gradient(to bottom, #fff, #eef);
     465     background: linear-gradient(to bottom, #fff, #eef);
    407466}
    408467
     
    415474     padding-left: 0;
    416475     text-align: left !important;
    417 }
    418 
    419 th:first-child img {
    420      margin: 1px -2px 3px 1px !important;
    421 }
    422 
    423 th:nth-child(2) img {
    424      margin: 1px 5px 3px 2px !important;
    425476}
    426477
     
    523574.snarkTorrents td {
    524575     text-align: left;
     576     padding-top: 4px;
     577     padding-bottom: 4px;
    525578}
    526579
     
    538591
    539592tt {
    540      font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     593     font-family: "Droid Sans Mono", "Noto Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    541594}
    542595
     
    602655}
    603656
    604 .snarkTorrentInfo tr:last-child {
    605      background: none;
    606 }
    607 
    608 .snarkTorrentInfo tr:last-child td {
    609      padding: 5px !important;
     657#torrentInfoControl td {
     658     padding: 7px 5px !important;
    610659     text-align: right !important;
    611660     border-top: 1px solid #89f !important;
     661     background: linear-gradient(to bottom, #fff, #eef);
    612662}
    613663
     
    653703     margin-bottom: 0;
    654704     border-bottom: 1px solid #89f;
     705     background: #eef;
    655706}
    656707
     
    671722}
    672723
    673 .snarkDirInfo th a img, .snarkDirInfo th img  {
    674      max-height: 20px;
    675 }
    676 
    677724.snarkDirInfo th img[alt="Directory"] {
    678725     margin-right: 5px !important;
     
    684731}
    685732
    686 .snarkDirInfo td:first-child {
    687      padding-left: 4px;
     733.snarkFileIcon {
     734     width: 16px;
     735     padding-left: 2px;
    688736     padding-right: 2px;
    689737     text-align: left;
    690738}
    691739
    692 .snarkDirInfo td:first-child img {
     740.snarkFileIcon img {
     741     filter: none;
    693742     padding-right: 6px;
    694743}
     
    724773}
    725774
    726 .snarkDirInfo .headerpriority {
    727      text-align: center !important;
    728      vertical-align: middle;
    729 }
    730 
    731 td.subHeaderPriority, td.priority {
    732      width: 0;
    733      min-width: 36px !important;
    734      padding: 0 5px 0 0 !important;
    735      text-align: center !important;
    736 }
    737 
    738 td.subHeaderPriority {
    739      font-size: 7.5pt;
    740      font-weight: bold;
    741      padding: 0 1px !important;
    742      text-align: center !important;
    743      background: #020;
    744      background: url("images/snarktopnav.png") repeat-x scroll center center #101;
    745      background-image: linear-gradient(to bottom, #030 0%, #020 50%, #000 51%, #000 100%);
     775.snarkDirInfo thead th:nth-child(2), .headerstatus, .headerpriority, .snarkFileStatus {
     776     text-align: center;
    746777}
    747778
     
    754785}
    755786
    756 tr.priority:last-child {
    757      border-bottom: none !important;
    758 }
    759 
    760 th.headerdownloaded {
    761      padding-left: 25px !important;
    762 }
    763 
    764787.snarkFileStatus {
    765      text-align: center;
    766788     white-space:nowrap;
    767789     width: 120px;
    768 }
    769 
    770 .snarkFileIcon {
    771      width: 16px;
    772      padding: 0;
    773 }
    774 
    775 .snarkFileIcon img {
    776      filter: none;
    777 }
    778 
    779 .snarkFileStatusIcon {
    780      width: 24px;
    781      padding: 0 4px 0 0;
    782      text-align: center;
    783790}
    784791
     
    788795     font-size: 9pt;
    789796     padding: 2px;
    790      color: #2c354f !important;
     797     color: #3e4b6f !important;
    791798}
    792799
     
    802809.snarkTorrentName {
    803810     line-height: 110%;
    804      padding: 0;
     811     padding: 4px 3px;
    805812}
    806813
     
    826833     padding: 3px !important;
    827834     background: #339;
    828      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ddf 51%, #ddf 100%);
     835     background: linear-gradient(to bottom, #fff 50%, #ddf 50%);
    829836     border-radius: 2px;
    830      border: 1px solid #89f !important;
     837     border: 1px solid #bbf !important;
    831838     margin: 2px 1px;
    832      filter: drop-shadow(0 0 1px #bbb);
     839     box-shadow: 0 0 1px #f2f2ff !important;
    833840     height: 10px;
    834841}
     
    836843.snarkTorrentAction input[type="image"]:hover, .snarkTorrentAction input[type="image"]:focus {
    837844     border: 1px solid #f60 !important;
    838      filter: drop-shadow(0 0 1px #f60);
     845     background: linear-gradient(to bottom, #fff 50%, #eef 50%) !important;
     846     box-shadow: 0 0 1px #f60 !important;
     847     filter: none !important;
    839848}
    840849
    841850.snarkTorrentAction input[type="image"]:active {
    842      background: linear-gradient(to bottom, #ddf 0%, #ddf 50%, #99f 51%, #99f 100%);
    843      box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 2px #333;
    844      filter: none !important;
     851     background: linear-gradient(to bottom, #eef 50%, #bbf 50%);
     852     box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 2px #559 !important;
    845853}
    846854
    847855/* end torrent control buttons */
    848856
     857.routerdown {
     858     padding: 10px;
     859     color: #363759;
     860     border-bottom: 1px solid #89f;
     861     box-shadow: inset 0 0 0 1px #fff;
     862}
     863
    849864.snarkTorrentNoneLoaded {
    850      font-size: 8.5pt;
     865     padding: 10px 5px;
     866     background: #fff;
     867     background: linear-gradient(to right, #eef, #fff, #eef);
     868     border-bottom: 1px solid #89f;
     869}
     870
     871.snarkTorrentNoneLoaded td {
     872     color: #0c153d !important;
     873     text-align: center !important;
    851874     font-weight: bold;
    852      padding: 10px 5px;
    853      color: #4f2 !important;
    854      border-bottom: 1px solid #89f;
    855      background: #fff;
    856 }
    857 
    858 .snarkTorrentNoneLoaded td {
    859      text-align: center !important;
     875     box-shadow: inset 0 0 0 1px #fff;
    860876}
    861877
     
    863879     display: inline-block;
    864880     padding: 10px;
     881     opacity: 0.85;
    865882}
    866883
     
    871888     margin: 1px 4px 0 0 !important;
    872889     transform: scale(0.95);
     890     opacity: 0.85;
    873891}
    874892
     
    930948}
    931949
    932 .snarkTorrents tr:hover, .snarkDirInfo tr:hover {
     950.snarkTorrents tr:hover, .snarkDirInfo tr:hover, #trackerselect tr:nth-child(n+2):hover td {
    933951     background: #fff !important;
    934      background: linear-gradient(to bottom, #fff 0%, #ffe 100%) !important;
     952     background: linear-gradient(to bottom, #fff, #ffe) !important;
    935953}
    936954
     
    10281046
    10291047.percentBarOuter {
     1048     margin: 0 auto;
     1049     border: 1px solid #99f;
     1050     border-radius: 2px;
     1051     box-shadow: 0 0 1px 0 rgba(196,196,196,0.8);
    10301052     background: #eef;
    10311053     background: repeating-linear-gradient(135deg, #eef 1px, #eef 5px, #ddf 6px, #ddf 11px);
    1032      border: 1px solid #99f;
    1033      box-shadow: 0 0 1px 0 rgba(196,196,196,0.8);
    1034      margin: 0 auto;
    10351054}
    10361055
     
    10441063
    10451064.percentBarInner {
     1065     height: 14px;
    10461066     border: none;
    1047      height: 14px;
     1067     border-radius: 2px;
     1068     box-shadow: inset 0 0 0 1px #ddf;
    10481069     background: #bbf;
    1049      background: linear-gradient(to bottom, #fff 0%, #eef 50%, #bbf 50%, #99f 100%);
    1050      box-shadow: inset 0 0 0 1px #ddf;
     1070     background: linear-gradient(to bottom, #fff, #eef 50%, #bbf 50%, #99f);
     1071     background: linear-gradient(to right, rgba(255,255,0,0.1) 60px, rgba(0,255,0,0.1)), linear-gradient(to bottom, #fff, #eef 50%, #bbf 50%, #99f);
    10511072     opacity: 0.8;
     1073}
     1074
     1075.peerinfo .percentBarInner {
     1076     background: linear-gradient(to bottom, #fff, #eef 50%, #bbf 50%, #99f);
     1077}
     1078
     1079.snarkDirInfo .percentBarInner {
     1080     background: linear-gradient(to right, rgba(255,255,0,0.1) 40px, rgba(0,255,0,0.1)), linear-gradient(to bottom, #fff, #eef 50%, #bbf 50%, #99f);
    10521081}
    10531082
     
    10931122}
    10941123
    1095 .thumb:hover {
     1124.snarkDirInfo td:first-child .thumb:hover, .snarkDirInfo td:first-child .thumb:focus {
    10961125     max-width: 96px;
    10971126     max-height: 64px;
    10981127     transition: ease all 0.3s;
    1099      margin: -6px 0 -6px -4px !important;
     1128     margin: -9px 0 -9px -5px !important;
    11001129     filter: none !important;
     1130     border: 1px solid transparent !important;
     1131     background: none !important;
     1132     box-shadow: none !important;
    11011133}
    11021134
     
    11061138
    11071139.snarkAddInfo {
     1140     display: inline-block;
     1141     margin: 3px 0 -3px -5px !important;
     1142     padding-left: 26px;
     1143     line-height: 130% !important;
    11081144     font-size: 9pt;
    1109      line-height: 130% !important;
    1110      margin-left: -5px;
    11111145     font-weight: normal;
    11121146     background: url(images/infocircle.png) left 10px center no-repeat;
    11131147     background-size: 13px auto;
    1114      padding-left: 26px;
    11151148}
    11161149
    11171150.snarkConfigTitle:hover, label.toggleview:hover, input.toggle_input:focus + .toggleview {
    1118      background: linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
     1151     background: linear-gradient(to bottom, #eff2ff, #fff) !important;
    11191152     color: #f60 !important;
    11201153}
     
    11251158
    11261159.snarkConfigTitle:active, label.toggleview:active {
    1127      box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #999;
     1160     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #99a, 0 0 0 0 #fff;
    11281161}
    11291162
     
    11401173     border: 1px solid #89f;
    11411174     border-top: none;
     1175     border-radius: 0 0 4px 4px;
    11421176     background: #fff !important;
    1143      background: linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
    1144      box-shadow: inset 0 0 0 1px #fff;
    1145      filter: drop-shadow(0 1px 1px #ddd);
     1177     background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%) !important;
     1178     box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 0 #fff, 0 1px 1px #ddf;
     1179     transition: ease all 0.2s;
    11461180}
    11471181
     
    11491183     display: inline-block;
    11501184     width: 100%;
    1151      margin-bottom: -1px;
     1185}
     1186
     1187.iframed .snarkConfigTitle a {
     1188     padding-bottom: 0;
    11521189}
    11531190
     
    11631200
    11641201.configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
    1165      color: #444 !important;
     1202     color: #676788 !important;
     1203}
     1204
     1205.configsection .snarkConfigTitle {
     1206     margin-bottom: -2px !important;
    11661207}
    11671208
     
    11721213
    11731214.snarkConfigTitle a, .snarkConfigTitle a:visited, label.toggleview {
    1174      color: #444688 !important;
    11751215     outline: none;
     1216     color: #676799 !important;
     1217     text-shadow: 0 1px 1px #fff;
    11761218}
    11771219
    11781220.snarkConfigTitle a:hover, .snarkConfigTitle a:focus, .toggleview:hover, .toggleview:focus {
    11791221     color: #f60 !important;
    1180 }
    1181 
    1182 .snarkConfigTitle a:active, .toggleview:active {
     1222     text-shadow: none;
     1223     transition: ease all 0.2s;
     1224}
     1225
     1226.snarkConfigTitle a:active, input:active + .toggleview {
    11831227     color: #f90 !important;
    11841228}
     
    12211265     word-wrap: break-word;
    12221266     opacity: 1;
    1223      color: #33a;
     1267     color: #4f509f;
    12241268     border-radius: 0;
    12251269}
     
    12281272     font-weight: normal;
    12291273     text-decoration: none;
    1230      color: #448;
     1274     color: #7d7edf;
    12311275}
    12321276
     
    12891333input[type="image"]:hover, a img:hover, input[type="image"]:focus, a img:focus {
    12901334     outline: none !important;
    1291      filter: drop-shadow(0 0 2px #f60) !important;
     1335     filter: drop-shadow(0 0 1px #f60) !important;
    12921336}
    12931337
     
    13071351     border-radius: 2px;
    13081352     background: #eee;
    1309      background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
     1353     background: linear-gradient(to bottom, #fff, #ddd);
    13101354     box-shadow: inset 0 0 0 1px #fff;
    13111355     filter: drop-shadow(0 0 1px rgba(221, 221, 221, 0.8));
     
    13161360     color: #111;
    13171361     background: #fff;
    1318      background: linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1362     background: linear-gradient(to bottom, #ddd, #fff);
    13191363     border: 1px solid #89f;
    13201364}
     
    13951439     border-radius: 2px;
    13961440     box-shadow: inset 1px 1px 1px #ddd;
     1441     background: #f8f8ff;
    13971442}
    13981443
     
    14991544     border: 1px solid #bbb;
    15001545     border-radius: 2px;
    1501      background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     1546     background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, #ddd);
    15021547     -moz-appearance: none;
    15031548     -webkit-appearance: none;
     
    15121557
    15131558select:hover, select:active {
    1514      background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     1559     background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd, #fff) !important;
    15151560}
    15161561
    15171562select:focus {
    1518      background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     1563     background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd, #fff) !important;
    15191564     box-shadow: 0 0 0 1px #89f;
    15201565     color: #000;
     
    15341579
    15351580select[disabled], select[disabled]:hover {
    1536      background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
     1581     background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, #ddd) !important;
    15371582     opacity: 0.7;
    15381583     cursor: not-allowed;
     
    15441589
    15451590textarea {
    1546      font: 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     1591     font: 8pt "Droid Sans Mono", "Noto Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    15471592     font-weight: bold;
    15481593     padding: 1px 4px 0;
     
    15821627     border-radius: 2px;
    15831628     background: #fff;
    1584      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ddf 51%);
     1629     background: linear-gradient(to bottom, #fff 50%, #ddf 50%);
    15851630     box-shadow: inset 0 0 1px 1px #fff;
    15861631     filter: drop-shadow(0 0 1px #aaa) !important;
     
    15941639
    15951640#pagenav a:active img {
    1596      background: linear-gradient(to bottom, #ddf 0%, #ddf 50%, #99f 51%);
     1641     background: linear-gradient(to bottom, #ddf 50%, #99f 50%);
    15971642     box-shadow: inset 2px 2px 2px 1px #99f;
    15981643}
     
    16251670     width: calc(100% - 150px) !important;
    16261671     margin: 2px 5px 0 5px;
     1672     border-collapse: separate;
    16271673     border: 1px solid #89f;
     1674     border-radius: 2px;
     1675     box-shadow: 0 0 1px #ccf;
    16281676     background: rgba(255,255,255,0.1);
    16291677}
     
    16481696     font-weight: bold;
    16491697     border-bottom: 1px #89f;
    1650      background: linear-gradient(to bottom, #eef, #fff);
    16511698}
    16521699
    16531700#trackerselect tr:first-child td {
    16541701     padding: 5px 10px;
     1702     font-weight: bold !important;
    16551703     border-bottom: 1px solid #89f;
    1656      font-weight: bold !important;
     1704     background: linear-gradient(to bottom, #fff, #eef);
    16571705}
    16581706
     
    16621710
    16631711#trackerselect td:first-child, #trackerselect td:last-child {
    1664      width: 40%;
     1712     width: 35%;
    16651713     font-weight: normal;
     1714}
     1715
     1716#trackerselect td:nth-child(2), #trackerselect td:nth-child(3) {
     1717     width: 15%;
    16661718}
    16671719
     
    17081760.knownTracker input[type="radio"]:checked, .knownTracker input[type="radio"]:checked:hover {
    17091761     opacity: 0.5;
    1710 }
    1711 
    1712 .snarkTorrentNoneLoaded td {
    1713      color: #0c153d !important;
    1714      background: #fff;
    17151762}
    17161763
     
    18261873     color: #0c153d;
    18271874     border: 1px solid #89f;
    1828      box-shadow: inset 0 0 2px 0 #ccc, 0 0 1px #bbb;
    18291875     word-wrap: break-word;
    18301876     background: #fff;
     1877}
     1878
     1879.newtorrentsection, .addtorrentsection, .configsection {
     1880     border-radius: 3px;
     1881     box-shadow: inset 0 0 0 1px #fff;
     1882     background-blend-mode: luminosity;
     1883}
     1884
     1885.iframed .newtorrentsection, .iframed .addtorrentsection, .iframed .configsection {
     1886     border-radius: 0;
    18311887}
    18321888
     
    18351891     padding: 0;
    18361892     border-bottom: none;
    1837      background: repeating-linear-gradient(to right, #ddf 2px, #eef 2px, #ddf 4px);
     1893     background: none;
    18381894}
    18391895
    18401896.newtorrentsection {
    1841      margin: 0 0 10px 0;
     1897     margin: 0 0 9px 0;
    18421898     padding: 0 10px;
    1843      background: url(images/snark_create.png) no-repeat scroll right center, linear-gradient(to bottom, #fff 0%, #eef 100%);
     1899     background: #eef url(images/snark_create.png) no-repeat scroll right center;
     1900     background: url(images/snark_create.png) no-repeat scroll right center, linear-gradient(to bottom, #f8f8ff, #eef);
    18441901     background-size: 68px 68px, 100% 100%;
    18451902}
    18461903
    18471904.addtorrentsection {
    1848      margin: 10px 0;
     1905     margin: 9px 0;
    18491906     padding: 0 10px;
    1850      background: url(images/snark_add.png) no-repeat scroll 99.5% center, linear-gradient(to bottom, #fff 0%, #eef 100%);
     1907     background: #eef url(images/snark_add.png) no-repeat scroll 99.5% center;
     1908     background: url(images/snark_add.png) no-repeat scroll 99.5% center, linear-gradient(to bottom, #f8f8ff, #eef);
    18511909     background-size: 61px 61px, 100% 100%;
    18521910}
     
    18551913     margin: 0;
    18561914     padding: 0 10px 12px 10px;
    1857      background: url(images/configuration.png) no-repeat scroll 101% center, linear-gradient(to bottom, #fff 0%, #eef 100%);
     1915     background: #eef url(images/configuration.png) no-repeat scroll 101% center;;
     1916     background: url(images/configuration.png) no-repeat scroll 101% center, linear-gradient(to bottom, #f8f8ff, #eef);
    18581917     background-size: 68px 68px, 100% 100%;
    18591918}
     
    18661925     margin: 9px 0 0 0;
    18671926     padding: 0;
    1868      background: linear-gradient(to bottom, #fff 0%, #eef 40px, #fff 100%);
     1927     background: linear-gradient(to bottom, #fff, #eef 40px, #fff);
    18691928}
    18701929
     
    19031962
    19041963code {
    1905      font: bold 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     1964     font: bold 8pt "Droid Sans Mono", "Noto Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
    19061965     padding: 0 2px;
    19071966     color: #050;
     
    19141973}
    19151974
    1916 .routerdown {
    1917      padding: 10px;
    1918      color: #0c153d;
    1919      border-bottom: 1px solid #89f;
    1920      box-shadow: inset 0 0 0 1px #fff;
    1921 }
    1922 
    19231975input.trackername {
    19241976     width: 100px;
     
    19562008}
    19572009
    1958 /* display panels by default on webkit based browsers (midori fix) */
    1959 /*
    1960 @media screen and (-webkit-min-device-pixel-ratio: 0) {
    1961 input#toggle_addtorrent:not(checked) + label + hr + table,
    1962 input#toggle_createtorrent:not(checked) + label + hr + table {
    1963      display: table;
    1964 }
    1965 
    1966 input#toggle_addtorrent:checked + label + hr + table,
    1967 input#toggle_createtorrent:checked + label + hr + table {
    1968      display: none;
    1969 }
    1970 }
    1971 */
    1972 
    19732010/* display by default in iframe to avoid overflow issue */
    19742011.iframed input#toggle_addtorrent:not(checked) + label + hr + table,
     
    19822019}
    19832020
    1984 label.toggleview, .snarkConfigTitle a:visited {
    1985      color: #006;
    1986 }
    1987 
    1988 label.toggleview img:hover, label.toggleview:hover img, .snarkConfigTitle a:hover img {
    1989      color: #f90;
     2021.toggleview img, .configsection img {
     2022     mix-blend-mode: luminosity;
     2023}
     2024
     2025label.toggleview img:hover, label.toggleview:hover img, .snarkConfigTitle a:hover img, input:focus + .toggleview img {
    19902026     filter: drop-shadow(0 0 1px #f60);
     2027     mix-blend-mode: normal;
    19912028}
    19922029
     
    20672104
    20682105#dhtdebugPanel {
    2069      background: linear-gradient(to bottom, #fff 0%, #eef 100%);
     2106     background: linear-gradient(to bottom, #fff, #eef);
    20702107     box-shadow: 0 0 2px 0 #ccc inset, 0 0 1px #bbb;
    20712108     border: 1px solid #89f;
     
    21282165hr.debug {
    21292166     width: 100%;
    2130      background: #89f;
    2131      background: linear-gradient(to right, #89f 40%, #eef);
     2167     background: #ccf;
     2168     background: linear-gradient(to right, #ccf 40%, #eef);
    21322169     color: #efefff;
    21332170     border: none;
     
    26262663
    26272664@media screen and (max-width: 1400px) {
    2628 
    26292665.percentBarText {
    26302666     line-height: 15px;
     2667}
     2668}
     2669
     2670@media screen and (max-width: 1500px) {
     2671.snarkTorrents thead img, .snarkDirInfo th img {
     2672     max-height: 20px !important;
    26312673}
    26322674}
     
    26632705}
    26642706
     2707.snarkTorrentAction {
     2708     padding-left: 4px !important;
     2709     padding-right: 4px !important;
     2710}
     2711
    26652712.snarkTorrentAction input[type="image"], .snarkTorrents th:last-child input[type="image"] {
    26662713     padding: 4px !important;
     
    27292776.percentBarText {
    27302777     font-size: 8pt !important;
    2731 }
    2732 
    2733 .snarkTorrentDetails {
    2734      padding-left: 8px;
    27352778}
    27362779
  • installer/resources/themes/snark/dark/snark.css

    rcdd89df r1c6ca501  
    77
    88body {
    9      margin: 9px 8px;
     9     margin: 5px 3px;
    1010     color: #ee9;
    1111     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     
    5454     background: #000;
    5555     background: repeating-linear-gradient(135deg, #010, #010 10px, #020 10px, #020 20px, #010 20px);
     56     background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,200,0,0.5) 2px, rgba(0,200,0,0.5) 4px), repeating-linear-gradient(135deg, #010, #010 10px, #020 10px, #020 20px, #010 20px);
     57     background-blend-mode: darken, darken, normal;
    5658}
    5759
     
    9092
    9193.snarknavbar {
     94     min-width: 888px;
     95     z-index: 999;
     96     position: sticky;
     97     top: -1px;
    9298     margin: 0 0 -6px !important;
    9399     padding: 9px 0 8px;
    94      background: #010 !important;
    95      background-image: linear-gradient(to bottom, #001000, #001900 51%, #000 51%) !important;
    96      min-width: 888px;
    97100     text-align: center;
    98101     border: 1px solid #494;
    99      position: sticky;
    100      top: -1px;
    101      z-index: 999;
     102     box-shadow: inset 0 0 0 1px #000;
     103     box-shadow: inset 0 0 0 2px #000, inset 0 0 10px 3px rgba(0,8,0,0.7);
     104     background: #010 !important;
     105     background: repeating-linear-gradient(135deg, #000 1px, #000 2px, #010 2px, #010 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, #010 2px, #010 4px), linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 52%, #010301 53%, #000000 56%, #000000 100%), url(/themes/console/dark/images/camotile2.png) top left !important;
     106     background-blend-mode: exclusion, exclusion, normal, normal;
    102107}
    103108
    104109.iframed .snarknavbar {
    105110     margin-top: -2px !important;
     111     padding: 7px 0;
    106112     position: static;
     113     box-shadow: inset 0 0 0 1px #000;
     114     background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 51%, #020602 52%, #010301 55%, #000000 57%), url(/themes/console/dark/images/camotile2.png) top left !important;
     115}
     116
     117_:-ms-lang(x), .snarknavbar {
     118     background: linear-gradient(to bottom, #001000, #001900 51%, #000 51%) !important;
    107119}
    108120
    109121.snarkNav:link, .snarkNav:visited {
    110122     display: inline-block;
     123     line-height: 120%;
    111124     font-size: 9pt;
    112125     font-weight: bold;
     
    114127     text-transform: uppercase !important;
    115128     letter-spacing: 0.1em;
    116      margin: 0 -2px !important;
    117      padding: 5px 7px 5px 22px !important;
     129     margin: 0 -1px 0 -2px !important;
     130     padding: 4px 7px 4px 22px !important;
    118131     color: #3f3;
    119132     text-shadow: 0 0 1px #000;
     
    121134     border: 1px solid #494;
    122135     box-shadow: inset 0 0 0 1px #000;
    123      filter: drop-shadow(0 0 1px #000);
    124      opacity: 0.7;
     136     filter: drop-shadow(0 0 2px #000);
     137     opacity: 0.75;
    125138     position: relative;
    126139}
     
    130143     background-position: 7px center !important;
    131144     background-repeat: no-repeat, repeat !important;
     145     filter: drop-shadow(0 0 1px #000);
    132146}
    133147
    134148.snarkNav:hover, .snarkNav:focus {
    135149     z-index: 10;
     150     opacity: 1 !important;
    136151}
    137152
     
    181196
    182197.snarkNav:link:active, .snarkNav:active {
    183      box-shadow: inset 3px 3px 3px #000 !important;
     198     box-shadow: inset 3px 3px 3px 3px #3f1a04 !important;
    184199     color: #fff !important;
    185      border: 1px solid #fff !important;
    186200     text-shadow: none;
    187201     background-size: 14px auto !important;
    188202     background-repeat: no-repeat !important;
     203     filter: none;
     204     transition: ease box-shadow 0.1s;
    189205}
    190206
     
    201217}
    202218
    203 .snarkNav:link:last-of-type {
     219.nav_main.snarkNav:last-child {
    204220     border-radius: 2px !important;
    205 }
    206 
    207 .snarkNav:link[target="_blank"]:last-child {
    208      border-radius: 0 2px 2px 0 !important;
    209221}
    210222
     
    222234
    223235.snarkMessages {
    224      font: normal 8pt "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     236     margin: 0;
     237     padding: 3px 5px;
     238     width: auto;
     239     height: 54px;
     240     resize: none;
     241     overflow: hidden;
    225242     line-height: 120%;
    226243     text-align: left;
    227      margin: 0;
    228      padding: 3px 5px;
    229      overflow: hidden;
    230      resize: none;
     244     font: normal 8pt "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
    231245     color: #69f;
    232      height: 56px;
    233      width: auto;
     246     box-shadow: inset 0 0 0 1px #000;
     247     border-bottom: 1px solid #494;
    234248     background: #000 url(images/hat.png) no-repeat scroll right bottom;
    235249     background: url(images/hat.png) no-repeat scroll right bottom, linear-gradient(to bottom, #010, #000);
    236      border-bottom: 1px solid #494;
     250     background-size: auto 95%, 100% 100%;
    237251     background-blend-mode: screen;
    238252}
     
    348362
    349363thead th {
    350      background: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 50%, #000 100%) !important;
     364     background: none;
     365}
     366
     367.iframed thead th {
     368     background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;
     369
     370}
     371
     372thead {
     373     background: linear-gradient(to bottom, #003000, #000 75%) !important;
     374     background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;
    351375}
    352376
     
    359383     text-align: left !important;
    360384     padding-left: 0;
    361 }
    362 
    363 th:first-child img {
    364      margin: 1px -2px 3px 1px !important;
    365385}
    366386
     
    385405     border-right: 0 !important;
    386406     text-align: left !important;
    387      padding: 4px 0;
    388 }
     407     padding: 4px 0 4px 5px;
     408}
     409
    389410.ParentDir a {
    390411     font-weight: bold !important;
    391      margin-left: -4px;
    392412}
    393413
     
    441461}
    442462
    443 .snarkTrackerDetails, .SnarkTorrentDetails {
     463.snarkTrackerDetails, .snarkTorrentDetails {
    444464     width: 16px !important;
    445      padding: 0 !important;
    446465     text-align: center !important;
    447 }
    448 
    449 .snarkTrackerDetails {
    450      text-align: right !important;
     466     font-weight: bold;
     467     padding-left: 0 !important;
     468     padding-right: 0 !important;
     469}
     470
     471.snarkTrackerDetails img, .snarkTorrentDetails img, .snarkDirInfo td:first-child img {
     472     padding: 3px !important;
     473     border: 1px solid transparent !important;
     474     margin: 0 !important;
     475}
     476
     477.snarkDirInfo td:first-child img {
     478     margin: 0 2px !important;
     479}
     480
     481.snarkTrackerDetails a:hover img, .snarkTrackerDetails img:hover, .snarkTrackerDetails a:focus img,
     482.snarkTorrentDetails a:hover img, .snarkTorrentDetails img:hover, .snarkTorrentDetails a:focus img,
     483.snarkDirInfo td:first-child a:hover img, .snarkDirInfo td:first-child a:focus img {
     484     border: 1px solid #f60 !important;
     485     border-radius: 2px;
     486     box-shadow: 0 0 1px #f60;
     487     background: #030;
     488     background: linear-gradient(to bottom, #030 50%, #010 50%);
     489     filter: none !important;
     490}
     491
     492.snarkTrackerDetails a:active img, .snarkTorrentDetails a:active img, .snarkDirInfo td:first-child a:active img {
     493     border: 1px solid #f90 !important;
     494     box-shadow: inset 2px 2px 3px 3px #000;
     495     transform: scale(0.9);
    451496}
    452497
     
    528573}
    529574
     575.snarkTorrentInfo tr:nth-last-child(n+2) b {
     576     margin-right: 2px;
     577}
     578
    530579.snarkTorrentInfo input[type="submit"] {
    531580     min-width: 85px;
    532581}
    533582
    534 #torrentInfoControl, #setPriority {
    535      border-top: 1px solid #494 !important;
    536      background: none !important;
    537 }
    538 
    539583#torrentInfoControl td, #setPriority th {
    540584     text-align: right !important;
    541      padding: 10px 8px !important;
     585     padding: 11px 8px 10px !important;
    542586     background: none !important;
    543587     box-shadow: inset 0 0 0 1px #030;
     588}
     589
     590#setPriority th {
     591     padding: 13px 8px 10px !important;
    544592}
    545593
     
    614662}
    615663
    616 #setPriority, #torrentInfoControl {
     664#setPriority, #torrentInfoControl, .commentAction[colspan="5"] {
    617665     background: url(/themes/console/dark/images/camotile2.png) repeat scroll center bottom #001100 !important;
     666     background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,200,0,0.5) 2px, rgba(0,200,0,0.5) 4px), url(/themes/console/dark/images/camotile2.png) top left repeat !important;
     667     background-blend-mode: exclusion, darken, normal;
     668     border-top: 1px solid #494 !important;
    618669     border-bottom: 1px solid #494 !important;
     670}
     671
     672_:-ms-lang(x), #setPriority, #torrentInfoControl {
     673     background: url(/themes/console/dark/images/camotile2.png) repeat scroll center bottom #001100 !important;
    619674}
    620675
     
    741796
    742797.snarkTorrentStatus {
    743      padding: 3px 5px 3px 0 !important;
     798     padding: 3px 5px 3px 1px !important;
    744799     line-height: 90%;
    745800     min-width: 0;
     
    780835}
    781836
     837.snarkTorrents thead tr:hover, .snarkDirInfo thead tr:hover {
     838     background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important;
     839}
     840
    782841tr:hover .percentBarText {
    783842     opacity: 1;
     
    798857}
    799858
    800 /*
    801 .snarkTorrents a:hover, .snarkDirInfo a:hover {
    802      color: #f40 !important;
    803 }
    804 */
    805 
    806859.snarkTorrentEven, .snarkTorrentEven:nth-child(even) {
    807860     background: #001000;
     
    838891
    839892.snarkFileName {
    840      padding: 4px 5px 4px 0 !important;
     893     padding: 4px 5px 4px 3px !important;
    841894     text-align: left !important;
    842895     word-break: break-all;
     
    900953     background: #000;
    901954     background: repeating-linear-gradient(135deg, #000 1px, #000 5px, #010 6px, #010 11px);
     955     background: linear-gradient(to right, rgba(0,16,0,0.1), rgba(128,255,0,0.1)), repeating-linear-gradient(135deg, #000 1px, #000 5px, #010 6px, #010 11px);
    902956     border: 1px solid #040;
    903957     border-bottom: 1px solid #020;
    904958     border-right: 1px solid #020;
     959     border-radius: 2px;
    905960     opacity: 1;
    906961     box-shadow: 0 0 1px 1px rgba(0,0,0,0.8);
     
    916971     background: #0e5f00;
    917972     background: linear-gradient(to bottom, rgba(28, 148, 58, 0.6) 0%, rgba(9, 47, 16, 0.6) 50%, rgba(13, 39, 7, 0.6) 50%, rgba(9, 27, 5, 0.6) 50%, rgba(9, 21, 3, 0.6) 100%);
     973     border-radius: 2px;
    918974     box-shadow: inset 0 0 0 1px #000;
    919975}
     
    930986
    931987.percentBarText {
     988     height: 1em;
     989     line-height: 1;
    932990     text-align: center;
    933991     font-weight: bold;
    934      padding: 0.5px 0 0;
     992     margin-left: -3px;
     993     padding: 0 4px 0 2px;
    935994     white-space: nowrap;
    936995     display: block;
     
    939998     text-shadow: 0 0 1px rgba(0,0,0,0.8);
    940999     transition: ease opacity 0.2s;
     1000
    9411001}
    9421002
     
    9881048     background-size: 14px auto;
    9891049     padding-left: 20px;
    990      line-height: 140%;
     1050     line-height: 160%;
    9911051}
    9921052
     
    9981058     letter-spacing: 0.2em;
    9991059     border: 1px solid #494;
    1000      border-radius: 0;
     1060     border-radius: 0 0 2px 2px;
    10011061     border-top: none;
    10021062     background: #000 url(/themes/console/dark/images/header.png) repeat-x scroll center center !important;
    1003      background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%) !important;
     1063     background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%) !important;
    10041064     font-variant: small-caps !important;
    10051065     display: inline-block;
     
    10311091     width: 100%;
    10321092     padding-bottom: 1px !important;
     1093     transition: ease all 0.1s;
    10331094}
    10341095
     
    10361097     background: #000 !important;
    10371098     background: linear-gradient(to bottom, #001000 50%, #000 50%) !important;
    1038 }
    1039 
    1040 .snarkConfigTitle:hover a {
     1099     mix-blend-mode: exclusion !important;
     1100     transition: ease all 0.1s;
     1101}
     1102
     1103.snarkConfigTitle:hover a, .snarkConfigTitle a:focus {
    10411104     color: #f60 !important;
     1105     transition: ease all 0.1s;
    10421106}
    10431107
    10441108.snarkConfigTitle:active, .toggleview:active {
    1045      box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px 1px #000;
     1109     box-shadow: inset 3px 3px 3px 3px #000, 0 0 0 1px #000;
     1110     transition: ease all 0.1s;
    10461111}
    10471112
     
    10501115     margin-bottom: 2px;
    10511116     vertical-align: middle;
     1117     filter: sepia(1) hue-rotate(70deg);
    10521118}
    10531119
     
    10631129     transform: rotate(90deg);
    10641130     transition: ease transform 0.3s;
     1131}
     1132
     1133.toggle_input:focus + label > img, .snarkConfigTitle a:focus img {
     1134     filter: drop-shadow(0 0 1px #f60) !important;
    10651135}
    10661136
     
    10781148     filter: none;
    10791149     box-shadow: inset 0 0 0 1px #000;
     1150     mix-blend-mode: normal !important;
    10801151}
    10811152
     
    12111282input[type=image], thead img {
    12121283     padding: 0 !important;
    1213      border-radius: 3px;
     1284     border-radius: 0;
    12141285     border: 0 none transparent !important;
    12151286     margin: 0 2px;
     
    12341305
    12351306.snarkTorrentAction input[type="image"] {
    1236      border: 1px solid #151 !important;
    12371307     margin: 0 2px !important;
    12381308     padding: 4px !important;
     1309     height: 9px;
     1310     border: 1px solid #151 !important;
     1311     border-radius: 3px;
     1312     box-shadow: inset 0 0 0 1px #000;
    12391313     background: #030;
    1240      background: linear-gradient(to bottom, #030 0%, #030 50%, #010 50%, #010 100%);
    1241      box-shadow: inset 0 0 0 1px #000;
    1242      border-radius: 2px;
    1243      height: 9px;
     1314     background: linear-gradient(to bottom, #030 50%, #010 50%);
    12441315}
    12451316
    12461317.snarkTorrentAction input[type="image"]:hover, .snarkTorrentAction input[type="image"]:focus {
    12471318     border: 1px solid #f60 !important;
     1319     background: #060;
     1320     background: linear-gradient(to bottom, #060 50%, #010 50%);
     1321     filter: saturate(150%) drop-shadow(0 0 1px #930) !important;
    12481322}
    12491323
     
    12581332     padding: 4px 5px !important;
    12591333     background: #000;
    1260      background: linear-gradient(to bottom, #000 0%, #010 100%);
     1334     background: linear-gradient(to bottom, #000, #010);
    12611335     box-shadow: inset 0 0 3px 3px #000;
    12621336     outline: none;
     
    17461820     background: url(images/snark_create.png) center right no-repeat, linear-gradient(to bottom, rgba(0,40,0,0.3) 0%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat;
    17471821     background-size: 80px 80px, 100% 100%, 175px 175px;
     1822     background-blend-mode: soft-light, normal, normal;
    17481823}
    17491824
     
    17681843     background: #000 url(images/configuration.png) no-repeat scroll right center;
    17691844     background: linear-gradient(to bottom, #000 10%, rgba(0,40,0,0.3) 10%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat;
     1845     background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,200,0,0.5) 2px, rgba(0,200,0,0.5) 4px), linear-gradient(to bottom, #000 10%, rgba(0,40,0,0.3) 10%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat;
     1846     background-blend-mode: darken, darken, normal, normal;
    17701847}
    17711848
     
    23262403
    23272404.snarkCommentInfo th, .snarkComments th {
    2328      background: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 50%, #000 100%);
     2405     background: linear-gradient(to bottom, #003000, #000 75%);
     2406     background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);
    23292407     padding: 8px 5px;
    23302408     white-space: normal;
     
    23432421.snarkCommentInfo th {
    23442422     padding: 8px 5px 8px 30px;
    2345      background: url(images/comment.png) 8px center no-repeat, linear-gradient(to bottom, #001000 0%, #001900 50%, #000 50%, #000 100%);
     2423     background: url(images/comment.png) 8px center no-repeat, linear-gradient(to bottom, #003000, #000 75%);
     2424     background: url(images/comment.png) 8px center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%);
    23462425}
    23472426
     
    26042683     margin-top: 4px;
    26052684}
     2685
     2686.addtorrentsection .toggleview {
     2687     padding-bottom: 5px !important;
     2688}
     2689
     2690.configsection .snarkConfigTitle {
     2691     padding-bottom: 4px !important;
     2692}
    26062693}
    26072694
     
    27022789
    27032790.snarkConfigTitle a {
    2704      padding-bottom: 2px !important;
     2791     padding-bottom: 1px !important;
    27052792}
    27062793
     
    27112798}
    27122799
    2713 .snarkTorrents th:last-child input[type="image"], .snarkTorrents td:last-child input[type="image"] {
     2800.snarkTorrents thead th::before {
     2801     content: "";
     2802     display: inline-block;
     2803     min-height: 18px;
     2804}
     2805
     2806.snarkTorrents thead img {
     2807     margin: 0 1px 3px !important;
     2808}
     2809
     2810.snarkTorrentAction {
     2811     padding: 1px 3px !important;
     2812}
     2813
     2814.snarkTorrentAction input[type="image"] {
    27142815     height: 11px;
     2816     margin: 1px 2px !important;
    27152817}
    27162818
     
    27212823.snarkTorrents .snarkTorrentName {
    27222824     padding-left: 5px;
     2825}
     2826
     2827.snarkTorrentName:hover a, .snarkFileName:hover a {
     2828     margin: -2px 0 -2px -2px;
     2829     padding: 3px 3px 3px 5px;
     2830     background: rgba(0,16,0,0.3);
     2831     border: 1px solid #002000;
     2832     border-radius: 2px 20px 20px 2px;
     2833     box-shadow: inset 2px 2px 2px rgba(0,8,0,0.5);
     2834}
     2835
     2836.snarkFileName:hover a {
     2837     margin-left: -5px;
     2838     padding-right: 0;
     2839}
     2840
     2841.snarkTorrentName:active a, .snarkFileName:active a {
     2842     border: 1px solid #930;
     2843     box-shadow: inset 4px 4px 4px rgba(0,8,0,0.8);
    27232844}
    27242845
     
    28042925.snarkTorrentName a:not(old) {
    28052926     max-width: 360px !important;
     2927     white-space: nowrap;
     2928     overflow: hidden;
     2929     text-overflow: ellipsis;
    28062930}
    28072931
     
    28162940.percentBarText {
    28172941     font-size: 8pt !important;
     2942     line-height: 1;
     2943     padding: 1px 0;
    28182944}
    28192945
     
    28482974}
    28492975
     2976.toggleview, .snarkConfigTitle, .configsection .snarkConfigTitle {
     2977     padding-bottom: 3px !important;
     2978}
     2979
     2980.addtorrentsection .toggleview {
     2981     padding-bottom: 2px !important;
     2982}
     2983
     2984.snarkConfigTitle a {
     2985     padding-bottom: 0 !important;
     2986}
     2987
    28502988.toggleview img, .snarkConfigTitle img {
    2851      height: 12px;
     2989     height: 14px;
    28522990     margin-right: 0 !important;
    28532991}
  • installer/resources/themes/snark/light/snark.css

    rcdd89df r1c6ca501  
    99     background: #a4a4cb url(/themes/console/light/images/tile2.png) center top fixed;
    1010     background-size: 32px 32px;
    11      margin: 5px;
     11     margin: 3px 4px;
    1212}
    1313
     
    143143     filter: drop-shadow(0 0 1px #ccf);
    144144     position: relative;
     145     transition: ease all 0.1s;
    145146}
    146147
     
    148149     background-size: 14px auto, 100% 100% !important;
    149150     background-position: 8px center;
     151     transition: ease all 0.1s;
    150152}
    151153
     
    168170}
    169171
     172.iframed .nav_main {
     173     background: url(images/button_snark.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 50%, rgba(240, 240, 255, 0.4)) #e7e7ff;
     174}
     175
    170176.nav_forum {
    171177     background: #fff url(images/button_forum.png) 8px center no-repeat;
     
    173179}
    174180
     181.iframed .nav_forum {
     182     background: url(images/button_forum.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 50%, rgba(240, 240, 255, 0.4)) #e7e7ff;
     183}
     184
    175185.nav_tracker {
    176186     background: #fff url(images/button_tracker.png) 8px center no-repeat;
    177187     background: url(images/button_tracker.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, #eef 51%, #eef 100%);
     188}
     189
     190.iframed .nav_tracker {
     191     background: url(images/button_tracker.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 50%, rgba(240, 240, 255, 0.4)) #e7e7ff;
    178192}
    179193
     
    272286     background: rgba(255, 255, 255, 0.25);
    273287     opacity: 0.9;
    274      mix-blend-mode: darken;
    275 }
    276 
    277 .snarkMessages li:hover {
    278      opacity: 1;
    279288     mix-blend-mode: multiply;
    280289}
     
    309318}
    310319
     320#closelog {
     321     position: relative;
     322     z-index: 999;
     323}
     324
    311325.logshim {
    312326     margin-top: 11px !important;
     
    534548}
    535549
    536 .snarkTrackerDetails, .SnarkTorrentDetails {
     550.snarkTrackerDetails, .snarkTorrentDetails {
    537551     width: 16px !important;
    538      padding: 2px 1px 2px 0;
    539 }
    540 
    541 .SnarkTorrentDetails {
    542      text-align: center;
     552     text-align: center !important;
     553     font-weight: bold;
     554     padding-left: 0 !important;
     555     padding-right: 0 !important;
     556}
     557
     558.snarkTrackerDetails img, .snarkTorrentDetails img, .snarkDirInfo td:first-child img {
     559     margin: 0;
     560     padding: 3px !important;
     561     border: 1px solid transparent !important;
     562}
     563
     564.snarkTrackerDetails a:hover img, .snarkTrackerDetails img:hover, .snarkTrackerDetails a:focus img,
     565.snarkTorrentDetails a:hover img, .snarkTorrentDetails img:hover, .snarkTorrentDetails a:focus img,
     566.snarkDirInfo td:first-child a:hover img, .snarkDirInfo td:first-child a:focus img {
     567     border: 1px solid #f60 !important;
     568     border-radius: 2px;
     569     box-shadow: 0 0 1px #f60;
     570     background: #ddf;
     571     background: linear-gradient(to bottom, #fff 50%, #ddf 50%);
     572     filter: none !important;
     573     mix-blend-mode: normal;
     574}
     575
     576.snarkTrackerDetails a:active img, .snarkTorrentDetails a:active img, .snarkDirInfo td:first-child a:active img {
     577     box-shadow: inset 2px 2px 2px #99f;
    543578}
    544579
     
    637672.snarkTorrentUploaded, .snarkTorrentRateUp {
    638673     font-style: italic !important;
    639      color: #59698f !important;
    640674}
    641675
     
    705739.snarkCommentInfo tr:nth-child(odd), .snarkComments tr:nth-child(even) {
    706740     background: #e0e0ff;
    707      background: repeating-linear-gradient(45deg, rgba(255,255,255,0.8) 2px, rgba(196, 196, 255, 0.3) 3px, #fafaff 5px) #fafaff;
     741     background: repeating-linear-gradient(45deg, rgba(240,240,255,0.8) 2px, rgba(196, 196, 255, 0.3) 3px, #f6f6ff 5px) #f6f6ff;
    708742}
    709743
     
    789823     background: repeating-linear-gradient(135deg, rgba(238, 238, 255,0.7) 1px, rgba(238, 238, 255, 0.7) 5px, rgba(221, 221, 255, 0.7) 6px, rgba(221, 221, 255, 0.7) 11px);
    790824     border: 1px solid #99f;
     825     border-radius: 2px;
    791826     box-shadow: 0 0 1px rgba(200,200,200,0.8);
    792827     margin: 0 auto;
     
    795830.percentBarInner {
    796831     border: none;
     832     border-radius: 2px;
    797833     height: 100%;
     834     box-shadow: inset 0 0 0 1px #ddf;
    798835     background: #bbf;
     836     background: linear-gradient(to right, rgba(255,255,0,0.1) 60px, rgba(0,255,0,0.1)), linear-gradient(to bottom, rgba(255, 255, 255,0.6) 0%, rgba(238, 238, 255, 0.6) 50%, rgba(200, 200, 255, 0.7) 50%, rgba(160, 160, 255, 0.7) 100%);
     837}
     838
     839.peerinfo .percentBarInner {
    799840     background: linear-gradient(to bottom, rgba(255, 255, 255,0.6) 0%, rgba(238, 238, 255, 0.6) 50%, rgba(200, 200, 255, 0.7) 50%, rgba(160, 160, 255, 0.7) 100%);
    800      box-shadow: inset 0 0 0 1px #ddf;
     841}
     842
     843.snarkDirInfo .percentBarInner {
     844     background: linear-gradient(to right, rgba(255,255,0,0.1) 40px, rgba(0,255,0,0.1)), linear-gradient(to bottom, rgba(255, 255, 255,0.6) 0%, rgba(238, 238, 255, 0.6) 50%, rgba(200, 200, 255, 0.7) 50%, rgba(160, 160, 255, 0.7) 100%);
    801845}
    802846
     
    887931     width: 100%;
    888932     margin-top: -1px;
     933     transition: ease all 0.1s;
    889934}
    890935
    891936.snarkConfigTitle:hover a, .snarkConfigTitle:focus a {
    892937     color: #f60 !important;
     938     transition: ease all 0.1s;
    893939}
    894940
     
    901947     border: 1px solid #7778bf;
    902948     border-top: 0;
     949     border-radius: 0 0 3px 3px;
    903950     background: #fff url(/themes/console/light/images/header.png) repeat-x scroll center center;
    904951     background: linear-gradient(to bottom, #fff 50%, #eef 51%);
    905952     font-variant: small-caps !important;
    906      box-shadow: 0 1px 2px #ccf;
     953     box-shadow: 0 1px 2px #ccf, inset 0 0 0 1px #fff, inset 0 0 0 1px #fff;
    907954     display: inline-block;
    908955     min-width: 260px;
    909956     color: #559 !important;
     957     transition: ease all 0.1s;
     958}
     959
     960.iframed .snarkConfigTitle, .iframed .toggleview, .iframed .configsectionpanel .snarkConfigTitle:hover {
     961     background: #e7e7ff linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 50%, rgba(240, 240, 255, 0.4));
    910962}
    911963
     
    937989.snarkConfigTitle:active, .toggleview:active {
    938990     color: #f30 !important;
    939      box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #558;
     991     box-shadow: 0 0 0 0 #fff, inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #558;
     992     transition: ease all 0.1s;
    940993}
    941994
     
    10941147     text-align: center;
    10951148     box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ddd;
     1149     text-shadow: 0 1px 1px #fff;
    10961150     filter: drop-shadow(0px 0 1px #ccf);
    10971151}
     
    11031157     background: linear-gradient(#fff 50%, #ffe8bf 50%, #efd9b3 100%);
    11041158     box-shadow: inset 0 0 0 1px #fff;
     1159     text-shadow: none;
    11051160}
    11061161
     
    11281183}
    11291184
    1130 a.control img {
    1131      filter: none;
    1132 }
     1185a.control img, a.control:hover img, a.control:focus img, a.control:active img {
     1186     filter: none !important;
     1187}
     1188
     1189/* sync iframe buttons with main console theme */
     1190
     1191.iframed input[type="submit"], .iframed a.control {
     1192     color: #41465f;
     1193     font-weight: normal;
     1194     border: 1px solid #999daf;
     1195     background: linear-gradient(to bottom, #fff, #efefff);
     1196     transition: ease border 0.7s;
     1197}
     1198
     1199.iframed input[type="submit"]:hover, .iframed input[type="submit"]:focus, .iframed a.control:hover, .iframed a.control:focus {
     1200     color: #19191f;
     1201     border: 1px solid #f60;
     1202     background: linear-gradient(to bottom, #eee, #fff);
     1203     transition: ease border 0.7s;
     1204}
     1205
     1206.iframed input[type="submit"]:active, .iframed a.control:active {
     1207     color: #4c526f !important;
     1208     box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 2px #555 !important;
     1209     background: linear-gradient(to bottom, #eee, #fff) !important;
     1210     background-blend-mode: luminosity;
     1211}
     1212
     1213.iframed a.control:active img {
     1214     mix-blend-mode: luminosity;
     1215}
     1216
     1217/* end iframed button sync */
    11331218
    11341219input[type=image], thead img {
     
    13681453     padding: 0 10px;
    13691454     border: 1px solid #7778bf;
    1370      color: #001;
    1371      box-shadow: inset 0 0 0 1px #efefff;
     1455     box-shadow: inset 0 0 0 1px #fff;
    13721456     background-blend-mode: luminosity;
    13731457     text-align: center;
     
    13791463     background: url(images/snark_create.png) no-repeat right center, linear-gradient(to bottom, #fafaff, #e0e0ef);
    13801464     background: url(images/snark_create.png) no-repeat scroll right center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #fafaff), repeating-linear-gradient(135deg, #fff 2px, rgba(221, 221, 255, 1) 3px, #fafaff 5px);
     1465     background: url(images/snark_create.png) no-repeat scroll right center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #f4f4ff 15%, #f4f4ff 85%, rgba(224, 224, 255, 0.5)), repeating-linear-gradient(135deg, #fff 2px, rgba(224, 224, 255, 0.5) 3px, #f4f4ff 5px);
    13811466     background-size: 80px 80px, 100% 100%;
    13821467}
     
    13861471     background: #fff url(images/snark_add.png) no-repeat right 15px center;
    13871472     background: url(images/snark_add.png) no-repeat right 15px center, linear-gradient(to bottom, #fafaff, #e0e0ef);
    1388      background: url(images/snark_add.png) no-repeat scroll right 15px center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #fafaff), repeating-linear-gradient(135deg, #fff 2px, rgba(221, 221, 255, 1) 3px, #fafaff 5px);
     1473     background: url(images/snark_add.png) no-repeat scroll right 15px center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #f4f4ff 15%, #f4f4ff 85%, rgba(224, 224, 255, 0.5)), repeating-linear-gradient(135deg, #fff 2px, rgba(224, 224, 255, 0.5) 3px, #f4f4ff 5px);
    13891474     background-size: 61px 61px, 100% 100%;
    13901475}
     
    13951480     background: #fff url(images/configuration.png) right -25px center no-repeat;
    13961481     background: url(images/configuration.png) right -25px center no-repeat, linear-gradient(to bottom, #fafaff, #e0e0ef);
    1397      background: url(images/configuration.png) no-repeat scroll right -25px center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #fafaff), repeating-linear-gradient(135deg, #fff 2px, rgba(221, 221, 255, 1) 3px, #fafaff 5px);
     1482     background: url(images/configuration.png) no-repeat scroll right -25px center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #f4f4ff 15%, #f4f4ff 85%, rgba(224, 224, 255, 0.5)), repeating-linear-gradient(135deg, #fff 2px, rgba(224, 224, 255, 0.5) 3px, #f4f4ff 5px);
    13981483     background-size: 84px 82px, 100% 100%;
    13991484}
     
    14031488     background: #fff url(images/configuration.png) no-repeat scroll right center;
    14041489     background: url(images/configuration.png) no-repeat scroll right center, linear-gradient(to bottom, #fafaff, #e0e0ef);
    1405      background: url(images/configuration.png) no-repeat scroll right center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #efefff 55px, #fafaff), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 1) 3px, #efefef 5px);
     1490     background: url(images/configuration.png) no-repeat scroll right center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #f4f4ff 5%, #f4f4ff 95%, rgba(224, 224, 255, 0.5)), repeating-linear-gradient(135deg, #fff 2px, rgba(224, 224, 255, 0.5) 3px, #f4f4ff 5px);
    14061491     background-size: 84px 82px, 100% 100%, 100% 100%;
    14071492}
     
    14091494form:last-child .configsectionpanel {
    14101495     margin-top: 10px;
     1496     background: url(images/configuration.png) no-repeat scroll right center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #f4f4ff 10%, #f4f4ff 90%, rgba(224, 224, 255, 0.5)), repeating-linear-gradient(135deg, #fff 2px, rgba(224, 224, 255, 0.5) 3px, #f4f4ff 5px);
    14111497}
    14121498
     
    14421528     min-width: 140px;
    14431529     font-weight: bold;
     1530     color: #41465f;
    14441531}
    14451532
     
    14691556     font-weight: bold;
    14701557     text-align: center;
     1558     color: #41465f;
    14711559}
    14721560
     
    24602548.snarkConfigTitle, .toggleview, .configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover {
    24612549     font-size: 12pt !important;
    2462      padding: 4px 1px 5px !important;
     2550     padding: 4px 1px 3px !important;
    24632551     min-width: 300px;
    24642552}
  • installer/resources/themes/snark/midnight/snark.css

    rcdd89df r1c6ca501  
    104104     font-size: 9pt;
    105105     font-weight: bold;
    106      margin: 0 -1px 0 0 !important;
     106     margin: 0 -1px 0 -3px !important;
    107107     padding: 5px 7px 5px 26px !important;
    108108     text-decoration: none !important;
     
    117117     box-shadow: inset 0 0 0 1px #000, 0 0 1px #000;
    118118     text-shadow: 0 0 1px #000;
     119     transition: ease all 0.1s;
    119120}
    120121
     
    170171     color: #652787;
    171172     border-color: #652787;
     173     position: relative;
     174     z-index: 999;
     175     transition: ease box-shadow 0.1s;
    172176}
    173177
     
    175179     text-decoration: none !important;
    176180     color: #fff;
    177      border: 1px solid #fff;
    178181     background: #652787 url(images/button_tracker_active.png) !important;
    179182     background-repeat: no-repeat !important;
     
    181184     box-shadow: inset 3px 3px 2px #1f002f;
    182185     text-shadow: none;
     186     transition: ease all 0.1s;
    183187}
    184188
     
    490494}
    491495
    492 .snarkTrackerDetails, .SnarkTorrentDetails {
     496.snarkTrackerDetails, .snarkTorrentDetails {
    493497     width: 16px !important;
    494      padding: 0 !important;
    495498     text-align: center !important;
    496 }
    497 
    498 .snarkTrackerDetails {
    499      text-align: right !important;
     499     font-weight: bold;
     500     padding-left: 0 !important;
     501     padding-right: 0 !important;
     502}
     503
     504.snarkTrackerDetails img, .snarkTorrentDetails img, .snarkDirInfo td:first-child img {
     505     padding: 3px !important;
     506     border: 1px solid transparent !important;
     507     margin: 0 !important;
     508}
     509
     510.snarkDirInfo td:first-child img {
     511     margin: 0 2px !important;
     512}
     513
     514.snarkTrackerDetails a:hover img, .snarkTrackerDetails img:hover, .snarkTrackerDetails a:focus img,
     515.snarkTorrentDetails a:hover img, .snarkTorrentDetails img:hover, .snarkTorrentDetails a:focus img,
     516.snarkDirInfo td:first-child a:hover img, .snarkDirInfo td:first-child a:focus img {
     517     border: 1px solid #652787 !important;
     518     border-radius: 2px;
     519     box-shadow: 0 0 1px #652787;
     520     background: #003;
     521     background: linear-gradient(to bottom, #007 50%, #001 50%);
     522     filter: none !important;
     523}
     524
     525.snarkTrackerDetails a:active img, .snarkTorrentDetails a:active img, .snarkDirInfo td:first-child a:active img {
     526     border: 1px solid #f90 !important;
     527     box-shadow: inset 2px 2px 3px 3px #000;
     528     transform: scale(0.9);
    500529}
    501530
     
    10151044     background: repeating-linear-gradient(135deg, #001 1px, #001 5px, #003 6px, #003 11px);
    10161045     border: 1px solid #171c3f;
     1046     border-radius: 2px;
    10171047     box-shadow: none;
    10181048     box-shadow: 0 0 1px 1px rgba(0,0,0,0.8);
     
    10291059     background: #33a;
    10301060     background: linear-gradient(to bottom,  #33a 0%, #226 50%, #003 50%, #000 100%);
     1061     border-radius: 2px;
    10311062     box-shadow: inset 0 0 0 1px #000;
    10321063     opacity: 0.8;
     
    11281159     letter-spacing: .15em;
    11291160     border: 1px solid #443da0;
     1161     border-radius: 0 0 2px 2px;
    11301162     background: #003;
    11311163     background: linear-gradient(to bottom, #191729, #1f1e32 50%, #000 50%);
    11321164     box-shadow: inset 0 0 0 1px #000;
    11331165     text-shadow: 0 0 1px #000;
     1166     transition: ease all 0.1s;
    11341167}
    11351168
     
    11411174     display: inline-block;
    11421175     margin-top: -1px;
     1176     transition: ease all 0.1s;
     1177}
     1178
     1179.snarkConfigTitle:hover a {
     1180     transition: ease all 0.1s;
    11431181}
    11441182
     
    11461184     background: #002 !important;
    11471185     background: linear-gradient(to bottom, #004 50%, #002 50%) !important;
     1186     transition: ease all 0.1s;
    11481187}
    11491188
     
    11511190     background: #003 !important;
    11521191     background: linear-gradient(to bottom, #004 50%, #002 50%) !important;
    1153      box-shadow: inset 3px 3px 3px #000;
     1192     box-shadow: inset 3px 3px 3px 3px #002;
     1193     transition: ease all 0.1s;
    11541194}
    11551195
     
    12161256     font-size: 10pt;
    12171257     width: 100%;
    1218 }
    1219 
    1220 .snarkConfig i {
    1221      padding-left: 5px;
    12221258}
    12231259
  • installer/resources/themes/snark/ubergine/snark.css

    rcdd89df r1c6ca501  
    108108.snarkNav:link, .snarkNav:visited {
    109109     display: inline-block;
     110     line-height: 130%;
    110111     text-decoration: none !important;
    111112     text-transform: uppercase !important;
     
    160161     border: 1px solid #730;
    161162     box-shadow: 0 0 1px 0 #000, inset 0 0 0 1px #000, inset 3px 3px 3px 1px #3f1900 !important;
     163     transition: ease box-shadow 0.1s;
    162164}
    163165
     
    466468}
    467469
     470/*
    468471.snarkTrackerDetails {
    469472     text-align: right;
     
    471474     min-width: 36px;
    472475}
     476*/
    473477
    474478.snarkTorrentName {
     
    582586}
    583587
     588.snarkTorrents thead th:nth-child(3) {
     589     max-width: 40px !important;
     590     overflow: visible;
     591     white-space: nowrap;
     592}
     593
     594.snarkTorrents thead th:nth-child(3) img {
     595     display: inline-block;
     596}
     597
    584598.snarkTorrentNoneLoaded, .snarkTorrentNoneLoaded:hover td {
    585599     background: #212 !important;
     
    626640
    627641.snarkTrackerDetails img {
     642     opacity: 0.75;
     643}
     644
     645.snarkTrackerDetails a img:hover, .snarkTrackerDetails a img:focus {
     646     opacity: 1;
     647}
     648
     649.snarkTrackerDetails, .snarkTorrentDetails {
     650     width: 16px !important;
     651     text-align: center !important;
     652     font-weight: bold;
     653     padding-left: 0 !important;
     654     padding-right: 0 !important;
     655}
     656
     657.snarkTrackerDetails img, .snarkTorrentDetails img, .snarkDirInfo td:first-child img {
     658     padding: 3px !important;
     659     margin: 0 1px !important;
    628660     width: 16px;
    629661     height: 16px;
    630      opacity: 0.75;
    631 }
    632 
    633 .snarkTrackerDetails a img:hover, .snarkTrackerDetails a img:focus {
    634      opacity: 1;
     662     border: 1px solid transparent !important;
     663     transition: ease all 0.2s;
     664}
     665
     666.snarkTrackerDetails a:hover img, .snarkTrackerDetails img:hover, .snarkTrackerDetails a:focus img,
     667.snarkTorrentDetails a:hover img, .snarkTorrentDetails img:hover, .snarkTorrentDetails a:focus img,
     668.snarkDirInfo td:first-child a:hover img, .snarkDirInfo td:first-child a:focus img {
     669     border: 1px solid #f60 !important;
     670     border-radius: 2px;
     671     box-shadow: inset 0 0 0 1px #414;
     672     background: #515;
     673     background: linear-gradient(to bottom, #717 50%, #414 50%);
     674     filter: none !important;
     675     transition: ease all 0.2s;
     676}
     677
     678.snarkTrackerDetails a:active img, .snarkTorrentDetails a:active img, .snarkDirInfo td:first-child a:active img {
     679     border: 1px solid #101 !important;
     680     box-shadow: inset 3px 3px 3px #313;
     681     mix-blend-mode: luminosity;
     682     transition: none;
    635683}
    636684
     
    948996.thumb:hover {
    949997     margin: 0;
     998     width: auto !important;
     999     height: auto !important;
    9501000     max-width: 80px;
    9511001     max-height: 80px;
     
    11401190     box-shadow: inset 0 0 1px #3f173f;
    11411191     color: #d2baff !important;
     1192     transition: ease all 0.1s;
    11421193}
    11431194
     
    11601211     margin: 0 0 -3px !important;
    11611212     min-width: 260px;
     1213     transition: ease all 0.1s;
    11621214}
    11631215
  • installer/resources/themes/snark/vanilla/nocollapse.css

    rcdd89df r1c6ca501  
    88
    99label.toggleview, label.toggleview:hover, label.toggleview:active, .toggle_input:focus + .toggleview {
    10      background: linear-gradient(to bottom, #ffeadf 0%, #ffeadf 51%, #cfb6a8 52%, #cfb6a8 100%) !important;
     10     background: linear-gradient(to bottom, #fff7ef, #cfc1b5) !important;
    1111     color: #930 !important;
    1212     cursor: default !important;
  • installer/resources/themes/snark/vanilla/snark.css

    <
    rcdd89df r1c6ca501  
    140140     box-shadow: inset 0 0 0 1px #fff5ef, 0 0 0 1px rgba(111, 96, 90, 0.3), 0 0 1px 1px rgba(79, 61, 54, 0.5);
    141141     background: #efefef;
    142      background: linear-gradient(to bottom, #efefef 50%, #cfc7c2 52%, #cfc7c2 100%);
     142     background: linear-gradient(to bottom, #efefef 50%, #cfc7c2 53%);
    143143     min-width: 900px;
    144144     width: 70%;
     
    160160
    161161.snarkNav:link, .snarkNav:visited {
    162      text-decoration: none !important;
    163      text-transform: uppercase !important;
     162     display: inline-block;
     163     position: relative;
     164     z-index: 30;
     165     margin: -3px -4px -4px 0 !important;
    164166     padding: 4px 10px 4px 28px !important;
    165      margin: -3px -4px -4px 0 !important;
    166      letter-spacing: 0.08em;
     167     line-height: 130%;
    167168     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
    168169     font-weight: bold;
    169170     font-size: 10pt;
    170171     color: #3f271b;
     172     text-shadow: 0 0 1px #fff5ef;
     173     text-decoration: none !important;
     174     text-transform: uppercase !important;
     175     letter-spacing: 0.08em;
     176     border: 1px solid #2f1b0c;
     177     border-radius: 0;
     178     box-shadow: inset 0 0 0 1px #efe6e0, inset 0 0 0 rgba(0,0,0,0), 0 0 0 1px rgba(77, 69, 62, 0.1);
    171179     background-size: 17px auto, 100% 100%, 100% 100% !important;
    172180     background-position: 12px center, center center, center center !important;
    173181     background-repeat: no-repeat !important;
    174      border-radius: 0;
    175      border: 1px solid #efe6e0;
    176      text-shadow: 0 0 1px #fff5ef;
    177      box-shadow: inset 0 0 0 1px #efe6e0, 0 0 0 1px rgba(77, 69, 62, 0.1);
    178      border: 1px solid #2f1b0c;
    179      display: inline-block;
    180      position: relative;
    181      z-index: 30;
     182     transition: ease all 0.1s;
    182183}
    183184
     
    191192     text-shadow: none !important;
    192193     color: #930 !important;
    193      box-shadow: inset 0 0 0 1px #fff5ef, 0 0 0 1px rgba(77, 69, 62, 0.1);
     194     box-shadow: inset 0 0 0 1px #fff5ef, inset 0 0 0 rgba(0,0,0,0), 0 0 0 1px rgba(77, 69, 62, 0.1);
    194195     filter: drop-shadow(0 0 1px rgba(200,60,0,0.2));
    195196     z-index: 10;
     197     transition: ease all 0.1s;
    196198}
    197199
     
    221223.nav_main:hover, .nav_main:focus {
    222224     background: #ffeadf url(images/button_snark_hover.png) 11px center no-repeat !important;
    223      background: url(images/button_snark_hover.png) 11px center no-repeat, linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%, #cfb6a8 100%) !important;
     225     background: url(images/button_snark_hover.png) 11px center no-repeat, linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%) !important;
    224226     background-size: 18px auto, 100% 100%, 100% 100% !important;
    225227}
     
    227229.nav_forum:hover, .nav_forum:focus {
    228230     background: #ffeadf url(images/button_forum_hover.png);
    229      background: url(images/button_forum_hover.png), linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%, #cfb6a8 100%);
     231     background: url(images/button_forum_hover.png), linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%);
    230232}
    231233
    232234.nav_tracker:hover, .nav_tracker:focus {
    233235     background: #ffeadf url(images/button_tracker_hover.png);
    234      background: url(images/button_tracker_hover.png), linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%, #cfb6a8 100%);
     236     background: url(images/button_tracker_hover.png), linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%);
    235237}
    236238
    237239.nav_main:active {
    238240     background: #dfb899 url(images/button_snark_active.png) 11px center no-repeat !important;
    239      background: url(images/button_snark_active.png) 11px center no-repeat, linear-gradient(to bottom, #dfb899 47%, #af9178 50%, #af9178 100%) !important;
     241     background: url(images/button_snark_active.png) 11px center no-repeat, linear-gradient(to bottom, #dfb899 47%, #af9178 50%) !important;
    240242     background-size: 18px auto, 100% 100%, 100% 100% !important;
    241243}
     
    243245.nav_forum:active {
    244246     background: #dfb899 url(images/button_forum_active.png);
    245      background: url(images/button_forum_active.png), linear-gradient(to bottom, #dfb899 47%, #af9178 50%, #af9178 100%);
     247     background: url(images/button_forum_active.png), linear-gradient(to bottom, #dfb899 47%, #af9178 50%);
    246248}
    247249
    248250.nav_tracker:active {
    249251     background: #dfb899 url(images/button_tracker_active.png);
    250      background: url(images/button_tracker_active.png), linear-gradient(to bottom, #dfb899 47%, #af9178 50%, #af9178 100%);
     252     background: url(images/button_tracker_active.png), linear-gradient(to bottom, #dfb899 47%, #af9178 50%);
    251253}
    252254
     
    271273.snarkNav:active, .snarkNav:visited:active {
    272274     color: #eee !important;
     275     transition: ease box-shadow 0.1s;
    273276}
    274277
     
    290293     width: auto;
    291294     background: #3f3833 url(images/hat.png) no-repeat scroll right center;
    292      background: url(images/whippy.png) no-repeat scroll right 5px bottom -7px, linear-gradient(to bottom, #5f554d 0%, #3f3833 100%);
     295     background: url(images/whippy.png) no-repeat scroll right 5px bottom -7px, linear-gradient(to bottom, #5f554d, #3f3833);
    293296     background-size: auto 105%, 100% 100%;
    294297}
     
    594597
    595598.snarkTrackerDetails, .snarkTorrentDetails {
    596      padding: 2px 0 !important;
    597599     width: 16px !important;
    598 }
    599 
    600 .snarkTrackerDetails {
    601      padding: 0 3px !important;
     600     text-align: center !important;
     601     font-weight: bold;
     602     padding-left: 0 !important;
     603     padding-right: 0 !important;
     604}
     605
     606.snarkTrackerDetails img, .snarkTorrentDetails img, .snarkDirInfo td:first-child img {
     607     padding: 3px !important;
     608     border: 1px solid transparent !important;
     609     margin: 0 !important;
     610}
     611
     612.snarkDirInfo td:first-child img {
     613     margin: 0 2px !important;
     614}
     615
     616.snarkTrackerDetails a:hover img, .snarkTrackerDetails img:hover, .snarkTrackerDetails a:focus img,
     617.snarkTorrentDetails a:hover img, .snarkTorrentDetails img:hover, .snarkTorrentDetails a:focus img,
     618.snarkDirInfo td:first-child a:hover img, .snarkDirInfo td:first-child a:focus img {
     619     border: 1px solid #f60 !important;
     620     border-radius: 2px;
     621     box-shadow: 0 0 1px #f60;
     622     background: #ffeadf;
     623     background: linear-gradient(to bottom, #ffeadf 50%, #cfb6a8 50%);
     624     filter: none !important;
     625}
     626
     627.snarkTrackerDetails a:active img, .snarkTorrentDetails a:active img, .snarkDirInfo td:first-child a:active img {
     628     box-shadow: inset 2px 2px 3px 1px #59513b;
    602629}
    603630
     
    651678     border-radius: 2px;
    652679     padding: 3px !important;
    653      background: linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
     680     background: linear-gradient(to bottom, #fff7ef 51%, #cfc1b5 52%, #cfc1b5);
    654681     box-shadow: inset 0 0 0 1px #efe6e0;
    655682     vertical-align: middle;
     
    661688.snarkTorrentAction input[type="image"]:hover, .snarkTorrents th:last-child input[type="image"]:hover,
    662689.snarkTorrentAction input[type="image"]:focus, .snarkTorrents th:last-child input[type="image"]:focus  {
    663      background: linear-gradient(to bottom, #ffeadf 0%, #ffeadf 51%, #cfb6a8 52%, #cfb6a8 100%);
     690     background: linear-gradient(to bottom, #ffeadf 51%, #cfb6a8 52%);
    664691     border: 1px solid #930 !important;
    665692     box-shadow: inset 0 0 0 1px #fff;
     
    9941021
    9951022.percentBarOuter {
    996      background: #fff7ef;
    997      background: repeating-linear-gradient(135deg, #fff7ef 1px, #fff7ef 5px, #efdfd1 6px, #efdfd1 11px);
     1023     display: inline-block;
     1024     margin: 0;
    9981025     border: 1px solid #998;
    9991026     border-bottom: 1px solid #776;
    10001027     border-right: 1px solid #776;
     1028     border-radius: 2px;
    10011029     box-shadow: none;
    10021030     opacity: 1;
    1003      margin: 0;
    1004      display: inline-block;
     1031     background: #fff7ef;
     1032     background: repeating-linear-gradient(135deg, #fff7ef 1px, #fff7ef 5px, #efdfd1 6px, #efdfd1 11px);
    10051033}
    10061034
     
    10231051
    10241052.percentBarInner {
     1053     height: 100%;
     1054     height: 16px;
     1055     vertical-align: middle;
    10251056     border: none;
    1026      height: 100%;
     1057     border-radius: 2px;
     1058     box-shadow: inset 0 0 0 1px #efe6e0;
    10271059     background: #cfc1b5;
    1028      background: linear-gradient(to bottom, rgba(255, 247, 239, 0.8) 0%, rgba(255, 247, 239, 0.8) 50%, rgba(207, 193, 181, 0.9) 50%, rgba(207, 193, 181, 1) 100%);
    1029      box-shadow: inset 0 0 0 1px #efe6e0;
    1030      vertical-align: middle;
    1031      height: 16px;
     1060     background: linear-gradient(to bottom, rgba(255, 247, 239, 0.8) 50%, rgba(207, 193, 181, 0.9) 50%, rgba(207, 193, 181, 1));
    10321061}
    10331062
    10341063.snarkTorrentDownloaded .percentBarInner {
    1035      background: linear-gradient(to bottom, rgba(255, 247, 239, 0.75) 0%, rgba(255, 247, 239, 0.75) 50%, rgba(207, 193, 181, 0.8) 50%, rgba(207, 193, 181, 0.9) 100%), linear-gradient(to right, rgba(255, 100, 0, 0.5) 37px, rgba(255, 255, 0, 0.5) 74px, rgba(0, 255, 0, 0.5));
     1064     background: linear-gradient(to bottom, rgba(255, 247, 239, 0.75) 50%, rgba(207, 193, 181, 0.8) 50%, rgba(207, 193, 181, 0.9)), linear-gradient(to right, rgba(255, 100, 0, 0.5) 37px, rgba(255, 255, 0, 0.5) 74px, rgba(0, 255, 0, 0.5));
    10361065}
    10371066
    10381067.snarkDirInfo .percentBarInner {
    1039      background: linear-gradient(to bottom, rgba(255, 247, 239, 0.75) 0%, rgba(255, 247, 239, 0.75) 50%, rgba(207, 193, 181, 0.8) 50%, rgba(207, 193, 181, 0.9) 100%), linear-gradient(to right, rgba(255, 100, 0, 0.5) 30px, rgba(255, 255, 0, 0.5) 60px, rgba(0, 255, 0, 0.5));
     1068     background: linear-gradient(to bottom, rgba(255, 247, 239, 0.75) 50%, rgba(207, 193, 181, 0.8) 50%, rgba(207, 193, 181, 0.9)), linear-gradient(to right, rgba(255, 100, 0, 0.5) 30px, rgba(255, 255, 0, 0.5) 60px, rgba(0, 255, 0, 0.5));
    10401069}
    10411070
    10421071.peerinfo .percentBarInner {
    1043      background: linear-gradient(to bottom, rgba(255, 247, 239, 0.75) 0%, rgba(255, 247, 239, 0.75) 50%, rgba(207, 193, 181, 0.8) 50%, rgba(207, 193, 181, 0.9) 100%) !important;
     1072     background: linear-gradient(to bottom, rgba(255, 247, 239, 0.75) 50%, rgba(207, 193, 181, 0.8) 50%, rgba(207, 193, 181, 0.9)) !important;
    10441073}
    10451074
     
    12081237     border-top: 0;
    12091238     background: #fff7ef;
    1210      background: linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, rgba(207, 193, 181, 0.6) 52%), repeating-linear-gradient(135deg, #75604e 1px, #a09286 1px, #bfafa2 2px);
     1239     background: linear-gradient(to bottom, #fff7ef 50%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(135deg, #75604e 1px, #a09286 1px, #bfafa2 2px);
    12111240     color: #444039 !important;
    12121241     box-shadow: 0 0 2px #4d453e, inset 0 0 0 1px #efe6e0;
     
    12191248.snarkConfigTitle:hover, .toggleview:hover, input.toggle_input:focus + .toggleview {
    12201249     background: #ffeadf;
    1221      background: linear-gradient(to bottom, #ffeadf 0%, #ffeadf 51%, #cfb6a8 52%, #cfb6a8 100%);
     1250     background: linear-gradient(to bottom, #ffeadf 50%, #cfb6a8 50%);
    12221251     color: #930 !important;
     1252     transition: ease all 0.1s;
    12231253}
    12241254
     
    12331263.snarkConfigTitle:active, .toggleview:active {
    12341264     box-shadow:  0 0 2px #4d453e, inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #59513b;
    1235 }
    1236 
    1237 .snarkConfigTitle a:hover, .snarkConfigTitle a:visited:hover {
    1238      color: #930 !important;
    1239 }