Changeset fabc57b for installer


Ignore:
Timestamp:
Jan 7, 2017 5:47:01 PM (4 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
053ebd7
Parents:
04b9b20
Message:

Second draft of CSS updates

  • More responsive layout
  • Accessibility tweaks
  • Further consolidation of look & feel between console and webapps
Location:
installer/resources/themes
Files:
34 edited

Legend:

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

    r04b9b20 rfabc57b  
    1212}
    1313
    14 .hide {
     14.hide, .hideme {
    1515     display: none;
    1616}
     
    198198     border: 0 solid #89f;
    199199     margin: 10px 0;
    200 }
    201 
    202 div.toolbar {
    203      margin: 0 0 2em 0;
    204      font-weight: bold;
    205      display: none !important;
    206200}
    207201
     
    368362}
    369363
     364#sb_internals a, #sb_services a, #sb_advanced a {
     365     display: inline-block;
     366     padding: 2px 2px 1px;
     367}
     368
    370369div.routersummary form {
    371370     margin: -2px 0;     
     
    467466     -webkit-filter: drop-shadow(0 0 1px #f60) saturate(200%);
    468467}
     468/* end sidebar */
     469
     470/* buttons & inputs */
     471select {
     472     margin: 3px 5px;
     473     vertical-align: middle;
     474     min-width: 160px;
     475     background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
     476     border-radius: 2px;
     477     border: 1px solid #bbb;
     478     box-shadow: inset 0 0 0 1px #fff;
     479     padding: 4px 16px 4px 2px;
     480     text-overflow: ellipsis;
     481     color: #333;
     482}
     483
     484select option {
     485     background: #fff;
     486}
     487
     488@-moz-document url-prefix() { /* target firefox and derivatives only */
     489select {
     490     -moz-appearance: none;
     491     background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     492}
     493
     494select:hover, select:active {
     495     background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     496}
     497
     498select:focus {
     499     background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     500     box-shadow: 0 0 0 1px #89f;
     501}
     502}
     503
     504select:focus {
     505     color: #000;
     506}
     507
     508select[name="newlogclass"] {
     509     width: 80%;
     510     width: calc(100% - 180px);
     511     margin-right: 0;
     512}
     513
     514select[name="newlogclass"] {
     515     margin-right: 0;
     516}
     517
     518.optbox {
     519     vertical-align: middle;
     520     margin-right: 0;
     521}
     522
     523.homelinkedit .optbox {
     524     margin: 0;
     525}
     526
     527input {
     528     margin: 3px 5px 3px 0;
     529}
     530
     531input[type="radio"], input[type="checkbox"] {
     532     min-width: 16px !important;
     533     min-height: 16px !important;
     534     vertical-align: middle;
     535}
     536
     537input[type="file"] {
     538     margin: 3px 5px;
     539}
     540
     541input[type="text"], input[type="password"] {
     542     margin: 3px 5px 3px 5px;
     543     vertical-align: middle;
     544     min-width: 160px;
     545     border: 1px solid #bbb;
     546     box-shadow: inset 1px 1px 1px #ddd;
     547     border-radius: 2px;
     548     padding: 4px;
     549     color: #333;
     550}
     551
     552input[type="text"]:focus, input[type="password"]:focus {
     553     box-shadow: inset 0 0 0 1px #89f;
     554     color: #000;
     555}
     556
     557button, input, select {
     558     font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Helvetica, sans-serif;
     559     color: #333;
     560}
     561
     562button:hover, input[type="submit"]:hover, input[type="reset"]:hover {
     563     background: #fff;
     564     background: linear-gradient(to bottom, #ddd 0%, #fff 100%);
     565}
     566
     567button:active, input[type="submit"]:active, input[type="reset"]:active {
     568     background: #ddd;
     569}
     570
     571input.search[type="text"] {
     572     background: #fff url(/themes/console/images/buttons/search.png) no-repeat 2px center;
     573     padding: 3px 3px 3px 24px;
     574     min-height: 22px;
     575     border: 1px solid #bbb;
     576     color: #333 !important;
     577}
     578
     579input[name="refreshInterval"] {
     580     text-align: right;
     581}
     582
     583/* accessibility tweak - colors rather than focus rings where possible */
     584
     585.optbox:hover, .optbox:focus, input[type="checkbox"]:hover, input[type="checkbox"]:focus {
     586/*        -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#89f')";*/     
     587     -webkit-filter: drop-shadow(0 0 2px #89f);
     588     filter: drop-shadow( 0 0 2px #89f);
     589     border: 0;
     590     outline: none;
     591}
     592
     593.optbox:disabled:hover, input:disabled:hover {
     594     filter: none;
     595}
     596
     597button:focus, input[type="submit"]:focus, input[type="reset"]:focus {
     598     filter: drop-shadow(0 0 2px #89f);
     599     -webkit-filter: drop-shadow(0 0 2px #89f);
     600}
     601
     602button::-moz-focus-inner, input::-moz-focus-inner {
     603     outline: none;
     604     border: none;
     605}
     606
     607/* end accessibility */
     608
     609/* graphical buttons */
     610
     611input[type="submit"], input[type="reset"], button {
     612     border: 1px solid #999;
     613     box-shadow: inset 0 0 0 1px #fff;
     614     background: #eee;
     615     background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
     616     color: #333;
     617     margin: 3px 8px 3px 0;
     618     font: 9pt "Droid Sans", Ubuntu, "Noto Sans", "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     619     padding: 4px 5px;
     620     text-decoration: none;
     621     border-radius: 2px;
     622     opacity: 1;
     623     background-size: 14px auto, 100% 100% !important;
     624     filter: saturate(70%) drop-shadow(0 0 1px #ccc);
     625     -webkit-filter: saturate(70%) drop-shadow(0 0 1px #ccc);
     626}
     627
     628button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:focus, input[type="submit"]:focus, input[type="reset"]:focus {
     629     background: linear-gradient(to bottom, #ddd 0%, #fff 100%);
     630     border: 1px solid #89f;
     631     color: #222;
     632     filter: saturate(100%) drop-shadow(0 0 1px #89f);
     633     -webkit-filter: saturate(100%) drop-shadow(0 0 1px #89f);
     634}
     635
     636button:active, input[type="submit"]:active, input[type="reset"]:active {
     637     border: 1px solid #999;
     638     box-shadow: inset 2px 2px 2px #555;
     639     background-blend-mode: luminosity;
     640     filter: saturate(100%) drop-shadow(0 0 1px #ccc);
     641     -webkit-filter: saturate(100%) drop-shadow(0 0 1px #ccc);
     642}
     643
     644input.accept, button.accept {
     645     background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     646     padding: 5px 5px 5px 21px;
     647}
     648
     649input.accept:hover, button.accept:hover,
     650input.accept:focus, button.accept:focus {
     651     background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     652}
     653
     654input.accept[value^="Unban"], button.accept[value^="Unban"] {
     655     background: url(/themes/console/images/buttons/unban.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     656     padding: 5px 5px 5px 21px;
     657}
     658
     659input.accept[value^="Unban"]:hover, button.accept[value^="Unban"]:hover,
     660input.accept[value^="Unban"]:focus, button.accept[value^="Unban"]:focus {
     661     background: url(/themes/console/images/buttons/unban.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     662}
     663
     664input.accept[value^="Create"], button.accept[value^="Create"] {
     665     background: url(/themes/console/images/buttons/create.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     666     padding: 5px 5px 5px 21px;
     667}
     668
     669input.accept[value^="Create"]:hover, button.accept[value^="Create"]:hover,
     670input.accept[value^="Create"]:focus, button.accept[value^="Create"]:focus {
     671     background: url(/themes/console/images/buttons/create.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     672}
     673
     674input.accept[value^="Filter"], button.accept[value^="Filter"] {
     675     background: url(/themes/console/images/buttons/filter.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     676     padding: 5px 5px 5px 21px;
     677}
     678
     679input.accept[value^="Filter"]:hover, button.accept[value^="Filter"]:hover,
     680input.accept[value^="Filter"]:focus, button.accept[value^="Filter"]:focus {
     681     background: url(/themes/console/images/buttons/filter.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     682}
     683
     684input.add, button.add {
     685     background: url(/themes/console/images/buttons/add.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     686     padding: 5px 5px 5px 21px;
     687}
     688
     689input.add:hover, button.add:hover,
     690input.add:focus, button.add:focus {
     691     background: url(/themes/console/images/buttons/add.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     692}
     693
     694input.add[value^="Adjust"], button.add[value^="Adjust"] {
     695     background: url(/themes/console/images/buttons/edit2.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     696     padding: 5px 5px 5px 21px;
     697}
     698
     699input.add[value^="Adjust"]:hover, button.add[value^="Adjust"]:hover,
     700input.add[value^="Adjust"]:focus, button.add[value^="Adjust"]:focus {
     701     background: url(/themes/console/images/buttons/edit2.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     702}
     703
     704input.cancel, button.cancel {
     705     background: url(/themes/console/images/buttons/no.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     706     padding: 5px 5px 5px 21px;
     707}
     708
     709input.cancel:hover, button.cancel:hover,
     710input.cancel:focus, button.cancel:focus {
     711     background: url(/themes/console/images/buttons/no.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     712}
     713
     714input.accept[value^="Show"], button.accept[value^="Show"],
     715input.check[value^="View"], button.check[value^="View"] {
     716     background: url(/themes/console/images/buttons/show.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     717     padding: 5px 5px 5px 21px;
     718}
     719
     720input.accept[value^="Show"]:hover, button.accept[value^="Show"]:hover,
     721input.check[value^="View"]:hover, button.check[value^="View"]:hover,
     722input.accept[value^="Show"]:focus, button.accept[value^="Show"]:focus,
     723input.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%);
     725}
     726
     727input.cancel[value^="Hide"], button.cancel[value^="Hide"],
     728input.delete[value^="Do not view"], button.delete[value^="Do not view"] {
     729     background: url(/themes/console/images/buttons/hide.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     730     padding: 5px 5px 5px 21px;
     731}
     732
     733input.cancel[value^="Hide"]:hover, button.cancel[value^="Hide"]:hover,
     734input.delete[value^="Do not view"]:hover, button.delete[value^="Do not view"]:hover,
     735input.cancel[value^="Hide"]:focus, button.cancel[value^="Hide"]:focus,
     736input.delete[value^="Do not view"]:focus, button.delete[value^="Do not view"]:focus {
     737     background: url(/themes/console/images/buttons/hide.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     738}
     739
     740input.check, button.check {
     741     background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     742     padding: 5px 5px 5px 21px;
     743}
     744
     745input.check:hover, button.check:hover,
     746input.check:focus, button.check:focus {
     747     background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     748}
     749
     750input.check[value$="updates"], button.check[value$="updates"] {
     751     background: url(/themes/console/images/buttons/update.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     752     padding: 5px 5px 5px 21px;
     753}
     754
     755input.check[value$="updates"]:hover, button.check[value$="updates"]:hover,
     756input.check[value$="updates"]:focus, button.check[value$="updates"]:focus {
     757     background: url(/themes/console/images/buttons/update_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     758}
     759
     760input.delete, button.delete {
     761     background: url(/themes/console/images/buttons/delete.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     762     padding: 5px 5px 5px 21px;
     763}
     764
     765input.delete:hover, button.delete:hover,
     766input.delete:focus, button.delete:focus {
     767     background: url(/themes/console/images/buttons/delete_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     768}
     769
     770input.delete[value^="Ban"], button.delete[value^="Ban"] {
     771     background: url(/themes/console/images/buttons/ban.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     772     padding: 5px 5px 5px 21px;
     773}
     774
     775input.delete[value^="Ban"]:hover, button.delete[value^="Ban"]:hover,
     776input.delete[value^="Ban"]:focus, button.delete[value^="Ban"]:focus {
     777     background: url(/themes/console/images/buttons/ban.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     778}
     779
     780input.download, button.download {
     781     background: url(/themes/console/images/buttons/download.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     782     padding: 5px 5px 5px 21px;
     783}
     784
     785input.download:hover, button.download:hover,
     786input.download:focus, button.download:focus {
     787     background: url(/themes/console/images/buttons/download.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     788}
     789
     790input.download[value^="Join"], button.download[value^="Join"] {
     791     background: url(/themes/console/images/buttons/users.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     792     padding: 5px 5px 5px 21px;
     793}
     794
     795input.download[value^="Join"]:hover, button.download[value^="Join"]:hover,
     796input.download[value^="Join"]:focus, button.download[value^="Join"]:focus {
     797     background: url(/themes/console/images/buttons/users.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     798}
     799
     800input.download[value$="from File"], button.download[value$="from File"],
     801input.download[value$="from file"], button.download[value$="from file"] {
     802     background: url(/themes/console/images/buttons/from-file.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     803     padding: 5px 5px 5px 21px;
     804}
     805
     806input.download[value$="from File"]:hover, button.download[value$="from File"]:hover,
     807input.download[value$="from file"]:hover, button.download[value$="from file"]:hover,
     808input.download[value$="from File"]:focus, button.download[value$="from File"]:focus,
     809input.download[value$="from file"]:focus, button.download[value$="from file"]:focus {
     810     background: url(/themes/console/images/buttons/from-file.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     811}
     812
     813input.download[value^="Dump"], button.download[value^="Dump"] {
     814     background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     815     padding: 5px 5px 5px 21px;
     816}
     817
     818input.download[value^="Dump"]:hover, button.download[value^="Dump"]:hover,
     819input.download[value^="Dump"]:focus, button.download[value^="Dump"]:focus {
     820     background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     821}
     822
     823input.go, button.go, input[value="GO"] {
     824     background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     825     padding: 5px 5px 5px 21px;
     826}
     827
     828input.go:hover, button.go:hover, input[value="GO"]:hover,
     829input.go:focus, button.go:focus, input[value="GO"]:focus {
     830     background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     831}
     832
     833input.go[value^="Create"], button.go[value^="Create"] {
     834     background: url(/themes/console/images/buttons/create-file.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     835     padding: 5px 5px 5px 21px;
     836}
     837
     838input.go[value^="Create"]:hover, button.go[value^="Create"]:hover,
     839input.go[value^="Create"]:focus, button.go[value^="Create"]:focus {
     840     background: url(/themes/console/images/buttons/create-file.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     841}
     842
     843input.reload, button.reload {
     844     background: url(/themes/console/images/buttons/restore.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     845     padding: 5px 5px 5px 21px;
     846}
     847
     848input.reload:hover, button.reload:hover,
     849input.reload:focus, button.reload:focus {
     850     background: url(/themes/console/images/buttons/restore_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     851}
     852
     853input.reload[value$="restart"], button.reload[value$="restart"] {
     854     background: url(/themes/console/images/buttons/restart.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     855     padding: 5px 5px 5px 21px;
     856}
     857
     858input.reload[value$="restart"]:hover, button.reload[value$="restart"]:hover,
     859input.reload[value$="restart"]:focus, button.reload[value$="restart"]:focus {
     860     background: url(/themes/console/images/buttons/restart_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     861}
     862
     863input.reload[value^="Update"], button.reload[value^="Update"] {
     864     background: url(/themes/console/images/buttons/update.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     865     padding: 5px 5px 5px 21px;
     866}
     867
     868input.reload[value^="Update"]:hover, button.reload[value^="Update"]:hover,
     869input.reload[value^="Update"]:focus, button.reload[value^="Update"]:focus {
     870     background: url(/themes/console/images/buttons/update_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     871}
     872
     873input.reload[value="Force GC"], button.reload[value="Force GC"] {
     874     background: url(/themes/console/images/buttons/clean.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     875     padding: 5px 5px 5px 21px;
     876}
     877
     878input.reload[value="Force GC"]:hover, button.reload[value="Force GC"]:hover,
     879input.reload[value="Force GC"]:focus, button.reload[value="Force GC"]:focus {
     880     background: url(/themes/console/images/buttons/clean_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     881}
     882
     883input.stop, button.stop {
     884     background: url(/themes/console/images/buttons/shutdown.png) no-repeat 6px 6px, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     885     padding: 5px 5px 5px 21px;
     886}
     887
     888input.stop:hover, button.stop:hover,
     889input.stop:focus, button.stop:focus {
     890     background: url(/themes/console/images/buttons/shutdown_hover.png) no-repeat 6px 6px, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     891}
     892
     893button.search {
     894     background: url(/themes/console/images/buttons/search.png) no-repeat 6px 6px, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     895     padding: 5px 5px 5px 21px;
     896}
     897
     898button.search:hover,
     899button.search:focus {
     900     background: url(/themes/console/images/buttons/search_hover.png) no-repeat 6px 6px, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     901}
     902
     903
     904/* client config buttons aka project "X" */
     905
     906button.Xaccept {
     907     font-size: 0;
     908     text-indent: -99999px;
     909     background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     910     background-size: 16px 16px, 100% 100% !important;     
     911     padding: 12px 11px;
     912}
     913
     914button.Xaccept:hover, button.Xaccept:focus {
     915     background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     916}
     917
     918button.Xstop {
     919     font-size: 0;
     920     text-indent: -99999px;
     921     background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     922     background-size: 16px 16px, 100% 100% !important;     
     923     padding: 12px 11px;
     924}
     925
     926button.Xstop:hover, button.Xstop:focus {
     927     background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     928}
     929
     930button.Xadd {
     931     font-size: 0;
     932     text-indent: -99999px;
     933     background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     934     background-size: 16px 16px, 100% 100% !important;     
     935     padding: 12px 11px;
     936}
     937
     938button.Xadd:hover, button.Xadd:focus {
     939     background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     940}
     941
     942button.Xdelete {
     943     font-size: 0;
     944     text-indent: -99999px;
     945     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     946     background-size: 16px 16px, 100% 100% !important;     
     947     padding: 12px 11px;
     948}
     949
     950button.Xdelete:hover, button.Xdelete:focus {
     951     background: url(/themes/console/images/buttons/delete_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     952}
     953
     954button.Xcheck {
     955     font-size: 0;
     956     text-indent: -99999px;
     957     background: url(/themes/console/images/buttons/update.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     958     background-size: 16px 16px, 100% 100% !important;     
     959     padding: 12px 11px;
     960}
     961
     962button.Xcheck:hover, button.Xcheck:focus {
     963     background: url(/themes/console/images/buttons/update_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     964}
     965
     966button.Xdownload {
     967     font-size: 0;
     968     text-indent: -99999px;
     969     background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     970     background-size: 16px 16px, 100% 100% !important;     
     971     padding: 12px 11px;
     972}
     973
     974button.Xdownload:hover, button.Xdownload:focus {
     975     background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     976}
     977
     978button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner  {
     979     outline: none;
     980     border: none;
     981}
     982
     983/* end project "X" */
     984
     985/* sidebar buttons */
     986
     987.routersummary button {
     988     margin: 0 1px -3px;
     989     min-width: 87px;
     990}
     991
     992.routersummary .reload, .routersummary .stop {
     993     text-indent: -99999px;
     994     background-size: 16px 16px, 100% 100% !important;
     995}
     996
     997.routersummary .reload {
     998     background: url(/themes/console/images/buttons/restart.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
     999}
     1000
     1001.routersummary .reload:hover, .routersummary .reload:focus {
     1002     background: url(/themes/console/images/buttons/restart_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
     1003     border: 1px solid #89f;
     1004}
     1005
     1006.routersummary .reload:active, .routersummary .stop:active, .routersummary .download:active {
     1007     box-shadow: inset 2px 2px 2px #555;
     1008     border: 1px solid #999 !important;
     1009}
     1010
     1011.routersummary .stop {
     1012     background: url(/themes/console/images/buttons/shutdown.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     1013}
     1014
     1015.routersummary .stop:hover, .routersummary .stop:focus {
     1016     background: url(/themes/console/images/buttons/shutdown_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1017     border: 1px solid #89f;
     1018}
     1019
     1020.routersummary .download {
     1021     background: url(/themes/console/images/buttons/download.png) 3px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
     1022     background-size: 16px 16px, 100% 100% !important;
     1023     padding: 5px 3px 5px 17px !important;
     1024/*     margin-top: -4px;*/
     1025}
     1026
     1027@media screen and (-webkit-min-device-pixel-ratio:0) {
     1028.routersummary .download, .routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active {
     1029     padding-left: 19px !important;
     1030}
     1031}
     1032
     1033.routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active {
     1034     background: url(/themes/console/images/buttons/download.png) 3px center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1035     background-size: 16px 16px, 100% 100% !important;
     1036     padding: 5px 3px 5px 17px !important;     
     1037     border: 1px solid #f60;
     1038}
     1039
     1040/* end sidebar buttons */
     1041/* end buttons & inputs */
     1042
     1043
    4691044
    4701045div.main {
     
    5461121div.welcome {
    5471122     margin-top: 5px;
     1123}
     1124
     1125.welcome + div .tidylist {
     1126     line-height: 150% !important;
    5481127}
    5491128
     
    6311210     padding: 5px 10px 3px;
    6321211     margin: 10px 10px -7px !important;
     1212     letter-spacing: 0.1em;
     1213}
     1214
     1215.newsentry h3 {
     1216     letter-spacing: 0.1em;
     1217}
     1218
     1219.newsentry h3 a {
     1220     letter-spacing: 0.08em !important;
     1221}
     1222
     1223.newsentry p {
     1224     line-height: 140% !important;
    6331225}
    6341226
     
    8351427     display: none;
    8361428}
    837 #profiles tr:hover, #floodfills tr:hover,  #ntcpconnections tr:hover, #udpconnections tr:hover, .homelinkedit tr:hover, .main#debug table:first-of-type tr:hover td {
     1429
     1430#profiles tr:hover, #floodfills tr:hover,  #ntcpconnections tr:hover, #udpconnections tr:hover,
     1431.homelinkedit tr:hover, .main#debug table:first-of-type tr:hover td {
    8381432     background: #fff;
    8391433     background: linear-gradient(to bottom, #fff 0%, #ffe 100%);
     
    8411435     border-top: 1px solid #89f;
    8421436     border-bottom: 1px solid #89f;
     1437}
     1438
     1439@media screen and (-webkit-min-device-pixel-ratio:0) {
     1440
     1441#profiles tr:hover, #floodfills tr:hover,  #ntcpconnections tr:hover, #udpconnections tr:hover,
     1442.homelinkedit tr:nth-last-child(n+2):hover, .main#debug table:first-of-type tr:hover td, #sidebarconf tr:nth-last-child(n+2):hover td {
     1443     border-top: inherit;
     1444     border-bottom: inherit;
     1445     background: #ffd !important;
     1446}
    8431447}
    8441448
     
    9581562
    9591563#pluginconfig button, #webappconfig button, #clientconfig button {
    960 /*     min-width: 60px !important;*/
    9611564     margin: 3px;
    9621565}
     
    9861589}
    9871590
     1591#criticallogs tr:first-child {
     1592     display: none;
     1593}
     1594
    9881595.logtable tr:first-child {
    9891596     border-bottom: 1px solid #89f;
     
    10441651#sidebarconf button {
    10451652     margin: 2px;
    1046      padding: 1px;
     1653     padding: 2px 3px;
     1654     background-size: 100% 100% !important;
     1655}
     1656
     1657#sidebarconf button img {
     1658     height: 14px;
     1659     width: 14px;
    10471660}
    10481661
     
    10721685
    10731686#sidebarconf tr:hover, #eventlog tr:hover, .tunneldisplay tr:hover, #jobstats tr:hover, #schedjobs tr:hover, #jardump tr:hover {
    1074      background: #fff;
     1687     background: #ffd;
    10751688     background: linear-gradient(to bottom, #fff 0%, #ffe 100%);
    10761689     color: #104e99;
     
    11001713
    11011714#sidebarconf td:nth-child(3), #sidebarconf td:nth-child(4) {
    1102      width: 75px;
     1715     width: 59px;
    11031716     padding: 0;
    11041717     white-space: nowrap;
     
    12031816
    12041817h3, h4#updateplugins {
    1205      font-size: 10.5pt;
     1818     font-size: 11pt;
    12061819     padding: 6px 10px;
    12071820     border: 1px solid #89f;
     
    12161829h3.ptitle {
    12171830     margin-bottom: -13px;
     1831}
     1832
     1833h3.ptitle, h3.tabletitle, th.th_title {
     1834     font-size: 10pt;
    12181835}
    12191836
     
    16022219     max-height: 32px;
    16032220     max-width: 32px;
    1604      max-width: auto;
    16052221     padding: 5px 40px;
    16062222}
     
    16762292     content: url(/themes/console/images/buttons/configure.png);
    16772293     float: right;
     2294     padding: 1px;
    16782295}
    16792296
     
    17132330     border-top: 0;
    17142331     padding: 5px 0;
    1715      background: #fff url(images/tinytitle.png) center center repeat-x !important;
     2332     background: #fff url(images/tinytitle.png) center center repeat-x;
     2333     background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%);
    17162334}
    17172335
     
    18902508}
    18912509
     2510.homelinkedit th:first-child, #sidebarconf th:first-child {
     2511     background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%);
     2512     font-size: 0;
     2513}
     2514
    18922515.homelinkedit th:last-child, .homelinkedit th:nth-child(3) {
    18932516     text-align: left !important;
     
    19652588     background: #fff;
    19662589     border-top: 1px solid #89f;
     2590}
     2591
     2592#addkeyring tr:last-child td {
     2593     padding: 7px 2px;
    19672594}
    19682595
     
    19972624}
    19982625
    1999 .formaction#shutdown, .formaction#restart, .formaction#systray, .formaction#runonstart, .formaction#dumpthreads, .formaction#browserstart, .formaction#sidebardefaults, .formaction#tunnelconfigsave, .formaction#updateplugins, .formaction#consolepass {
     2626.formaction#shutdown, .formaction#restart, .formaction#systray, .formaction#runonstart,
     2627.formaction#dumpthreads, .formaction#browserstart, .formaction#sidebardefaults,
     2628.formaction#tunnelconfigsave, .formaction#updateplugins, .formaction#consolepass {
    20002629     border: 1px solid #89f;
    20012630     margin-top: -13px;
     
    20032632}
    20042633
    2005 .formaction#clientsconfig, .formaction#webappconfigactions, .formaction#pluginupdater, .formaction#sidebardefaults, .formaction#tunnelconfigsave, .formaction#consolepass {
     2634.formaction#clientsconfig, .formaction#webappconfigactions, .formaction#pluginupdater, .formaction#sidebardefaults,
     2635.formaction#tunnelconfigsave, .formaction#consolepass {
    20062636     border: 1px solid #89f;
    20072637     margin-top: -6px;
     
    20622692     filter: drop-shadow(0 0 1px #999);
    20632693     -webkit-filter: drop-shadow(0 0 1px #999);
    2064      transition: ease all 0.3s 0;
     2694     transition: ease all 0.3s 0s;
    20652695}
    20662696
     
    20702700     -webkit-filter: drop-shadow(0 0 1px #f60);
    20712701     transform: scale(1.1);
    2072      transition: ease all 0.3s 0;
     2702     transition: ease all 0.3s 0s;
    20732703}
    20742704
     
    21002730
    21012731a:link {
    2102      color: #006;
     2732     color: #33a;
    21032733     text-decoration: none;
    21042734     font-weight: bold;
     
    21202750
    21212751a:active {
    2122      color: #f93;
     2752     color: #f93 !important;
    21232753     text-decoration: none;
    21242754     font-weight: bold;
     2755}
     2756
     2757a.script {
     2758     letter-spacing: normal;
     2759     word-spacing: normal;
    21252760}
    21262761
     
    22152850
    22162851div.graphspanel a img:hover {
    2217      border: 1px solid #89f;
     2852     border: 1px solid #f60;
    22182853     text-align: center !important;
    2219      background: #001;
     2854     background: #ccf;
    22202855     opacity: 1;
     2856     cursor: url(/themes/console/images/cursor_zoom.png), pointer;
    22212857}
    22222858
     
    22912927     border: 0 solid #99f;
    22922928}
    2293 
    2294 select {
    2295      margin: 3px 5px;
    2296      vertical-align: middle;
    2297      min-width: 160px;
    2298      background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
    2299      border-radius: 2px;
    2300      border: 1px solid #bbb;
    2301      box-shadow: inset 0 0 0 1px #fff;
    2302      padding: 4px 16px 4px 2px;
    2303      text-overflow: ellipsis;
    2304      color: #333;
    2305 }
    2306 
    2307 select option {
    2308      background: #fff;
    2309 }
    2310 
    2311 @-moz-document url-prefix() { /* target firefox and derivatives only */
    2312 select {
    2313      -moz-appearance: none;
    2314      background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    2315 }
    2316 
    2317 select:hover, select:active {
    2318      background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
    2319 }
    2320 
    2321 select:focus {
    2322      background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
    2323      box-shadow: 0 0 0 1px #89f;
    2324 }
    2325 }
    2326 
    2327 select:focus {
    2328      color: #000;
    2329 }
    2330 
    2331 select[name="newlogclass"] {
    2332      width: 80%;
    2333      width: calc(100% - 180px);
    2334      margin-right: 0;
    2335 }
    2336 
    2337 select[name="newlogclass"] {
    2338      margin-right: 0;
    2339 }
    2340 
    2341 button, input, select {
    2342      font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Helvetica, sans-serif;
    2343      color: #333;
    2344 }
    2345 
    2346 .optbox {
    2347      vertical-align: middle;
    2348      margin-right: 0;
    2349 }
    2350 
    2351 .homelinkedit .optbox {
    2352      margin: 0;
    2353 }
    2354 
    2355 input {
    2356      margin: 3px 5px 3px 0;
    2357 }
    2358 
    2359 input[type="file"] {
    2360      margin: 3px 5px;
    2361 }
    2362 
    2363 input[type="text"], input[type="password"] {
    2364      margin: 3px 5px 3px 5px;
    2365      vertical-align: middle;
    2366      min-width: 160px;
    2367      border: 1px solid #bbb;
    2368      box-shadow: inset 1px 1px 1px #ddd;
    2369      border-radius: 2px;
    2370      padding: 4px;
    2371      color: #333;
    2372 }
    2373 
    2374 input[type="text"]:focus, input[type="password"]:focus {
    2375      box-shadow: inset 0 0 0 1px #89f;
    2376      color: #000;
    2377 }
    2378 
    2379 button {
    2380      margin: 1px;
    2381 /*     min-width: 50px;*/
    2382 }
    2383 
    2384 button:hover, input[type="submit"]:hover, input[type="reset"]:hover {
    2385      background: #fff;
    2386      background: linear-gradient(to bottom, #ddd 0%, #fff 100%);
    2387 }
    2388 
    2389 button:active, input[type="submit"]:active, input[type="reset"]:active {
    2390      background: #ddd;
    2391 }
    2392 
    2393 input.search[type="text"] {
    2394      background: #fff url(/themes/console/images/buttons/search.png) no-repeat 2px center;
    2395      padding: 3px 3px 3px 24px;
    2396      min-height: 22px;
    2397      border: 1px solid #bbb;
    2398      color: #333 !important;
    2399 }
    2400 
    2401 input[name="refreshInterval"] {
    2402      text-align: right;
    2403 }
    2404 
    2405 /* accessibility tweak - colors rather than focus rings where possible */
    2406 
    2407 .optbox:hover, .optbox:focus, input[type="checkbox"]:hover, input[type="checkbox"]:focus {
    2408 /*        -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#89f')";*/     
    2409      -webkit-filter: drop-shadow(0 0 2px #89f);
    2410      filter: drop-shadow( 0 0 2px #89f);
    2411      border: 0;
    2412      outline: none;
    2413 }
    2414 
    2415 .optbox:disabled:hover, input:disabled:hover {
    2416      filter: none;
    2417 }
    2418 
    2419 button:focus, input[type="submit"]:focus, input[type="reset"]:focus {
    2420      filter: drop-shadow(0 0 2px #89f);
    2421      -webkit-filter: drop-shadow(0 0 2px #89f);
    2422 }
    2423 
    2424 button::-moz-focus-inner, input::-moz-focus-inner {
    2425      outline: none;
    2426      border: none;
    2427 }
    2428 
    2429 /* end accessibility */
    24302929
    24312930.topness {
     
    36254124/* end informational images */
    36264125
    3627 /* buttons */
    3628 
    3629 input[type="submit"], input[type="reset"], button {
    3630      border: 1px solid #999;
    3631      box-shadow: inset 0 0 0 1px #fff;
    3632      background: #eee;
    3633      background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3634      color: #333;
    3635      margin: 3px 8px 3px 0;
    3636      font: 9pt "Droid Sans", Ubuntu, "Noto Sans", "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    3637      padding: 4px 5px;
    3638      text-decoration: none;
    3639      border-radius: 2px;
    3640      opacity: 1;
    3641      background-size: 14px auto, 100% 100% !important;
    3642      filter: saturate(70%) drop-shadow(0 0 1px #ccc);
    3643      -webkit-filter: saturate(70%) drop-shadow(0 0 1px #ccc);
    3644 }
    3645 
    3646 button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:focus, input[type="submit"]:focus, input[type="reset"]:focus {
    3647      background: linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3648      border: 1px solid #f60;
    3649      color: #222;
    3650      filter: saturate(100%) drop-shadow(0 0 1px #ccc);
    3651      -webkit-filter: saturate(100%) drop-shadow(0 0 1px #ccc);
    3652 }
    3653 
    3654 button:active, input[type="submit"]:active, input[type="reset"]:active {
    3655      box-shadow: inset 2px 2px 2px #555;
    3656      background-blend-mode: luminosity;
    3657 }
    3658 
    3659 input.accept, button.accept {
    3660      background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3661      padding: 5px 5px 5px 21px;
    3662 }
    3663 
    3664 input.accept:hover, button.accept:hover,
    3665 input.accept:focus, button.accept:focus {
    3666      background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3667 }
    3668 
    3669 input.accept[value^="Unban"], button.accept[value^="Unban"] {
    3670      background: url(/themes/console/images/buttons/unban.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3671      padding: 5px 5px 5px 21px;
    3672 }
    3673 
    3674 input.accept[value^="Unban"]:hover, button.accept[value^="Unban"]:hover,
    3675 input.accept[value^="Unban"]:focus, button.accept[value^="Unban"]:focus {
    3676      background: url(/themes/console/images/buttons/unban.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3677 }
    3678 
    3679 input.accept[value^="Create"], button.accept[value^="Create"] {
    3680      background: url(/themes/console/images/buttons/create.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3681      padding: 5px 5px 5px 21px;
    3682 }
    3683 
    3684 input.accept[value^="Create"]:hover, button.accept[value^="Create"]:hover,
    3685 input.accept[value^="Create"]:focus, button.accept[value^="Create"]:focus {
    3686      background: url(/themes/console/images/buttons/create.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3687 }
    3688 
    3689 input.accept[value^="Filter"], button.accept[value^="Filter"] {
    3690      background: url(/themes/console/images/buttons/filter.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3691      padding: 5px 5px 5px 21px;
    3692 }
    3693 
    3694 input.accept[value^="Filter"]:hover, button.accept[value^="Filter"]:hover,
    3695 input.accept[value^="Filter"]:focus, button.accept[value^="Filter"]:focus {
    3696      background: url(/themes/console/images/buttons/filter.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3697 }
    3698 
    3699 input.add, button.add {
    3700      background: url(/themes/console/images/buttons/add.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3701      padding: 5px 5px 5px 21px;
    3702 }
    3703 
    3704 input.add:hover, button.add:hover,
    3705 input.add:focus, button.add:focus {
    3706      background: url(/themes/console/images/buttons/add.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3707 }
    3708 
    3709 input.add[value^="Adjust"], button.add[value^="Adjust"] {
    3710      background: url(/themes/console/images/buttons/edit2.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3711      padding: 5px 5px 5px 21px;
    3712 }
    3713 
    3714 input.add[value^="Adjust"]:hover, button.add[value^="Adjust"]:hover,
    3715 input.add[value^="Adjust"]:focus, button.add[value^="Adjust"]:focus {
    3716      background: url(/themes/console/images/buttons/edit2.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3717 }
    3718 
    3719 input.cancel, button.cancel {
    3720      background: url(/themes/console/images/buttons/no.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3721      padding: 5px 5px 5px 21px;
    3722 }
    3723 
    3724 input.cancel:hover, button.cancel:hover,
    3725 input.cancel:focus, button.cancel:focus {
    3726      background: url(/themes/console/images/buttons/no.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3727 }
    3728 
    3729 input.accept[value^="Show"], button.accept[value^="Show"],
    3730 input.check[value^="View"], button.check[value^="View"] {
    3731      background: url(/themes/console/images/buttons/show.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3732      padding: 5px 5px 5px 21px;
    3733 }
    3734 
    3735 input.accept[value^="Show"]:hover, button.accept[value^="Show"]:hover,
    3736 input.check[value^="View"]:hover, button.check[value^="View"]:hover,
    3737 input.accept[value^="Show"]:focus, button.accept[value^="Show"]:focus,
    3738 input.check[value^="View"]:focus, button.check[value^="View"]:focus {
    3739      background: url(/themes/console/images/buttons/show.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3740 }
    3741 
    3742 input.cancel[value^="Hide"], button.cancel[value^="Hide"],
    3743 input.delete[value^="Do not view"], button.delete[value^="Do not view"] {
    3744      background: url(/themes/console/images/buttons/hide.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3745      padding: 5px 5px 5px 21px;
    3746 }
    3747 
    3748 input.cancel[value^="Hide"]:hover, button.cancel[value^="Hide"]:hover,
    3749 input.delete[value^="Do not view"]:hover, button.delete[value^="Do not view"]:hover,
    3750 input.cancel[value^="Hide"]:focus, button.cancel[value^="Hide"]:focus,
    3751 input.delete[value^="Do not view"]:focus, button.delete[value^="Do not view"]:focus {
    3752      background: url(/themes/console/images/buttons/hide.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3753 }
    3754 
    3755 input.check, button.check {
    3756      background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3757      padding: 5px 5px 5px 21px;
    3758 }
    3759 
    3760 input.check:hover, button.check:hover,
    3761 input.check:focus, button.check:focus {
    3762      background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3763 }
    3764 
    3765 input.check[value$="updates"], button.check[value$="updates"] {
    3766      background: url(/themes/console/images/buttons/update.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3767      padding: 5px 5px 5px 21px;
    3768 }
    3769 
    3770 input.check[value$="updates"]:hover, button.check[value$="updates"]:hover,
    3771 input.check[value$="updates"]:focus, button.check[value$="updates"]:focus {
    3772      background: url(/themes/console/images/buttons/update_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3773 }
    3774 
    3775 input.delete, button.delete {
    3776      background: url(/themes/console/images/buttons/delete.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3777      padding: 5px 5px 5px 21px;
    3778 }
    3779 
    3780 input.delete:hover, button.delete:hover,
    3781 input.delete:focus, button.delete:focus {
    3782      background: url(/themes/console/images/buttons/delete_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3783 }
    3784 
    3785 input.delete[value^="Ban"], button.delete[value^="Ban"] {
    3786      background: url(/themes/console/images/buttons/ban.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3787      padding: 5px 5px 5px 21px;
    3788 }
    3789 
    3790 input.delete[value^="Ban"]:hover, button.delete[value^="Ban"]:hover,
    3791 input.delete[value^="Ban"]:focus, button.delete[value^="Ban"]:focus {
    3792      background: url(/themes/console/images/buttons/ban.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3793 }
    3794 
    3795 input.download, button.download {
    3796      background: url(/themes/console/images/buttons/download.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3797      padding: 5px 5px 5px 21px;
    3798 }
    3799 
    3800 input.download:hover, button.download:hover,
    3801 input.download:focus, button.download:focus {
    3802      background: url(/themes/console/images/buttons/download.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3803 }
    3804 
    3805 input.download[value^="Join"], button.download[value^="Join"] {
    3806      background: url(/themes/console/images/buttons/users.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3807      padding: 5px 5px 5px 21px;
    3808 }
    3809 
    3810 input.download[value^="Join"]:hover, button.download[value^="Join"]:hover,
    3811 input.download[value^="Join"]:focus, button.download[value^="Join"]:focus {
    3812      background: url(/themes/console/images/buttons/users.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3813 }
    3814 
    3815 input.download[value$="from File"], button.download[value$="from File"],
    3816 input.download[value$="from file"], button.download[value$="from file"] {
    3817      background: url(/themes/console/images/buttons/from-file.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3818      padding: 5px 5px 5px 21px;
    3819 }
    3820 
    3821 input.download[value$="from File"]:hover, button.download[value$="from File"]:hover,
    3822 input.download[value$="from file"]:hover, button.download[value$="from file"]:hover,
    3823 input.download[value$="from File"]:focus, button.download[value$="from File"]:focus,
    3824 input.download[value$="from file"]:focus, button.download[value$="from file"]:focus {
    3825      background: url(/themes/console/images/buttons/from-file.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3826 }
    3827 
    3828 input.download[value^="Dump"], button.download[value^="Dump"] {
    3829      background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3830      padding: 5px 5px 5px 21px;
    3831 }
    3832 
    3833 input.download[value^="Dump"]:hover, button.download[value^="Dump"]:hover,
    3834 input.download[value^="Dump"]:focus, button.download[value^="Dump"]:focus {
    3835      background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3836 }
    3837 
    3838 input.go, button.go, input[value="GO"] {
    3839      background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3840      padding: 5px 5px 5px 21px;
    3841 }
    3842 
    3843 input.go:hover, button.go:hover, input[value="GO"]:hover,
    3844 input.go:focus, button.go:focus, input[value="GO"]:focus {
    3845      background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3846 }
    3847 
    3848 input.go[value^="Create"], button.go[value^="Create"] {
    3849      background: url(/themes/console/images/buttons/create-file.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3850      padding: 5px 5px 5px 21px;
    3851 }
    3852 
    3853 input.go[value^="Create"]:hover, button.go[value^="Create"]:hover,
    3854 input.go[value^="Create"]:focus, button.go[value^="Create"]:focus {
    3855      background: url(/themes/console/images/buttons/create-file.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3856 }
    3857 
    3858 input.reload, button.reload {
    3859      background: url(/themes/console/images/buttons/restore.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3860      padding: 5px 5px 5px 21px;
    3861 }
    3862 
    3863 input.reload:hover, button.reload:hover,
    3864 input.reload:focus, button.reload:focus {
    3865      background: url(/themes/console/images/buttons/restore_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3866 }
    3867 
    3868 input.reload[value$="restart"], button.reload[value$="restart"] {
    3869      background: url(/themes/console/images/buttons/restart.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3870      padding: 5px 5px 5px 21px;
    3871 }
    3872 
    3873 input.reload[value$="restart"]:hover, button.reload[value$="restart"]:hover,
    3874 input.reload[value$="restart"]:focus, button.reload[value$="restart"]:focus {
    3875      background: url(/themes/console/images/buttons/restart_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3876 }
    3877 
    3878 input.reload[value^="Update"], button.reload[value^="Update"] {
    3879      background: url(/themes/console/images/buttons/update.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3880      padding: 5px 5px 5px 21px;
    3881 }
    3882 
    3883 input.reload[value^="Update"]:hover, button.reload[value^="Update"]:hover,
    3884 input.reload[value^="Update"]:focus, button.reload[value^="Update"]:focus {
    3885      background: url(/themes/console/images/buttons/update_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3886 }
    3887 
    3888 input.reload[value="Force GC"], button.reload[value="Force GC"] {
    3889      background: url(/themes/console/images/buttons/clean.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3890      padding: 5px 5px 5px 21px;
    3891 }
    3892 
    3893 input.reload[value="Force GC"]:hover, button.reload[value="Force GC"]:hover,
    3894 input.reload[value="Force GC"]:focus, button.reload[value="Force GC"]:focus {
    3895      background: url(/themes/console/images/buttons/clean_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3896 }
    3897 
    3898 input.stop, button.stop {
    3899      background: url(/themes/console/images/buttons/shutdown.png) no-repeat 6px center, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3900      padding: 5px 5px 5px 21px;
    3901 }
    3902 
    3903 input.stop:hover, button.stop:hover,
    3904 input.stop:focus, button.stop:focus {
    3905      background: url(/themes/console/images/buttons/shutdown_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3906 }
    3907 
    3908 /* client config buttons aka project "X" */
    3909 
    3910 button.Xaccept {
    3911      font-size: 0;
    3912      text-indent: -99999px;
    3913      background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3914      background-size: 16px 16px, 100% 100% !important;     
    3915      padding: 12px 11px;
    3916 }
    3917 
    3918 button.Xaccept:hover, button.Xaccept:focus {
    3919      background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3920 }
    3921 
    3922 button.Xstop {
    3923      font-size: 0;
    3924      text-indent: -99999px;
    3925      background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3926      background-size: 16px 16px, 100% 100% !important;     
    3927      padding: 12px 11px;
    3928 }
    3929 
    3930 button.Xstop:hover, button.Xstop:focus {
    3931      background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3932 }
    3933 
    3934 button.Xadd {
    3935      font-size: 0;
    3936      text-indent: -99999px;
    3937      background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3938      background-size: 16px 16px, 100% 100% !important;     
    3939      padding: 12px 11px;
    3940 }
    3941 
    3942 button.Xadd:hover, button.Xadd:focus {
    3943      background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3944 }
    3945 
    3946 button.Xdelete {
    3947      font-size: 0;
    3948      text-indent: -99999px;
    3949      background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3950      background-size: 16px 16px, 100% 100% !important;     
    3951      padding: 12px 11px;
    3952 }
    3953 
    3954 button.Xdelete:hover, button.Xdelete:focus {
    3955      background: url(/themes/console/images/buttons/delete_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3956 }
    3957 
    3958 button.Xcheck {
    3959      font-size: 0;
    3960      text-indent: -99999px;
    3961      background: url(/themes/console/images/buttons/update.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3962      background-size: 16px 16px, 100% 100% !important;     
    3963      padding: 12px 11px;
    3964 }
    3965 
    3966 button.Xcheck:hover, button.Xcheck:focus {
    3967      background: url(/themes/console/images/buttons/update_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3968 }
    3969 
    3970 button.Xdownload {
    3971      font-size: 0;
    3972      text-indent: -99999px;
    3973      background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    3974      background-size: 16px 16px, 100% 100% !important;     
    3975      padding: 12px 11px;
    3976 }
    3977 
    3978 button.Xdownload:hover, button.Xdownload:focus {
    3979      background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    3980 }
    3981 
    3982 button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner  {
    3983      outline: none;
    3984      border: none;
    3985 }
    3986 
    3987 /* end project "X" */
    3988 
    3989 /* sidebar buttons */
    3990 
    3991 .routersummary button {
    3992      margin: 0 1px -3px;
    3993      min-width: 87px;
    3994 }
    3995 
    3996 .routersummary .reload, .routersummary .stop {
    3997      text-indent: -99999px;
    3998      background-size: 16px 16px, 100% 100% !important;
    3999 }
    4000 
    4001 .routersummary .reload {
    4002      background: url(/themes/console/images/buttons/restart.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;
    4003 }
    4004 
    4005 .routersummary .reload:hover, .routersummary .reload:focus {
    4006      background: url(/themes/console/images/buttons/restart_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;
    4007      border: 1px solid #f60;
    4008 }
    4009 
    4010 .routersummary .reload:active, .routersummary .stop:active, .routersummary .download:active {
    4011      box-shadow: inset 2px 2px 2px #555;
    4012 }
    4013 
    4014 .routersummary .stop {
    4015      background: url(/themes/console/images/buttons/shutdown.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    4016 }
    4017 
    4018 .routersummary .stop:hover, .routersummary .stop:focus {
    4019      background: url(/themes/console/images/buttons/shutdown_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    4020      border: 1px solid #f60;
    4021 }
    4022 
    4023 .routersummary .download {
    4024      background: url(/themes/console/images/buttons/download.png) 3px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);
    4025      background-size: 16px 16px, 100% 100% !important;
    4026      padding: 5px 3px 5px 17px !important;
    4027 /*     margin-top: -4px;*/
    4028 }
    4029 
    4030 @media screen and (-webkit-min-device-pixel-ratio:0) {
    4031 .routersummary .download, .routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active {
    4032      padding-left: 19px !important;
    4033 }
    4034 }
    4035 
    4036 .routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active {
    4037      background: url(/themes/console/images/buttons/download.png) 3px center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%);
    4038      background-size: 16px 16px, 100% 100% !important;
    4039      padding: 5px 3px 5px 17px !important;     
    4040      border: 1px solid #f60;
    4041 }
    4042 
    4043 /* end sidebar buttons */
    4044 
    4045 /* end buttons */
    40464126
    40474127
     
    40604140}
    40614141
    4062 
    40634142/* responsive layout */
    40644143
    40654144@media screen and (min-width: 1500px) {
    4066 body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, div.joblog li, .themelabel, .ui_lang, .applabel a,
    4067 #peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea {
     4145body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, div.joblog li, .themelabel, .ui_lang, .applabel a, .statusnotes,
     4146#peerdefs, #profile_defs, #thresholds, #configinfo, .infohelp, .infowarn, button, input, select, textarea, code, tt, pre,
     4147.netdbentry th, .configtable th {
    40684148     font-size: 10pt !important;
    40694149}
    40704150
    40714151.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a,
    4072 code, tt, div.news {
     4152div.news {
    40734153     font-size: 9pt !important;
    40744154}
     
    40934173}
    40944174
    4095 .routersummary h3 a {
     4175.routersummary h3 a, #netdboverview th, .newsentry h3 {
    40964176     font-size: 11pt !important;
    40974177}
     
    41084188.applabel {
    41094189     width: 150px !important;
     4190     padding: 4px 2px 2px !important;
     4191}
     4192
     4193.applabel a {
     4194     height: 16px !important;
    41104195}
    41114196
     
    41134198     font-size: 8pt !important;
    41144199}
    4115 }
     4200
     4201h3, h3.ptitle, h3.tabletitle, th.th_title {
     4202     font-size: 11pt;
     4203}
     4204
     4205h3#i2pclientconfig, h3.ptitle {
     4206     margin-bottom: -15px !important;
     4207}
     4208
     4209h3#pluginmanage {
     4210     margin-bottom: -20px !important;
     4211}
     4212
     4213h4#updateplugins {
     4214     margin-top: -16px !important;
     4215}
     4216
     4217
     4218#shutdown.formaction, #restart.formaction, #systray.formaction, #runonstart.formaction, #dumpthreads.formaction, #browserstart.formaction,  #updateplugins.formaction {
     4219     margin-top: -15px;
     4220}
     4221
     4222button[class^="X"] {
     4223     font-size: 0 !important;
     4224}
     4225
     4226#jardump td {
     4227     font-size: 9pt !important;
     4228}
     4229
     4230#jardump tt {
     4231     font-size: 8pt !important;
     4232}
     4233
     4234table#leasesetdebug th, table#leasesetsummary th {
     4235     font-size: 11pt !important;
     4236}
     4237
     4238div.news {
     4239     padding-bottom: 5px !important;
     4240}
     4241}
  • installer/resources/themes/console/classic/i2ptunnel.css

    r04b9b20 rfabc57b  
    88     font-family: "Droid Sans", "Noto Sans", "Ubuntu", "Segoe UI", Verdana, Helvetica, sans-serif;
    99     color: #333;
    10      font-size: 10pt;
    11      background: #a4a4cb url('images/tile2.png');
    12      background-size: 32px 32px;
     10     font-size: 9pt;
     11     background: #a4a4cb url(images/bg.png);
    1312}
    1413
     
    2827
    2928form {
    30      margin: 0;
    31 }
    32 
    33 input[type="checkbox"], input[type="radio"] {
    34      vertical-align: middle;
    35      min-width: 16px;
    36      min-height: 16px;
    37      margin: 0;
    38 }
    39 
    40 textarea, input, select, button {
    41      font-size: 9pt;
    42      vertical-align: middle;
    43 }
    44 
    45 button {
    46      text-decoration: none;
    47 }
    48 
    49 button, input[type="submit"], input[type="reset"], a.control {
    50      font-family: "Droid Sans", "Noto Sans", "Ubuntu", "Segoe UI", Verdana, Helvetica, sans-serif;
    51      font-size: 9pt;
    52 }
    53 
    54 textarea {
    55      color: #333;
    56      background: #fff;
    57      border: 1px solid #999;
    58      border-radius: 2px;
    59      resize: none;
    60      box-shadow: inset 2px 2px 1px #ccc;
    61 }
    62 
    63 textarea:focus {
    64      box-shadow: inset 0 0 0 1px #89f;
    65      color: #111;
    66 }
    67 
    68 textarea#statusMessages {
    69      width: 99%;
    70      width: calc(100% - 8px);
    71      border-radius: 0;
    72      padding: 2px 4px;
    73      color: #070;
    74      box-shadow: none;
    75      border: none;
    7629     margin: 0;
    7730}
     
    8639     overflow: hidden;
    8740     color: #d00;
    88      background: url('images/console_status_stopped.png') center center no-repeat;
     41     background: url(images/console_status_stopped.png) center center no-repeat;
    8942     padding-top: 24px;
    9043     filter: drop-shadow(0 0 1px #999);
     
    9750     overflow: hidden;
    9851     color: #0b0;
    99      background: url('images/console_status_running.png') center center no-repeat;
     52     background: url(images/console_status_running.png) center center no-repeat;
    10053     filter: drop-shadow(0 0 1px #999);
    10154     -webkit-filter: drop-shadow(0 0 1px #999);
     
    10861     overflow: hidden;
    10962     color: #339933;
    110      background: url('images/console_status_starting.png') center center no-repeat;
     63     background: url(images/console_status_starting.png) center center no-repeat;
    11164     filter: drop-shadow(0 0 1px #999);
    11265     -webkit-filter: drop-shadow(0 0 1px #999);
     
    181134.control:hover, .control:focus {
    182135     text-decoration: none;
    183      color: #111;
    184      border: 1px solid #f60 !important;
     136     color: #111 !important;
     137     border: 1px solid #89f !important;
    185138     background: #ddd;
    186139     background: linear-gradient(to bottom, #ddd 0%, #fff 100%);
     
    190143.control:active {
    191144     box-shadow: inset 2px 2px 1px #999 !important;
     145     border: 1px solid #999 !important;
     146     color: #333 !important;
    192147}
    193148
     
    199154     width: calc(100% - 14px);
    200155     margin: 8px auto;
    201      min-width: 450px;
    202      max-width: 1400px;
     156     min-width: 600px;
     157     max-width: 1500px;
    203158     overflow: hidden;
    204159     text-align: left !important;
     
    243198}
    244199
     200select option {
     201     background: #fff;
     202}
     203
    245204@-moz-document url-prefix() { /* target firefox and derivatives only */
    246205select {
     
    261220
    262221a:link {
    263      color: #006;
     222     color: #33a;
    264223     text-decoration: none;
    265224     font-weight: bold;
     
    325284
    326285th {
    327      background: #fff url("/themes/console/classic/images/tinytitle.png") repeat right center;
     286     background: #fff url(/themes/console/classic/images/tinytitle.png) repeat-x center center;
    328287     background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%);
    329288     padding: 5px;
     
    345304
    346305td.infohelp {
    347      background: url(images/infohelp.png) 10px center no-repeat;
     306     background: url(/themes/console/images/info/infohelp.png) 10px center no-repeat;
    348307     background-size: 24px 24px;
    349308     background-position: 6px center;
     
    445404}
    446405
    447 /*
    448 .tunnelControl .control {
    449      min-width: 60px !important;
    450      display: inline-block;
    451      margin: 0 !important;
    452 }
    453 */
     406
     407input[type="checkbox"], input[type="radio"] {
     408     vertical-align: middle;
     409     min-width: 16px;
     410     min-height: 16px;
     411     margin: 0;
     412}
     413
     414textarea, input, select, button {
     415     font-size: 9pt;
     416     vertical-align: middle;
     417}
     418
     419button::-moz-focus-inner, input::-moz-focus-inner {
     420     outline: none;
     421     border: none;
     422}
     423
     424button {
     425     text-decoration: none;
     426}
     427
     428button, input[type="submit"], input[type="reset"], a.control {
     429     font-family: "Droid Sans", "Noto Sans", "Ubuntu", "Segoe UI", Verdana, Helvetica, sans-serif;
     430     font-size: 9pt;
     431}
     432
     433textarea {
     434     color: #333;
     435     background: #fff;
     436     border: 1px solid #999;
     437     border-radius: 2px;
     438     resize: none;
     439     box-shadow: inset 2px 2px 1px #ccc;
     440}
     441
     442textarea:focus {
     443     box-shadow: inset 0 0 0 1px #89f;
     444     color: #111;
     445}
     446
     447textarea#statusMessages {
     448     width: 99%;
     449     width: calc(100% - 8px);
     450     border-radius: 0;
     451     padding: 2px 4px;
     452     color: #070;
     453     box-shadow: none;
     454     border: none;
     455     margin: 0;
     456}
    454457
    455458a.control {
     
    474477}
    475478
     479button.control, input[type="submit"], input[type="reset"] {
     480     padding: 5px 8px !important;
     481}
     482
    476483.buttons > * {
    477484     vertical-align: middle;
     
    525532}
    526533
    527 #localDestination {
     534#localDestination, .authentication {
    528535     height: 30px !important;
    529536}
     
    613620
    614621input::-moz-placeholder {
    615      color: #f00;
    616      font-weight: bold;
     622     color: #900;
    617623     opacity: 1;
    618624}
    619625
    620626::-webkit-input-placeholder {
    621      color: #f00;
    622      font-weight: bold;
     627     color: #900;
    623628     opacity: 1;
    624629}
     
    733738
    734739#wizardPanel p {
    735      padding: 5px;
     740     padding: 5px 10px;
    736741     margin: 0;
    737742     text-align: justify;
     
    800805}
    801806
    802 textarea[name="accessList"], #hostField, #localDestination {
     807textarea[name="accessList"], #hostField, #localDestination, .authentication {
    803808     width: calc(100% - 15px) !important;
    804809     margin: 5px !important;
     
    833838
    834839/* end more space */
     840
     841/* responsive layout */
     842
     843@media screen and (min-width: 1200px) {
     844body, .control, button, select, textarea, .freetext {
     845     font-size: 10pt !important;
     846}
     847
     848th {
     849     font-size: 10.5pt;
     850}
     851
     852h2, h3 {
     853     font-size: 12pt;
     854}
     855}
  • installer/resources/themes/console/dark/console.css

    r04b9b20 rfabc57b  
    1515.hide, .hideme {
    1616     display: none;
     17}
     18
     19::selection {
     20     background: #030 !important;
     21     color: white;
     22}
     23
     24::-moz-selection {
     25     background: #030 !important;
     26     color: white;
    1727}
    1828
     
    614624     padding: 0 0 3px;
    615625     min-width: 650px !important;
     626     background: #000;
    616627}
    617628
     
    19001911     background: #000 url(images/header.png) repeat-x center center !important;
    19011912     background: linear-gradient(to bottom, #001400, #001000 50%, #000 100%) !important;
    1902      border-top: 1px solid #494;
     1913     border-top: 1px solid #494 !important;
    19031914     border-bottom: 1px solid #494 !important;
    19041915     line-height: 110%;
     
    32033214}
    32043215
     3216#criticallogs ul:empty {
     3217     display: none;
     3218}
     3219
    32053220table#enviro, table#criticallogs, table#routerlogs, table#eventlogs, table#wrapperlogs {
    32063221     margin-top: -11px;
     
    32253240     text-align: right;
    32263241     padding-right: 0;
     3242     white-space: nowrap;
    32273243}
    32283244
     
    49004916
    49014917@media screen and (min-width: 1500px) {
    4902 body, .main, .main td, .news p, #news p {
     4918body, .main, .main td, .news p, #news p, textarea, .main textarea, code, tt, pre {
    49034919     font-size: 10pt !important;
    49044920}
     
    49294945}
    49304946
    4931 .routersummary h3 a {
    4932      font-size: 11pt !important;
    4933 }
    4934 
    49354947div.app {
    49364948     min-width: 138px;
     
    49504962}
    49514963
    4952 h3 {
    4953      font-size: 11pt;
    4954 }
    4955 }
     4964h3, .routersummary h3 a, th.th_title, #leasesetdebug th, #leasesetsummary th, .netdbentry th {
     4965     font-size: 11pt !important;
     4966}
     4967
     4968select {
     4969     padding: 3px 16px 3px 2px;
     4970}
     4971
     4972h3#pluginmanage {
     4973     margin-bottom: -15px !important;
     4974}
     4975
     4976h4#updateplugins {
     4977     margin-top: -15px !important;
     4978}
     4979}
  • installer/resources/themes/console/dark/i2ptunnel.css

    r04b9b20 rfabc57b  
    1616     padding: 0;
    1717     overflow: hidden;
     18}
     19
     20::selection {
     21     background: #030 !important;
     22     color: white;
     23}
     24
     25::-moz-selection {
     26     background: #030 !important;
     27     color: white;
    1828}
    1929
     
    323333     background: #000 !important;
    324334     filter: drop-shadow(0 0 1px #880);
     335     -webkit-filter: drop-shadow(0 0 1px #880);
    325336     transition: ease filter 0.3s 0s;
     337     box-shadow: inset 0 0 1px #880;
    326338}
    327339
     
    331343     box-shadow: none;
    332344     height: 80px;
    333      font-size: 9pt;
     345     font-size: 8.5pt;
    334346     width: 100%;
    335347     border-radius: 0;
     
    387399}
    388400
    389 input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
     401input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner,
     402button::-moz-focus-inner {
    390403     border: none;
    391404     outline: none;
     
    421434     filter: none;
    422435     color: #bb7;
     436}
     437
     438textarea[readonly="readonly"]:focus {
     439     box-shadow: inset 0 0 0 1px #880;
    423440}
    424441
     
    459476     vertical-align: middle;
    460477     text-decoration: none;
    461      padding: 4px 2px !important;
     478     padding: 5px 8px !important;
    462479     -moz-box-sizing: border-box;
    463480     box-sizing: border-box;
     481     display: inline-block;
    464482}
    465483
     
    494512     box-sizing: border-box;
    495513     min-width: 70px !important;
    496      padding: 4px 8px !important;
    497514}
    498515
     
    509526     text-decoration: none;
    510527     box-shadow: inset 0 0 0 1px #000 !important;
     528     box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000 !important;
    511529}
    512530
    513531a.control {
    514532     display: inline-block;
    515 }
    516 
    517 button.control {
    518      box-sizing: border-box;
    519      -moz-box-sizing: border-box;
    520      padding: 3px 4px !important;
    521533}
    522534
     
    525537     font: 8pt "Droid Sans", "Noto Sans", "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", Lato, "Segoe UI", Verdana, Helvetica, sans-serif;
    526538     font-weight: bold;
    527      padding: 2px 16px 2px 3px;
     539     padding: 3px 16px 3px 3px;
    528540     background: #000;
    529541     border-radius: 2px;
     
    539551     font-weight: normal;
    540552     font-size: 9.5pt;
     553}
     554
     555select option:hover, select option:checked {
     556     box-shadow: inset 0 0 20px 20px #f60;
    541557}
    542558
     
    936952}
    937953
    938 
    939954td.tunnelDestination, td.tunnelDescription {
    940955     background: linear-gradient(to right, #000 50%, #010);
     
    942957
    943958/* end more space */
     959
     960/* responsive layout */
     961
     962@media screen and (min-width: 1400px) {
     963
     964body, td, a {
     965     font-size: 10pt;
     966}
     967
     968button, input, .control, select, textarea#statusMessages, .freetext, textarea {
     969     font-size: 9pt;
     970}
     971}
  • installer/resources/themes/console/light/console.css

    r04b9b20 rfabc57b  
    1010     margin: 8px 6px 8px 8px;
    1111     text-align: center;
    12      color: #001;
    13      font: 9pt/130% "Droid Sans", Ubuntu, "Noto Sans", "Bitstream Vera Sans", "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif;
    14      background: #a4a4cb url(images/tile2.png);
     12     color: #333;
     13     font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     14     background: #a4a4cb url(images/tile2.png) fixed;
    1515     background-size: 32px 32px;
    1616}
     
    7272     color: #333;
    7373     margin: 10px;
    74 }
    75 
    76 div.logo {
    77      float: left;
    78      padding: 10px;
    79      text-align: center;
    80      color: #222;
    81      margin: 0 10px;
    82      border: 1px solid #447;
    83      border-radius: 2px;
    84      background: #fff;
    85      width: 185px;
    86      box-shadow: inset 0 0 0 1px #bbf;
    87 }
    88 
    89 div.toolbar {
    90      margin: 0;
    91      padding: 10px;
    92      font-weight: bold;
    93      background: #ffe;
    94      border: 1px solid #447;
    95      display: none !important;
    96 }
    97 
    98 div.toolbar a:link {
    99      border: 1px outset #ddddc0;
    100      padding: 0 5px 1px 5px;
    101      line-height: 250%;
    102      background: #bbf;
    103      text-decoration: none;
    104      border-radius: 2px;
    105      display: none !important;
    106 }
    107 
    108 div.toolbar a:visited {
    109      background: #ffe;
    110 }
    111 
    112 div.toolbar a:hover {
    113      border: 1px solid #eeffef;
    114      background: #003;
    115      color: #f60;
    116 }
    117 
    118 a:active {
    119      color: #900;
    12074}
    12175
     
    13892     text-align: center !important;
    13993     border: 1px solid #447;
    140      color: #000;
     94     color: #333;
    14195     font-size: 8pt;
    14296     clear: left;/* fixes a bug in Opera */
     
    210164     height: 0 !important;
    211165     margin-bottom: 5px;
    212 }
    213 
    214 div.routersummary hr:last-child {
    215166}
    216167
     
    229180     box-shadow: inset 0 0 0 1px #fff;
    230181     filter: none;
     182     -webkit-filter: none;
    231183}
    232184
     
    250202     width: 100%;
    251203     width: calc(100% - 4px);
     204     padding: 2px 0;
    252205}
    253206
     
    255208     border: none;
    256209     font-size: 8.5pt;
    257      letter-spacing: 0.02em;
     210     letter-spacing: normal;
    258211     text-transform: none;
    259212     margin: -7px;
     
    267220}
    268221
     222@media screen and (-webkit-min-device-pixel-ratio:0) {
     223.routersummary h4 {     
     224     margin-bottom: -8px !important;
     225}
     226}
     227
    269228h4.sb_info {
    270229     margin-top: -11px !important;
     
    274233     padding-top: 2px !important;
    275234     margin-bottom: -1px;
    276 }
    277 
    278 .routersummary a:link {
    279      padding: 2px;
    280235}
    281236
     
    316271}
    317272
     273#sb_internals a, #sb_advanced a {
     274     padding: 1px 2px;
     275     display: inline-block;
     276}
     277
    318278div.routersummary tr {
    319279     background-image: none !important;
     
    409369/* proxy error messages */
    410370
     371div.logo {
     372     float: left;
     373     padding: 10px;
     374     text-align: center;
     375     color: #222;
     376     margin: 0 10px;
     377     border: 1px solid #447;
     378     border-radius: 2px;
     379     background: #fff;
     380     width: 185px;
     381     box-shadow: inset 0 0 0 1px #bbf;
     382}
     383
     384.logo hr {
     385     margin: 8px -11px;
     386     background: #447;
     387}
     388
    411389div.warning {
    412390     margin: 20px 20px 30px 240px;
    413      padding: 5px 25px 20px 75px;
     391     padding: 10px 25px 20px 75px;
    414392     background: #fff;
    415393     border: 1px solid #447;
    416      color: inherit;
     394     color: #333;
    417395     border-radius: 2px;
    418396     text-align: justify;
     
    424402     min-width: 400px;
    425403}
     404
     405.warning h3 {
     406     text-align: left;
     407}
     408
     409.proxyfooter {
     410     margin: 0 20px 10px 240px;
     411     padding: 20px 25px 20px 75px;
     412     color: #f00;
     413     font-size: 7pt;
     414     text-align: right !important;
     415     border-radius: 2px;
     416     border: 1px solid #447;
     417     display: none;
     418}
     419
     420@media screen and (max-width: 800px) {
     421.warning {
     422     margin-left: 20px !important;
     423     background: #fff !important;
     424     padding-left: 25px !important;
     425}
     426
     427.logo {
     428     display: none;
     429}
     430}
     431
     432@media screen and (min-height: 700px) {
     433.proxyfooter {
     434     position: absolute;
     435     bottom: 0;
     436     right: 0;
     437     padding: 0 20px 0 0;
     438     text-align: right;
     439     background: #030;
     440     width: 100%;
     441     opacity: 0.7;
     442     border-top: 1px solid #000;
     443}
     444
     445.proxyfooter p {
     446     text-align: right;
     447     line-height: 130% !important;
     448     margin: 5px 0;
     449}
     450
     451.warning {
     452     margin-bottom: 30px;
     453}
     454}
     455
     456@media screen and (max-height: 700px) {
     457.proxyfooter {
     458     display: none;     
     459}
     460}
     461
     462/* end proxy error messages */
    426463
    427464/* console error messages */
     
    586623     background: #fff url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right bottom;
    587624     background: url(/themes/snark/ubergine/images/hat.png) no-repeat scroll right bottom, linear-gradient(to right, #fff, #f7f8ff, #fff);
    588      min-width: 500px;
     625     min-width: 526px;
    589626     filter: drop-shadow(0 1px 1px #999);
    590627     -webkit-filter: drop-shadow(0 1px 1px #999);
     
    717754@media screen and (-webkit-min-device-pixel-ratio:0) {
    718755.tab {
    719      margin: -5px -2px -1px -4px;
    720      padding: 1px 6px 1px 7px;
     756     margin: -5px -2px -1px -3px;
     757     padding: 1px 8px 1px 7px;
    721758}
    722759
     
    727764.tab2 {
    728765     margin-left: -2px !important;
     766     margin-right: -1px !important;
    729767}
    730768}
     
    765803
    766804.tab2 {
    767      color: #008;
     805     color: #31334f;
    768806     padding: 2px 5px 1px;
    769807     margin: -11px -1px -1px -3px;
     
    914952
    915953h3#pluginconfig, h3#webappconfig, h3#i2pclientconfig, h3#pluginmanage, p#clientconf.infohelp, #config_stats h3 {
    916      margin-bottom: -15px;
     954     margin-bottom: -13px;
    917955}
    918956
     
    12311269td {
    12321270     padding: 3px 5px;
    1233      color: #222;
     1271     color: #333;
    12341272     vertical-align: middle;
    12351273     border-top: 1px inset #cfd1ff;
     
    14161454}
    14171455
    1418 table.search input[type="text"], table.search select {
     1456table.search input[type="text"] {
    14191457     min-width: 40px !important;
    14201458     width: 100%;
     1459}
     1460
     1461table.search select {
     1462     min-width: 80px;
     1463     width: 100%;
     1464     text-overflow: ellipsis;
    14211465}
    14221466
     
    14691513     display: inline-block;
    14701514     width: 100%;
    1471 }
    1472 
     1515     overflow: hidden;     
     1516     text-overflow: ellipsis;
     1517     white-space: nowrap;
     1518}
    14731519
    14741520/* end home page */
     
    18391885     border: 1px solid #447;
    18401886     border-radius: 2px;
    1841      min-width: 520px;
     1887     min-width: 526px;
    18421888     filter: drop-shadow(0 0 1px #999);
    18431889     -webkit-filter: drop-shadow(0 0 1px #999);
     
    20532099     color: #333;
    20542100     margin: 3px;
    2055      font: 9pt "Droid Sans", Ubuntu, "Noto Sans", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     2101     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    20562102     padding: 4px 5px;
    20572103     text-decoration: none;
     
    24642510     background: #fff;
    24652511     box-shadow: inset 1px 1px 1px #999;
    2466      font-family: "Droid Sans", Ubuntu, "Noto Sans", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     2512     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    24672513}
    24682514
     
    24802526}
    24812527
    2482 input[type="checkbox"] {
     2528input[type="checkbox"], input[type="radio"] {
    24832529     border: 0 !important;
     2530     box-shadow: none;
     2531     vertical-align: middle !important;
     2532     margin-top: 4px !important;
     2533     margin-bottom: 4px !important;
     2534}
     2535
     2536input[type="checkbox"]:focus, input[type="radio"]:focus {
     2537     filter: drop-shadow(0 0 2px #89f);
     2538     -webkit-filter: drop-shadow(0 0 2px #89f);
    24842539}
    24852540
     
    24912546     border: 1px solid #999;
    24922547     min-width: 120px;
    2493      font: 9pt "Droid Sans", Ubuntu, "Noto Sans", "Bitstream Vera Sans", Verdana, "Lucida Sans Unicode", Helvetica, sans-serif;
     2548     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    24942549     border-radius: 2px;
    24952550     text-align: left !important;
     
    25542609     box-shadow: none;
    25552610     filter: drop-shadow(0 0 1px #89f);
    2556 }
    2557 
    2558 .proxyfooter {
    2559      margin: 0 20px 10px 240px;
    2560      padding: 20px 25px 20px 75px;
    2561      color: #f00;
    2562      font-size: 7pt;
    2563      text-align: right !important;
    2564      border-radius: 2px;
    2565      border: 1px solid #447;
    2566      display: none;
    25672611}
    25682612
     
    35413585}
    35423586
     3587#tunnelconfig font[color="red"] {
     3588     background: url(images/warn.png) left center no-repeat;
     3589     padding: 4px 5px 4px 20px;
     3590}
     3591
    35433592#tunnelconfig td:nth-child(n+2) {
    35443593     text-align: left;
     
    37083757     filter: none;
    37093758     -webkit-filter: none;
     3759     outline: none;
     3760     line-height: 140%;
    37103761}
    37113762
     
    37173768     margin: -1px 0 0;
    37183769     border: none;
     3770}
     3771
     3772#jardump tt {
     3773     letter-spacing: -0.03em;
     3774}
     3775
     3776#jardump a tt {
     3777     color: #359;
     3778}
     3779
     3780#jardump a:visited tt {
     3781    color: #218;
     3782}
     3783
     3784#jardump a:hover tt {
     3785     color: #f60;
     3786}
     3787
     3788#jardump a:active tt {
     3789     color: #f90;
    37193790}
    37203791
     
    38103881}
    38113882
     3883.homelinkedit img {
     3884     width: auto;
     3885     height: 20px;
     3886}
     3887
    38123888#clientconfig th:first-child, #webappconfig th:first-child, #pluginconfig th:first-child {
    38133889     text-align: right;
     
    39183994/* responsive layout */
    39193995
     3996@media screen and (max-width: 800px) {
     3997div.app {
     3998     width: 112px !important;
     3999     min-width: 0;
     4000}
     4001
     4002.applabel {
     4003     width: 100px !important;
     4004}
     4005
     4006img.app, img.app2p {
     4007     padding: 10px 35px;
     4008}
     4009}
     4010
    39204011@media screen and (min-width: 1500px) {
    39214012body, .main, .main td, .news p, #news p, .tab, .tab2, .main li b, div.joblog li, .themelabel, .ui_lang, .applabel a,
     
    39294020}
    39304021
     4022button[class^="X"] {
     4023     font-size: 0 !important;
     4024}
     4025
    39314026.main, .news, h1 {
    39324027     margin-left: 232px !important;
     
    39694064     font-size: 8pt !important;
    39704065}
    3971 }
     4066
     4067h3#pluginconfig, h3#webappconfig, h3#i2pclientconfig, h3#pluginmanage, p#clientconf.infohelp, #config_stats h3 {
     4068     margin-bottom: -15px;
     4069}
     4070
     4071#jardump tt, #jardump td {
     4072     font-size: 9pt !important;
     4073}
     4074}
  • installer/resources/themes/console/light/i2ptunnel.css

    r04b9b20 rfabc57b  
    99     font-family: "Droid Sans", "Noto Sans", "Ubuntu", "Segoe UI", Verdana, Helvetica, sans-serif;
    1010     color: #333;
    11      font-size: 10pt;
     11     font-size: 9pt;
    1212     background: #a4a4cb url(images/tile2.png);
    1313     background-size: 32px 32px;
     
    163163#clientPort {
    164164     width: 100px;
     165}
     166
     167.control::-moz-focus-inner {
     168     outline: none;
     169     border: none;
    165170}
    166171
     
    185190}
    186191
     192button.control, input.control {
     193     padding: 5px 8px !important;
     194}
     195
    187196.control:hover, .control:focus {
    188197     text-decoration: none;
     
    196205.control:active {
    197206     box-shadow: inset 2px 2px 1px #999 !important;
     207     color: #333;
    198208}
    199209
     
    209219.panel {
    210220     width: calc(100% - 14px);
    211      max-width: 1200px;
     221     max-width: 1400px;
    212222     margin: 8px auto;
    213223     min-width: 450px;
     
    458468}
    459469
     470.tunnelLocation font[color="red"] {
     471     margin-left: 2px;
     472}
     473
    460474.tunnelStatus {
    461475     text-align: center;
     
    554568.multiOption#isServer {
    555569     background: url(/themes/console/images/server.png) left center no-repeat;
    556      padding-left: 20px;
     570     padding-left: 18px;
    557571}
    558572
    559573.multiOption#isClient {
    560574     background: url(/themes/console/images/client.png) left center no-repeat;
    561      padding-left: 21px;
     575     padding-left: 18px;
    562576}
    563577
     
    626640input::-moz-placeholder {
    627641     color: #f00;
    628      font-weight: bold;
    629642     opacity: 1;
    630643}
     
    632645::-webkit-input-placeholder {
    633646     color: #f00;
    634      font-weight: bold;
    635647     opacity: 1;
    636648}
     
    687699/* wizard specifics */
    688700
    689 #wizardPanel {
    690     font-size: 10pt;
    691 }
    692 
    693701#wizardTable {
    694702     padding: 0;
     
    721729}
    722730
    723 /*
    724 #wizardPanel tr:nth-child(n+2) {
    725      background: #eef;
    726 }
    727 
    728 #wizardPanel tr:nth-child(2n+2) {
    729      background: #f7f8ff;
    730 }
    731 */
    732 
    733731#wizardTunnelTypes tr:nth-child(even), #wizardSummary tr:nth-child(even) {
    734732     background: #eef;
     
    748746
    749747#wizardPanel p {
    750      padding: 5px;
     748     padding: 5px 10px;
    751749     margin: 0;
    752750     text-align: justify;
     
    859857}
    860858/* end more space */
     859
     860/* responsive layout */
     861
     862@media screen and (min-width: 1500px) {
     863body, select, .control, input, textarea {
     864     font-size: 10pt !important;
     865}
     866
     867th {
     868     font-size: 10.5pt;
     869}
     870}
  • installer/resources/themes/console/midnight/console.css

    r04b9b20 rfabc57b  
    1313     background-size: auto 2px;
    1414     color: #c9ceff;
    15      font: 8.5pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif;
     15     font: 8.5pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    1616}
    1717
     
    4646
    4747button, button:visited, input[type="submit"], input[type="reset"] {
    48      font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif;
     48     font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    4949     border: 1px solid #3e3f8f;
    5050     border-bottom-color: #14144f;
     
    8888     color: #443da0;
    8989     margin: 5px;
    90      font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif;
     90     font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    9191     padding: 3px 2px;
    9292     text-decoration: none;
     
    115115     margin: 5px 10px;
    116116     padding: 4px 2px;
    117      font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif;
     117     font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    118118     border: 1px solid #443da0 !important;
    119119     text-decoration: none;
     
    223223     border-radius: 2px;
    224224     min-width: 110px;
    225      font: 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif;
     225     font: 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    226226     font-weight: bold;
    227227     padding: 3px 16px 3px 2px;
     
    244244
    245245select option:hover, select option:focus, select option:checked {
    246      box-shadow: inset 0 0 20px 20px #114;
     246     box-shadow: inset 0 0 20px 20px #652787;
    247247}
    248248
     
    31003100table#i2pupdates tr:last-child td {
    31013101     padding-right: 6px;
     3102     background: #000 !important;
    31023103}
    31033104
     
    36263627table#profiles td:first-child {
    36273628     text-align: right !important;
    3628      padding-left: 1px;
     3629     padding-left: 4px;
    36293630}
    36303631
     
    37363737table#floodfills td:first-child {
    37373738     text-align: right !important;
    3738      padding-left: 1px !important;
     3739     padding-left: 4px !important;
    37393740     padding-right: 5px !important;
    37403741}
     
    41694170     padding: 0;
    41704171     min-width: 650px;
     4172     background: #000 !important;
    41714173}
    41724174
     
    41974199/* Override error log colors */
    41984200
    4199 font[color="#ff00cc"] { /* warning */
    4200      color: #070088;
    4201 }
    4202 
    4203 font[color="#ff3300"] { /* critical */
    4204      color: #0b0099;
    4205 }
    4206 
    4207 font[color="#cc0000"] { /* error */
    4208      color: #0e00cc;
    4209 }
    4210 
    4211 font[color="#000099"] { /* info */
    4212      color: #060055;
    4213 }
    4214 
    42154201font[color="#006600"] { /* debug */
    4216      color: #EBDBFF;
    4217 }
    4218 /*--*/
     4202     color: #ebdbff;
     4203}
    42194204
    42204205font[color="#ff00cc"] { /* warning */
     
    46564641p#webappconfigtext {
    46574642     margin: 1px 0 -2px 0;
    4658      background: url(/themes/console/images/info/java_edit.png) 12px center no-repeat !important;
     4643     background: #000 url(/themes/console/images/info/java_edit.png) 12px center no-repeat !important;
    46594644     background-size: 28px 28px !important;
    46604645}
     
    47244709#pluginupdater {
    47254710     border: 1px solid #443da0;
    4726      padding: 5px;
    47274711     margin-top: -11px;
    47284712     margin-bottom: 10px !important;
     
    48054789     padding: 4px 10px;
    48064790     line-height: 140%;
     4791     background: #000 !important;
    48074792}
    48084793p#enablefullstats {
     
    49884973
    49894974@media screen and (min-width: 1500px) {
    4990 body, .main, .main td, .news p, #news p, .statusnotes {
     4975body, .main, .main td, .news p, #news p, .statusnotes, textarea, pre, tt, code {
    49914976     font-size: 10pt !important;
    49924977}
     
    49974982}
    49984983
    4999 .main button, .main input, select, textarea {
     4984.main button, .main input, select {
    50004985     font-size: 9pt !important;
     4986}
     4987
     4988button[class^="X"] {
     4989     font-size: 0 !important;
    50014990}
    50024991
     
    50225011}
    50235012
    5024 .routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a {
     5013.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, .smallhead, .applabel a {
    50255014     font-size: 9pt !important;
    50265015}
     
    50425031}
    50435032
    5044 .applabel a {
    5045      font-size: 9pt !important;
    5046 }
    5047 
    50485033.themelabel {
    50495034     padding: 2px;
    50505035}
    50515036
    5052 code, tt {
    5053      font-size: 9pt !important;
    5054 }
    5055 }
     5037h3#i2pclientconfig, h3#pluginconfig, h3#pluginfromurl, h3#pluginfromfile, #clientconf.infohelp, h3#pluginmanage, h3#webappconfig {
     5038     margin-bottom: -15px !important;
     5039}
     5040
     5041h4#updateplugins {
     5042     margin-top: -15px !important;
     5043}
     5044
     5045#profiles td:first-child, #profiles th:first-child, #floodfills td:first-child, #floodfills th:first-child {
     5046     width: 56px !important;
     5047}
     5048}
  • installer/resources/themes/console/midnight/i2ptunnel.css

    r04b9b20 rfabc57b  
    1313
    1414body.iframed {
    15      background: transparent url('images/transparent.gif') !important;
     15     background: transparent url(/themes/console/images/transparent.gif) !important;
    1616     padding: 0;
    1717     overflow: hidden;
     
    440440}
    441441
    442 .control {
    443      margin: 2px 0 0 2px !important;
    444      overflow: hidden;
    445      min-width: 78px;
    446      font-size: 8pt;
    447      font-weight: bold;
    448      background: #000;
    449      background: linear-gradient(to bottom, #002 0%, #000 20%, #000 80%, #001 100%) !important;
    450      color: #443da0 !important;
    451      border: 1px solid #3e3f8f;
    452      border-bottom: 1px solid #14144f;
    453      border-right: 1px solid #14144f;
    454      text-align: center;
    455      white-space: nowrap;
    456      border-radius: 2px;
    457      vertical-align: middle;
    458      text-decoration: none;
    459      padding: 4px 2px !important;
    460      -moz-box-sizing: border-box;
    461      box-sizing: border-box;
    462 }
    463 
    464442.control, .control:link, .control:visited {
    465443     overflow: hidden;
     
    469447     text-decoration: none;
    470448     font-style: normal;
     449     border: 1px solid #3e3f8f;
     450     border-bottom: 1px solid #14144f;
     451     border-right: 1px solid #14144f;
    471452     border-radius: 2px;
     453     min-width: 78px;
     454     font-size: 8pt;
     455     font-weight: bold;
    472456     box-sizing: border-box;
    473457     min-width: 70px !important;
    474      padding: 4px 8px !important;
     458     padding: 5px 8px !important;
    475459     color: #443da0 !important;
    476460     background: #000 !important;
     
    501485     box-sizing: border-box;
    502486     -moz-box-sizing: border-box;
    503      padding: 4px !important;
    504487}
    505488
     
    512495     font: 8pt "Droid Sans", "Noto Sans", "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", Lato, "Segoe UI", Verdana, Helvetica, sans-serif;
    513496     font-weight: bold;
    514      padding: 2px 16px 2px 3px;
     497     padding: 3px 16px 3px 3px;
    515498     background: #000;
    516499     border-radius: 2px;
     
    526509     font-weight: normal;
    527510     font-size: 9.5pt;
     511}
     512
     513select option:hover, select option:focus, select option:checked {
     514     box-shadow: inset 0 0 20px 20px #652787;
    528515}
    529516
  • installer/resources/themes/snark/classic/snark.css

    r04b9b20 rfabc57b  
    33
    44body {
    5      font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Tahoma, Helvetica, sans-serif;
     5     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", Helvetica, sans-serif;
    66     color: #0c153d;
    77     background: #eef;
     
    3838     color: #000;
    3939     border: 1px solid #89f;
    40      background: none !important;
    41      background-image: linear-gradient(to bottom, #eef 0%, #fff 50%, #eef 50%, #fff 100%) !important;
     40     background: #eff2ff !important;
     41     background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) !important;
    4242     box-shadow: 0 0 1px #fff;
    4343}
     
    574574.snarkTorrentInfo td {
    575575     text-align: left !important;
     576     vertical-align: middle !important;
    576577}
    577578
     
    645646.snarkDirInfo td:first-child img {
    646647     padding-right: 6px;
     648}
     649
     650.snarkDirInfo .ParentDir a, .snarkDirInfo .snarkFileName a, .snarkTorrents .snarkTorrentName a {
     651     display: inline-block;
     652     width: 100%;
     653     padding: 2px 0;
    647654}
    648655
     
    739746     padding: 1px;
    740747     opacity: 1;
    741      color: #0c153d !important;
     748     color: #333 !important;
    742749}
    743750
     
    879886}
    880887
    881 .snarkTorrentDownloaded {
    882      color: #0c153d !important;
    883 }
    884 
    885888td.snarkTorrentDownloaded {
    886889     font-weight: bold;
     
    889892}
    890893
     894/*
     895.snarkTorrentDownloaded {
     896     color: #0c153d !important;
     897}
     898
    891899.snarkTorrentUploaded {
    892900     color: #0c153d !important;
     
    900908     color: #0c153d !important;
    901909}
     910*/
    902911
    903912.snarkTorrents img {
     
    970979.snarkTorrentOdd td,
    971980.snarkTorrentEven td {
    972      color: #0c153d !important;
     981/*     color: #0c153d !important;*/
    973982     border-top: none !important;
    974983}
     
    10611070
    10621071.thumb {
     1072     transition: ease all 0.3s 0s;
     1073}
     1074
     1075.thumb:hover {
    10631076     max-width: 96px;
    10641077     max-height: 64px;
     1078     transition: ease all 0.3s 0s;
    10651079}
    10661080
     
    10701084
    10711085.snarkAddInfo {
    1072      font-size: 8.5pt;
     1086     font-size: 9pt;
    10731087     line-height: 130% !important;
    10741088     margin-left: 10px;
     1089     font-weight: normal;
    10751090}
    10761091
     
    11771192     word-wrap: break-word;
    11781193     opacity: 1;
    1179      color: #006;
     1194     color: #33a;
    11801195     border-radius: 0;
    11811196}
     
    12001215
    12011216input {
    1202      font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Tahoma, Helvetica, sans-serif;
     1217     font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", Helvetica, sans-serif;
    12031218     margin: 2px 4px 2px 0;
    12041219     padding: 3px 4px !important;
     
    12431258}
    12441259
     1260input::-moz-focus-inner {
     1261     border: 0;
     1262     outline: 0;
     1263}
     1264
    12451265input[type="submit"],
    12461266input[type="reset"] {
    12471267     font-size: 9pt;
    12481268     font-weight: normal;
     1269     color: #333;
    12491270     min-width: 90px !important;
    1250      min-height: 22px;
    1251      /* opera fix */
    1252      
    1253      padding: 3px 2px !important;
    1254      text-align: center;
    1255      color: #000;
    1256      border: 1px solid #bbb;
     1271     padding: 5px 3px !important;
     1272     text-align: center;
     1273     border: 1px solid #999;
    12571274     border-radius: 2px;
    12581275     background: #eee;
    12591276     background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
    12601277     box-shadow: inset 0 0 0 1px #fff;
    1261 }
    1262 
    1263 input[type="submit"]:hover,
    1264 input[type="reset"]:hover {
    1265      color: #000;
     1278     
     1279}
     1280
     1281input[type="submit"]:hover, input[type="reset"]:hover,
     1282input[type="submit"]:focus, input[type="reset"]:focus {
     1283     color: #111;
    12661284     background: #fff;
    12671285     background: linear-gradient(to bottom, #ddd 0%, #fff 100%);
     1286     border: 1px solid #89f;
    12681287}
    12691288
    12701289input[type="submit"]:active,
    12711290input[type="reset"]:active {
    1272      color: #000;
     1291     color: #333;
    12731292     background: #ddd;
     1293     border: 1px solid #999;
     1294     box-shadow: inset 0 0 0 1px #fff;
     1295     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #555;
    12741296}
    12751297
     
    13191341input[name="nofilter_dataDir"],
    13201342textarea[name="i2cpOpts"] {
    1321      font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Tahoma, Helvetica, sans-serif !important;
     1343     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", Helvetica, sans-serif !important;
    13221344     min-width: 160px;
    13231345     margin: 2px 2px 2px 0;
    1324      padding: 3px 2px;
     1346     padding: 5px !important;
    13251347     cursor: text;
    13261348     vertical-align: middle;
     
    13431365input[name="nofilter_dataDir"] {
    13441366     width: 500px;
    1345      height: 22px;
    13461367     margin: 3px 0;
    1347      padding: 3px;
     1368     padding: 5px;
    13481369     resize: none;
    13491370     cursor: text;
     
    13771398}
    13781399
     1400img[src$="magnet.png"] {
     1401     transform: rotate(-90deg);
     1402}
     1403
    13791404input[type=text],
    13801405input.r {
     
    14101435
    14111436select {
    1412      font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Tahoma, Helvetica, sans-serif;
    1413 }
    1414 
    1415 select {
    1416      font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Tahoma, Helvetica, sans-serif;
     1437     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", Helvetica, sans-serif;
    14171438     min-width: 100px;
    14181439     margin: 2px 4px 2px 0;
    1419      padding: 2px 16px 2px 2px;
     1440     padding: 4px 16px 4px 2px;
    14201441     cursor: pointer;
    14211442     vertical-align: middle;
     
    15791600
    15801601#trackerselect tr:first-child td {
    1581      padding: 2px 5px 2px 20px;
     1602     padding: 5px 10px;
    15821603     border-bottom: 1px solid #89f;
    15831604}
    15841605
    15851606#trackerselect td {
    1586      padding: 3px 5px 3px 20px;
     1607     padding: 3px 10px;
    15871608}
    15881609
    15891610#trackerselect td:first-child {
    15901611     width: 20%;
     1612     font-weight: normal;
    15911613}
    15921614
     
    18521874code {
    18531875     font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
    1854      font-size: 8pt;
     1876     font-size: 9pt;
    18551877     font-weight: bold;
    18561878     padding: 0 2px;
     
    19491971     transition: ease transform 0.3s 0s;
    19501972}
     1973
     1974/* responsive layout */
     1975
     1976@media screen and (min-width: 1400px) {
     1977body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_dataDir"], select, textarea, textarea[name="i2cpOpts"] {
     1978     font-size: 10pt !important;
     1979}
     1980}
  • installer/resources/themes/snark/dark/snark.css

    r04b9b20 rfabc57b  
    44     margin: 9px 8px;
    55     color: #ee9;
    6      font: 9pt "Droid Sans", "Noto Sans", "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", Lato, "Segoe UI", Verdana, Tahoma, Helvetica, sans-serif;
     6     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    77     background: #000;
    88     background: linear-gradient(45deg, rgba(0,0,0,0.5), rgba(0,34,0,0.7)), url(../../console/dark/images/camotile2.png) top left;
    99     background-size: 3px 3px, 175px 175px;
    10 }
    11 
    12 tt {
    13      font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
    1410}
    1511
     
    2723     background: url("../../console/dark/images/camotile2.png") repeat scroll left top #000;
    2824     background: linear-gradient(to right, #000 0%, #020 50%, #000 100%);
     25}
     26
     27::selection {
     28     background: #030 !important;
     29     color: white;
     30}
     31
     32::-moz-selection {
     33     background: #030 !important;
     34     color: white;
    2935}
    3036
     
    246252}
    247253
     254tt {
     255     font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
     256}
     257
    248258.logshim {
    249259     margin-top: -10px !important;
     
    408418     font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
    409419     background: none;
    410      font-weight: bold;
    411420}
    412421
     
    439448     line-height: 110%;
    440449     text-align: left;
    441 }
    442 
    443 .iframed .snarkTorrents td {
    444450     font-size: 8pt !important;
    445451}
     
    487493
    488494.snarkTorrentInfo th:first-child {
    489      background: url(/themes/snark/camo/images/file_sm.png) no-repeat 6px 7px, linear-gradient(to bottom, #010, #000);
     495     background: url(images/file_sm.png) no-repeat 6px 7px, linear-gradient(to bottom, #010, #000);
    490496}
    491497
     
    586592.snarkDirInfo td:first-child img {
    587593     padding-right: 6px;
     594}
     595
     596.snarkDirInfo .ParentDir a, .snarkDirInfo .snarkFileName a, .snarkTorrents .snarkTorrentName a {
     597     display: inline-block;
     598     width: 100%;
     599     padding: 2px 0;
    588600}
    589601
     
    836848.snarkTorrents tr:hover a, .snarkDirInfo tr:hover a {
    837849     color: #9f9;
     850}
     851
     852.snarkDirInfo tr:hover .snarkFileStatus img {
     853     mix-blend-mode: normal;
    838854}
    839855
     
    970986
    971987.thumb {
    972      max-height: 64px;
    973      max-width: 96px;
     988     max-width: 16px;
     989     transition: ease all 0.3s 0s;
     990}
     991
     992.thumb:hover {
     993     max-height: 80px;
     994     max-width: 80px;
     995     transition: ease all 0.3s 0s;
    974996}
    975997
     
    9791001
    9801002.snarkAddInfo {
    981      font-size: 8.5pt;
     1003     font-size: 9pt;
    9821004     line-height: 130% !important;
    9831005     margin-left: 10px;
     1006     font-weight: normal;
    9841007}
    9851008
     
    10041027}
    10051028
     1029.snarkConfigTitle {
     1030     margin-bottom: -2px !important;
     1031}
     1032
    10061033.snarkConfigTitle a, label.toggleview {
    10071034     text-shadow: 0 0 1px #000 !important;
     
    10721099     width: 100%;
    10731100     background: #131;
     1101     background: linear-gradient(to right, #131 50%, #000700);
    10741102}
    10751103
     
    11181146     color: #494;
    11191147     margin: 2px 4px 2px 0;
    1120      font: bold 8pt "Droid Sans", "Noto Sans", "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", Lato, "Segoe UI", Verdana, Tahoma, Helvetica, sans-serif;
     1148     font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    11211149     cursor: pointer;
    11221150}
     
    11481176     border: 1px outset #191;
    11491177     padding: 4px 3px !important;
    1150      font: bold 8pt "Droid Sans", "Noto Sans", "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", Lato, "Segoe UI", Verdana, Tahoma, Helvetica, sans-serif;
     1178     font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    11511179     margin-top: 6px;
    11521180     min-width: 95px;
     
    11571185
    11581186input[type=submit]:hover, input[type=submit]:focus {
    1159      border: 1px outset #f60;
     1187     border: 1px solid #f60;
    11601188     background-color: #000;
    11611189     color: #f60;
     
    11641192
    11651193input[type=submit]:active {
    1166      border: 1px inset #f60;
     1194     border: 1px solid #f60;
    11671195     background: #f60;
    11681196     color: #ee9;
    11691197     text-shadow: none !important;
     1198     box-shadow: inset 3px 3px 3px #000;
     1199     box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000;
    11701200}
    11711201
     
    12121242     border: 1px solid #151 !important;
    12131243     margin: 0 2px !important;     
    1214      padding: 3px !important;
     1244     padding: 4px !important;
    12151245     background: #030;
    12161246     background: linear-gradient(to bottom, #030 0%, #030 50%, #010 50%, #010 100%);
     
    12211251}
    12221252
    1223 .snarkTorrents th:last-child input[type="image"]:hover, .snarkTorrents td:last-child input[type="image"]:hover { /* borders on hover only for torrent control buttons, otherwise drop-shadow */
     1253.snarkTorrents th:last-child input[type="image"]:hover, .snarkTorrents td:last-child input[type="image"]:hover,
     1254.snarkTorrents th:last-child input[type="image"]:focus, .snarkTorrents td:last-child input[type="image"]:focus { /* borders on hover only for torrent control buttons, otherwise drop-shadow */
    12241255     border: 1px solid #f60 !important;
     1256}
     1257
     1258.snarkTorrents th:last-child input[type="image"]:active, .snarkTorrents td:last-child input[type="image"]:active {
     1259     box-shadow: inset 3px 3px 3px #000;
     1260     background-blend-mode: luminosity;
    12251261}
    12261262
     
    13091345     background: #000 !important;
    13101346     color: #494;
    1311      font: 8pt "Droid Sans", "Noto Sans", "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", Lato, "Segoe UI", Verdana, Tahoma, Helvetica, sans-serif;
     1347     font: 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    13121348     font-weight: bold;
    13131349     padding: 2px 16px 2px 2px;
     
    13251361}
    13261362
     1363select option:hover, select option:checked {
     1364     box-shadow: inset 0 0 20px 20px #f60;
     1365}
     1366
    13271367select:hover, select:focus {
    13281368     background: #000 !important;
     
    13881428}
    13891429
    1390 img.thumb { /* consistent size for thumbnail images in file manifest */
    1391       width: 16px;
    1392       border-radius: 1px;
    1393 }
    1394 
    13951430img[src$="magnet.png"] {
    13961431     transform: rotate(-90deg);
    13971432}
    1398 
    1399 /*
    1400 img[src$="folder.png"] {
    1401      filter: hue-rotate(60deg);
    1402 }
    1403 
    1404 img[src$="folder.png"]:hover {
    1405      filter: hue-rotate(60deg) drop-shadow(0 0 1px #f90) !important;
    1406 }
    1407 
    1408 .infoz {
    1409      margin: 0 -1px 0 0 !important;
    1410      padding: 0 !important;
    1411      line-height: 100%;
    1412      float: left;
    1413 }
    1414 
    1415 .infoz img {
    1416      border: none;
    1417      opacity: 1 !important;
    1418 }
    1419 
    1420 .infoz img:hover {
    1421      opacity: 1 !important;
    1422 }
    1423 */
    14241433
    14251434#pagenav img.disable, #pagenav img.disable:hover {
     
    14861495#trackerselect td:first-child {
    14871496     width: 20%;
     1497     font-weight: normal;
    14881498}
    14891499
     
    17181728
    17191729code {
    1720      font-size: 8pt;
     1730     font-size: 8.5pt;
    17211731     color: #ff6;
    17221732     padding: 0 2px;
    1723      font-weight: bold;
    17241733     font-family: "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
    17251734}
    17261735
    1727 .iframed .snarknavbar, .iframed .mainsection, .iframed .addtorrentsection, .iframed .newtorrentsection, .iframed .configsection, .iframed .configsectionpanel {
     1736.iframed .snarknavbar, .iframed .mainsection, .iframed .addtorrentsection,
     1737.iframed .newtorrentsection, .iframed .configsection, .iframed .configsectionpanel {
    17281738      border-left: none !important;
    17291739      border-right: none !important;
     
    17971807     color: #7c7;
    17981808}
     1809
     1810/* responsive layout */
     1811
     1812@media screen and (min-width: 1400px) {
     1813body, .snarkTorrents td, .snarkAddInfo, th, td {
     1814     font-size: 10pt !important;
     1815}
     1816
     1817.snarkRefresh:link {
     1818     font-size: 10.5pt;
     1819}
     1820
     1821.snarkRefresh:link:first-child {
     1822     padding-left: 13px !important;
     1823}
     1824
     1825tt, .snarkTorrents tt, code, .snarkMessages, input, input[type="submit"], input[type="reset"], select, button, textarea {
     1826     font-size: 9pt;
     1827}
     1828
     1829select {
     1830     padding-top: 4px;
     1831     padding-bottom: 4px;
     1832}
     1833
     1834select:nth-child(2) {
     1835     margin-left: -14px;
     1836}
     1837}
  • installer/resources/themes/snark/light/snark.css

    r04b9b20 rfabc57b  
    55body {
    66     color: #272e3f;
    7      font: 8pt "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    8      background: #a4a4cb url(/themes/console/light/images/tile2.png) center top;
     7     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     8     background: #a4a4cb url(/themes/console/light/images/tile2.png) center top fixed;
    99     background-size: 32px 32px;
    10      font-size-adjust: 0.58;
    1110     margin: 5px;
    1211}
     
    7473     border-bottom: 1px solid #7778bf;
    7574     box-shadow: none;
     75}
     76
     77.snarkRefresh img {
     78     display: none;
    7679}
    7780
     
    117120
    118121.snarkRefresh:first-child {
     122     padding: 4px 10px 4px 19px !important;
    119123     border-radius: 2px 0 0 2px;
    120      padding-left: 16px !important;
    121124     background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 51%, #eef 100%);
     125     background: url(images/button_snark.png) 10px center no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50%, #eef 51%, #eef 100%);
    122126}
    123127
     
    163167
    164168.snarkMessages {
    165      font: normal 8pt "DejaVu Sans Mono", "Droid Sans Mono", "Lucida Console", "Andale Mono", Courier, mono !important;
     169     font-family: "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     170     font-size: 8pt;
    166171     text-align: left;
    167172     margin: -2px 0 0;
     
    178183     border-bottom: 1px solid #7778bf;
    179184     box-shadow: inset 0 0 1px #fff;
    180      background-size: 50px 60px, 100% 100%;
     185     background-size: auto 100%, 100% 100%;
    181186}
    182187
    183188.snarkMessages a:link, .snarkMessages a:visited {
    184189     color: #505 !important;
     190     font-size: 8pt;
    185191}
    186192
     
    197203.snarkMessages li {
    198204     margin-left: -15px;
     205     line-height: 120%;
    199206}
    200207
     
    239246}
    240247
     248
     249a:link {       
     250     color: #359;
     251     text-decoration: none;
     252     font-weight: normal;
     253     word-wrap: break-word;
     254     font-size: 9pt;
     255}
     256
     257a:visited {
     258     color: #218;
     259     text-decoration: none;
     260}
     261
     262a:hover, a:focus {
     263     color: #f60;
     264}
     265
     266a:active {
     267     color: #6f072b;
     268}
     269
     270a.control, a.controld {
     271     background: #fff;
     272     border-radius: 2px;
     273     font-weight: bold;
     274     margin: 5px 4px !important;
     275     padding: 5px !important;   
     276     white-space: nowrap;
     277     display: inline-block;
     278     float: right;
     279     min-width: 0 !important;
     280}
     281
     282a.controld {
     283     color: #459;
     284     font-weight: normal;
     285     display: none;
     286}
     287
    241288pre {
    242289     width: 100%;
    243      font: 8pt "Lucida Console","DejaVu Sans Mono",Courier,mono !important;
     290     font: 8pt "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
    244291     padding: 0;
    245292     text-align: left !important;
     
    286333th {
    287334     padding: 3px 2px;
    288      font-size: 8pt;
     335     font-size: 9pt;
    289336     border-top: 1px solid #7778bf;
    290337     border-bottom: 1px solid #7778bf;
     
    397444}
    398445
     446.snarkTorrents thead th:nth-child(6), .snarkTorrents thead th:nth-child(7) {
     447     text-align: center !important;
     448}
     449
    399450.snarkTorrents td {
    400451     line-height: 110%;
     
    402453
    403454.snarkTorrents td:nth-child(1) {
    404      width: 20px !important;
     455     max-width: 20px !important;
    405456     text-align: left;
    406457     padding: 2px;   
     
    449500     color: #272e3f !important;
    450501     opacity: 1;
    451      font-size: 8pt;
     502     font-size: 9pt;
    452503}
    453504
     
    458509td:first-child {
    459510     text-align: right;
    460      font-size: 8pt;
    461511}
    462512
     
    511561
    512562.snarkTorrentAction input[type="image"]:active, .snarkTorrents th:last-child input[type="image"]:active {
    513      filter: hue-rotate(290deg) invert(100%) !important;
    514      -webkit-filter: hue-rotate(290deg) invert(100%) !important;
     563     box-shadow: inset 3px 3px 3px #333;
     564     filter: hue-rotate(110deg) !important;
     565     -webkit-filter: hue-rotate(110deg) !important;
    515566}
    516567
     
    561612
    562613.snarkTorrentRateUp, .snarkTorrentRateDown, .snarkTorrentDownloaded, .snarkTorrentUploaded {
    563      font-size: 8pt;
    564614     padding: 0 3px;
    565615     line-height: 90%;
     
    570620     text-align: center;
    571621}
    572 
    573 /*
    574 .snarkTorrentUploaded {
    575      color: #001 !important;
    576 }
    577 
    578 .snarkTorrentRateUp {
    579      color: #001 !important;
    580 }
    581 
    582 .snarkTorrentRateDown {
    583      color: #001 !important;
    584 }
    585 */
    586622
    587623.snarkTorrentOdd {
     
    633669     padding: 4px 5px 4px 15px;
    634670     font-style: italic;
    635      font-size: 8pt;
    636671     text-align: left;
    637672     min-width: 230px;
     
    651686
    652687.thumb {
    653      max-height: 64px;
    654      max-width: 96px;
     688     max-width: 16px;
     689     transition: ease all 0.3s 0s;
     690}
     691
     692.thumb:hover {
     693     max-height: 80px;
     694     max-width: 80px;
     695     transition: ease all 0.3s 0s;
    655696}
    656697
     
    660701
    661702.snarkAddInfo {
    662      font-size: 8pt;
     703     font-size: 9pt;
    663704     line-height: 130% !important;
    664705}
    665706
    666707.snarkConfigTitle, label.toggleview {
    667      font-size: 10.5pt;
     708     font-size: 11pt;
    668709     font-weight: bold;
    669710     padding: 2px 15px 2px 15px;
     
    681722}
    682723
     724.snarkConfigTitle a {
     725     font-size: 11pt !important;
     726}
     727
    683728.snarkConfigTitle img:hover { /* inert titles */
    684729     color: #40404f;
     
    686731
    687732@media screen and (-webkit-min-device-pixel-ratio:0) {
    688 
    689 .snarkRefresh:link {
    690      padding-top: 6px !important;
    691 }
    692 
    693 .snarkConfigTitle, label.toggleview {
    694      font-size: 12pt;
     733.snarkConfigTitle a, label.toggleview {
     734     font-size: 14pt !important;
    695735     padding: 1px 15px 4px;
    696736}
     
    786826.snarkDirInfo td {
    787827     min-width: 0 !important;
     828}
     829
     830.snarkDirInfo .ParentDir a, .snarkDirInfo .snarkFileName a, .snarkTorrents .snarkTorrentName a {
     831     display: inline-block;
     832     width: 100%;
     833     padding: 2px 0;
    788834}
    789835
     
    808854     filter: drop-shadow(0 0 1px #999);
    809855     -webkit-filter: drop-shadow(0 0 1px #ccc);
     856     white-space: nowrap;
     857     overflow: hidden;
     858     text-overflow: ellipsis;
     859}
     860
     861#trackerselect td {
     862     padding: 2px;
    810863}
    811864
    812865#trackerselect td:first-child {
    813      width: 150px !important;
     866     width: 100px !important;
    814867     white-space: nowrap;
    815868}
    816869
    817870#trackerselect td:nth-child(2), #trackerselect td:nth-child(3) {
    818      max-width: 50px !important;
     871}
     872
     873#trackerselect td:last-child {
     874     overflow: hidden;
     875     text-overflow: ellispis;
    819876}
    820877
     
    845902     margin-top: -10px;
    846903     background: #339;
    847 }
    848 
    849 a:link {       
    850      color: #359;
    851      text-decoration: none;
    852      font-weight: normal;
    853      word-wrap: break-word;
    854 }
    855 
    856 a:visited {
    857      color: #218;
    858      text-decoration: none;
    859 }
    860 
    861 a:hover, a:focus {
    862      color: #f60;
    863 }
    864 
    865 a:active {
    866      color: #6f072b;
    867 }
    868 
    869 a.control, a.controld {
    870      background: #fff;
    871      border-radius: 2px;
    872      font-weight: bold;
    873      margin: 5px 4px !important;
    874      padding: 5px !important;   
    875      white-space: nowrap;
    876      display: inline-block;
    877      float: right;
    878      min-width: 0 !important;
    879 }
    880 
    881 a.controld {
    882      color: #459;
    883      font-weight: normal;
    884      display: none;
    885904}
    886905
     
    903922     color: #272e3f;
    904923     margin: 2px 4px 2px 0;
    905      font: bold 8pt "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
     924     font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    906925     box-shadow: inset 0 0 1px #fff, 0 0 1px #999;
    907926}
     
    919938     border: 1px solid #7778bf;
    920939     padding: 2px;
    921      font: bold 8pt "Droid Sans", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
     940     font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    922941     margin: 6px 10px 6px 0;
    923942     border-radius: 2px;
     
    10161035select {
    10171036     background: #eef url(images/dropdown.png) right center no-repeat !important;
    1018      font: 8pt "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
     1037     font: 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    10191038     font-weight: bold;
    10201039     padding: 5px 16px 5px 3px !important;
     
    10821101img[src$="details.png"] {
    10831102     mix-blend-mode: luminosity;
    1084 }
    1085 
    1086 img.thumb {
    1087      width: 16px;
    1088 }
    1089 
    1090 .infoz {
    1091      margin: 0 -1px 0 0 !important;
    1092      padding: 0 !important;
    1093      line-height: 100%;
    1094      float: left;
    1095 }
    1096 
    1097 .infoz img {
    1098      border: none;
    1099      opacity: 1 !important;
    1100 }
    1101 
    1102 .infoz img:hover {
    1103      opacity: 1 !important;
    11041103}
    11051104
     
    12391238
    12401239code, tt {
    1241      font-size: 8pt;
     1240     font-size: 8.5pt;
    12421241     color: #0045ff;
    12431242     font-weight: bold;
    1244      font-family: "DejaVu Sans Mono", "Droid Sans Mono", Courier, mono;
     1243     font-family: "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
    12451244}
    12461245
     
    13261325     display: none;
    13271326}
     1327
     1328/*responsive layout */
     1329
     1330@media screen and (max-width: 1000px) {
     1331body, td, .snarkMessages li, .snarkMessages a, button, input, select, .snarkAddInfo, code, tt, th, a, a:link, .snarkAddInfo, .snarkFileStatus {
     1332     font-size: 8pt !important;
     1333}
     1334
     1335.snarkConfigTitle a {
     1336     font-size: 10.5pt !important;
     1337}
     1338
     1339@media screen and (-webkit-min-device-pixel-ratio:0) {
     1340.snarkConfigTitle a, label.toggleview {
     1341     font-size: 12pt !important;
     1342}
     1343}
     1344}
     1345
     1346/* enable to hide status text, upload speed + upload amount in main torrent table at 800px or less */
     1347/*
     1348@media screen and (max-width: 800px) {
     1349.snarkTorrents th:nth-child(2), .snarkTorrents td:nth-child(2),
     1350.snarkTorrents th:nth-child(7), .snarkTorrents tfoot th:nth-child(3), .snarkTorrents td.snarkTorrentUploaded,
     1351.snarkTorrents th:nth-child(9), .snarkTorrents tfoot th:nth-child(5), .snarkTorrents td.snarkTorrentRateUp {
     1352     max-width: 0 !important;
     1353     overflow: hidden;
     1354     white-space: nowrap;
     1355     font-size: 0 !important;
     1356     padding: 0 !important;
     1357}
     1358
     1359.snarkTorrents th:nth-child(7) img {
     1360     display: none;
     1361}
     1362}
     1363*/
     1364
     1365@media screen and (min-width: 1400px) {
     1366body, td, button, input, select, .snarkAddInfo, code, tt, th, a, a:link {
     1367     font-size: 10pt !important;
     1368}
     1369
     1370.snarkMessages li, .snarkMessages a {
     1371     font-size: 9pt !important;
     1372     line-height: 130%;
     1373}
     1374
     1375a.snarkRefresh {
     1376     font-size: 11pt !important;
     1377}
     1378
     1379a.snarkRefresh:first-child {
     1380     padding-left: 16px !important;
     1381}
     1382
     1383.snarkConfigTitle a, label.toggleview {
     1384     font-size: 12pt !important;
     1385     padding: 1px 15px 4px;
     1386}
     1387
     1388@media screen and (-webkit-min-device-pixel-ratio:0) {
     1389.snarkConfigTitle a, label.toggleview {
     1390     font-size: 15pt !important;
     1391     padding: 1px 15px 4px;
     1392}
     1393}
     1394
     1395input[type="submit"] {
     1396     min-width: 100px;
     1397}
     1398
     1399.snarkMessages {
     1400     height: 60px;
     1401}
     1402
     1403.snarkConfigTitle, label.toggleview {
     1404     font-size: 12pt;
     1405     padding: 3px 15px;
     1406}
     1407}
  • installer/resources/themes/snark/midnight/snark.css

    r04b9b20 rfabc57b  
    1 /* I2PSnark theme "Midnight" by dr|z3d */
     1/* I2PSnark theme "Midnight" */
     2/* Author: dr|z3d */
    23
    34body {
    4      font: 9pt "Droid Sans", "Noto Sans", "Bitstream Vera Sans", "DejaVu Sans", "Segoe UI", Verdana, Tahoma, Helvetica, sans-serif;
     5     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    56     color: #c9ceff;
    67     background: #000;
     
    1011body.iframed {
    1112     margin: 1px 0 !important;
    12      background: transparent url(../../console/dark/images/transparent.gif) !important;
     13     background: transparent url(/themes/console/images/transparent.gif) !important;
    1314}
    1415
     
    161162}
    162163
    163 /*
    164 .snarkRefresh:active:first-child {
    165       background: #000 !important;
    166       background-image: url(images/button_tracker_hover.png), linear-gradient(to bottom, #510 0%, #530 50%, #000 51%, #000 100%) !important;
    167       background-position: 7px center, center center !important;
    168       background-repeat: no-repeat, repeat !important;
    169 }
    170 
    171 */
    172 
    173164.snarkRefresh:link:last-of-type {
    174165     border-radius: 2px !important;
     
    486477}
    487478
    488 .snarkTorrents td:nth-child(3),
     479.snarkTorrents td:nth-child(3) {
     480     width: 16px !important;
     481     padding: 0 !important;
     482     text-align: right !important;
     483}
     484
    489485.SnarkTorrents td:nth-child(4) {
    490486     width: 16px !important;
    491      padding: 0 !important;
     487     padding: 0 2px 0 0 !important;
    492488     text-align: center !important;
    493489}
    494490
    495 .snarkTorrents td:nth-child(3) {
    496      text-align: right !important;
    497 }
    498491
    499492.snarkTorrents td[colspan="10"] {
     
    535528     background: url(images/file.png) no-repeat 6px center, linear-gradient(to bottom, #010011, #000);
    536529     background-size: 14px;
     530     background-blend-mode: luminosity;
    537531}
    538532
     
    617611.snarkDirInfo td:first-child img {
    618612     padding-right: 6px;
     613}
     614
     615.snarkDirInfo .ParentDir a, .snarkDirInfo .snarkFileName a, .snarkTorrents .snarkTorrentName a {
     616     display: inline-block;
     617     width: 100%;
     618     padding: 2px 0;
    619619}
    620620
     
    745745     width: 60px;
    746746     margin: 0 !important;
    747      padding: 1px 1px 1px 1px !important;
     747     padding: 1px !important;
    748748     text-align: center !important;
    749749}
     
    852852.snarkDirInfo tr:hover td {
    853853     color: #c9ceff !important;
     854}
     855
     856.snarkDirInfo tr:hover .snarkFileStatus img {
     857     mix-blend-mode: normal;
    854858}
    855859
     
    995999
    9961000.thumb {
    997      width: 16px;
     1001     max-width: 16px;
     1002     transition: ease all 0.3s 0s;
     1003}
     1004
     1005.thumb:hover {
     1006     max-width: 96px;
     1007     max-height: 64px;
     1008     transition: ease all 0.3s 0s;
    9981009}
    9991010
     
    10301041}
    10311042
     1043.configsectionpanel .snarkConfigTitle {
     1044     padding-bottom: 4px;
     1045}
     1046
    10321047.snarkConfigTitle a, .snarkConfigTitle a:visited {
    10331048     color: #89f !important;
     
    11131128}
    11141129
    1115 a:hover {
     1130a:hover, a:focus {
    11161131     color: #652787;
    11171132}
     
    11221137
    11231138input {
    1124      font: bold 8pt "Droid Sans", "Noto Sans", "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", Lato, "Segoe UI", Verdana, Tahoma, Helvetica, sans-serif;
     1139     font: bold 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
    11251140     margin: 2px 4px 2px 0;
    11261141     padding: 3px 4px !important;
     
    11331148}
    11341149
    1135 input[type="submit"],
    1136 input[type="reset"] {
    1137      filter: drop-shadow(0 0 1px #000);
    1138      -webkit-filter: drop-shadow(0 0 1px #000);
    1139 }
    1140 
    11411150input:disabled {
    11421151     cursor: auto;
     
    11561165}
    11571166
    1158 input[type=submit],
    1159 input[type=submit]:visited {
    1160      font: bold 8pt "Droid Sans", "Noto Sans", "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", Lato, "Segoe UI", Verdana, Tahoma, Helvetica, sans-serif;
    1161      min-width: 95px;
     1167
     1168input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
     1169     border: none;
     1170     outline: none;
     1171}
     1172
     1173input[type="submit"], input[type="reset"] {
     1174     font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     1175     min-width: 95px !important;
    11621176     margin-top: 6px;
    1163      padding: 2px;
     1177          padding: 5px !important;
    11641178     text-align: center;
    11651179     color: #443da0;
     
    11681182     border-right-color: #14144f;
    11691183     background: #000;
    1170 }
    1171 
    1172 input[type=submit]:hover,
    1173 input[type=submit]:focus {
     1184     background: linear-gradient(to bottom, #1f1e32, #090812 50%, #000 50%) !important;
     1185     box-shadow: inset 0 0 0 1px #000;
     1186     filter: drop-shadow(0 0 1px #000);
     1187     -webkit-filter: drop-shadow(0 0 1px #000);
     1188}
     1189
     1190/*
     1191@media screen and (-webkit-min-device-pixel-ratio:0) {
     1192input[type="submit"],
     1193input[type="reset"] {
     1194        padding: 5px !important;
     1195}
     1196}
     1197*/
     1198
     1199input[type="submit"]:hover, input[type="submit"]:focus,
     1200input[type="reset"]:hover, input[type="reset"]:focus {
    11741201     color: #652787;
    11751202     border: 1px solid #652787 !important;
    1176      background-color: #000;
     1203     background: #000 !important;
    11771204     box-shadow: 0 1px 1px 0 #c9ceff inset;
    11781205}
    11791206
    1180 input[type=submit]:active {
     1207input[type="submit"]:active,
     1208input[type="reset"]:active {
    11811209     color: #c9ceff;
    11821210     border: 1px inset #652787;
    1183      background: #652787;
    1184      text-shadow: none !important;
     1211     background: #652787 !important;
     1212     box-shadow: inset 3px 3px 3px #000;
    11851213}
    11861214
     
    12111239input[type="radio"] {
    12121240     min-width: 16px !important;
     1241     min-height: 16px !important;
    12131242     filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%); /* colorize radios and checkboxes */
    12141243     -webkit-filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%);
    12151244}
    12161245
    1217 input[type="checkbox"]:hover,
    1218 .optbox:hover,
    1219 input[type="radio"]:hover {
    1220      filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%) drop-shadow(0 0 1px #652787);
     1246input[type="checkbox"]:hover, .optbox:hover, input[type="radio"]:hover,
     1247input[type="checkbox"]:focus, .optbox:focus, input[type="radio"]:focus {
     1248     filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%) drop-shadow(0 0 2px #652787);
    12211249}
    12221250
     
    12271255
    12281256.snarkTorrents td:last-child {
    1229      padding: 1px 2px !important;
     1257     padding: 4px 2px !important;
    12301258}
    12311259
     
    12361264     border: 1px solid #171c3f !important;
    12371265     box-shadow: inset 0 0 0 1px #000;
    1238      padding: 3px !important;
     1266     padding: 4px !important;
    12391267     border-radius: 2px;
    12401268     text-align: center;
     
    12571285.snarkTorrents td:last-child input[type="image"]:hover,
    12581286.snarkTorrents td:last-child input[type="image"]:focus {
    1259      /* borders on hover only for torrent control buttons, otherwise drop-shadow */
     1287/* borders on hover only for torrent control buttons, otherwise drop-shadow */
    12601288     border: 1px solid #652787 !important;
    12611289}
     
    12711299}
    12721300
    1273 input[type=text]:focus,
    1274 textarea:focus,
    1275 input.r:focus,
    1276 textarea[name="i2cpOpts"]:focus,
    1277 input[name="nofilter_dataDir"]:focus {
     1301input[type=text]:focus, textarea:focus, input.r:focus, textarea[name="i2cpOpts"]:focus, input[name="nofilter_dataDir"]:focus {
    12781302     color: #7166ff;
    12791303     background: #000;
     1304     filter: drop-shadow(0px 0 1px #99f);
     1305     -webkit-filter: drop-shadow(0px 0 1px #99f);
     1306     transition: ease all 0.3s 0s;
    12801307}
    12811308
     
    12861313     padding: 4px !important;
    12871314     cursor: text;
     1315     resize: none;
    12881316}
    12891317
     
    13331361
    13341362select {
    1335      font: 8pt "Droid Sans", "Noto Sans", "Bitstream Vera Sans", "DejaVu Sans", Lato, "Segoe UI", Verdana, Tahoma, "Lucida Grande", Helvetica, sans-serif;
     1363     font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "DejaVu Sans", "Segoe UI", Verdana, "Lucida Grande", "Lucida Grande", Helvetica, sans-serif;
    13361364     font-weight: bold;
    13371365     min-width: 100px;
    13381366     margin: 2px 4px 2px 0;
    1339      padding: 2px 16px 2px 2px;
     1367     padding: 3px 16px 3px 2px;
    13401368     cursor: pointer;
    13411369     text-overflow: ellipsis;
     
    13481376}
    13491377
    1350 select option {
    1351      font-size: 9.5pt;
    1352      /* dropdown menu reverts to normal font-weight */
    1353      font-weight: normal;
    1354 }
    1355 
    13561378select:hover,
    13571379select:focus {
     
    13651387}
    13661388
     1389
     1390select option {
     1391     font-size: 9.5pt;
     1392     /* dropdown menu reverts to normal font-weight */
     1393     font-weight: normal;
     1394}
     1395
     1396select option:hover, select option:checked {
     1397     box-shadow: inset 20px 20px #652787;
     1398}
     1399
     1400/* target firefox and derivatives only */
    13671401@-moz-document url-prefix() {
    1368      /* target firefox and derivatives only */
    1369      select
    1370      {
    1371           background: #000 url(images/dropdown.png) right center no-repeat !important;
    1372           -moz-appearance: none;
    1373      }
    1374 
    1375      select:hover,
    1376      select:focus,
    1377      select:active
    1378      {
    1379           background: #000 url(images/dropdown_hover.png) right center no-repeat !important;
    1380      }
    1381 
     1402select {
     1403     background: #000 url(images/dropdown.png) right center no-repeat !important;
     1404     -moz-appearance: none;
     1405}
     1406
     1407select:hover, select:focus, select:active {
     1408     background: #000 url(images/dropdown_hover.png) right center no-repeat !important;
     1409}
    13821410}
    13831411
    13841412select:nth-child(2) {
    1385      margin-left: -18px;
     1413     margin-left: -16px;
    13861414}
    13871415
     
    14291457
    14301458img.thumb {
    1431      width: 16px;
     1459     max-width: 16px;
    14321460}
    14331461
     
    14391467     mix-blend-mode: normal !important;
    14401468}
    1441 
    1442 /*
    1443 .infoz {
    1444      line-height: 100%;
    1445      float: left;
    1446      margin: 0 -1px 0 0 !important;
    1447      padding: 0 !important;
    1448 }
    1449 
    1450 .infoz img {
    1451      opacity: 1 !important;
    1452      border: none;
    1453 }
    1454 
    1455 .infoz img:hover {
    1456      opacity: 1 !important;
    1457 }
    1458 */
    14591469
    14601470#pagenav img.disable,
     
    15431553#trackerselect td:first-child {
    15441554     width: 20%;
     1555     font-weight: normal;
    15451556}
    15461557
     
    18951906     color: #89f;
    18961907}
     1908
     1909/* responsive layout */
     1910
     1911@media screen and (min-width: 1400px) {
     1912code, textarea, .snarkMessages li, input {
     1913     font-size: 9pt !important;
     1914}
     1915
     1916thead th, tfoot th, td, select, select option, .snarkAddInfo {
     1917     font-size: 10pt !important;
     1918}
     1919
     1920.snarkRefresh {
     1921     font-size: 10.5pt !important;
     1922}
     1923
     1924.snarkConfigTitle, .toggleview {
     1925     font-size: 12.5pt !important;
     1926     padding: 4px 25px 5px 22px;
     1927}
     1928
     1929.snarkConfigTitle {
     1930     padding: 2px 25px 3px 22px
     1931}
     1932
     1933.snarkMessages {
     1934     height: 54px;
     1935}
     1936
     1937select:nth-child(2) {
     1938     margin-left: -14px !important;
     1939}
     1940}
  • installer/resources/themes/snark/ubergine/snark.css

    r04b9b20 rfabc57b  
    1 /* I2PSnark theme "Ubergine" by dr|z3d */
     1/* I2PSnark theme "Ubergine" */
    22/* Guantanamo Commemorative Edition. */
     3/* Author: dr|z3d */
    34
    45html {
     
    1112     background-size: 100% 100%, 96px 96px;
    1213     color: #fff;
    13      font: 8pt "Bitstream Vera Sans", "Noto Sans", Verdana, Ubuntu, Tahoma, Helvetica, sans-serif;
     14     font: 8pt "Bitstream Vera Sans", Verdana, "Noto Sans", Ubuntu, Helvetica, sans-serif;
    1415}
    1516
    1617body.iframed {
    17      background: transparent url('../../console/dark/images/transparent.gif') !important;
     18     background: transparent url(themes/console/images/transparent.gif) !important;
    1819     margin: 0 !important;
    1920}
     
    183184     background: #2a192a url(images/hat.png) no-repeat scroll right center;
    184185     background: url(images/hat.png) no-repeat scroll right center, linear-gradient(to bottom, #2a192a 0%, #202 100%);
    185      background-size: 80px 83px;
     186     background-size: 80px 83px, 100% 100%;
    186187     box-shadow: inset 0 0 3px 1px rgba(16, 0, 16, 0.6);     
    187188     outline: none;
     
    665666     width: 16px;
    666667     text-align: center;
    667      padding-left: 3px;
     668     padding: 4px !important;
     669}
     670
     671.snarkFileIcon img {
     672     margin: 1px;
     673     padding: 0;
    668674}
    669675
     
    788794}
    789795
     796.snarkDirInfo .ParentDir a, .snarkDirInfo .snarkFileName a, .snarkTorrents .snarkTorrentName a {
     797     display: inline-block;
     798     width: 100%;
     799     padding: 2px 0;
     800}
     801
    790802.snarkDirInfo .headerpriority {
    791803     text-align: right !important;
     
    810822
    811823.thumb {
    812      max-height: 64px;
    813      max-width: 96px;
     824     max-width: 16px;
     825     transition: ease-out all 0.3s 0s;
     826}
     827
     828.thumb:hover {
     829     max-width: 80px;
     830     max-height: 80px;
     831     transition: ease all 0.3s 0s;
    814832}
    815833
     
    866884}
    867885
     886@media screen and (-webkit-min-device-pixel-ratio:0) {
     887.snarkConfigTitle, label.toggleview {
     888     font-size: 12pt;   
     889}
     890}
     891
    868892.snarkConfigTitle img, label.toggleview img {
    869893     margin-right: -3px;
     
    944968     text-shadow: 0 0 #410;
    945969     white-space: nowrap;
    946      min-height: 22px;
    947970     filter: drop-shadow(0 0 1px #313) !important;
    948971     -webkit-filter: drop-shadow(0 0 1px #313) !important;
     
    971994}
    972995
     996a.control, input[type="submit"], input[type="reset"] {
     997     background-size: 14px 14px, 100% 100% !important;
     998}
     999
    9731000a.control:active, input[type="submit"]:active, input[type="reset"]:active {
    9741001     color: #ce1641 !important;
    9751002     border: 1px solid #fff !important;
     1003     box-shadow: inset 3px 3px 3px #fff;
    9761004}
    9771005
     
    9961024
    9971025input, a.control {
    998      font: 8pt "Droid Sans", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
     1026     font: 8pt "Droid Sans", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
    9991027     font-weight: bold;
    10001028}
     
    10151043     text-align: right;
    10161044     background: url(images/graytile.png);
    1017      font-family: "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
     1045     font-family: "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
    10181046}
    10191047
     
    11521180input[type="text"], input.r, input[name="nofilter_dataDir"] {
    11531181     padding: 4px !important;
    1154      font-family: "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
     1182     font-family: "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
    11551183     box-shadow: inset 1px 1px 2px 1px #101;
    11561184     letter-spacing: 0.03em;
     
    12101238
    12111239input.accept, input.accept:active {
    1212      background: #989 url(images/accept.png) no-repeat 2px center;
    1213      background: url(images/accept.png) no-repeat 2px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1240     background: #989 url(images/accept.png) no-repeat 4px center;
     1241     background: url(images/accept.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    12141242     padding: 4px 3px 4px 18px !important;
    1215      min-height: 22px;
    12161243}
    12171244
    12181245input.accept:hover, input.accept:focus {
    1219      background: #767 url(images/accept.png) no-repeat 2px center;
    1220      background: url(images/accept.png) no-repeat 2px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1246     background: #767 url(images/accept.png) no-repeat 4px center;
     1247     background: url(images/accept.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
    12211248}
    12221249
    12231250input.add, input.add:active {
    1224      background: #989 url(images/add.png) no-repeat 2px center;
    1225      background: url(images/add.png) no-repeat 2px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1251     background: #989 url(images/add.png) no-repeat 4px center;
     1252     background: url(images/add.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    12261253     padding: 4px 3px 4px 18px !important;
    1227      min-height: 22px;
    12281254}
    12291255
    12301256input.add:hover, input.add:focus {
    1231      background: #767 url(images/add.png) no-repeat 2px center;
    1232      background: url(images/add.png) no-repeat 2px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1257     background: #767 url(images/add.png) no-repeat 4px center;
     1258     background: url(images/add.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
    12331259}
    12341260
    12351261input.cancel, input.cancel:active {
    1236      background: #989 url(images/cancel.png) no-repeat 2px center;
    1237      background: url(images/cancel.png) no-repeat 2px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1262     background: #989 url(images/cancel.png) no-repeat 4px center;
     1263     background: url(images/cancel.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    12381264     padding: 4px 3px 4px 18px !important;
    1239      min-height: 22px;
    12401265}
    12411266
    12421267input.cancel:hover, input.cancel:focus {
    1243      background: #767 url(images/cancel.png) no-repeat 2px center;
    1244      background: url(images/cancel.png) no-repeat 2px center, linear-gradient(to bottom, #767 0%, #989 100%);   
     1268     background: #767 url(images/cancel.png) no-repeat 4px center;
     1269     background: url(images/cancel.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);   
    12451270}
    12461271
    12471272input.create, input.create:active {
    1248      background: #989 url(images/create.png) no-repeat 2px center;
    1249      background: url(images/create.png) no-repeat 2px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1273     background: #989 url(images/create.png) no-repeat 4px center;
     1274     background: url(images/create.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    12501275     padding: 4px 3px 4px 18px !important;
    1251      min-height: 22px;
    12521276}
    12531277
    12541278input.create:hover, input.create:focus {
    1255      background: #767 url(images/create.png) no-repeat 2px center;
    1256      background: url(images/create.png) no-repeat 2px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1279     background: #767 url(images/create.png) no-repeat 4px center;
     1280     background: url(images/create.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
    12571281}
    12581282
    12591283input.delete, input.delete:active {
    1260      background: #989 url(images/nuke.png) no-repeat 2px center;
    1261      background: url(images/nuke.png) no-repeat 2px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1284     background: #989 url(images/nuke.png) no-repeat 4px center;
     1285     background: url(images/nuke.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    12621286     padding: 4px 3px 4px 18px !important;
    1263      min-height: 22px;
    12641287}
    12651288
    12661289input.delete:hover, input.delete:focus {
    1267      background: #767 url(images/nuke.png) no-repeat 2px center;
    1268      background: url(images/nuke.png) no-repeat 2px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1290     background: #767 url(images/nuke.png) no-repeat 4px center;
     1291     background: url(images/nuke.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
    12691292}
    12701293
    12711294input.reload, input.reload:active {
    1272      background: #989 url(images/restore.png) no-repeat 2px center;
    1273      background: url(images/restore.png) no-repeat 2px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1295     background: #989 url(images/restore.png) no-repeat 4px center;
     1296     background: url(images/restore.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    12741297     padding: 4px 3px 4px 18px !important;
    1275      min-height: 22px;
    12761298}
    12771299
    12781300input.reload:hover, input.reload:focus {
    1279      background: #767 url(images/restore.png) no-repeat 2px center;
    1280      background: url(images/restore.png) no-repeat 2px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1301     background: #767 url(images/restore.png) no-repeat 4px center;
     1302     background: url(images/restore.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
    12811303}
    12821304
    12831305input.reload[name="recheck"], input.reload[name="recheck"]:active {
    1284      background: #989 url(images/recheck.png) no-repeat 2px center;
    1285      background: url(images/recheck.png) no-repeat 2px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1306     background: #989 url(images/recheck.png) no-repeat 4px center;
     1307     background: url(images/recheck.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    12861308     padding: 4px 3px 4px 18px !important;
    1287      min-height: 22px;
    12881309}
    12891310
    12901311input.reload[name="recheck"]:hover, input.reload[name="recheck"]:focus {
    1291      background: #767 url(images/recheck.png) no-repeat 2px center;
    1292      background: url(images/recheck.png) no-repeat 2px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1312     background: #767 url(images/recheck.png) no-repeat 4px center;
     1313     background: url(images/recheck.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
    12931314}
    12941315
    12951316input.starttorrent, input.starttorrent:active {
    1296      background: #989 url(images/next.png) no-repeat 2px center;
    1297      background: url(images/next.png) no-repeat 2px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1317     background: #989 url(images/next.png) no-repeat 4px center;
     1318     background: url(images/next.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    12981319     padding: 4px 3px 4px 18px !important;
    1299      min-height: 22px;
    13001320}
    13011321
    13021322input.starttorrent:hover, input.starttorrent:focus {
    1303      background: #767 url(images/next.png) no-repeat 2px center;
    1304      background: url(images/next.png) no-repeat 2px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1323     background: #767 url(images/next.png) no-repeat 4px center;
     1324     background: url(images/next.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
    13051325}
    13061326
    13071327input.stoptorrent, input.stoptorrent:active {
    1308      background: #989 url(images/btn_stop.png) no-repeat 2px center;
    1309      background: url(images/btn_stop.png) no-repeat 2px center, linear-gradient(to bottom, #989 0%, #878 100%);
     1328     background: #989 url(images/btn_stop.png) no-repeat 4px center;
     1329     background: url(images/btn_stop.png) no-repeat 4px center, linear-gradient(to bottom, #989 0%, #878 100%);
    13101330     padding: 4px 3px 4px 18px !important;
    1311      min-height: 22px;
    13121331}
    13131332
    13141333input.stoptorrent:hover, input.stoptorrent:focus {
    1315      background: #767 url(images/btn_stop.png) no-repeat 2px center;
    1316      background: url(images/btn_stop.png) no-repeat 2px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1334     background: #767 url(images/btn_stop.png) no-repeat 4px center;
     1335     background: url(images/btn_stop.png) no-repeat 4px center, linear-gradient(to bottom, #767 0%, #989 100%);
     1336}
     1337
     1338@media screen and (-webkit-min-device-pixel-ratio:0) {
     1339input[type="submit"], input[type="reset"], a.control {
     1340     padding-left: 21px !important;     
     1341}
    13171342}
    13181343
     
    13291354     background-size: 17px 17px, 96px 96px !important;
    13301355     color: #f60;
    1331      font: 8pt "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
     1356     font: 8pt "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
    13321357     font-weight: bold;
    13331358     padding: 2px 18px 2px 1px;
     
    13721397     padding: 4px 18px 4px 4px;
    13731398}
     1399
     1400select + select {
     1401     margin-left: -12px !important;
     1402}
    13741403}
    13751404
     
    13981427     opacity: 1;
    13991428     line-height: 100%;
    1400 }
    1401 
    1402 img.thumb { /* consistent size for thumbnail images in file manifest */
    1403       width: 16px;
    1404       border-radius: 1px;
    14051429}
    14061430
  • installer/resources/themes/snark/vanilla/snark.css

    r04b9b20 rfabc57b  
    218218     height: 56px;
    219219     width: auto;
    220      background: #3f3833 url('/themes/snark/ubergine/images/hat.png') no-repeat scroll right center;
    221      background: url('/themes/snark/ubergine/images/hat.png') no-repeat scroll right center, linear-gradient(to bottom, #5f554d 0%, #3f3833 100%);
     220     background: #3f3833 url(images/hat.png) no-repeat scroll right center;
     221     background: url(images/hat.png) no-repeat scroll right center, linear-gradient(to bottom, #5f554d 0%, #3f3833 100%);
    222222     background-size: 80px 83px, 100% 100%;
    223223}
     
    692692}
    693693
     694.snarkDirInfo tr:hover .snarkFileStatus img {
     695     mix-blend-mode: normal;
     696}
     697
    694698.snarkTorrentEven + .snarkTorrentEven:nth-child(even), .snarkTorrentOdd + .snarkTorrentOdd:nth-child(even) {
    695699     background: #303;
     
    721725.snarkFileIcon {
    722726     width: 16px;
     727}
     728
     729.snarkFileIcon img {
     730     filter: none;
     731     -webkit-filter: none;
    723732}
    724733
     
    812821}
    813822
     823.snarkDirInfo .ParentDir a, .snarkDirInfo .snarkFileName a, .snarkTorrents .snarkTorrentName a {
     824     display: inline-block;
     825     width: 100%;
     826     padding: 2px 0;
     827}
     828
    814829.snarkDirInfo .headerpriority {
    815830     text-align: right !important;
     
    832847
    833848.thumb {
    834      max-height: 64px;
    835      max-width: 96px;
     849     transition: ease all 0.3s 0s;
     850     max-width: 16px;
     851}
     852
     853.thumb:hover {
     854     max-width: 80px;
     855     max-height: 80px;
     856     transition: ease all 0.3s 0s;
    836857}
    837858
     
    881902}
    882903
     904@media screen and (-webkit-min-device-pixel-ratio:0) {
     905.snarkConfigTitle, label.toggleview {
     906     font-size: 12pt;   
     907}
     908}
     909
    883910.snarkConfigTitle a, label.toggleview {
    884911     color: #930 !important;
     
    963990
    964991a.control, input[type="submit"], input[type="reset"] {
    965      font: 8pt "Droid Sans", "Bitstream Vera Sans", Verdana, "Lucida Sans Unicode", Tahoma, Helvetica, sans-serif;
    966      font-weight: bold;
     992     font: 8pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
     993     font-weight: bold;
     994     background-size: 14px 14px, 100% 100% !important;
    967995}
    968996
     
    10081036     color: #2f1500;
    10091037     margin: 2px 4px;
    1010      font-family: "Bitstream Vera Sans", Verdana, "Lucida Sans Unicode", Tahoma, Helvetica, sans-serif;
     1038     font-family: "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
    10111039}
    10121040
     
    10801108
    10811109input.accept {
    1082      background: url(images/accept.png) no-repeat 4px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
    1083      padding: 5px 5px 5px 22px !important;
     1110     background: url(images/accept.png) no-repeat 5px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
     1111     padding: 5px 5px 5px 21px !important;
    10841112}
    10851113
    10861114input.accept:hover, input.accept:focus {
    1087      background: url(images/accept.png) no-repeat 4px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
     1115     background: url(images/accept.png) no-repeat 5px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
    10881116}
    10891117
    10901118input.add {
    1091      background: url(images/add.png) no-repeat 4px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
    1092      padding: 5px 5px 5px 22px !important;
    1093      min-height: 22px;
     1119     background: url(images/add.png) no-repeat 5px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
     1120     padding: 5px 5px 5px 21px !important;
    10941121}
    10951122
    10961123input.add:hover, input.add:focus {
    1097      background: url(images/add.png) no-repeat 4px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
     1124     background: url(images/add.png) no-repeat 5px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
    10981125}
    10991126
    11001127input.cancel {
    1101      background: url(images/cancel.png) no-repeat 4px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
    1102      padding: 5px 5px 5px 22px !important;
    1103      min-height: 22px;
     1128     background: url(images/cancel.png) no-repeat 5px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
     1129     padding: 5px 5px 5px 21px !important;
    11041130}
    11051131
    11061132input.cancel:hover, input.cancel:focus {
    1107      background: url(images/cancel.png) no-repeat 4px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
     1133     background: url(images/cancel.png) no-repeat 5px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
    11081134}
    11091135
    11101136input.create {
    1111      background: url(images/create.png) no-repeat 4px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
    1112      padding: 5px 5px 5px 22px !important;
    1113      min-height: 22px;
     1137     background: url(images/create.png) no-repeat 5px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
     1138     padding: 5px 5px 5px 21px !important;
    11141139}
    11151140
    11161141input.create:hover, input.create:focus {
    1117      background: url(images/create.png) no-repeat 4px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
     1142     background: url(images/create.png) no-repeat 5px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
    11181143}
    11191144
    11201145input.delete {
    1121      background: url(images/nuke.png) no-repeat 4px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
    1122      padding: 5px 5px 5px 22px !important;
    1123      min-height: 22px;
     1146     background: url(images/nuke.png) no-repeat 5px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
     1147     padding: 5px 5px 5px 21px !important;
    11241148}
    11251149
    11261150input.delete:hover, input.delete:focus {
    1127      background: url(images/nuke.png) no-repeat 4px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
     1151     background: url(images/nuke.png) no-repeat 5px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
    11281152}
    11291153
    11301154input.reload {
    1131      background: url(images/restore.png) no-repeat 4px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
    1132      padding: 5px 5px 5px 22px !important;
    1133      min-height: 22px;
     1155     background: url(images/restore.png) no-repeat 5px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
     1156     padding: 5px 5px 5px 21px !important;
    11341157}
    11351158
    11361159input.reload:hover, input.reload:focus {
    1137      background: url(images/restore.png) no-repeat 4px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
     1160     background: url(images/restore.png) no-repeat 5px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
    11381161}
    11391162
    11401163input.reload[name="recheck"] {
    1141      background: url(images/recheck.png) no-repeat 4px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
    1142      padding: 5px 5px 5px 22px !important;
    1143      min-height: 22px;
     1164     background: url(images/recheck.png) no-repeat 5px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
     1165     padding: 5px 5px 5px 21px !important;
    11441166     float: right;
    11451167     margin: 6px 2px;
     
    11471169
    11481170input.reload[name="recheck"]:hover, input.reload[name="recheck"]:focus {
    1149      background: url(images/recheck.png) no-repeat 4px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
     1171     background: url(images/recheck.png) no-repeat 5px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
    11501172}
    11511173
    11521174input.starttorrent {
    1153      background: url(images/next.png) no-repeat 4px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
    1154      padding: 5px 5px 5px 22px !important;
    1155      min-height: 22px;
     1175     background: url(images/next.png) no-repeat 5px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
     1176     padding: 5px 5px 5px 18px !important;
    11561177     float: right;
    11571178     margin: 6px;
     
    11591180
    11601181input.starttorrent:hover, input.starttorrent:focus {
    1161      background: url(images/next.png) no-repeat 4px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
     1182     background: url(images/next.png) no-repeat 5px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
    11621183}
    11631184
    11641185input.stoptorrent {
    1165      background: url(images/btn_stop.png) no-repeat 4px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
    1166      padding: 5px 5px 5px 22px !important;
    1167      min-height: 22px;
     1186     background: url(images/btn_stop.png) no-repeat 5px center, linear-gradient(to bottom, #eeecea 0%, #eeecea 50%, #ded9d5 50%, #ded9d5 100%);
     1187     padding: 5px 5px 5px 21px !important;
    11681188     float: right;
    11691189     margin: 6px;
     
    11711191
    11721192input.stoptorrent:hover, input.stoptorrent:focus {
    1173      background: url(images/btn_stop.png) no-repeat 4px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
     1193     background: url(images/btn_stop.png) no-repeat 5px center, linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);
    11741194}
    11751195
     
    11771197     background: #efe6e0 url(images/dropdown.png) right center no-repeat !important;
    11781198     color: #2f1500;
    1179      font: 8pt "Bitstream Vera Sans", Verdana, "Lucida Sans Unicode", Tahoma, Helvetica, sans-serif;
     1199     font: 8pt "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
    11801200     font-weight: bold;
    11811201     padding: 5px 14px 5px 5px;
     
    12181238     font-size: 8pt;
    12191239     margin-left: 5px;
    1220      font-family: "Bitstream Vera Sans", Verdana, "Lucida Sans Unicode", Tahoma, Helvetica, sans-serif;
     1240     font-family: "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
    12211241     width: 70%;
    12221242}
     
    12591279img[src$="details.png"] {
    12601280     mix-blend-mode: luminosity;
    1261 }
    1262 
    1263 img.thumb {
    1264      width: 16px;
    12651281}
    12661282
  • installer/resources/themes/susidns/classic/susidns.css

    r04b9b20 rfabc57b  
    66     background: #eef;
    77     color: #0c153d;
     8     min-width: 700px;
    89}
    910
     
    7980}
    8081
    81 table.book td:nth-child(3), table.book td:nth-child(4) {
    82      width: 50px;
     82table.book td:nth-child(3) {
     83     width: 30px;
    8384     white-space: nowrap;
     85     padding-left: 10px;
     86}
     87
     88.book td:nth-child(4) {
     89     text-align: center;
     90     width: 20px;
     91     padding: 2px 25px 2px 0 !important;
     92}
     93
     94.book td:nth-child(4) a:not(old) {
     95     font-size: 0 !important;
     96}
     97
     98.book td:nth-child(4) .addrhlpr a::after {
     99     content: url(/themes/console/images/buttons/fullview.png);
     100     text-align: center;
     101     padding: 0 10px !important;
     102     filter: drop-shadow(0 0 1px #555);
     103     -webkit-filter: drop-shadow(0 0 1px #555);
     104}
     105
     106.book td:nth-child(4) .addrhlpr:hover {
     107     filter: drop-shadow(0 0 1px #f60);
     108     -webkit-filter: drop-shadow(0 0 1px #f60);
    84109}
    85110
     
    220245
    221246a {
    222      color:#006;
    223      text-decoration:none;
     247     color: #33a;
     248     text-decoration: none;
    224249     font-weight: bold;
    225250}
     
    299324
    300325p.footer {
    301      font-size:7pt;
     326     font-size: 7pt;
    302327     text-align: center;
    303      padding: 10px 0 0;
     328     padding: 0;
     329     margin: 12px auto -15px;
     330     border: 1px solid #89f;
     331     border-radius: 0 0 3px 3px;
     332     width: 200px;
     333     background: #fff;
    304334}
    305335
     
    332362     box-shadow: inset 0 0 0 1px #fff;
    333363     text-transform: capitalize;
    334      color: #006;
    335 }
    336 
    337 #filter a:hover {
     364     color: #555;
     365}
     366
     367#filter a:hover, #filter a:focus {
    338368     text-decoration: none;
    339      color: #f60;
    340      border: 1px solid #f60;
    341      border-radius: 2px;
    342      background: #fff;
     369     color: #f60 !important;
     370     border: 1px solid #f60 !important;
     371     background: #fff;
     372}
     373
     374#filter a:active {
     375     box-shadow: inset 3px 3px 3px #999;
    343376}
    344377
     
    412445#search input[type="text"] {
    413446     width: 200px;
     447     margin-left: 10px;
     448     background: url(/themes/console/images/buttons/search.png) 5px center no-repeat;
     449     padding: 5px 5px 5px 25px;
    414450}
    415451
     
    480516}
    481517
     518input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
     519     border: none;
     520     outline: none;
     521}
     522
    482523input[type="submit"], input[type="reset"] {
    483524     min-width: 80px;
     
    511552     background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
    512553     margin: 2px 0 2px 4px;
    513 }
    514 
    515 button:hover, input[type="submit"]:hover, input[type="reset"]:hover {
     554     filter: drop-shadow(0 0 1px #ccc);
     555     color: #333;
     556}
     557
     558button:hover, input[type="submit"]:hover, input[type="reset"]:hover,
     559button:focus, input[type="submit"]:focus, input[type="reset"]:focus {
    516560     background: #fff;
    517561     background: linear-gradient(to bottom, #ddd 0%, #fff 100%);
     562     border: 1px solid #89f;
     563     filter: drop-shadow(0 0 1px #89f);
     564     -webkit-filter: drop-shadow(0 0 1px #89f);
     565     color: #222;
     566}
     567
     568button:active, input[type="submit"]:active, input[type="reset"]:active {
     569     box-shadow: inset 3px 3px 3px #999;
     570     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #999;
    518571     border: 1px solid #bbb;
    519 }
    520 
    521 button:active, input[type="submit"]:active, input[type="reset"]:active {
    522      background: #ddd;
    523      border: 1px solid #bbb;
     572     color: #333;
     573}
     574
     575input[type="radio"], input[type="checkbox"] {
     576     min-width: 16px;
     577     min-height: 16px;
    524578}
    525579
     
    538592}
    539593
    540 #navi a {
     594#navi a, #navi a:visited {
    541595     border: 1px solid #6b78bf;
    542596     border-radius: 2px;
     
    546600     display: inline-block;
    547601     outline: none;
     602     color: #448 !important;
    548603}
    549604
    550605#navi a:hover, #navi a:focus {
    551606    border: 1px solid #f60;
     607    color: #f60 !important;
    552608}
    553609
     
    556612    box-shadow: inset 2px 2px 2px #555;
    557613    background-blend-mode: luminosity;
     614    color: #777 !important;
    558615}
    559616
     
    639696
    640697p#filtered {
    641      background: #fff url(/themes/susidns/images/filter.png) 18px center no-repeat;
     698     background: #fff url(/themes/console/images/buttons/filter.png) 18px center no-repeat;
    642699     padding: 0 10px 0 38px !important;
    643700}
     
    647704     padding: 0 10px 0 38px !important;
    648705}
     706
     707/* responsive layout */
     708
     709@media screen and (min-width: 1400px) {
     710body, p, td, textarea, input, button, li, a {
     711     font-size: 10pt !important;
     712}
     713
     714code, tt {
     715     font-size: 9pt !important;
     716}
     717
     718h4, #navi a {
     719     font-size: 11pt;
     720}
     721
     722h3 {
     723     font-size: 12pt !important;
     724}
     725
     726p.footer {
     727     margin: 12px auto -21px !important;
     728}
     729
     730#export {
     731     margin-top: -40px !important;
     732}
     733
     734#filter span, #filter a {
     735     font-size: 11pt !important;
     736}
     737
     738}
     739
     740/* end responsive layout */
     741
     742
     743/* export hosts */
     744
     745#export {
     746     text-align: right;
     747     margin-top: -36px;
     748     margin-bottom: -4px;
     749}
     750
     751#filter {
     752     margin-top: -2px !important;
     753}
     754
     755p#filtered {
     756     padding-right: 200px !important;
     757          padding-top: 2px !important;
     758     padding: 2px 200px 0 20px !important;
     759     background-position: left center !important;
     760}
     761
     762#book p {
     763     margin-left: 2px;
     764}
     765
     766p.book {
     767     padding-left: 26px !important;
     768     background-position: left center !important;
     769}
  • installer/resources/themes/susidns/dark/susidns.css

    r04b9b20 rfabc57b  
    55     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Helvetica, sans-serif;
    66     line-height:120%;
    7      background-color: #000;
     7     background: #000;
    88     color:#ee9;
    99     padding-top: 5px;
    1010     margin: 0 10px;
     11     min-width: 650px;
    1112}
    1213
     
    1617}
    1718
     19::selection {
     20     background: #030 !important;
     21     color: white;
     22}
     23
     24::-moz-selection {
     25     background: #030 !important;
     26     color: white;
     27}
     28
     29.page {
     30     color:#ee9;
     31     margin: 10px 0;
     32     padding: 0 5px;
     33     font-size: 9pt !important;
     34     box-shadow: inset 0 0 1px 0 #002;
     35     background: #000;
     36}
     37
     38.iframed .page {
     39     margin: 0;
     40     padding: 0 15px;
     41}
     42
    1843#logo {
    1944     display: none;
    2045}
    2146
     47#logo img {
     48     display: none;
     49}
     50
     51/* topnav */
     52
    2253div#navi  {
    2354     border: 1px solid #2a5f29;
    24      padding: 10px 0 5px;
     55     padding: 5px 3px;
    2556     background: #000 url(/themes/console/dark/images/header.png) repeat-x scroll center center !important;
    26      background-image: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important;
    27      margin-bottom: 30px;
     57     background: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important;
     58     margin: -16px auto 30px;
     59     position: sticky;
     60     top: -1px;
     61     border-radius: 0 0 2px 2px;
     62     z-index: 999;
    2863}
    2964
     
    3368     border-right: none;
    3469     border-left: none;
    35      padding: 6px 0 2px;
     70     padding: 5px 0;
     71     border-radius: 0;
    3672}
    3773
     
    4581     text-transform: capitalize;
    4682}
     83
     84#navi a, #navi a:visited {
     85     color: #494 !important;
     86     border: 1px solid #2a5f29;
     87     border-radius: 2px;
     88     display: inline-block;
     89     margin: 1px 0;
     90     box-shadow: inset 0 0 0 1px #000;
     91     filter: drop-shadow(0 0 1px #000);
     92     -webkit-filter: drop-shadow(0 0 1px #000);
     93}
     94
     95#navi a:hover, #navi a:focus  {
     96    border: 1px solid #f60;
     97    color: #f60 !important;
     98    background: #000;
     99    box-shadow: inset 0 1px 1px #ee9;
     100}
     101
     102#navi a:active {
     103    border: 1px solid #f60;
     104    box-shadow: inset 3px 3px 3px #000;
     105    box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000;
     106    color: #ee9 !important;
     107    background-blend-mode: luminosity;
     108}
     109
     110#navi a.abook {
     111     background: #000 url(/themes/susidns/images/abook.png) 5px center no-repeat;
     112     background: url(/themes/susidns/images/abook.png) 5px center no-repeat, linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%);
     113     padding: 3px 5px 3px 24px;
     114}
     115
     116#navi a.abook:hover, #navi a.abook:focus {
     117     background: #000 url(/themes/susidns/images/abook.png) 5px center no-repeat !important;
     118}
     119
     120#navi a.abook:active {
     121     background: #f60 url(/themes/susidns/images/abook.png) 5px center no-repeat !important;
     122}
     123
     124#navi a#subs {
     125     background: #000 url(/themes/susidns/images/subs.png) 5px center no-repeat;
     126     background: url(/themes/susidns/images/subs.png) 5px center no-repeat, linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%);
     127     padding: 3px 5px 3px 24px;
     128}
     129
     130#navi a#subs:hover, #navi a#subs:focus {
     131     background: #000 url(/themes/susidns/images/subs.png) 5px center no-repeat !important;
     132}
     133
     134#navi a#subs:active {
     135     background: #f60 url(/themes/susidns/images/subs.png) 5px center no-repeat !important;
     136}
     137
     138#navi a#config {
     139     background: #000 url(/themes/console/images/buttons/configure.png) 5px center no-repeat;
     140     background: url(/themes/console/images/buttons/configure.png) 5px center no-repeat, linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%);
     141     padding: 3px 5px 3px 24px;
     142}
     143
     144#navi a#config:hover, #navi a#config:focus {
     145     background: #000 url(/themes/console/images/buttons/configure.png) 5px center no-repeat !important;
     146}
     147
     148#navi a#config:active {
     149     background: #f60 url(/themes/console/images/buttons/configure.png) 5px center no-repeat !important;
     150}
     151
     152#navi a#overview {
     153     background: #000 url(/themes/susidns/images/overview.png) 5px center no-repeat;
     154     background: url(/themes/susidns/images/overview.png) 5px center no-repeat, linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%);
     155     padding: 3px 5px 3px 24px;
     156}
     157
     158#navi a#overview:hover, #navi a#overview:focus {
     159     background: #000 url(/themes/susidns/images/overview.png) 5px center no-repeat !important;
     160}
     161
     162#navi a#overview:active {
     163     background: #f60 url(/themes/susidns/images/overview.png) 5px center no-repeat !important;
     164}
     165
     166#navi p {
     167     text-align: center !important;
     168     text-transform: capitalize;
     169     font-weight: bold;
     170     padding: 2px 5px !important;
     171     margin: 0 !important;
     172}
     173
     174#navi p > * {
     175     vertical-align: middle;
     176}
     177
     178/* end topnav */
    47179
    48180hr {
     
    61193     padding: 0 0 15px;
    62194     text-align: center;
     195     background: #000;
    63196}
    64197
    65198div#filter + div#search {
    66199     border: 1px solid #2a5f29;
    67      margin-top: 13px;
     200     margin: -1px 0 14px !important;
    68201}
    69202
     
    79212
    80213#search {
    81      text-align: center
     214     text-align: center;
     215     background: #000;
    82216}
    83217
     
    100234
    101235#filter p {
    102 /*     border: 1px solid #f00; */
    103236     padding: 20px 20px 10px 17px;
    104237     text-align: center;
     
    114247
    115248#search {
    116 /*     border: 1px solid #2a5f29; */
    117249     padding: 0 10px;
    118250     margin-top: 5px !important;
     
    140272     font-size: 10pt;
    141273     text-transform: uppercase;
     274     white-space: nowrap;
    142275}
    143276
     
    150283}
    151284
     285#filter a:active {
     286     box-shadow: inset 3px 3px 3px #000;
     287}
     288
    152289#filter span {
    153290     display: inline-block;
     
    166303}
    167304
     305#filter span a:active {
     306     box-shadow: none;
     307}
     308
    168309#filter span b {
    169310     text-transform: uppercase;
     
    177318     font-size: 9pt;
    178319     text-align: justify;
    179 }
    180 
    181 #messages + p, p.book {
    182      border: 1px solid #2a5f29;
    183      background: #000 url(/themes/susidns/images/addressbook.png) 10px center no-repeat;
    184      padding: 20px 20px 20px 50px !important;
    185 }
    186 
    187 #messages:empty {
    188      margin-top: -10px
    189320}
    190321
     
    235366
    236367div#messages {
    237 }
    238 
    239 div#messages + p {
     368     margin: -16px 0 25px !important;
     369     background: #020;
     370     z-index: 999;
     371     border: 1px solid #2a5f29;
     372     box-shadow: inset 0 0 0 1px #000;
     373     line-height: 120%;
     374}
     375
     376#messages p {
     377     padding: 15px 15px 15px 40px !important;
     378     background: url(/themes/console/dark/images/infohelp.png) 6px center no-repeat;
     379     color: #ee9;
     380     padding: 5px 5px 10px;
     381     margin: 0;
     382     border-radius: 0;
     383}
     384
     385#messages + p, p.book {
     386     border: 1px solid #2a5f29;
     387     background: #000 url(/themes/susidns/images/addressbook.png) 10px center no-repeat;
     388     padding: 20px 20px 20px 50px !important;
     389}
     390
     391#messages:empty {
     392     display: none;
     393}
     394
     395p#filtered {
    240396     padding: 12px 10px 8px 20px;
    241397     font-size: 10pt;
    242      margin-bottom: 15px;
    243 }
    244 
    245 div#book p {
     398     margin: -15px 0 10px;
     399}
     400
     401div#book p, p.messages {
    246402     font-size: 10pt;
    247403}
     
    249405.book th:first-child {
    250406     padding: 0 !important;
     407}
     408
     409.book td {
     410     padding: 0;
     411}
     412
     413.book td:nth-child(3) {
     414     padding: 2px 0 2px 5px !important;
     415     width: 30px;
     416}
     417
     418.book td:nth-child(4) {
     419     text-align: center;
     420     width: 20px;
     421     padding: 2px 25px 2px 0 !important;
     422}
     423
     424.book td:nth-child(4) a:not(old) {
     425     font-size: 0 !important;
     426}
     427
     428.book td:nth-child(4) .addrhlpr a::after {
     429     content: url(/themes/console/images/buttons/fullview.png);
     430     text-align: center;
     431     padding: 0 10px !important;
     432     filter: drop-shadow(0 0 1px #555);
     433     -webkit-filter: drop-shadow(0 0 1px #555);
     434}
     435
     436.book td:nth-child(4) .addrhlpr:hover {
     437     filter: drop-shadow(0 0 1px #f60);
     438     -webkit-filter: drop-shadow(0 0 1px #f60);
    251439}
    252440
     
    256444     word-spacing: 0.1em;
    257445     border: 1px solid #2a5f29;
    258      padding: 8px 10px;
     446     padding: 8px 10px 8px 35px;
    259447     margin-bottom: 30px !important;
    260      background-image: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important;
    261 }
    262 
    263 div#messages > p.messages {
    264      padding: 10px;
    265 }
    266 
    267 #messages p {
    268      padding: 15px 15px 15px 40px !important;
    269      background: url(/themes/console/dark/images/infohelp.png) 6px center no-repeat;
    270 }
    271 /*
    272 a {
    273      color:#f60;
    274      text-decoration:none;
    275      font-weight: bold;
    276 }
    277 */
     448     background: #000 url(/themes/susidns/drive.png) 9px center no-repeat;
     449     background: url(/themes/susidns/images/drive.png) 9px center no-repeat, linear-gradient(to bottom, #001000 0%, #001900 50%, #000 51%, #000 100%) !important;
     450}
    278451
    279452a:link {
     
    308481td {
    309482     color: #ee9;
    310      line-height: 12pt;
    311483     padding: 5px;
    312484     font-size: 9pt;
     
    370542li {
    371543     color: #ee9;
    372      line-height: 12pt;
    373544     margin: 0;
    374545     font-size: 9pt;
     
    384555}
    385556
    386 p.messages {
    387 /*     background-color:#000; */
    388      color:#ee9;
    389      border: 1px solid #2a5f29;
    390      padding: 5px 5px 10px;
    391      margin: 5px 0 10px;
    392      margin: -15px 0 14px;
    393      border-radius: 0;
    394 }
    395 
    396557.help {
    397558     border: 1px solid #2a5f29;
    398559     padding: 20px 30px;
    399      background: #000;
    400560}
    401561
     
    413573
    414574#helpsubs {
    415      padding: 0;
     575     padding: 0 0 0 40px;
     576     background: #000 url(/themes/console/dark/images/infohelp.png) 15px center no-repeat !important;
    416577}
    417578
    418579#helpsubs p {
    419580     border: none;
    420 }
    421 
    422 div#content {
     581     line-height: 130%;
     582     padding: 15px;
     583}
     584
     585#helpconfig {
     586     background: #000;
    423587}
    424588
     
    428592
    429593p.footer {
    430      font-size:7pt;
     594     font-size: 7pt;
    431595     text-align: center;
     596     display: none;
    432597}
    433598
     
    445610     border: 1px solid #2a5f29;
    446611     padding: 0 0 10px;
    447      margin-top: -1px;
     612     margin-top: 3px;
     613     background: #000;
    448614}
    449615
     
    457623div#config > textarea, div#content > textarea {
    458624     border-radius: 0;
    459      margin-top: -17px;
     625     margin-top: -26px;
    460626}
    461627
     
    490656div#book {
    491657     padding: 0;
     658     margin: -15px 0 -5px;
    492659}
    493660
     
    511678#book table tr:hover {
    512679     background: #001a00;
     680}
     681
     682#book table tr:hover td textarea {
     683     color: #ee9;
    513684}
    514685
     
    557728}
    558729
    559 .page {
    560      color:#ee9;
    561      margin: 10px 0;
    562      padding: 0 5px;
    563      font-size: 9pt !important;
    564      box-shadow: inset 0px 0px 1px 0px #002;
    565 }
    566 
    567 .iframed .page {
    568      margin: 0;
    569      padding: 0 15px;
    570 }
    571 
    572730input[type="submit"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="reset"]:focus {
    573731     background: #000;
     
    586744     font-weight: bold;
    587745     text-align: left;
    588      padding: 3px 4px !important;
     746     padding: 5px !important;
    589747     border-radius: 2px;
    590748     border: 1px solid #2a5f29;
     
    602760     border-radius: 2px;
    603761     margin: 5px;
    604      padding: 4px 2px !important;
     762     padding: 5px !important;
    605763     font: bold 8pt "Droid Sans", "Noto Sans", Ubuntu, "Bitstream Vera Sans", "Lucida Grande", "DejaVu Sans", "Segoe UI", Verdana, Helvetica, sans-serif;
    606764     text-align: center;
     
    612770     background: #f60 !important;
    613771     color: #ee9 !important;
    614      border: 1px inset #f60;
     772     border: 1px solid #f60;
    615773     filter: none;
    616      box-shadow: none;
     774     box-shadow: inset 3px 3px 3px #000;
     775     box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px #000;
    617776}
    618777
     
    638797     color: #bb7;
    639798     border: 1px solid #2a5f29;
    640      padding: 3px;
     799     padding: 3px 5px;
    641800     font: bold 8.5pt "Noto Mono", "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", Courier, mono;
    642801     border-radius: 2px;
     
    654813.destinations textarea {
    655814     width: 100%;
    656      width: calc(100% - 3px);
    657815     padding: 1px !important;
    658      height: 34px;
     816     height: 32px;
    659817     resize: none;
     818     border: none;
     819     border-left: 1px solid #2a5f29;
     820     margin: 0 !important;
     821     border-radius: 0;
    660822}
    661823
     
    668830}
    669831
    670 /* topnav */
    671 
    672 #navi {
    673      padding: 8px 3px !important;
    674 }
    675 
    676 #navi a {
    677      border: 1px solid #494;
    678      border-radius: 2px;
    679      filter: drop-shadow(0 0 1px #000);
    680      -webkit-filter: drop-shadow(0 0 1px #000);
    681 }
    682 
    683 #navi a:hover {
    684     border: 1px solid #f60;
    685 }
    686 
    687 #navi a:active {
    688     border: 1px solid #f90;
    689     box-shadow: inset 2px 2px 2px #000;
    690     background-blend-mode: luminosity;
    691 }
    692 
    693 #navi a.abook {
    694      background: #000 url(/themes/susidns/images/abook.png) 5px center no-repeat;
    695      background: url(/themes/susidns/images/abook.png) 5px center no-repeat, linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%);
    696      padding: 4px 5px 4px 24px;
    697 }
    698 
    699 #navi a#subs {
    700      background: #000 url(/themes/susidns/images/subs.png) 5px center no-repeat;
    701      background: url(/themes/susidns/images/subs.png) 5px center no-repeat, linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%);
    702      padding: 4px 5px 4px 24px;
    703 }
    704 
    705 #navi a#config {
    706      background: #000 url(/themes/console/images/buttons/configure.png) 5px center no-repeat;
    707      background: url(/themes/console/images/buttons/configure.png) 5px center no-repeat, linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%);
    708      padding: 4px 5px 4px 24px;
    709 }
    710 
    711 #navi a#overview {
    712      background: #000 url(/themes/susidns/images/overview.png) 5px center no-repeat;
    713      background: url(/themes/susidns/images/overview.png) 5px center no-repeat, linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%);
    714      padding: 4px 5px 4px 24px;
    715 }
    716 
    717 #navi p {
    718      text-align: center !important;
    719      text-transform: capitalize;
    720      font-weight: bold;
    721      padding: 2px 5px !important;
    722      margin: 0 !important;
    723 }
    724 
    725 #navi p > * {
    726      vertical-align: middle;
     832textarea:focus {
     833     filter: none;
     834     -webkit-filter: none;
     835     box-shadow: inset 0 0 1px #880;
     836}
     837
     838input[name="search"] {
     839     background: url(/themes/console/images/buttons/search.png) 5px center no-repeat, linear-gradient(to bottom, #000 0%, #010 100%) !important;
     840     padding: 5px 5px 5px 25px !important;
     841}
     842
     843input[name="search"]:focus {
     844     background: #000 url(/themes/console/images/buttons/search.png) 5px center no-repeat !important;
     845     padding: 5px 5px 5px 25px !important;
    727846}
    728847
     
    745864     background: url(/themes/susidns/images/configure_24.png) 5px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%);
    746865}
     866
     867/* responsive layout */
     868
     869@media screen and (max-width: 710px) {
     870#navi a {
     871     background: linear-gradient(to bottom, #020 0%, #020 50%, #000 50%, #000 100%) !important;
     872     padding: 3px 8px !important;     
     873}
     874}
     875
     876@media screen and (min-width: 1400px) {
     877textarea {
     878     font-size: 9pt;
     879}
     880
     881body, input[type="submit"], input[type="reset"], input, select, h4, td.names a, p, li {
     882     font-size: 10pt !important;
     883}
     884
     885div#navi {
     886     padding: 6px 5px !important;
     887}
     888
     889#navi a {
     890     font-size: 10.5pt !important;
     891     padding: 6px 5px 6px 25px !important;
     892}
     893
     894h3, #filter a {
     895     font-size: 11pt !important;
     896}
     897
     898#filter a:link, #filter a:visited {
     899     margin: 3px 2px !important;
     900}
     901}
     902
     903/* end responsive layout */
     904
     905/* export hosts button adjustments */
     906
     907#export {
     908     text-align: right;
     909     margin-top: -58px;
     910     margin-bottom: 23px;
     911     padding-right: 4px;
     912     float: right;
     913     clear: left !important;
     914}
     915
     916#export input[type="submit"] {
     917     display: inline-block;
     918}
     919
     920p#filtered {
     921     padding-left: 35px !important;
     922     padding-right: 250px !important;
     923}
     924
     925p.book {
     926     padding-left: 35px !important;
     927}
     928
     929#messages + p, p.book {
     930     border: 1px solid #2a5f29;
     931     background: #000 url(/themes/susidns/images/addressbook.png) 5px center no-repeat;
     932}
  • installer/resources/themes/susidns/light/susidns.css

    r04b9b20 rfabc57b  
    489489     text-decoration: none;
    490490     box-shadow: inset 0 0 0 1px #fff;
     491     box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #333;
    491492}
    492493
     
    599600     font-weight: bold;
    600601}
     602
     603.book td:nth-child(3) {
     604     width: 30px;
     605     white-space: nowrap;
     606     padding-left: 10px;
     607}
     608
     609.book td:nth-child(4) {
     610     text-align: center;
     611     width: 20px;
     612     padding: 2px 25px 2px 0 !important;
     613}
     614
     615.book td:nth-child(4) a:not(old) {
     616     font-size: 0 !important;
     617}
     618
     619.book td:nth-child(4) .addrhlpr a::after {
     620     content: url(/themes/console/images/buttons/fullview.png);
     621     text-align: center;
     622     padding: 0 10px !important;
     623     filter: drop-shadow(0 0 1px #555);
     624     -webkit-filter: drop-shadow(0 0 1px #555);
     625}
     626
     627.book td:nth-child(4) .addrhlpr:hover {
     628     filter: drop-shadow(0 0 1px #f60);
     629     -webkit-filter: drop-shadow(0 0 1px #f60);
     630}
    601631
    602632.book th {
     
    842872     font-weight: bold;
    843873}
     874
     875/* export hosts */
     876
     877#export {
     878     text-align: right;
     879     margin-top: -36px;
     880}
     881
     882#filter {
     883     margin-top: -2px !important;
     884}
     885
     886p#filtered {
     887     padding-right: 200px !important;
     888}
  • installer/resources/themes/susidns/midnight/susidns.css