Changeset 2bc5630 for installer


Ignore:
Timestamp:
Jan 7, 2017 6:51:58 PM (4 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
14bacc2
Parents:
ecb9726
Message:

Final CSS updates

  • Responsive layout tested on HiDef?+ setup, tweaked where necessary
  • Extended glyphs that don't appear to be universally available replaced
  • /graphs styling
  • Various smaller improvements
Location:
installer/resources/themes
Files:
1 added
34 edited

Legend:

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

    recb9726 r2bc5630  
    1010     color: #0c153d;
    1111     font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Helvetica, sans-serif;
     12}
     13
     14/* preload button mouseovers */
     15body {
     16     background: url(images/bg.png) fixed,
     17     url(/themes/console/images/buttons/clean_hover.png) no-repeat,
     18     url(/themes/console/images/buttons/configure_hover.png) no-repeat,
     19     url(/themes/console/images/buttons/delete_hover.png) no-repeat,
     20     url(/themes/console/images/buttons/restart_hover.png) no-repeat,
     21     url(/themes/console/images/buttons/restore_hover.png) no-repeat,
     22     url(/themes/console/images/buttons/search_hover.png) no-repeat,
     23     url(/themes/console/images/buttons/shutdown_hover.png) no-repeat,
     24     url(/themes/console/images/buttons/update_hover.png) no-repeat, #bbf;
     25     background-size: 150px 150px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    1226}
    1327
     
    184198     background: url(/themes/console/images/info/errortriangle.png) 10px center no-repeat, linear-gradient(to bottom, #fff 0%, #ffe 100%);
    185199     margin: -1px 1px 0 200px;
     200     min-width: 460px;
    186201     border: 1px solid #89f;
    187202     box-shadow: inset 0 0 0 1px #ff9;
     
    253268
    254269.routersummary b {
    255      white-space: nowrap;
    256270     text-transform: capitalize;
    257271}
     
    640654     filter: saturate(100%) drop-shadow(0 0 1px #ccc);
    641655     -webkit-filter: saturate(100%) drop-shadow(0 0 1px #ccc);
     656     color: #555;
    642657}
    643658
     
    722737input.accept[value^="Show"]:focus, button.accept[value^="Show"]:focus,
    723738input.check[value^="View"]:focus, button.check[value^="View"]:focus {
    724      background: url(/themes/console/images/buttons/show.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     739     background: url(/themes/console/images/buttons/show.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    725740}
    726741
     
    12811296.tab2::before {
    12821297     content: '\1F892\00A0';
     1298     content: '\25B8\00A0';
    12831299     font-size: 10pt;
    12841300     line-height: 110%;
     
    12871303.tab2::after {
    12881304     content: '\00A0\1F890';
     1305     content: '\00A0\25C2';
    12891306     font-size: 10pt;
    12901307     line-height: 110%;
     
    18321849
    18331850h3.ptitle, h3.tabletitle, th.th_title {
    1834      font-size: 10pt;
     1851     font-size: 11pt;
    18351852}
    18361853
     
    19211938h3#pluginmanage {
    19221939     margin-bottom: -18px !important;
     1940}
     1941
     1942.configure > h3#pluginmanage {
     1943     margin-top: 15px;
    19231944}
    19241945
     
    20972118     background: url(images/tinytitle.png) center center repeat-x;
    20982119     background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%);
     2120}
     2121
     2122h4.app {
     2123     margin-top: -5px;
    20992124}
    21002125
     
    27962821}
    27972822
     2823/*
    27982824.main[id^="config_"] tr:nth-child(even) {
    27992825     background: #f7f8ff;
    28002826}
     2827*/
    28012828
    28022829#netconfig tr, #externali2cp tr {
     
    28982925h3#graphinfo {
    28992926     margin: 5px 10px 15px;
     2927     text-transform: capitalize;
    29002928}
    29012929
     
    29122940     margin: -3px -10px -5px;
    29132941}
     2942
     2943/* new graphs optionbox */
     2944
     2945#graphs form {
     2946     padding: 0 !important;
     2947}
     2948
     2949#graphs form hr {
     2950     margin: 0 -1px 8px !important;
     2951}
     2952
     2953#graphs form table {
     2954     border: none;
     2955     margin: 0;
     2956}
     2957
     2958.formaction#graphing {
     2959     margin: -8px 0 0 !important;
     2960     padding: 5px;
     2961     border-left: none;
     2962     border-right: none;
     2963}
     2964
     2965#graphs tr:first-child td {
     2966     border-top: none;
     2967}
     2968
     2969#graphs td:first-child {
     2970     text-align: right;
     2971     width: 85px;
     2972     white-space: nowrap;
     2973     padding: 13px 3px 13px 5px;
     2974}
     2975
     2976#graphs td:nth-child(2) {
     2977     width: 260px;
     2978     white-space: nowrap;
     2979}
     2980
     2981#graphs td.infohelp {
     2982     border: none;
     2983     border-right: none;
     2984     background-size: 20px 20px !important;
     2985     padding: 5px 5px 5px 40px !important;
     2986     background-color: #eff1ff !important;
     2987     text-align: left;
     2988}
     2989
     2990#graphs form input, #graphs form select {
     2991     margin: 3px 5px 3px 0;
     2992     vertical-align: middle;
     2993}
     2994
     2995#graphs input[type="text"] {
     2996     min-width: 60px;
     2997}
     2998
     2999/* end new graphs optionbox */
    29143000
    29153001div.footnote {
     
    30343120}
    30353121
     3122.themechoice .optbox:focus + object ~ div.themelabel {
     3123     color: #f60 !important;
     3124}
     3125
     3126.themechoice .optbox:active + object ~ div.themelabel {
     3127     color: #fff !important;
     3128}
     3129
    30363130.themechoice:active .optbox:checked + object ~ .themelabel {
    30373131     background: #ddf !important;
     
    31663260     box-shadow: none !important;
    31673261}
     3262
     3263.langselect input[name="lang"]:focus + img + .ui_lang {
     3264     color: #f60 !important;
     3265}
     3266
     3267.langselect input[name="lang"]:active + img + .ui_lang {
     3268     color: #fff !important;
     3269}
    31683270
    31693271div.flagradio {
     
    35563658#sybilnav ul li::before {
    35573659     content: '\00A0\1F441\00A0';
     3660     content: url(images/eye.png);
     3661     padding: 0 5px;
    35583662     font-size: 16pt;
    35593663     line-height: 50%;
    3560      vertical-align: sub;
     3664     vertical-align: middle;
    35613665}
    35623666
     
    36523756ul.statlist li::before {
    36533757     content: "\1F6C8\00A0";
     3758     content: "\2B26\00A0";
     3759     margin-left: 5px;
    36543760     font-size: 14pt;
    36553761     line-height: 60%;
     
    37173823}
    37183824
     3825/*
    37193826.statlist a[href*="graph"]::before {
    37203827     content: "\1F5E0";
     
    37243831     padding-bottom: 2px;
    37253832}
     3833*/
    37263834
    37273835.statlist li a[href*="graph"]:first-of-type {
     
    41244232/* end informational images */
    41254233
    4126 
    4127 
    41284234/* login inputs */
    41294235
     
    41454251body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, div.joblog li, .themelabel, .ui_lang, .applabel a, .statusnotes,
    41464252#peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea, code, tt, pre,
    4147 .netdbentry th, .configtable th {
     4253.netdbentry th, .configtable th, ul.statlist a[name], ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover, div.messages {
    41484254     font-size: 10pt !important;
    41494255}
     
    41824288}
    41834289
     4290.routersummary button[value="cancelShutdown"] {
     4291     padding-left: 20px !important;
     4292}
     4293
    41844294div.app {
    41854295     width: 154px;
     
    42154325}
    42164326
     4327h3#webappconfig {
     4328     margin-bottom: -33px;
     4329}
    42174330
    42184331#shutdown.formaction, #restart.formaction, #systray.formaction, #runonstart.formaction, #dumpthreads.formaction, #browserstart.formaction,  #updateplugins.formaction {
     
    42394352     padding-bottom: 5px !important;
    42404353}
    4241 }
     4354
     4355.sorry {
     4356     margin-left: 232px !important;
     4357}
     4358
     4359div.joblog h3 {
     4360     margin-top: 8px;
     4361}
     4362}
  • installer/resources/themes/console/dark/console.css

    recb9726 r2bc5630  
    592592     box-shadow: inset 0 0 0 1px #d00;
    593593     word-wrap: break-word;
    594 /*     font-weight: bold;*/
     594     min-width: 555px;
    595595     color: #EE9;
    596596     font-size: 10pt;
     
    779779.tab2::before {
    780780     content: '\1F892\00A0';
    781      font-size: 12pt;
     781     content: '\25B8\00A0';
     782     font-size: 11pt;
    782783     line-height: 50%;
    783784     vertical-align: baseline;
     
    786787.tab2::after {
    787788     content: '\00A0\1F890';
    788      font-size: 12pt;
     789     content: '\00A0\25C2';
     790     font-size: 11pt;
    789791     line-height: 50%;
    790792     vertical-align: baseline;
     
    831833}
    832834
     835#graphs .messages {
     836     margin-top: 15px;
     837}
     838
    833839div.graphspanel {
    834840     padding: 0;
    835841     margin: 15px 0 -15px 0;
    836      background: none;/* url(images/camotile.png);*/
     842     background: none;
    837843     text-align: center;
    838844     overflow: hidden;
     
    901907     display: none;
    902908}
     909
     910form[action="graphs"] {
     911     border: 1px solid #494;
     912     padding: 10px 10px 0 !important;
     913     background: #000;
     914     margin-top: -11px;
     915     margin-bottom: 10px;
     916}
     917
     918.formaction#graphing {
     919     margin: -4px -5px 5px !important;
     920     border-left: none;
     921     border-right: none;
     922}
     923
     924/*
     925.main#graphs hr {
     926     margin: 10px -10px 8px !important;
     927}
     928*/
     929
     930h3#graphinfo {
     931     text-transform: capitalize;
     932     letter-spacing: normal;
     933     word-spacing: normal;
     934}
     935
     936h3#graphdisplay a {
     937     text-transform: capitalize;
     938     letter-spacing: normal;
     939     float: right;
     940     font-size: 9pt;
     941}
     942
     943/* new graphs optionbox */
     944
     945#graphs form {
     946     padding: 0 !important;
     947}
     948
     949#graphs form hr {
     950     margin: 0 -1px 8px !important;
     951}
     952
     953#graphs form table {
     954     border: none;
     955     margin: 0;
     956}
     957
     958.formaction#graphing {
     959     margin: -4px 3px 5px !important;
     960     padding-top: 1px;
     961}
     962
     963#graphs tr:first-child td {
     964     border-top: none;
     965}
     966
     967#graphs td:first-child {
     968     text-align: right;
     969     width: 85px;
     970     white-space: nowrap;
     971     padding: 13px 3px 13px 5px;
     972}
     973
     974#graphs td:nth-child(2) {
     975     width: 260px;
     976     white-space: nowrap;
     977}
     978
     979#graphs td.infohelp {
     980     border: 1px solid #131;
     981     border-right: none;
     982     background-size: 20px 20px !important;
     983     padding: 5px 5px 5px 40px !important;
     984     background-color: #000800 !important;
     985     text-align: left;
     986}
     987
     988#graphs form input, #graphs form select {
     989     margin: 3px 5px 3px 0;
     990}
     991
     992#graphs input[type="text"] {
     993     min-width: 60px;
     994}
     995
     996/* end new graphs optionbox */
    903997
    904998table {
     
    14161510     box-shadow: inset 0 0 20px 20px #000;
    14171511     color: #fff !important;
     1512     background: #000 !important;
    14181513}
    14191514
    14201515select option:hover, select option:checked {
    14211516     box-shadow: inset 0 0 20px 20px #f60;
    1422 }
    1423 
    1424 select option:not(hover) {
    1425      color: #f00;
    1426      background: none;
     1517     background: #000 !important;
    14271518}
    14281519
     
    14361527}
    14371528
     1529@media screen and (-webkit-min-device-pixel-ratio:0) {
     1530select {
     1531     padding: 3px 4px !important;
     1532}
     1533
     1534select option {
     1535     background: #000 !important;
     1536     color: #f60 !important;
     1537}
     1538}
     1539
    14381540@-moz-document url-prefix() { /* target firefox and derivatives only */
    1439 
    14401541select {
    14411542     -moz-appearance: none;
     
    17701871ul.statlist li::before {
    17711872     content: "\1F6C8\00A0";
     1873     content: "\2B26\00A0";
    17721874     font-size: 14pt;
    17731875     line-height: 50%;
     
    18121914}
    18131915
     1916/*
    18141917.statlist a[href*="graph"]::before {
    18151918     content: "\1F4CA\00A0";
     
    18181921     font-weight: normal;     
    18191922}
     1923*/
    18201924
    18211925.main#stats form {
     
    18351939}
    18361940
    1837 ul.statlist:last-of-type {
    1838      margin-bottom: -5px !important;
    1839 }
    1840 
    18411941li.noevents {
    18421942     padding: 0 0 20px !important;
     
    18491949
    18501950/* end stats */
    1851 
    1852 
    18531951
    18541952/* /eventlogs */
     
    21292227     background: #f60 !important;
    21302228     color: #ee9 !important;
    2131      box-shadow: inset 0 0 0 1px #000;
     2229     box-shadow: inset 0 0 0 1px #000 !important;
    21322230}
    21332231
     
    21412239     font-weight: bold;
    21422240     box-shadow: none !important
     2241}
     2242
     2243.themechoice .optbox:focus + object ~ .themelabel {
     2244     color: #f60 !important;
     2245     box-shadow: inset 0 0 10px 3px #000 !important;
     2246}
     2247
     2248.themechoice .optbox:active + object ~ .themelabel {
     2249     color: #ee9 !important;
     2250     box-shadow: inset 0 0 0 1px #000 !important;
    21432251}
    21442252
     
    21522260     position: absolute;
    21532261}
    2154 
    2155 /*
    2156 .themechoice .optbox + img {
    2157      padding: 3px 0 !important;
    2158 }
    2159 */
    21602262
    21612263.themechoice object {
     
    22262328}
    22272329
    2228 /*
    2229 #themeselect hr {
    2230      display: inline !important;
    2231 }
    2232 */
    2233 
    22342330.langselect { /* containing box for lang selection */
    22352331     background: #000;
     
    22902386     border-top: 1px solid #f60;
    22912387     background: #000;
     2388}
     2389
     2390.langselect input:focus + img + div.ui_lang {
     2391     color: #f60 !important;
     2392     box-shadow: inset 0 0 10px 3px #000 !important;
     2393}
     2394
     2395.langselect input:active + img + div.ui_lang {
     2396     color: #ee9 !important;
     2397     box-shadow: inset 0 0 0 1px #000 !important;
    22922398}
    22932399
     
    27642870     padding-right: 6px;
    27652871     background: #000 !important;
    2766 }
    2767 
    2768 form[action="graphs"] {
    2769      border: 1px solid #494;
    2770      padding: 10px 10px 0 !important;
    2771      background: #000;
    2772      margin-top: -11px;
    2773      margin-bottom: 10px;
    2774 }
    2775 
    2776 .formaction#graphing {
    2777      margin: -4px -5px 5px !important;
    2778      border-left: none;
    2779      border-right: none;
    2780 }
    2781 
    2782 .main#graphs hr {
    2783      margin: 10px -10px 8px !important;
    2784 }
    2785 
    2786 h3#graphdisplay a {
    2787      text-transform: capitalize;
    2788      letter-spacing: normal;
    2789      float: right;
    2790      font-size: 9pt;
    27912872}
    27922873
     
    38023883     font-size: 8pt;
    38033884     margin: 2px 0 0;
    3804      padding: 5px 2px;
     3885     padding: 4px 2px 6px;
    38053886     text-align: center;
    38063887     vertical-align: bottom;
     
    42774358
    42784359#sybilnav ul li::before {
    4279      content: '\1F441\00A0';
     4360/*     content: '\1F441\00A0'; */
     4361     content: url(/themes/console/images/buttons/show.png);
     4362     mix-blend-mode: luminosity;
     4363     margin-right: 5px;
    42804364     font-size: 16pt;
    42814365     line-height: 50%;
    4282      vertical-align: sub;
     4366     vertical-align: middle;
    42834367     padding-left: 5px;
    42844368}
     
    43374421     background: url(images/eye.png) 8px center no-repeat;
    43384422     background: url(images/eye.png) 8px center no-repeat, linear-gradient(to right, #000 0%, #001000 80%, #002000 100%);
     4423     background-blend-mode: luminosity;
    43394424     box-shadow: inset 0 0 0 1px #300;
    43404425}
     
    46944779}
    46954780
     4781/*
    46964782#configstats .tablefooter b:not(old) {
    46974783     font-size: 0;
     
    47044790     -webkit-filter: sepia(100%) hue-rotate(70deg) !important;     
    47054791}
     4792*/
    47064793
    47074794#configstats .tablefooter:last-child td {
     
    49165003
    49175004@media screen and (min-width: 1500px) {
    4918 body, .main, .main td, .news p, #news p, textarea, .main textarea, code, tt, pre {
     5005body, .main, .main td, .news p, #news p, textarea, .main textarea, code, tt, pre,
     5006ul.statlist a[name], ul.statlist b, ul.statlist li b, ul.statlist a[name]:hover {
    49195007     font-size: 10pt !important;
    49205008}
     
    49415029
    49425030.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a,
    4943 #floodfill th, code, tt, .applabel a, #jardump td {
     5031#floodfill th, .applabel a, #jardump td {
    49445032     font-size: 9pt !important;
    49455033}
     
    49535041}
    49545042
    4955 th {
     5043th, #configinfo th, code, tt {
    49565044     font-size: 10pt;
    49575045}
     
    49775065     margin-top: -15px !important;
    49785066}
    4979 }
     5067
     5068.sorry {
     5069     margin-left: 232px !important;
     5070}
     5071
     5072div.joblog h3 {
     5073     margin-top: 7px !important;
     5074     padding-top: 7px !important;
     5075}
     5076
     5077 p#gatherstats {
     5078      margin-bottom: 12px !important;
     5079}
     5080
     5081
     5082#certs.main p + p:empty + h4 {
     5083     margin-top: -15px !important;
     5084}
     5085}
  • installer/resources/themes/console/dark/console_ar.css

    recb9726 r2bc5630  
    3838h1,h2,h3,h4 {
    3939     direction: rtl;
     40     text-align: right;
     41}
     42
     43h4.app, h4.app2 {
    4044     text-align: right;
    4145}
     
    227231}
    228232
     233table#enviro td {
     234     padding: 5px 10px 5px 5px !important;
     235}
     236
    229237table#enviro td:first-child {
    230238     text-align: left;
     
    293301     text-align: right;
    294302}
     303
     304#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"], #consolepass input[name="nofilter_pw"]:focus, #externali2cp input[name="nofilter_pw"]:focus,
     305#consolepass input[name="name"], #externali2cp input[name="user"], #consolepass input[name="name"]:focus, #externali2cp input[name="user"]:focus {
     306     background-position: right 3px center, center center !important;
     307     padding: 4px 20px 4px 4px !important;
     308     margin: 5px 3px 5px 15px !important;
     309}
     310
     311#consolepass tr:first-child td, p#clientconf.infohelp, p#webappconfigtext.infohelp, #floodfillconfig .infohelp,
     312#bandwidthconfig tr:first-child .infohelp, h3#shutdownrouter + p.infohelp, h3#restartrouter + p.infohelp, h3#systray + p.infohelp,
     313h3#servicedebug + p.infohelp, h3#browseronstart + p.infohelp, table#addkeyring td:first-child, #config_peers tr:nth-child(3) td.infohelp,
     314#config_reseed.main p.infohelp, #plugininstall tr:nth-child(3) td:nth-last-child(2), #manualreseed tr:nth-child(3) td:nth-last-child(2),
     315#manualreseed tr:nth-child(5) td:nth-last-child(2), #plugininstall tr:nth-child(5) td:nth-last-child(2), #manualreseed tr:nth-last-child(2) td.infohelp,
     316p#enablefullstats, p#gatherstats, #oldhome td:first-child, p#pluginconfigtext, #plugininstall .infohelp, #config_family .infohelp,
     317#joinfamily tr:nth-child(3) td:first-child, #newfamily tr:last-child td:first-child, #config_summarybar .configtable td:not(.optionsave),
     318table#bugreports td.infohelp {
     319     background-position: right 12px center !important;
     320     padding: 15px 50px 15px 15px !important;
     321}
     322
     323div[lang="ar"] ul li {
     324     list-style-image: url("images/link.png") !important;
     325     list-style-position: inside;
     326     margin-left: 0 !important;
     327     padding-left: 0 !important;
     328     margin-top: 15px !important;]
     329}
     330
     331div[lang="ar"] ul, div[lang="ar"] p {
     332     margin: 10px;
     333}
     334
     335@media screen and (min-width: 1500px) {
     336.main, .news, h1 {
     337     margin-right: 232px !important;
     338     margin-left: 0 !important;
     339}
     340
     341div.routersummaryouter {
     342     margin-right: 27px !important;
     343}
     344
     345.routersummary h4 {
     346     font-size: 11pt !important;
     347}
     348
     349.routersummary td, .routersummary a {
     350     font-size: 10pt !important;
     351}
     352
     353div[lang="ar"], div[lang="ar"] code, div[lang="ar"] b {
     354     font-size: 11pt !important;
     355}
     356}
  • installer/resources/themes/console/dark/i2ptunnel.css

    recb9726 r2bc5630  
    145145
    146146.iframed #globalTunnelControl {
    147      margin: 6px 0 -26px !important;
     147     margin: 6px auto -26px !important;
    148148}
    149149
     
    171171h3 {
    172172     border-radius: 0;
    173      margin-top: -1px;
     173     margin-top: 15px;
    174174}
    175175
  • installer/resources/themes/console/light/console.css

    recb9726 r2bc5630  
    1414     background: #a4a4cb url(images/tile2.png) fixed;
    1515     background-size: 32px 32px;
     16}
     17
     18/* preload button mouseovers */
     19body {
     20     background: url(images/tile2.png) fixed,
     21     url(/themes/console/images/buttons/clean_hover.png) no-repeat,
     22     url(/themes/console/images/buttons/configure_hover.png) no-repeat,
     23     url(/themes/console/images/buttons/delete_hover.png) no-repeat,
     24     url(/themes/console/images/buttons/restart_hover.png) no-repeat,
     25     url(/themes/console/images/buttons/restore_hover.png) no-repeat,
     26     url(/themes/console/images/buttons/search_hover.png) no-repeat,
     27     url(/themes/console/images/buttons/shutdown_hover.png) no-repeat,
     28     url(/themes/console/images/buttons/update_hover.png) no-repeat, #a4a4cb;
     29     background-size: 32px 32px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    1630}
    1731
     
    282296}
    283297
     298/*
    284299div.routersummary td:first-child {
    285300     max-width: 90px;
    286301     overflow: hidden;
    287302}
     303*/
    288304
    289305div.routersummary a:hover {
     
    465481
    466482div.sorry {
    467      margin: 5px 0 10px 207px;
    468      padding: 20px 20px 20px 75px;
    469      background: #ffe;
     483     margin: -11px 0 10px 207px;
     484     padding: 20px 25px 20px 80px;
    470485     border: 1px solid #447;
    471      border-radius: 2px;
     486     border-radius: 0 0 2px 2px;
    472487     text-align: justify;
    473      background-image: url(/themes/console/images/info/errortriangle.png);
    474      background-position: 15px center;
    475      background-repeat: no-repeat;
    476      box-shadow: inset 0 0 0 1px #d00;
     488     background: #ffe url(/themes/console/images/info/errortriangle.png) 20px center no-repeat;
     489     box-shadow: inset 0 0 1px #f00;
    477490     word-wrap: break-word;
    478491     font-weight: bold;
     
    486499     height: 1px;
    487500     border: 1px solid #531;
    488      margin: 10px 0 15px 0;
     501     margin: 10px 0 !important;
    489502}
    490503
     
    835848}
    836849
     850div.graphspanel h3 {
     851     text-transform: capitalize;
     852     letter-spacing: normal;
     853     word-spacing: normal;
     854}
     855
    837856h3#advancedconfig a, h3#bwlimiter a, h3.tabletitle a, h3.ptitle a, th a.script, th#upnpconfig a, h3#graphinfo a, h3#graphdisplay a, .h3navlinks {
    838857     float: right;
     
    10281047}
    10291048
    1030 
    10311049#sidebarconf tr:last-child td:last-child {
    10321050     text-align: left;
     
    10471065     margin: 6px;
    10481066     text-align: center !important;
     1067     vertical-align: top !important;
    10491068     background: #001;
    10501069     box-shadow: inset 0 0 1px 1px #99f;
     
    10831102     border-width: 1px;
    10841103     box-shadow: none;
     1104     filter: none;
     1105     -webkit-filter: none;
    10851106}
    10861107
     
    10901111     margin: -16px 0 5px;
    10911112}
     1113
     1114/* new graphs optionbox */
     1115
     1116#graphs form {
     1117     padding: 0 !important;
     1118}
     1119
     1120#graphs form hr {
     1121     margin: 0 -1px 8px !important;
     1122}
     1123
     1124#graphs form table {
     1125     border: none;
     1126     margin: 0;
     1127}
     1128
     1129.formaction#graphing {
     1130     margin: -1px 0 !important;
     1131     padding: 5px 3px;
     1132     border-left: none;
     1133     border-right: none;
     1134}
     1135
     1136#graphs tr:first-child td {
     1137     border-top: none;
     1138}
     1139
     1140#graphs td:first-child {
     1141     text-align: right;
     1142     width: 85px;
     1143     white-space: nowrap;
     1144     padding: 13px 3px 13px 5px;
     1145}
     1146
     1147#graphs td:nth-child(2) {
     1148     width: 260px;
     1149     white-space: nowrap;
     1150}
     1151
     1152#graphs td.infohelp {
     1153     border: 1px solid #cfd1ff !important;
     1154     border-right: none !important;
     1155     background-size: 20px 20px !important;
     1156     padding: 5px 5px 5px 40px !important;
     1157     background-color: #f7f8ff !important;
     1158     text-align: left;
     1159}
     1160
     1161#graphs form input, #graphs form select {
     1162     margin: 3px 5px 3px 0;
     1163     vertical-align: middle;
     1164}
     1165
     1166#graphs input[type="text"] {
     1167     min-width: 60px;
     1168}
     1169
     1170/* end new graphs optionbox */
     1171
    10921172
    10931173div.messages {
     
    11121192}
    11131193
     1194.main#graphs .messages { /* "graphing not supported" error */
     1195     margin-bottom: 20px;
     1196}
     1197
    11141198div.error {
    11151199     color: #900;
     
    12211305table[id$="logs"] td:empty {
    12221306     display: none;
     1307}
     1308
     1309table[id$="logs"] tr:first-child {
     1310     border-bottom: 1px solid #7778bf;
    12231311}
    12241312
     
    13471435h4.app {
    13481436     background: url(/themes/console/images/eepsite.png) 10px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 50%, #eef 100%);
    1349      background-size: 16px 16px, 100% 100%;   
     1437     background-size: 16px 16px, 100% 100%;
     1438     margin-top: 15px;
    13501439}
    13511440
     
    13531442     clear: left;
    13541443     margin-top: 10px !important;
    1355      background: url(images/application-icon.png) 10px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 50%, #eef 100%);
     1444     background: url(images/globe.png) 10px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 50%, #eef 100%);
    13561445}
    13571446
     
    13791468     background: #fff;
    13801469     box-shadow: none;
    1381      filter: none;
    1382      -webkit-filter: none;
     1470/*     filter: none;
     1471     -webkit-filter: none;*/
    13831472}
    13841473
     
    13971486     border-color: #f60;
    13981487     background: #fff !important;
     1488     background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffe8bf 50%, #efd9b3 100%) !important;
    13991489}
    14001490
     
    14571547     min-width: 40px !important;
    14581548     width: 100%;
     1549     padding-left: 24px;
    14591550}
    14601551
     
    15211612
    15221613tt {
    1523      font: bold 8.5pt "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     1614     font: bold 9pt "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
    15241615     color: #050;
    15251616}
     
    15421633     color: #514 !important;
    15431634     color: #003 !important;
    1544      letter-spacing: 0.01em;
    15451635     font-size: 9.5pt;
    15461636     line-height: 170%;
     
    22012291input.accept[value^="Show"]:focus, button.accept[value^="Show"]:focus,
    22022292input.check[value^="View"]:focus, button.check[value^="View"]:focus {
    2203      background: url(/themes/console/images/buttons/show.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     2293     background: url(/themes/console/images/buttons/show.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    22042294}
    22052295
     
    24902580     padding: 5px 3px 5px 17px !important;
    24912581/*     margin-top: -4px;*/
     2582}
     2583
     2584.routersummary .cancel {
     2585     margin-top: 10px;
    24922586}
    24932587
     
    29233017     border-top: 1px solid #f60 !important;
    29243018     background: #fff !important;
     3019     background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffe8bf 50%, #efd9b3 100%) !important;
    29253020     color: #f60;
    29263021}
     
    29923087.themechoice .optbox:checked + object ~ div.themelabel {
    29933088     background: #ddf !important;
    2994      color: #338;
     3089     color: #338 !important;
    29953090     font-weight: bold;
     3091}
     3092
     3093.themechoice .optbox:focus + object ~ div.themelabel {
     3094     color: #f60 !important;
     3095     box-shadow: inset 0 0 1px #def;
     3096}
     3097
     3098.themechoice .optbox:active + object ~ div.themelabel {
     3099     color: #fff !important;
     3100     box-shadow: inset 0 0 0 1px #fff;
    29963101}
    29973102
     
    30773182     border-top: 1px solid #f60;
    30783183     background: #fff !important;
    3079      transition: all 0.1s ease 0s;
     3184     background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffe8bf 50%, #efd9b3 100%) !important;
    30803185}
    30813186
     
    30913196     margin: -32px -4px 0;
    30923197     z-index: 2;
     3198}
     3199
     3200.langselect input[name="lang"]:focus + img + div.ui_lang {
     3201     color: #f60 !important;
     3202     box-shadow: inset 0 0 1px #def;
     3203}
     3204
     3205.langselect input[name="lang"]:active + img + div.ui_lang {
     3206     color: #fff !important;
     3207     box-shadow: inset 0 0 0 1px #fff;
    30933208}
    30943209
     
    40724187     font-size: 9pt !important;
    40734188}
    4074 }
     4189
     4190.sorry {
     4191     margin-left: 232px !important;
     4192}
     4193}
  • installer/resources/themes/console/light/console_ar.css

    recb9726 r2bc5630  
    447447     text-align: left;
    448448}
     449
     450#pluginconfigactions {
     451     margin: -6px -32px -6px 32px !important;
     452}
     453
     454
     455#pluginupdater.formaction {
     456     margin: -16px 0;
     457}
     458
     459#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"], #consolepass input[name="nofilter_pw"]:focus, #externali2cp input[name="nofilter_pw"]:focus,
     460#consolepass input[name="name"], #externali2cp input[name="user"], #consolepass input[name="name"]:focus, #externali2cp input[name="user"]:focus {
     461     background-position: right 3px center, center center !important;
     462     padding: 4px 20px 4px 4px !important;
     463     margin: 5px 3px 5px 15px !important;
     464}
     465
     466#consolepass tr:first-child td, p#clientconf.infohelp, p#webappconfigtext.infohelp, #floodfillconfig .infohelp,
     467#bandwidthconfig tr:first-child .infohelp, h3#shutdownrouter + p.infohelp, h3#restartrouter + p.infohelp, h3#systray + p.infohelp,
     468h3#servicedebug + p.infohelp, h3#browseronstart + p.infohelp, table#addkeyring td:first-child, #config_peers tr:nth-child(3) td.infohelp,
     469#config_reseed.main p.infohelp, #plugininstall tr:nth-child(3) td:nth-last-child(2), #manualreseed tr:nth-child(3) td:nth-last-child(2),
     470#manualreseed tr:nth-child(5) td:nth-last-child(2), #plugininstall tr:nth-child(5) td:nth-last-child(2), #manualreseed tr:nth-last-child(2) td.infohelp,
     471p#enablefullstats, p#gatherstats, #oldhome td:first-child, p#pluginconfigtext, #plugininstall .infohelp, #config_family .infohelp,
     472#joinfamily tr:nth-child(3) td:first-child, #newfamily tr:last-child td:first-child, #config_summarybar .configtable td:not(.optionsave),
     473table#bugreports td.infohelp {
     474     background-position: right 12px center !important;
     475     padding: 15px 50px 15px 15px !important;
     476}
     477
     478@media screen and (min-width: 1500px) {
     479.main, .news, h1 {
     480     margin-right: 232px !important;
     481     margin-left: 0 !important;
     482}
     483
     484html {
     485     margin: 0 3px !important;
     486}
     487}
  • installer/resources/themes/console/midnight/console.css

    recb9726 r2bc5630  
    1616}
    1717
     18/* preload button mouseovers */
     19body {
     20     background: linear-gradient(to bottom, #001, #000),
     21     url(/themes/console/images/buttons/clean_hover.png) no-repeat,
     22     url(/themes/console/images/buttons/configure_hover.png) no-repeat,
     23     url(/themes/console/images/buttons/delete_hover.png) no-repeat,
     24     url(/themes/console/images/buttons/restart_hover.png) no-repeat,
     25     url(/themes/console/images/buttons/restore_hover.png) no-repeat,
     26     url(/themes/console/images/buttons/search_hover.png) no-repeat,
     27     url(/themes/console/images/buttons/shutdown_hover.png) no-repeat,
     28     url(/themes/console/images/buttons/update_hover.png) no-repeat, #000;
     29     background-size: auto 2px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
     30}
     31
    1832.hide, .hideme {
    1933     display: none;
     34}
     35
     36small {
     37     font-size: 9pt;
    2038}
    2139
     
    691709input.stop:focus, button.stop:focus {
    692710     background: #000 url(/themes/console/images/buttons/shutdown_hover.png) 6px center no-repeat !important;
     711     background-size: 14px 14px, 100% 100% !important;
     712     padding: 5px 5px 5px 21px !important;
    693713}
    694714
     
    829849     text-indent: -99999px;
    830850     background-size: 16px 16px, 100% 100% !important;
    831      background-position: center center, center center !important;
     851     background-position: center center !important;
    832852     padding: 5px !important;
    833853}
     
    846866
    847867.routersummary .stop {
    848      background: url(/themes/console/images/buttons/shutdown.png) center center no-repeat;
     868     background: url(/themes/console/images/buttons/shutdown.png) center center no-repeat, linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
    849869}
    850870
     
    852872     background: url(/themes/console/images/buttons/shutdown_hover.png) center center no-repeat;
    853873     background-position: center center !important;
     874     background-size: 16px 16px, 100% 100% !important;
    854875}
    855876
     
    858879     background-size: 16px 16px, 100% 100% !important;
    859880     padding: 5px 3px 5px 17px !important;
    860 /*     margin-top: -4px;*/
    861881}
    862882
     
    10771097     display: inline-block;
    10781098     width: calc(100% - 6px);
    1079      padding: 0;
     1099     padding: 1px 0 !important;
    10801100     margin: 0;
    10811101}
     
    12871307}
    12881308
     1309div.newsheadings li {
     1310     list-style: none outside url(images/newsbullet_mini.png);
     1311     margin: 0 -6px 2px 4px;
     1312     line-height: 110%;
     1313     text-transform: capitalize;
     1314}
     1315
    12891316div.tunnels {
    12901317     padding-top: 3px !important;
     
    13271354     box-shadow: inset 0 0 0 1px #320951;
    13281355     word-wrap: break-word;
    1329 /*     font-weight: bold;*/
     1356     min-width: 555px;
    13301357     color: #c9ceff;
    13311358     font-size: 10pt;
     
    13791406     letter-spacing: 0.03em;
    13801407     color: #c9ceff;
     1408}
     1409
     1410.newsentry font[size="-2"] {
     1411     letter-spacing: 0.15em;
     1412     font-style: italic;
     1413     text-transform: capitalize;
    13811414}
    13821415
     
    14831516.tab2::before {
    14841517     content: '\1F892\00A0';
    1485      font-size: 12pt;
     1518     content: '\25B8\00A0';
     1519     font-size: 10pt;
    14861520     line-height: 50%;
    14871521     vertical-align: baseline;
     
    14901524.tab2::after {
    14911525     content: '\00A0\1F890';
    1492      font-size: 12pt;
     1526     content: '\00A0\25C2';
     1527     font-size: 10pt;
    14931528     line-height: 50%;
    14941529     vertical-align: baseline;
     
    16411676     max-width: 97%;
    16421677     max-width: calc(100% - 20px);
     1678     vertical-align: top;
     1679/*     filter: sepia(100%) invert(100%);*/
    16431680}
    16441681
     
    16581695     margin-top: 0;
    16591696     border-radius: 0 !important;
     1697     text-transform: capitalize;
     1698     letter-spacing: normal;
     1699     word-spacing: normal;
    16601700}
    16611701
     
    16631703     display: none;
    16641704}
     1705
     1706form[action="graphs"] {
     1707     border: 1px solid #443da0;
     1708     padding: 10px 10px 0 !important;
     1709     background: #000;
     1710     margin-top: -11px;
     1711     margin-bottom: 10px;
     1712}
     1713
     1714h3#graphdisplay a {
     1715     text-transform: capitalize;
     1716     letter-spacing: normal;
     1717     font-size: 9pt;
     1718     float: right;
     1719}
     1720
     1721/*
     1722.main#graphs hr {
     1723     margin: 10px -10px 8px !important;
     1724}
     1725*/
     1726
     1727/* new graphs optionbox */
     1728
     1729#graphs form {
     1730     padding: 0 !important;
     1731}
     1732
     1733#graphs form hr {
     1734     margin: 0 -1px 8px !important;
     1735}
     1736
     1737#graphs form table {
     1738     border: none;
     1739     margin: 0;
     1740}
     1741
     1742.formaction#graphing {
     1743     margin: -2px 0 0 !important;
     1744     padding-top: 1px;
     1745     border-left: none;
     1746     border-right: none;
     1747}
     1748
     1749#graphs tr:first-child td {
     1750     border-top: none;
     1751}
     1752
     1753#graphs td:first-child {
     1754     text-align: right;
     1755     width: 85px;
     1756     white-space: nowrap;
     1757     padding: 13px 3px 13px 5px;
     1758}
     1759
     1760#graphs td:nth-child(2) {
     1761     width: 260px;
     1762     white-space: nowrap;
     1763}
     1764
     1765#graphs td.infohelp {
     1766     border: 1px solid #120f35;
     1767     border-right: none;
     1768     background-size: 20px 20px !important;
     1769     padding: 5px 5px 5px 40px !important;
     1770     background-color: #010008 !important;
     1771     text-align: left;
     1772}
     1773
     1774#graphs form input, #graphs form select {
     1775     margin: 3px 5px 3px 0;
     1776     vertical-align: middle;
     1777}
     1778
     1779#graphs input[type="text"] {
     1780     min-width: 60px;
     1781}
     1782
     1783/* end new graphs optionbox */
    16651784
    16661785table {
     
    19162035     border: 1px solid #443da0;
    19172036     border-left: 5px solid #443da0;
    1918      padding: 4px 10px;
     2037     padding: 5px 10px;
    19192038     margin: 10px 0 10px 0;
    19202039     border-radius: 0 2px 2px 0;
     
    19622081     opacity: 0.5;
    19632082     padding: 1px 2px !important;
    1964      transition: all 0.3s ease 0s;
    19652083}
    19662084
    19672085.langbox img:hover {
    19682086     opacity: 1;
     2087     transform: scale(1.1);
    19692088}
    19702089
     
    20072126     text-align: justify !important;
    20082127     overflow-y: hidden !important;
    2009      margin-top: 15px !important;
     2128     margin-top: 10px !important;
    20102129 }
    20112130
     
    24472566}
    24482567
     2568.themechoice .optbox:focus + object ~ div.themelabel {
     2569     color: #652787;
     2570     box-shadow: inset 0 0 10px 3px #000;
     2571}
     2572
    24492573#themeoptions {
    24502574     clear: both;
     
    25572681     color: #c9ceff;
    25582682     font-weight: bold;
     2683}
     2684
     2685.langselect input[name="lang"]:focus + img + div.ui_lang {
     2686     color: #652787 !important;
     2687     box-shadow: inset 0 0 10px 3px #000 !important;
     2688}
     2689
     2690.langselect input[name="lang"]:active + img + div.ui_lang {
     2691     color: #c9ceff !important;
     2692     box-shadow: inset 0 0 0 1px #000 !important;
    25592693}
    25602694
     
    29923126ul.statlist li::before {
    29933127     content: "\1F6C8\00A0";
     3128     content: "\2B26\00A0";
    29943129     font-size: 14pt;
    29953130     line-height: 50%;
     
    30243159}
    30253160
     3161/*
    30263162.statlist a[href*="graph"]::before {
    30273163     content: "\1F4CA\00A0";
    30283164     font-size: 11pt;
    30293165     line-height: 140%;
    3030      
    3031 }
     3166}
     3167*/
    30323168
    30333169.main#stats form {
     
    31013237     padding-right: 6px;
    31023238     background: #000 !important;
    3103 }
    3104 
    3105 form[action="graphs"] {
    3106      border: 1px solid #443da0;
    3107      padding: 10px 10px 0 !important;
    3108      background: #000;
    3109      margin-top: -11px;
    3110      margin-bottom: 10px;
    3111 }
    3112 
    3113 .formaction#graphing {
    3114      margin: -4px -5px 5px !important;
    3115      border-left: none;
    3116      border-right: none;
    3117 }
    3118 
    3119 .main#graphs hr {
    3120      margin: 10px -10px 8px !important;
    3121 }
    3122 
    3123 h3#graphdisplay a {
    3124      text-transform: capitalize;
    3125      letter-spacing: normal;
    3126      font-size: 9pt;
    3127      float: right;
    31283239}
    31293240
     
    39634074div.app {
    39644075     float: left;
    3965      padding: 2px 0 0 !important;
     4076     padding: 2px 0 4px;
    39664077     min-width: 70px;
    39674078     border: 1px solid #443da0;
     
    39714082     margin: 2px 3px 5px;
    39724083     text-align: center !important;
    3973      padding-top: 4px;
    39744084     opacity: 0.8;
    39754085     box-shadow: inset 0 0 0 1px #000;
     
    40064116div.app a:link, div.app a:hover, div.app a:active {
    40074117     outline: none;
     4118}
     4119
     4120div.app a:focus img {
     4121     filter: drop-shadow(0 0 3px #c96fff) !important;
     4122}
     4123
     4124div.app a:focus {
     4125     color: #652787;
    40084126}
    40094127
     
    41214239     font-size: 8pt;
    41224240     margin: 2px 0 0;
    4123      padding: 5px 2px;
     4241     padding: 5px 2px 2px;
    41244242     text-align: center;
    41254243     vertical-align: bottom;
     
    44214539#sybilnav ul li::before {
    44224540     content: '\1F441\00A0\00A0';
     4541     content: url(/themes/console/images/buttons/show.png);
     4542     mix-blend-mode: luminosity;
     4543     vertical-align: middle;
     4544     margin-right: 5px;
    44234545     font-size: 16pt;
    4424 } 
     4546}
    44254547
    44264548table.sybil_routerinfo {
     
    44654587     background: url(/themes/console/images/buttons/show.png) 8px center no-repeat;
    44664588     background: url(/themes/console/images/buttons/show.png) 8px center no-repeat, linear-gradient(to right, #000, #001 80%, #002 100%);
     4589     background-blend-mode: luminosity;
    44674590     box-shadow: inset 0 0 0 1px #080077;
    44684591}
     
    45804703
    45814704p#gatherstats {
    4582      margin-top: -5px;
     4705     margin-top: 1px;
    45834706}
    45844707
     
    50465169     width: 56px !important;
    50475170}
    5048 }
     5171
     5172.sorry {
     5173     margin-left: 232px !important;
     5174}
     5175}
  • installer/resources/themes/console/midnight/console_ar.css

    recb9726 r2bc5630  
    293293     text-align: right;
    294294}
     295
     296#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"], #consolepass input[name="nofilter_pw"]:focus, #externali2cp input[name="nofilter_pw"]:focus,
     297#consolepass input[name="name"], #externali2cp input[name="user"], #consolepass input[name="name"]:focus, #externali2cp input[name="user"]:focus {
     298     background-position: right 3px center, center center !important;
     299     padding: 4px 20px 4px 4px !important;
     300     margin: 5px 3px 5px 15px !important;
     301}
     302
     303#consolepass tr:first-child td, p#clientconf.infohelp, p#webappconfigtext.infohelp, #floodfillconfig .infohelp,
     304#bandwidthconfig tr:first-child .infohelp, h3#shutdownrouter + p.infohelp, h3#restartrouter + p.infohelp, h3#systray + p.infohelp,
     305h3#servicedebug + p.infohelp, h3#browseronstart + p.infohelp, table#addkeyring td:first-child, #config_peers tr:nth-child(3) td.infohelp,
     306#config_reseed.main p.infohelp, #plugininstall tr:nth-child(3) td:nth-last-child(2), #manualreseed tr:nth-child(3) td:nth-last-child(2),
     307#manualreseed tr:nth-child(5) td:nth-last-child(2), #plugininstall tr:nth-child(5) td:nth-last-child(2), #manualreseed tr:nth-last-child(2) td.infohelp,
     308p#enablefullstats, p#gatherstats, #oldhome td:first-child, p#pluginconfigtext, #plugininstall .infohelp, #config_family .infohelp,
     309#joinfamily tr:nth-child(3) td:first-child, #newfamily tr:last-child td:first-child, #config_summarybar .configtable td:not(.optionsave),
     310table#bugreports td.infohelp {
     311     background-position: right 12px center !important;
     312     padding: 15px 50px 15px 15px !important;
     313}
     314
     315div[lang="ar"] ul li {
     316     list-style-image: url("images/link.png") !important;
     317     list-style-position: inside;
     318     margin-left: 0 !important;
     319     padding-left: 0 !important;
     320     margin-top: 15px !important;]
     321}
     322
     323div[lang="ar"] ul, div[lang="ar"] p {
     324     margin: 10px;
     325}
     326
     327@media screen and (min-width: 1500px) {
     328.main, .news, h1 {
     329     margin-right: 232px !important;
     330     margin-left: 0 !important;
     331}
     332
     333div.routersummaryouter {
     334     margin-right: 27px !important;
     335}
     336
     337.routersummary h4 {
     338     font-size: 11pt !important;
     339}
     340
     341.routersummary td, .routersummary a {
     342     font-size: 10pt !important;
     343}
     344
     345div[lang="ar"], div[lang="ar"] code, div[lang="ar"] b {
     346     font-size: 11pt !important;
     347}
     348}
  • installer/resources/themes/console/midnight/i2ptunnel.css

    recb9726 r2bc5630  
    139139
    140140.iframed #globalTunnelControl {
    141      margin: 6px 0 -26px !important;
     141     margin: 6px auto -26px !important;
    142142}
    143143
  • installer/resources/themes/snark/classic/snark.css

    recb9726 r2bc5630  
    55     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", Helvetica, sans-serif;
    66     color: #0c153d;
    7      background: #eef;
    8      background: url(/themes/console/classic/images/bg0.png) repeat scroll center bottom #eef;
     7     background: #eef url(/themes/console/classic/images/bg0.png) repeat scroll center bottom;
     8}
     9
     10/* preload top navigation mouseovers */
     11body {
     12     background: url(/themes/console/classic/images/bg0.png) repeat scroll center bottom,
     13     url(images/button_snark_hover.png) no-repeat,
     14     url(images/button_snark_active.png) no-repeat,
     15     url(images/button_tracker_hover.png) no-repeat,
     16     url(images/button_tracker_active.png) no-repeat,
     17     url(images/button_forum_hover.png) no-repeat,
     18     url(images/button_forum_active.png) no-repeat, #eef;
     19     background-size: 150px 150px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
    920}
    1021
     
    1627     margin: 1px 0 !important;
    1728     background: transparent url(/themes/console/images/transparent.gif) !important;
     29}
     30
     31body.iframed {
     32     background: transparent url(/themes/console/images/transparent.gif),
     33     url(images/button_snark_hover.png) no-repeat,
     34     url(images/button_snark_active.png) no-repeat,
     35     url(images/button_tracker_hover.png) no-repeat,
     36     url(images/button_tracker_active.png) no-repeat,
     37     url(images/button_forum_hover.png) no-repeat,
     38     url(images/button_forum_active.png) no-repeat !important;
     39     background-size: 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
    1840}
    1941
     
    587609}
    588610
    589 table.snarkTorrentInfo tr:last-child {
     611.snarkTorrentInfo tr:nth-last-child(2) {
    590612     border-top: 1px solid #89f !important;
     613}
     614
     615.snarkTorrentInfo tr:last-child {
    591616     background: none;
    592617}
    593618
    594 table.snarkTorrentInfo tr:last-child td {
     619.snarkTorrentInfo tr:last-child td {
    595620     padding: 5px !important;
    596621     text-align: right !important;
     622     border-top: 1px solid #89f !important;
    597623}
    598624
     
    617643}
    618644
     645.snarkTorrentInfo tr:last-child td:last-child b {
     646     text-align: left;
     647}
     648
    619649table.SnarkDirInfo {
    620650     margin-top: -2px !important;
     
    642672.snarkDirInfo td:first-child {
    643673     padding-left: 4px;
     674     text-align: left;
    644675}
    645676
     
    734765     width: 16px;
    735766     padding: 0;
     767}
     768
     769td.snarkFileIcon img {
     770     filter: none;
     771     -webkit-filter: none;
    736772}
    737773
     
    11091145}
    11101146
     1147.configsectionpanel .snarkConfigTitle {
     1148     color: #444;
     1149}
     1150
    11111151@media screen and (-webkit-min-device-pixel-ratio: 0) { /* webkit hack */
    11121152.snarkConfigTitle,
     
    12311271}
    12321272
    1233 input[type=submit]:disabled,
    1234 a.controld {
     1273input[type=submit]:disabled, a.controld {
    12351274     display: none;
    12361275}
    12371276
    1238 input[type=image],
    1239 thead img {
     1277input[type=image], thead img {
    12401278     margin: 0 2px;
    12411279     padding: 0 !important;
     
    12451283}
    12461284
    1247 input[type="image"],
    1248 a img {
     1285input[type="image"], a img {
    12491286     filter: drop-shadow(0 0 1px #777);
    12501287}
    12511288
    1252 input[type="image"]:hover,
    1253 a img:hover,
    1254 input[type="image"]:focus,
    1255 a img:focus {
     1289input[type="image"]:hover, a img:hover,
     1290input[type="image"]:focus, a img:focus {
    12561291     outline: none !important;
    12571292     filter: drop-shadow(0 0 2px #f60) !important;
     
    12631298}
    12641299
    1265 input[type="submit"],
    1266 input[type="reset"] {
     1300input[type="submit"], input[type="reset"] {
    12671301     font-size: 9pt;
    12681302     font-weight: normal;
     
    12761310     background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
    12771311     box-shadow: inset 0 0 0 1px #fff;
    1278      
     1312     filter: drop-shadow(0 0 1px #ccc);
     1313     -webkit-filter: drop-shadow(0 0 1px #ccc);
    12791314}
    12801315
     
    12871322}
    12881323
    1289 input[type="submit"]:active,
    1290 input[type="reset"]:active {
     1324input[type="submit"]:focus, input[type="reset"]:focus {
     1325     filter: drop-shadow(0 0 2px #89f);
     1326     -webkit-filter: drop-shadow(0 0 2px #89f);
     1327}
     1328
     1329input[type="submit"]:active, input[type="reset"]:active {
    12911330     color: #333;
    12921331     background: #ddd;
     
    14021441}
    14031442
    1404 input[type=text],
    1405 input.r {
     1443input[type=text], input.r {
    14061444     min-width: 100px;
    14071445}
     
    14131451}
    14141452
    1415 input[type="checkbox"],
    1416 input[type="radio"] {
     1453input[type="checkbox"], input[type="radio"] {
    14171454     vertical-align: middle;
     1455     min-width: 16px;
     1456     min-height: 16px;
    14181457}
    14191458
     
    14291468}
    14301469
    1431 .addtorrentsection input,
    1432 .newtorrentsection input {
     1470.addtorrentsection input, .newtorrentsection input {
    14331471     margin-left: 5px !important;
    14341472}
     
    14611499}
    14621500
    1463 select:hover,
    1464 select:active {
     1501select:hover, select:active {
    14651502     background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
    14661503}
     
    15081545     border: none;
    15091546}
    1510 
    1511 /*
    1512 .infoz {
    1513      line-height: 100%;
    1514      float: left;
    1515      margin: 0 -1px 0 0 !important;
    1516      padding: 0 !important;
    1517 }
    1518 
    1519 .infoz img {
    1520      opacity: 1 !important;
    1521      border: none;
    1522 }
    1523 
    1524 .infoz img:hover {
    1525      opacity: 1 !important;
    1526 }
    1527 */
    15281547
    15291548#pagenav img {
     
    15391558}
    15401559
    1541 #pagenav img:hover,
    1542 #pagenav img:focus {
     1560#pagenav img:hover, #pagenav img:focus {
    15431561     opacity: 1;
    15441562     border: 1px solid #f60 !important;
     
    15511569}
    15521570
    1553 #pagenav img.disable,
    1554 #pagenav img.disable:hover {
     1571#pagenav img.disable, #pagenav img.disable:hover {
    15551572     margin: 0 0 0 3px !important;
    15561573     opacity: .3;
     
    16311648}
    16321649
    1633 .trackerconfig th:last-child,
    1634 .trackerconfig td:last-child {
     1650.trackerconfig th:last-child, .trackerconfig td:last-child {
    16351651     padding-left: 10px !important;
    16361652}
    16371653
    1638 .trackerconfig tr:nth-child(odd),
    1639 .snarkConfig tr:nth-child(odd) {
     1654.trackerconfig tr:nth-child(odd), .snarkConfig tr:nth-child(odd) {
    16401655     background: #ddf;
    16411656}
     
    16571672}
    16581673
    1659 .snarkNewTorrent td:nth-child(2),
    1660 .snarkNewTorrent td:nth-child(3) {
     1674.snarkNewTorrent td:nth-child(2), .snarkNewTorrent td:nth-child(3) {
    16611675     font-weight: bold;
    16621676     padding-right: 5px;
     
    16761690}
    16771691
    1678 .trackerconfig tr:nth-child(even),
    1679 .snarkConfig tr:nth-child(even) {
     1692.trackerconfig tr:nth-child(even), .snarkConfig tr:nth-child(even) {
    16801693     background: #eef;
    16811694}
     
    16971710}
    16981711
    1699 .trackerconfig td,
    1700 .snarkConfig td {
     1712.trackerconfig td, .snarkConfig td {
    17011713     padding: 5px 1px !important;
    17021714}
     
    17171729}
    17181730
    1719 .trackerconfig th,
    1720 .trackerconfig td,
    1721 .trackerconfig th:last-child,
    1722 .trackerconfig td:last-child {
     1731.trackerconfig th, .trackerconfig td,
     1732.trackerconfig th:last-child, .trackerconfig td:last-child {
    17231733     text-align: left !important;
    17241734}
     
    17281738}
    17291739
    1730 .configsectionpanel td[colspan="2"]:last-child,
    1731 .configsectionpanel td[colspan="7"] {
     1740.configsectionpanel td[colspan="2"]:last-child, .configsectionpanel td[colspan="7"] {
    17321741     display: none;
    17331742}
    17341743
    1735 .configsectionpanel td[colspan="5"],
    1736 .configsectionpanel td[colspan="2"] {
     1744.configsectionpanel td[colspan="5"], .configsectionpanel td[colspan="2"] {
    17371745     border-top: 1px solid #89f;
    17381746}
     
    17421750}
    17431751
    1744 .snarkConfig tr:nth-last-child(2) td,
    1745 .configsectionpanel td[colspan="5"] {
     1752.snarkConfig tr:nth-last-child(2) td, .configsectionpanel td[colspan="5"] {
    17461753     padding: 11px 15px 0 !important;
    17471754     text-align: right !important;
     
    17571764}
    17581765
    1759 div.section,
    1760 div.mainsection div.section,
    1761 div.mainsection {
     1766div.section, div.mainsection div.section, div.mainsection {
    17621767     margin: 0;
    17631768     padding: 0;
     
    18041809}
    18051810
    1806 .addtorrentsection table,
    1807 .newtorrentsection table {
     1811.addtorrentsection table, .newtorrentsection table {
    18081812     margin-top: -5px;
    18091813}
     
    18521856}
    18531857
    1854 .newtorrentsection form,
    1855 .configsection form,
    1856 .addtorrentsection form {
     1858.newtorrentsection form, .configsection form, .addtorrentsection form {
    18571859     color: #0c153d !important;
    18581860}
     
    18771879     font-weight: bold;
    18781880     padding: 0 2px;
    1879      color: #090;
     1881     color: #050;
    18801882}
    18811883
     
    19561958}
    19571959
    1958 label.toggleview,
    1959 .snarkConfigTitle a:visited {
     1960label.toggleview, .snarkConfigTitle a:visited {
    19601961     color: #006;
    19611962}
     
    19751976
    19761977@media screen and (min-width: 1400px) {
    1977 body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"] {
     1978body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"], .snarkAddInfo {
    19781979     font-size: 10pt !important;
    19791980}
    1980 }
     1981
     1982.snarkMessages li, .snarkTorrents tt {
     1983     font-size: 9pt;
     1984}
     1985}
  • installer/resources/themes/snark/dark/snark.css

    recb9726 r2bc5630  
    1 /* I2PSnark theme "Camo" aka Dark by dr|z3d */
     1/* I2PSnark theme "Camo" aka Dark */
     2/* Author: dr|z3d */
    23
    34body {
     
    67     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    78     background: #000;
    8      background: linear-gradient(45deg, rgba(0,0,0,0.5), rgba(0,34,0,0.7)), url(../../console/dark/images/camotile2.png) top left;
     9     background: linear-gradient(45deg, rgba(0,0,0,0.5), rgba(0,34,0,0.7)), url(/themes/console/dark/images/camotile2.png) top left;
    910     background-size: 3px 3px, 175px 175px;
    1011}
    1112
     13/* preload top navigation mouseovers */
     14body {
     15     background: linear-gradient(45deg, rgba(0,0,0,0.5), rgba(0,34,0,0.7)),
     16     url(/themes/console/dark/images/camotile2.png) top left,
     17     url(images/button_snark_hover.png) no-repeat,
     18     url(images/button_snark_active.png) no-repeat,
     19     url(images/button_tracker_hover.png) no-repeat,
     20     url(images/button_tracker_active.png) no-repeat,
     21     url(images/button_forum_hover.png) no-repeat,
     22     url(images/button_forum_active.png) no-repeat !important;
     23     background-size: 3px 3px, 175px 175px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
     24}
     25
    1226body.iframed {
    13      background: transparent url('../../console/dark/images/transparent.gif') !important;
     27     background: transparent url(/themes/console/images/transparent.gif) !important;
    1428     margin: 1px 0 !important;
     29}
     30
     31/* preload top navigation mouseovers */
     32body.iframed {
     33     background: url(/themes/console/images/transparent.gif),
     34     url(images/button_snark_hover.png) no-repeat,
     35     url(images/button_snark_active.png) no-repeat,
     36     url(images/button_tracker_hover.png) no-repeat,
     37     url(images/button_tracker_active.png) no-repeat,
     38     url(images/button_forum_hover.png) no-repeat,
     39     url(images/button_forum_active.png) no-repeat !important;
     40     background-size: 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
    1541}
    1642
     
    2147     margin: 5px 0;
    2248     box-shadow: none;
    23      background: url("../../console/dark/images/camotile2.png") repeat scroll left top #000;
     49     background: url(/themes/console/dark/images/camotile2.png) repeat scroll left top #000;
    2450     background: linear-gradient(to right, #000 0%, #020 50%, #000 100%);
    2551}
     
    7096     color: #3f3;
    7197     text-shadow: 0 0 1px #000;
    72      background: url(images/button_tracker.png) 7px center no-repeat, url(../../console/dark/images/header.png) center center repeat;
     98     background: url(images/button_tracker.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat;
    7399     background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%) !important;
    74100     border-radius: 0;
     
    88114     border-radius: 2px 0 0 2px;
    89115     padding: 5px 7px 5px 15px !important;
    90      background:  url(images/button_snark.png) 7px center no-repeat, url(../../console/dark/images/header.png) center center repeat;
     116     background:  url(images/button_snark.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat;
    91117     background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%) !important;
    92118}
    93119
    94120.snarkRefresh:link:nth-child(2) {
    95      background: url(images/button_forum.png) 7px center no-repeat, url(../../console/dark/images/header.png) center center repeat;
     121     background: url(images/button_forum.png) 7px center no-repeat, url(/themes/console/dark/images/header.png) center center repeat;
    96122     background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, #171 0%, #131 50%, #000 51%, #000 100%) !important;
    97 }
    98 
    99 .snarkRefresh:hover {
    100      opacity: 1;
    101      box-shadow: inset 0 0 0 1px #000 !important;
    102123}
    103124
     
    107128}
    108129
    109 .snarkRefresh:link:first-child:hover {
    110      background-image: url(images/button_snark_hover.png), url('../ubergine/images/snarknav_on.png') !important;
     130.snarkRefresh:link:first-child:hover, .snarkRefresh:link:first-child:focus {
     131     background-image: url(images/button_snark_hover.png), url(../ubergine/images/snarknav_on.png) !important;
    111132     background-image: url(images/button_snark_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important;
    112133     background-position: 7px center, center center !important;
     
    114135}
    115136
    116 .snarkRefresh:link:hover:nth-child(2) {
    117      background-image: url(images/button_forum_hover.png), url('../ubergine/images/snarknav_on.png') !important;
     137.snarkRefresh:link:hover:nth-child(2), .snarkRefresh:link:focus:nth-child(2) {
     138     background-image: url(images/button_forum_hover.png), url(../ubergine/images/snarknav_on.png) !important;
    118139     background-image: url(images/button_forum_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important;
    119140}
     
    136157}
    137158
    138 .snarkRefresh:hover {
     159
     160.snarkRefresh:hover, .snarkRefresh:focus {
     161     opacity: 1;
     162
     163}
     164
     165.snarkRefresh:hover, .snarkRefresh:focus {
    139166     text-decoration: none !important;
    140167     text-transform: uppercase !important;
     
    144171     background: #000 !important;
    145172     border-radius: 0;
    146      border: 1px solid #f50;
    147      box-shadow: inset 0 0 1px #f50;
     173     box-shadow: inset 0 0 0 1px #000 !important;
     174     border: 1px solid #f60 !important;
    148175     opacity: 1;
    149      background-image: url(images/button_tracker_hover.png), url('../ubergine/images/snarknav_on.png') !important;
     176     background-image: url(images/button_tracker_hover.png), url(../ubergine/images/snarknav_on.png) !important;
    150177     background-image: url(images/button_tracker_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important;
    151178     background-position: 7px center, center center !important;
     
    160187     color: #fff;
    161188     border: 1px solid #fff;
    162      box-shadow: none;
     189     box-shadow: inset 3px 3px 3px #000 !important;
     190     box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000 !important;
    163191     text-shadow: none;
    164192}
     
    385413}
    386414
     415/*
    387416.SnarkTorrents th:nth-child(2) {
    388417     text-align: center;
    389418}
     419*/
    390420
    391421.SnarkTorrents th br {
     
    548578table.SnarkTorrentInfo {
    549579     margin-bottom: 1px !important;
    550      background: url("../../console/dark/images/camotile2.png") repeat scroll center bottom #001100;
     580     background: url(/themes/console/dark/images/camotile2.png) repeat scroll center bottom #001100;
    551581     border-bottom: 1px solid #494;
    552582}
     
    588618.snarkDirInfo td:first-child {
    589619     padding-left: 4px;
     620     text-align: left;
    590621}
    591622
     
    10161047     border-radius: 0;
    10171048     border-top: none;
    1018      background: #000 url('../../console/dark/images/header.png') repeat-x scroll center center !important;
     1049     background: #000 url(/themes/console/dark/images/header.png) repeat-x scroll center center !important;
    10191050     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;
    10201051     font-variant: small-caps !important;
     
    11751206     background: #000;
    11761207     border: 1px outset #191;
    1177      padding: 4px 3px !important;
     1208     padding: 5px !important;
    11781209     font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    11791210     margin-top: 6px;
     
    14381469
    14391470#pagenav img {
    1440      height: 8px;
     1471     height: 10px;
    14411472     border: 1px solid #151 !important;
    14421473     margin: 0 0 0 2px !important;     
     
    14461477     box-shadow: inset 0 0 0 1px #000;
    14471478     border-radius: 2px;
     1479}
     1480
     1481#pagenav img:active {
     1482     box-shadow: inset 3px 3px 3px #000;
    14481483}
    14491484
     
    16581693     box-shadow: inset 0 0 5px 2px #000;
    16591694     word-wrap: break-word;
    1660      background: #000 url('/themes/snark/ubergine/images/snark_create.png') no-repeat scroll right center;
    1661      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("../../console/dark/images/camotile2.png") top left repeat;
     1695     background: #000 url(images/snark_create.png) no-repeat scroll right center;
     1696     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;
    16621697     background-size: 80px 80px, 100% 100%, 175px 175px;
    16631698}
     
    16711706     box-shadow: inset 0 0 5px 2px #000;
    16721707     word-wrap: break-word;
    1673      background: #000 url('/themes/snark/dark/images/snark_add.png') no-repeat scroll right center;
    1674      background: url(images/snark_add.png) 99% center no-repeat, linear-gradient(to bottom, rgba(0,40,0,0.3) 0%, rgba(0,15,0,0.5) 100%), url("../../console/dark/images/camotile2.png") top left repeat;
     1708     background: #000 url(images/snark_add.png) no-repeat scroll right center;
     1709     background: url(images/snark_add.png) 99% center 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;
    16751710     background-size: 61px 61px, 100% 100%, 175px 175px;
    16761711}
     
    16861721     background: #000;
    16871722     font-weight: bold;
    1688      background: url(images/configuration.png) 102% 30% no-repeat, linear-gradient(to bottom, rgba(0,40,0,0.3) 0%, rgba(0,15,0,0.5) 100%), url("../../console/dark/images/camotile2.png") top left repeat;
     1723     background: url(images/configuration.png) 102% 30% 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;
    16891724     background-size: 84px 82px, 100% 100%, 175px 175px;
    16901725}
     
    16981733     word-wrap: break-word;
    16991734     text-align: center;
    1700      background: #000 url('/themes/snark/dark/images/configuration.png') no-repeat scroll right center;
     1735     background: #000 url(images/configuration.png) no-repeat scroll right center;
    17011736     font-weight: bold;
    1702      background: linear-gradient(to bottom, rgba(0,40,0,0.3) 0%, rgba(0,15,0,0.5) 100%), url("../../console/dark/images/camotile2.png") top left repeat;
     1737     background: 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;
    17031738}
    17041739
  • installer/resources/themes/snark/light/snark.css

    recb9726 r2bc5630  
    1 /* I2PSnark theme "Light" by dr|z3d, 2012 */
     1/* I2PSnark theme "Light" aka Corporat */
    22/* Cat That Got The Cream Edition */
     3/* Author: dr|z3d */
    34/* Thanks to http://www.luxphile.com/2011/01/creative-commons-cat.html for the kitty image */
    45
     
    1112}
    1213
     14/* preload top navigation mouseovers */
     15body {
     16     background: url(images/tile2.png) fixed,
     17     url(images/button_snark_hover.png) no-repeat,
     18     url(images/button_snark_active.png) no-repeat,
     19     url(images/button_tracker_hover.png) no-repeat,
     20     url(images/button_tracker_active.png) no-repeat,
     21     url(images/button_forum_hover.png) no-repeat,
     22     url(images/button_forum_active.png) no-repeat, #a4a4cb;
     23}
     24
    1325body.iframed {
    1426     background: transparent url(/themes/console/images/transparent.gif) !important;
    1527     margin: 6px 0 0 !important;
     28}
     29
     30body.iframed {
     31     background: transparent url(/themes/console/images/transparent.gif),
     32     url(images/button_snark_hover.png) no-repeat,
     33     url(images/button_snark_active.png) no-repeat,
     34     url(images/button_tracker_hover.png) no-repeat,
     35     url(images/button_tracker_active.png) no-repeat,
     36     url(images/button_forum_hover.png) no-repeat,
     37     url(images/button_forum_active.png) no-repeat !important;
    1638}
    1739
     
    88110     font-size: 9pt;
    89111     color: #559;
    90      background: #fff url("../../console/light/images/header.png") repeat-x scroll center center;
     112     background: #fff url(images/button_tracker.png) 8px center no-repeat;
    91113     background: url(images/button_tracker.png) 8px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 51%, #eef 100%);
    92114     border-radius: 0;
     
    102124     text-decoration: none !important;
    103125     color: #f60;
    104      background: #eef;
    105      background: url(images/button_tracker_hover.png) 8px center no-repeat, linear-gradient(to bottom, #eef 0%, #eef 50%, #bbf 51%, #bbf 100%);
     126     background: #eef url(images/button_tracker_hover.png) 8px center no-repeat;
     127     background: url(images/button_tracker_hover.png) 8px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #ffe8bf 50%, #efd9b3 100%);
    106128     border-radius: 0;
    107129     box-shadow: inset 0 0 0 1px #fff;
     
    110132.snarkRefresh:active {
    111133     text-decoration: none !important;
    112      background: url(images/button_tracker_active.png) 8px center no-repeat, linear-gradient(to bottom, #8f0038 0%, #8f0038 50%, #6f1436 51%, #6f1436 100%);
     134     background: #f60 url(images/button_tracker_active.png) 8px center no-repeat;
    113135     color: #eee !important;
    114      box-shadow: inset 2px 2px 2px #210;
     136     box-shadow: inset 3px 3px 3px #333;
     137     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #333;
    115138}
    116139
     
    122145     padding: 4px 10px 4px 19px !important;
    123146     border-radius: 2px 0 0 2px;
    124      background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 51%, #eef 100%);
     147     background: #fff url(images/button_snark.png) 10px center no-repeat;
    125148     background: url(images/button_snark.png) 10px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 51%, #eef 100%);
    126149}
    127150
    128151.snarkRefresh:first-child:hover, .snarkRefresh:first-child:focus {
    129      background: url(images/button_snark_hover.png) 10px center no-repeat, linear-gradient(to bottom, #eef 0%, #eef 50%, #bbf 51%, #bbf 100%);
     152     background: #eef url(images/button_snark_hover.png) 10px center no-repeat;
     153     background: url(images/button_snark_hover.png) 10px center no-repeat, linear-gradient(#fff 0%, #fff 50%, #ffe8bf 50%, #efd9b3 100%);
    130154     color: #f60;
    131155}
    132156
    133157.snarkRefresh:first-child:active {
    134      background: url(images/button_snark_active.png) 10px center no-repeat, linear-gradient(to bottom, #8f0038 0%, #8f0038 50%, #6f1436 51%, #6f1436 100%);
    135      box-shadow: inset 2px 2px 2px #210;
     158     background: #f60 url(images/button_snark_active.png) 10px center no-repeat;
    136159}
    137160
     
    149172
    150173.snarkRefresh:nth-child(2) {
     174     background: #fff url(images/button_forum.png) 8px center no-repeat;
    151175     background: url(images/button_forum.png) 8px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 51%, #eef 100%);
    152176}
    153177
    154178.snarkRefresh:nth-child(2):hover, .snarkRefresh:nth-child(2):focus {
    155      background: url(images/button_forum_hover.png) 8px center no-repeat, linear-gradient(to bottom, #eef 0%, #eef 50%, #bbf 51%, #bbf 100%);
    156 }
    157 
    158 .snarkRefresh:nth-child(2):focus {
    159      background: url(images/button_forum_active.png) 8px center no-repeat, linear-gradient(to bottom, #8f0038 0%, #8f0038 50%, #6f1436 51%, #6f1436 100%);
     179     background: #eef url(images/button_forum_hover.png) 8px center no-repeat;
     180     background: url(images/button_forum_hover.png) 8px center no-repeat, linear-gradient(#fff 0%, #fff 50%, #ffe8bf 50%, #efd9b3 100%);
     181}
     182
     183.snarkRefresh:nth-child(2):active {
     184     background: #f60 url(images/button_forum_active.png) 8px center no-repeat;
    160185     color: #fff;
    161      box-shadow: inset 2px 2px 2px #210;
    162186}
    163187
     
    265289
    266290a:active {
    267      color: #6f072b;
     291     color: #f30;
    268292}
    269293
     
    320344
    321345td[onclick]:active a {
    322      color: #6f072b;
     346     color: #f30;
    323347}
    324348
     
    397421
    398422#pagenav a:active img {
    399      background: #6f072b;
    400      border: 1px solid #272e3f;
    401      box-shadow: inset 1px 1px 1px #272e3f;
    402 }
    403 
     423     background: #f60;
     424     box-shadow: inset 3px 3px 3px #333;
     425     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #333;
     426}
    404427
    405428#pagenav img.disable, #pagenav img.disable:hover, #pagenav a:active img.disable {
     
    440463}
    441464
     465.snarkTorrents thead th:nth-child(2) {
     466     text-align: left;
     467}
     468
    442469.snarkTorrents thead th:nth-child(3) {
    443470     text-align: right !important;
     
    453480
    454481.snarkTorrents td:nth-child(1) {
    455      max-width: 20px !important;
     482     width: 20px !important;
    456483     text-align: left;
    457484     padding: 2px;   
     
    562589.snarkTorrentAction input[type="image"]:active, .snarkTorrents th:last-child input[type="image"]:active {
    563590     box-shadow: inset 3px 3px 3px #333;
     591     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #333;
    564592     filter: hue-rotate(110deg) !important;
    565593     -webkit-filter: hue-rotate(110deg) !important;
     
    590618.snarkTorrentStatus a:hover {
    591619     color: #f60;
    592 }
    593 
    594 .snarkTorrentStatus a:active {
    595      color: #6f072b;
    596620}
    597621
     
    705729}
    706730
    707 .snarkConfigTitle, label.toggleview {
     731.snarkConfigTitle:hover, .toggleview:hover {
     732     background: linear-gradient(#fff 0%, #fff 50%, #ffe8bf 50%, #efd9b3 100%);
     733}
     734
     735.snarkConfigTitle a {
     736     font-size: 11pt !important;
     737}
     738
     739.snarkConfigTitle:hover a, .snarkConfigTitle:focus a {
     740     color: #f60 !important;
     741}
     742
     743.snarkConfigTitle, label.toggleview,
     744.configsectionpanel .snarkConfigTitle:hover {
    708745     font-size: 11pt;
    709746     font-weight: bold;
     
    719756     display: inline-block;
    720757     min-width: 220px;
    721      color: #559;
    722 }
    723 
    724 .snarkConfigTitle a {
    725      font-size: 11pt !important;
     758     color: #559 !important;
    726759}
    727760
     
    747780
    748781.snarkConfigTitle a:active, .toggleview:active {
    749      color: #6f072b !important;
     782     color: #f30 !important;
    750783}
    751784
     
    761794
    762795.snarkConfigTitle:active a img, .toggleview:active img {
    763      filter: drop-shadow(0 0 1px #6f072b);
    764      -webkit-filter: drop-shadow(0 0 1px #6f072b);
     796     filter: drop-shadow(0 0 1px #f30) !important;
     797     -webkit-filter: drop-shadow(0 0 1px #f30) !important;
    765798     transform: rotate(90deg);
    766799     transition: ease transform 0.3s 0s;
     
    943976     min-width: 90px;
    944977     text-align: center;
     978     box-shadow: inset 0 0 0 1px #fff;
    945979}
    946980
    947981input[type=submit] {
    948      padding: 5px 2px !important;
     982     padding: 5px !important;
    949983}
    950984
    951985input[type=submit]:hover, input[type=submit]:focus, a.control:hover, a.control:focus {
     986     color: #f60;
    952987     border: 1px solid #559;
    953      background: #559;
    954      color: #fff;
     988     background: #eef;
     989     background: linear-gradient(#fff 0%, #fff 50%, #ffe8bf 50%, #efd9b3 100%);
    955990     box-shadow: inset 0 0 0 1px #fff;
    956991}
    957992
    958993input[type=submit]:active, a.control:active {
    959      background: #6f072b !important;
     994     background: #f60 !important;
    960995     color: #fff !important;
    961      border: 1px solid #227;
    962      box-shadow: inset 2px 2px 2px 1px #2f1100;
     996     box-shadow: inset 3px 3px 4px #333;
     997     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 4px #333;
    963998}
    964999
     
    13811416}
    13821417
     1418.configsectionpanel .snarkConfigTitle:hover {
     1419     font-size: 12pt !important;
     1420     padding: 3px 15px !important;
     1421}
     1422
    13831423.snarkConfigTitle a, label.toggleview {
    13841424     font-size: 12pt !important;
     
    13981438
    13991439.snarkMessages {
    1400      height: 60px;
     1440     height: 58px;
    14011441}
    14021442
  • installer/resources/themes/snark/midnight/snark.css

    recb9726 r2bc5630  
    99}
    1010
     11/* preload top navigation mouseovers */
     12body {
     13     background: linear-gradient(to bottom, #000, #000),
     14     url(images/button_snark_hover.png) no-repeat,
     15     url(images/button_snark_active.png) no-repeat,
     16     url(images/button_tracker_hover.png) no-repeat,
     17     url(images/button_tracker_active.png) no-repeat,
     18     url(images/button_forum_hover.png) no-repeat,
     19     url(images/button_forum_active.png) no-repeat, #000;
     20     background-size: 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
     21}
     22
    1123body.iframed {
    1224     margin: 1px 0 !important;
    1325     background: transparent url(/themes/console/images/transparent.gif) !important;
     26}
     27
     28/* preload top navigation mouseovers */
     29body.iframed {
     30     background: url(/themes/console/images/transparent.gif),
     31     url(images/button_snark_hover.png) center 50px no-repeat,
     32     url(images/button_snark_active.png) center 50px no-repeat,
     33     url(images/button_tracker_hover.png) center 50px no-repeat,
     34     url(images/button_tracker_active.png) center 50px no-repeat,
     35     url(images/button_forum_hover.png) center 50px no-repeat,
     36     url(images/button_forum_active.png) center 50px no-repeat, #000 !important;
     37     background-size: 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    1438}
    1539
     
    5680.iframed .snarknavbar {
    5781     border: none;
     82     border-top: 1px solid #443da0;
    5883     border-bottom: 1px solid #443da0;
    5984     border-radius: 0;
     
    6893}
    6994
    70 tt,
    71 code {
     95tt, code {
    7296     font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
    7397}
     
    391415
    392416.snarkTorrents th:nth-child(2) {
    393      text-align: center;
     417     text-align: left;
    394418}
    395419
     
    607631.snarkDirInfo td:first-child {
    608632     padding-left: 4px;
     633     text-align: left;
    609634}
    610635
  • installer/resources/themes/snark/ubergine/snark.css

    recb9726 r2bc5630  
    407407
    408408.snarkTorrents thead th:nth-child(2) {
    409      text-align: center;
     409     text-align: left;
    410410     min-width: 50px;
    411411}
     
    431431.snarkTorrents thead th:nth-last-child(4), .snarkTorrents thead th:nth-last-child(5), .snarkTorrents tfoot th:nth-last-child(4), .snarkTorrents tfoot th:nth-last-child(5)  {
    432432     text-align: center;
     433}
     434
     435.snarkTorrents thead th:nth-last-child(4), .snarkTorrents tfoot th:nth-last-child(4) {
     436     text-align: right;
    433437}
    434438
     
    677681     padding: 4px 0 !important;
    678682     text-align: left !important;
    679      font-size: 7.5pt !important;
     683     font-size: 8pt !important;
    680684     white-space: nowrap;
    681685}
     
    10621066}
    10631067
     1068input[type=submit]:hover, input[type=submit]:focus {
     1069     background-blend-mode: luminosity;
     1070}
     1071
    10641072input[type=submit]:hover, input[type=submit]:focus, a.control:hover, a.control:focus {
    1065      background-blend-mode: luminosity;
    10661073     border: 1px outset #bbb;
    10671074     color: #fff;
     
    17181725     transition: ease transform 0.3s 0s;
    17191726}
     1727
     1728/* responsive layout */
     1729
     1730@media screen and (min-width: 1400px) {
     1731body, .snarkTorrents td, .snarkAddInfo, th, td, .snarkFileName, .snarkFileStatus {
     1732     font-size: 9pt !important;
     1733}
     1734
     1735.snarkRefresh:link {
     1736     font-size: 10pt;
     1737}
     1738
     1739.snarkRefresh:link:first-child {
     1740     padding-left: 13px !important;
     1741}
     1742
     1743tt, .snarkTorrents tt, code, .snarkMessages, input, input[type="submit"], input[type="reset"], select, select option, button, textarea {
     1744     font-size: 9pt !important;
     1745}
     1746
     1747select {
     1748     padding-top: 4px;
     1749     padding-bottom: 4px;
     1750}
     1751
     1752select:nth-child(2) {
     1753     margin-left: -18px !important;
     1754}
     1755}
  • installer/resources/themes/snark/vanilla/snark.css

    recb9726 r2bc5630  
    1414}
    1515
     16/* preload top navigation mouseovers */
     17body {
     18     background: linear-gradient(-45deg, #2f231a, #1f120c),
     19     url(images/button_snark_hover.png) no-repeat,
     20     url(images/button_snark_active.png) no-repeat,
     21     url(images/button_tracker_hover.png) no-repeat,
     22     url(images/button_tracker_active.png) no-repeat,
     23     url(images/button_forum_hover.png) no-repeat,
     24     url(images/button_forum_active.png) no-repeat !important;
     25     background-size: 3px 3px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
     26}
     27
    1628body.iframed {
    17      background: transparent url(../../console/dark/images/transparent.gif) !important;
     29     background: transparent url(/themes/console/images/transparent.gif) !important;
    1830     margin: 6px 0 !important;
     31}
     32
     33body.iframed {
     34     background: url(/themes/console/images/transparent.gif),
     35     url(images/button_snark_hover.png) no-repeat,
     36     url(images/button_snark_active.png) no-repeat,
     37     url(images/button_tracker_hover.png) no-repeat,
     38     url(images/button_tracker_active.png) no-repeat,
     39     url(images/button_forum_hover.png) no-repeat,
     40     url(images/button_forum_active.png) no-repeat !important;
     41     background-size: 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
    1942}
    2043
     
    181204}
    182205
     206.snarkRefresh:first-child {
     207     margin: -5px -2px -3px 0 !important;
     208     display: inline-block;
     209     padding: 5px 10px 2px 12px !important;
     210}
     211
    183212.snarkRefresh:last-child[href="/i2psnark/"] {
    184213     margin: -5px 0 -3px !important;
    185214     display: inline-block;
    186      padding: 4px 10px 4px 12px !important;
     215     padding: 5px 10px 3px 12px !important;
    187216}
    188217
     
    454483}
    455484
     485.snarkTorrents thead th:nth-child(2) {
     486     text-align: left;
     487     min-width: 50px;
     488}
     489
    456490.snarkTorrents tfoot th {
    457491     border-bottom: 0;
     
    15981632     transition: ease transform 0.3s 0s;
    15991633}
     1634
     1635/* responsive layout */
     1636
     1637@media screen and (min-width: 1400px) {
     1638body, .snarkTorrents td, .snarkAddInfo, th, td {
     1639     font-size: 9pt !important;
     1640}
     1641
     1642.snarkRefresh:link {
     1643     font-size: 10pt;
     1644}
     1645
     1646.snarkRefresh:link:first-child {
     1647     padding-left: 13px !important;
     1648}
     1649
     1650tt, .snarkTorrents tt, code, .snarkMessages, input, input[type="submit"], input[type="reset"], select, button, textarea {
     1651     font-size: 9pt !important;
     1652}
     1653
     1654select {
     1655     padding-top: 4px;
     1656     padding-bottom: 4px;
     1657}
     1658
     1659select:nth-child(2) {
     1660     margin-left: -14px;
     1661}
     1662}
  • installer/resources/themes/susidns/classic/susidns.css

    recb9726 r2bc5630  
    749749}
    750750
     751/* hide export button on published page when empty */
     752#messages + form[action="export"] {
     753     display: none;
     754}
     755
    751756#filter {
    752757     margin-top: -2px !important;
  • installer/resources/themes/susidns/dark/susidns.css

    recb9726 r2bc5630  
    336336     text-shadow: 0 0 2px #001100;
    337337     text-transform: uppercase;
     338     box-shadow: inset 0 0 0 1px #000;
    338339}
    339340
     
    931932     background: #000 url(/themes/susidns/images/addressbook.png) 5px center no-repeat;
    932933}
     934
     935/* hide export button on published addressbook if empty */
     936#messages + form[action="export"] {
     937     display: none;
     938}
  • installer/resources/themes/susidns/light/susidns.css

    recb9726 r2bc5630  
    880880}
    881881
     882/* hide export button on published page when empty */
     883#messages + form[action="export"] {
     884     display: none;
     885}
     886
    882887#filter {
    883888     margin-top: -2px !important;
  • installer/resources/themes/susidns/midnight/susidns.css

    recb9726 r2bc5630  
    892892
    893893@media screen and (min-width: 1500px) {
    894 body, input[type="text"], select, h4, td.names a, #filter p, #search td, p, a, textarea {
     894body, input[type="text"], select, h4, td.names a, #filter p, #search td, p, a, textarea, .help li {
    895895     font-size: 10pt !important;
    896896}
     
    937937     background: #000 url(/themes/susidns/images/addressbook.png) 5px center no-repeat;
    938938}
     939
     940/* hide export button on published addressbook if empty */
     941#messages + form[action="export"] {
     942     display: none;
     943}
  • installer/resources/themes/susimail/dark/susimail.css

    recb9726 r2bc5630  
    190190#mailbox th:nth-child(2) {
    191191     background: url(/themes/susimail/images/status.png) center 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;
    192      background-blend-mode: luminosity;
     192     background-blend-mode: luminosity, normal;
    193193}
    194194
  • installer/resources/themes/susimail/light/susimail.css

    recb9726 r2bc5630  
    44
    55body {
    6      background-color: #eef;
    76     color: #333;
    87     font-family: "Droid Sans", "NotoSans", Ubuntu, "Bitstream Vera Sans", "Segoe UI", Verdana, "Lucida Grande", Helvetica, sans-serif;
    98     background: #a4a4cb url(/themes/console/light/images/tile2.png);
    10      background-size: 32px 32px;
     9}
     10
     11/* preload button mouseovers */
     12body {
     13     background: url(/themes/console/light/images/tile2.png),
     14     url(/themes/susimail/images/compose_hover.png) no-repeat,
     15     url(/themes/susimail/images/login_hover.png) no-repeat,
     16     url(/themes/susimail/images/logout_hover.png) no-repeat,
     17     url(/themes/susimail/images/offline_hover.png) no-repeat,
     18     url(/themes/susimail/images/save_hover.png) no-repeat,
     19     url(/themes/susimail/images/send_hover.png) no-repeat,
     20     url(/themes/console/images/buttons/configure_hover.png),
     21     url(/themes/console/images/buttons/delete_hover.png),
     22     url(/themes/console/images/buttons/update_hover.png), #a4a4cb !important;
     23     background-size: 32px 32px, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
    1124}
    1225
    1326body.iframed {
    14      background: transparent !important;
     27     background: transparent url(/themes/console/images/transparent.gif) !important;
    1528     margin: 5px 0 0 0;
     29}
     30
     31body.iframed {
     32     background: url(/themes/console/images/transparent.gif),
     33     url(/themes/susimail/images/compose_hover.png) no-repeat,
     34     url(/themes/susimail/images/login_hover.png) no-repeat,
     35     url(/themes/susimail/images/logout_hover.png) no-repeat,
     36     url(/themes/susimail/images/offline_hover.png) no-repeat,
     37     url(/themes/susimail/images/save_hover.png) no-repeat,
     38     url(/themes/susimail/images/send_hover.png) no-repeat,
     39     url(/themes/console/images/buttons/configure_hover.png),
     40     url(/themes/console/images/buttons/delete_hover.png),
     41     url(/themes/console/images/buttons/update_hover.png), transparent !important;
     42     background-size: 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
    1643}
    1744
     
    270297     background: #fff url(/themes/susimail/images/status.png) center center no-repeat;
    271298     background: url(/themes/susimail/images/status.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 50%, #eef 100%);
    272      background-blend-mode: luminosity;
     299     background-blend-mode: luminosity, normal;
    273300}
    274301
     
    325352
    326353#mailbox .bottombuttons td {
    327      padding: 5px 3px 7px;
     354     padding: 3px;
    328355     border-top: 1px solid #7778bf;
    329356}
     
    624651/* pagenav */
    625652
     653#pagenav tr {
     654     display: block !important;
     655     border: none;
     656}
     657
     658#pagenav td {
     659     border: none !important;
     660}
     661
    626662input.firstpage, input[name="firstpage"],
    627663input.firstpage[disabled]:hover, input[name="firstpage"][disabled]:hover {
     
    10011037     float: none;
    10021038     margin: 2px 1px !important;
     1039     padding: 5px 10px;
    10031040}
    10041041
     
    10921129     width: 100%;
    10931130     margin: 0;
    1094      border-bottom: 1px solid #555;
     1131/*     border-bottom: 1px solid #555;*/
    10951132}
    10961133
  • installer/resources/themes/susimail/midnight/susimail.css

    recb9726 r2bc5630  
    22/* Thanks to Florian Kuhlmann for the hatface images. [http://www.flickr.com/photos/floriankuhlmann/] */
    33/* Droid Sans font family and css3 compliant browser recommended for optimal results */
     4
     5html {
     6     min-height: 100%;
     7}
    48
    59body {
     
    1115}
    1216
     17/* preload button mouseovers */
     18body {
     19     background: linear-gradient(to bottom, #000, #000),
     20     url(/themes/susimail/images/compose_hover.png) no-repeat,
     21     url(/themes/susimail/images/login_hover.png) no-repeat,
     22     url(/themes/susimail/images/logout_hover.png) no-repeat,
     23     url(/themes/susimail/images/offline_hover.png) no-repeat,
     24     url(/themes/susimail/images/save_hover.png) no-repeat,
     25     url(/themes/susimail/images/send_hover.png) no-repeat,
     26     url(/themes/console/images/buttons/configure_hover.png) no-repeat,
     27     url(/themes/console/images/buttons/delete_hover.png) no-repeat,
     28     url(/themes/console/images/buttons/update_hover.png) no-repeat, #000 !important;
     29     background-size: 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
     30}
     31
    1332body.iframed {
    14      background: transparent !important;
     33     background: transparent url(/themes/console/images/transparent.gif) !important;
    1534     margin: 1px 0 0;
     35}
     36
     37body.iframed {
     38     background: url(/themes/console/images/transparent.gif),
     39     url(/themes/susimail/images/compose_hover.png) no-repeat,
     40     url(/themes/susimail/images/login_hover.png) no-repeat,
     41     url(/themes/susimail/images/logout_hover.png) no-repeat,
     42     url(/themes/susimail/images/offline_hover.png) no-repeat,
     43     url(/themes/susimail/images/save_hover.png) no-repeat,
     44     url(/themes/susimail/images/send_hover.png) no-repeat,
     45     url(/themes/console/images/buttons/configure_hover.png) no-repeat,
     46     url(/themes/console/images/buttons/delete_hover.png) no-repeat,
     47     url(/themes/console/images/buttons/update_hover.png) no-repeat, transparent !important;
     48     background-size: 100% 100%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 !important;
    1649}
    1750
     
    180213     font-size: 0;
    181214     padding: 0;
    182      background-blend-mode: luminosity;
     215     background-blend-mode: luminosity, normal;
    183216}
    184217
     
    274307tr.bottombuttons:last-child td {
    275308     padding-bottom: 20px !important;
     309     border-bottom: 1px solid #443da0 !important;
    276310}
    277311
     
    560594     border-bottom-color: #14144f;
    561595     border-right-color: #14144f;
    562      font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     596     font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    563597     text-align: center;
    564598     padding: 5px 8px !important;
    565 /*     min-width: 95px !important;*/
    566599     margin: 4px 5px;
    567600     box-shadow: inset 0 0 0 1px #000;
Note: See TracChangeset for help on using the changeset viewer.