Changeset 66385c0


Ignore:
Timestamp:
Jun 4, 2017 12:43:16 AM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
c91f942
Parents:
6fe5552
Message:

Minor theme tweaks:

  • Use theme-consistent colours for graphs (dark + midnight)
  • Add slight visual feedback when clicking table header and i2psnark control buttons
  • tr highlighting in i2ptunnel to match other info-dense tables
Location:
installer/resources/themes
Files:
10 edited

Legend:

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

    r6fe5552 r66385c0  
    248248/* end proxy errors */
    249249
    250 div.routersummaryouter {
     250.routersummaryouter {
    251251     float: left;
    252252     width: 200px;
     
    260260}
    261261
    262 div.routersummary {
     262.routersummary {
    263263     width: 174px;
    264264     padding: 8px 10px 8px;
     
    275275}
    276276
    277 div.routersummary img[src$="i2plogo.png"] {
     277.routersummary img[src$="i2plogo.png"] {
    278278     opacity: 0.9;
    279      transition: ease filter 0.3s 0s, ease opacity 0.3s 0s;
     279     transition: ease filter 0.3s, ease opacity 0.3s;
    280280     margin-top: 1px;
    281281     margin-left: -1px;
     
    284284}
    285285
    286 div.routersummary img[src$="i2plogo.png"]:hover {
     286.routersummary img[src$="i2plogo.png"]:hover {
    287287     opacity: 1;
    288      transition: ease filter 0.3s 0s, ease opacity 0.3s 0s;
     288     transition: ease filter 0.3s, ease opacity 0.3s;
    289289     filter: saturate(200%) drop-shadow(0 0 2px #f60);
    290290}
     
    298298}
    299299
    300 div.routersummary input[type="text"] {
     300.routersummary input[type="text"] {
    301301     text-align: right !important;
    302302     box-shadow: inset 1px 1px 1px 0 #000;
    303303}
    304304
    305 div.routersummary hr {
     305.routersummary hr {
    306306     color: #494;
    307307     background: #494;
     
    310310}
    311311
    312 div.routersummary h3 {
     312.routersummary h3 {
    313313     border: none;
    314314     font-size: 9.5pt;
     
    345345}
    346346
    347 div.routersummary h4 {
     347.routersummary h4 {
    348348     border: 0;
    349349     border-bottom: 0 !important;
     
    373373}
    374374
    375 div.routersummary ul {
     375.routersummary ul {
    376376     text-align: left !important;
    377377}
    378378
    379 div.routersummary table {
     379.routersummary table {
    380380     border: 0;
    381381     text-align: center !important;
     
    476476}
    477477
    478 div.routersummary tr {
     478.routersummary tr {
    479479     background-image: none !important;
    480480     background-color: transparent !important;
     
    482482}
    483483
    484 div.routersummary form {
     484.routersummary form {
    485485     margin: -4px -9px -6px;
    486486}
    487487
    488 div.routersummary form:first-child {
     488.routersummary form:first-child {
    489489     margin: 6px 0 -5px 0 !important;
    490490}
    491491
    492 div.routersummary p {
     492.routersummary p {
    493493     padding: 0;
    494494}
     
    500500}
    501501
    502 div.routersummary a:link, div.routersummary a:visited {
     502.routersummary a:link, .routersummary a:visited {
    503503     word-spacing: 0.05em;
    504504}
    505505
    506 div.routersummary a:hover {
     506.routersummary a:hover {
    507507     color: #f60;
    508508}
     
    589589/* end custom sidebar links */
    590590
    591 div.routersummary td {
     591.routersummary td {
    592592     padding: 0 2px 0 2px;
    593593     background-image: none !important;
     
    598598}
    599599
    600 div.routersummary td:first-child {
     600.routersummary td:first-child {
    601601     max-width: 90px;
    602602     overflow: hidden;
     
    604604}
    605605
    606 div.routersummary hr:last-child {
     606.routersummary hr:last-child {
    607607     margin-top: 5px;
    608608     margin-bottom: -5px !important;
     
    961961}
    962962
    963 #graphs .messages {
    964      margin-top: 15px;
    965 }
    966 
    967963.main#events .messages {
    968964     margin-top: 26px;
     
    971967}
    972968
    973 div.graphspanel {
     969/* graphs */
     970
     971#graphs .messages {
     972     margin-top: 15px;
     973}
     974
     975.graphspanel {
    974976     padding: 0;
    975977     margin: 15px 0 -15px 0;
     
    980982}
    981983
    982 div.graphspanel form {
     984.graphspanel form {
    983985     text-align: left;
    984986     padding: 0 15px 0 15px;
     
    986988}
    987989
    988 div.graphspanel a img {
     990.graphspanel a img {
    989991     border: 1px solid #494;
    990992     padding: 3px;
     
    992994     text-align: center !important;
    993995     opacity: 0.9;
    994      transition: ease all 0.3s 0s;
    995 }
    996 
    997 div.graphspanel a img:hover {
     996     transition: ease all 0.3s;
     997}
     998
     999.graphspanel a img:hover {
    9981000     border: 1px solid #f60;
    9991001     padding: 3px;
     
    10011003     text-align: center !important;
    10021004     opacity: 1;
    1003      transition: ease all 0.3s 0s;
     1005     transition: ease all 0.3s;
    10041006     cursor: url(/themes/console/images/cursor_zoom.png), pointer;
    10051007}
    10061008
    1007 div.graphspanel img {
     1009.graphspanel img {
    10081010     border: 1px solid #333;
    10091011     background: #000;
     
    10141016}
    10151017
    1016 div.graphspanel p {
     1018.graphspanel img:not(old) {
     1019     background: #fff;
     1020     border: #ccc;
     1021     filter: invert(1);
     1022     mix-blend-mode: lighten;
     1023}
     1024
     1025.graphspanel a img:not(old) {
     1026     border: 1px solid #bb66bb;
     1027}
     1028
     1029.graphspanel a img:hover:not(old) {
     1030     border: 1px solid #0099ff;
     1031}
     1032
     1033.graphspanel p {
    10171034     text-align: center;
    10181035     text-transform: capitalize;
     
    10351052}
    10361053
    1037 div.graphspanel p:last-child {
     1054.graphspanel p:last-child {
    10381055     display: none;
    10391056}
     
    11261143}
    11271144
    1128 /* end new graphs optionbox */
     1145/* end graphs */
    11291146
    11301147table {
     
    13841401     color: #bb0 !important;
    13851402     letter-spacing: 0.08em;
    1386      font-size: 8.5pt;
    13871403     line-height: 165%;
    13881404}
     
    14841500}
    14851501
    1486 h1, h2, h3:not([id*="help"]), h4.app, h4.app2, div.routersummary h3 {
     1502h1, h2, h3:not([id*="help"]), h4.app, h4.app2, .routersummary h3 {
    14871503     background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%) !important;
    14881504}
     
    18001816     background: #000 !important;
    18011817     filter: drop-shadow(0 0 1px #880);
    1802      transition: filter ease 0.3s 0s;
     1818     transition: filter ease 0.3s;
    18031819     font-weight: bold;
    18041820     outline: none;
     
    22852301}
    22862302
    2287 #udpconnections tr:hover, #ntcpconnections tr:hover, #jobstats tr:hover, #schedjobs tr:hover, #netdboverview table tr:hover, #portfaq tr:hover {
     2303#udpconnections tr:hover, #ntcpconnections tr:hover, #jobstats tr:hover, #schedjobs tr:hover, #netdboverview table tr:hover, #portfaq tr:hover, .tunneldisplay tr:hover {
    22882304     background: #020;
    22892305}
    22902306
    2291 #udpconnections tr td, #ntcpconnections tr td {
     2307#udpconnections td, #ntcpconnections td, .tunneldisplay td {
    22922308     color: #bb7;
    22932309}
     
    22992315}
    23002316
    2301 #udpconnections tr:hover td, #ntcpconnections tr:hover td {
     2317#udpconnections tr:hover td, #ntcpconnections tr:hover td, .tunneldisplay tr:hover td {
    23022318     color: #ee9;
    23032319}
     
    23372353}
    23382354
    2339 table#ntcpconnections {
     2355#ntcpconnections {
    23402356     overflow-x: scroll !important;
     2357}
     2358
     2359#profilelist a[href^="viewprofile"] {
     2360     display: inline-block;
     2361     margin-bottom: 2px;
    23412362}
    23422363
     
    24602481.themechoice:hover object {
    24612482     filter: drop-shadow(0 0 1px #f60);
    2462      transition: ease filter 0.3s 0s;
     2483     transition: ease filter 0.3s;
    24632484}
    24642485
     
    26532674.langselect input:hover + img {
    26542675     box-shadow: 0 0 2px 1px #f60;
    2655      transition: ease box-shadow 0.3s 0s;
     2676     transition: ease box-shadow 0.3s;
    26562677}
    26572678
     
    42504271/* end /configpeers banlist */
    42514272
    4252 div.footnote {
     4273.footnote {
    42534274     text-align: right;
    42544275     color: #494;
     
    42574278}
    42584279
    4259 div.footnote hr {
     4280.footnote hr {
    42604281     margin: 10px 0 5px 0 !important;
    42614282     color: #494;
     
    44464467     filter: drop-shadow(0 0 1px #f60) saturate(200%);
    44474468     opacity: 1;
    4448      transition: filter ease 0.3s 0s;
     4469     transition: filter ease 0.3s;
    44494470}
    44504471
     
    45464567}
    45474568
    4548 .iframed div.routersummaryouter {
     4569.iframed .routersummaryouter {
    45494570     display: none !important;
    45504571}
     
    56375658}
    56385659
     5660#upnpscan {
     5661     margin-bottom: 5px;
     5662}
     5663
    56395664.main#peers h3, #profiles h3, .main#peers .infohelp {
    56405665     margin-top: 5px !important;
     
    57865811}
    57875812
     5813.cells tt, #profilelist tt, #floodfills tt {
     5814     font-size: 9pt !important;
     5815     margin-left: 1px !important;
     5816     margin-right: 2px !important;
     5817}
     5818
    57885819.main button, .main input, select, textarea, div.news {
    57895820     font-size: 10pt !important;
     
    58875918}
    58885919
    5889 div.routersummary img[src$="i2plogo.png"] {
     5920.routersummary img[src$="i2plogo.png"] {
    58905921     margin-left: -5px;
    58915922     transform: none;
     
    59155946}
    59165947
    5917 div.footnote, div.topness {
     5948.footnote, .topness {
    59185949     font-size: 9pt !important;
    59195950}
  • installer/resources/themes/console/light/console.css

    r6fe5552 r66385c0  
    146146}
    147147
    148 div.routersummary a:active img[src$="i2plogo.png"] {
     148.routersummary a:active img[src$="i2plogo.png"] {
    149149     filter: drop-shadow(0 0 2px #f30);
    150150}
     
    249249}
    250250
    251 div.routersummary h4 {
     251.routersummary h4 {
    252252     border: none;
    253253     border-radius: 0;
     
    489489/* end webapp navigation */
    490490
    491 div.routersummary tr {
     491.routersummary tr {
    492492     background-image: none !important;
    493493     background-color: transparent !important;
     
    495495}
    496496
    497 div.routersummary a:hover {
     497.routersummary a:hover {
    498498     color: #f60;
    499499}
    500500
    501 div.routersummary td {
     501.routersummary td {
    502502     padding: 0 2px;
    503503     background-image: none !important;
     
    505505}
    506506
    507 div.routersummary img:first-child  {
     507.routersummary img:first-child  {
    508508     margin-bottom: -2px !important;
    509509     opacity: 0.7;
    510510}
    511511
    512 div.routersummary img:hover:first-child {
     512.routersummary img:hover:first-child {
    513513     margin-bottom: -2px !important;
    514514     opacity: 1;
     
    567567}
    568568
    569 div.routersummary p {
     569.routersummary p {
    570570     padding: 0;
    571571}
     
    12841284}
    12851285
    1286 div.configure h3, div.graphspanel h3 {
     1286div.configure h3, .graphspanel h3 {
    12871287     border: 1px solid #7778bf;
    12881288     border-left: 5px solid #7778bf;
     
    12941294}
    12951295
    1296 div.graphspanel h3 {
     1296.graphspanel h3 {
    12971297     text-transform: capitalize;
    12981298     letter-spacing: normal;
     
    15221522}
    15231523
    1524 div.graphspanel {
     1524.graphspanel {
    15251525     text-align: center !important;
    15261526     margin: 15px 0 -15px;
    15271527}
    15281528
    1529 div.graphspanel img {
     1529.graphspanel img {
    15301530     border: 1px solid #7778bf;
    15311531     padding: 2px;
     
    15381538}
    15391539
    1540 div.graphspanel a img:hover {
     1540.graphspanel a img:hover {
    15411541     box-shadow: inset 0 0 2px 1px #f60;
    1542 }
    1543 
    1544 div.graphspanel form {
     1542     cursor: url(/themes/console/images/cursor_zoom.png), pointer;
     1543}
     1544
     1545.graphspanel form {
    15451546     text-align: left;
    15461547}
     
    39033904}
    39043905
    3905 .iframed div.routersummaryouter {
     3906.iframed .routersummaryouter {
    39063907     display: none !important;
    39073908}
     
    43214322/* end peers, profiles, tunnels dests */
    43224323
     4324/* /peers */
     4325
     4326#ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10),
     4327#ntcpconnections td:nth-child(6), #ntcpconnections td:nth-child(7), #ntcpconnections td:nth-child(8), #ntcpconnections td:nth-child(9), #ntcpconnections td:nth-child(10),
     4328#udpconnections td:nth-child(6), #udpconnections td:nth-child(7), #udpconnections td:nth-child(9), #udpconnections td:nth-child(10), #udpconnections td:nth-child(11),
     4329#udpconnections td:nth-child(13), #udpconnections td:nth-child(14), #udpconnections td:nth-child(15), #udpconnections td:nth-child(16) {
     4330     text-align: right;
     4331     white-space: nowrap;
     4332}
     4333
     4334#ntcpconnections .tablefooter td:nth-child(3), #ntcpconnections .tablefooter td:nth-child(4), #ntcpconnections .tablefooter td:nth-child(5), #ntcpconnections .tablefooter td:nth-child(6),
     4335#udpconnections .tablefooter td:nth-child(3), #udpconnections .tablefooter td:nth-child(4), #udpconnections .tablefooter td:nth-child(7), #udpconnections .tablefooter td:nth-child(8),
     4336#udpconnections .tablefooter td:nth-child(10), #udpconnections .tablefooter td:nth-child(11), #udpconnections .tablefooter td:nth-child(12), #udpconnections .tablefooter td:nth-child(13) {
     4337     text-align: right;
     4338}
     4339
     4340#udpconnections .tablefooter td:nth-child(9) {
     4341     text-align: center !important;
     4342}
     4343
     4344#ntcpconnections td:nth-child(6), #ntcpconnections td:nth-child(7), #ntcpconnections td:nth-child(8), #ntcpconnections td:nth-child(9), #ntcpconnections td:nth-child(10),
     4345#ntcpconnections .tablefooter td:nth-child(3), #ntcpconnections .tablefooter td:nth-child(4), #ntcpconnections .tablefooter td:nth-child(5), #ntcpconnections .tablefooter td:nth-child(6) {
     4346     padding-left: 1vw !important;
     4347     padding-right: 1vw !important;
     4348}
     4349
     4350#ntcpconnections td:nth-child(4), #ntcpconnections td:nth-child(5), #udpconnections td:nth-child(4),
     4351#udpconnections td:nth-child(5), #udpconnections td:nth-child(8), #udpconnections td:nth-child(12) {
     4352     white-space: nowrap;
     4353}
     4354
     4355#udpconnections .tablefooter td {
     4356     padding-left: 5px;
     4357     padding-right: 5px;
     4358}
     4359
     4360@media screen and (min-width: 1500px) {
     4361#ntcpconnections td:nth-child(6), #ntcpconnections td:nth-child(7), #ntcpconnections td:nth-child(8), #ntcpconnections td:nth-child(9), #ntcpconnections td:nth-child(10),
     4362#udpconnections td:nth-child(6), #udpconnections td:nth-child(7), #udpconnections td:nth-child(9), #udpconnections td:nth-child(10), #udpconnections td:nth-child(11),
     4363#udpconnections td:nth-child(13), #udpconnections td:nth-child(14), #udpconnections td:nth-child(15), #udpconnections td:nth-child(16),
     4364#ntcpconnections .tablefooter td:nth-child(3), #ntcpconnections .tablefooter td:nth-child(4), #ntcpconnections .tablefooter td:nth-child(5), #ntcpconnections .tablefooter td:nth-child(6),
     4365#udpconnections .tablefooter td:nth-child(3), #udpconnections .tablefooter td:nth-child(4), #udpconnections .tablefooter td:nth-child(7), #udpconnections .tablefooter td:nth-child(8),
     4366#udpconnections .tablefooter td:nth-child(10), #udpconnections .tablefooter td:nth-child(11), #udpconnections .tablefooter td:nth-child(12), #udpconnections .tablefooter td:nth-child(13) {
     4367     padding-right: 10px !important;
     4368}
     4369
     4370.cells {
     4371     border-left: none;
     4372     border-right: none;
     4373}
     4374}
     4375
     4376/* end peers */
     4377
    43234378/* netdb */
    43244379
     
    43834438}
    43844439
    4385 table#leasesetdebug th a:not(old), table#leasesetsummary th a:not(old) {
     4440#leasesetdebug th a:not(old), table#leasesetsummary th a:not(old) {
    43864441     font-size: 0;
    43874442}
    43884443
    4389 table#leasesetdebug th a::after, table#leasesetsummary th a::after {
     4444#leasesetdebug th a::after, table#leasesetsummary th a::after {
    43904445     content: url(/themes/console/images/buttons/floodfill.png);
    43914446     vertical-align: text-top;
     
    43944449}
    43954450
    4396 table#leasesetdebug th a:hover, table#leasesetsummary th a:hover {
     4451#leasesetdebug th a:hover, table#leasesetsummary th a:hover {
    43974452     filter: drop-shadow(0 0 1px #f60);
    43984453}
     
    44974552     text-align: right;
    44984553     padding-right: 5px;
     4554}
     4555
     4556.leaseset td:first-child img {
     4557     margin: 0 3px 2px 5px;
     4558     vertical-align: middle;
     4559}
     4560
     4561.leaseset tt {
     4562     margin-right: 3px;
    44994563}
    45004564
     
    48884952#profilelist tr:hover td, table#floodfills tr:hover td, #ntcpconnections tr:nth-last-child(n+2):hover td, #udpconnections tr:nth-last-child(n+2):hover td,
    48894953#schedjobs tr:hover td, #jobstats tr:nth-last-child(n+2):hover td, #jardump tr:hover td, #sidebarconf tr:nth-last-child(n+2):hover td, #eventlog tr:hover td,
    4890 #netdboverview table tr:hover td, #debug tr:hover td, #clientconfig tr:hover td, #webappconfig tr:hover td, #portfaq tr:hover td {
     4954#netdboverview table tr:hover td, #debug tr:hover td, #clientconfig tr:hover td, #webappconfig tr:hover td, #portfaq tr:hover td, .tunneldisplay tr:hover td {
    48914955     background: #ffd;
    48924956     color: #111;
     
    55915655}
    55925656
    5593 .main#help h3, #faq h3, table#leasesetdebug th, table#leasesetsummary th {
     5657.main#help h3, #faq h3, #leasesetdebug th, table#leasesetsummary th {
    55945658     font-size: 10pt !important;
    55955659}
     
    56215685}
    56225686
     5687@media screen and (min-width: 1000px) {
     5688.leaseset td:first-child img {
     5689     margin-bottom: 3px;
     5690     vertical-align: middle;
     5691}
     5692}
     5693
    56235694@media screen and (min-width: 1200px) {
    56245695#ntcpconnections td:first-child, #udpconnections td:first-child {
     
    56335704}
    56345705
    5635 .routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.newss, pre, #jardump tt, #jardump td, div.news, #logs li, .cells tt, #profilelist tt {
     5706.routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.newss, pre,
     5707#jardump tt, #jardump td, div.news, #logs li, .cells tt, #profilelist tt, .leaseset tt {
    56365708     font-size: 9pt !important;
    56375709}
     
    57175789}
    57185790
    5719 div.routersummary img[src$="i2plogo.png"] {
     5791.routersummary img[src$="i2plogo.png"] {
    57205792     margin-left: 0 !important;
    57215793     transform: none !important;
     
    58295901/* end Edge/IE tweaks */
    58305902
    5831 /* /peers */
    5832 /* TODO: merge with main classes */
    5833 
    5834 #ntcpconnections th:nth-child(6), #ntcpconnections th:nth-child(7), #ntcpconnections th:nth-child(8), #ntcpconnections th:nth-child(9), #ntcpconnections th:nth-child(10),
    5835 #ntcpconnections td:nth-child(6), #ntcpconnections td:nth-child(7), #ntcpconnections td:nth-child(8), #ntcpconnections td:nth-child(9), #ntcpconnections td:nth-child(10),
    5836 #udpconnections td:nth-child(6), #udpconnections td:nth-child(7), #udpconnections td:nth-child(9), #udpconnections td:nth-child(10), #udpconnections td:nth-child(11),
    5837 #udpconnections td:nth-child(13), #udpconnections td:nth-child(14), #udpconnections td:nth-child(15), #udpconnections td:nth-child(16) {
    5838      text-align: right;
    5839      white-space: nowrap;
    5840 }
    5841 
    5842 #ntcpconnections .tablefooter td:nth-child(3), #ntcpconnections .tablefooter td:nth-child(4), #ntcpconnections .tablefooter td:nth-child(5), #ntcpconnections .tablefooter td:nth-child(6),
    5843 #udpconnections .tablefooter td:nth-child(3), #udpconnections .tablefooter td:nth-child(4), #udpconnections .tablefooter td:nth-child(7), #udpconnections .tablefooter td:nth-child(8),
    5844 #udpconnections .tablefooter td:nth-child(10), #udpconnections .tablefooter td:nth-child(11), #udpconnections .tablefooter td:nth-child(12), #udpconnections .tablefooter td:nth-child(13) {
    5845      text-align: right;
    5846 }
    5847 
    5848 #udpconnections .tablefooter td:nth-child(9) {
    5849      text-align: center !important;
    5850 }
    5851 
    5852 #ntcpconnections td:nth-child(6), #ntcpconnections td:nth-child(7), #ntcpconnections td:nth-child(8), #ntcpconnections td:nth-child(9), #ntcpconnections td:nth-child(10),
    5853 #ntcpconnections .tablefooter td:nth-child(3), #ntcpconnections .tablefooter td:nth-child(4), #ntcpconnections .tablefooter td:nth-child(5), #ntcpconnections .tablefooter td:nth-child(6) {
    5854      padding-left: 1vw !important;
    5855      padding-right: 1vw !important;
    5856 }
    5857 
    5858 #ntcpconnections td:nth-child(4), #ntcpconnections td:nth-child(5), #udpconnections td:nth-child(4),
    5859 #udpconnections td:nth-child(5), #udpconnections td:nth-child(8), #udpconnections td:nth-child(12) {
    5860      white-space: nowrap;
    5861 }
    5862 
    5863 #udpconnections .tablefooter td {
    5864      padding-left: 5px;
    5865      padding-right: 5px;
    5866 }
    5867 
    5868 @media screen and (min-width: 1500px) {
    5869 #ntcpconnections td:nth-child(6), #ntcpconnections td:nth-child(7), #ntcpconnections td:nth-child(8), #ntcpconnections td:nth-child(9), #ntcpconnections td:nth-child(10),
    5870 #udpconnections td:nth-child(6), #udpconnections td:nth-child(7), #udpconnections td:nth-child(9), #udpconnections td:nth-child(10), #udpconnections td:nth-child(11),
    5871 #udpconnections td:nth-child(13), #udpconnections td:nth-child(14), #udpconnections td:nth-child(15), #udpconnections td:nth-child(16),
    5872 #ntcpconnections .tablefooter td:nth-child(3), #ntcpconnections .tablefooter td:nth-child(4), #ntcpconnections .tablefooter td:nth-child(5), #ntcpconnections .tablefooter td:nth-child(6),
    5873 #udpconnections .tablefooter td:nth-child(3), #udpconnections .tablefooter td:nth-child(4), #udpconnections .tablefooter td:nth-child(7), #udpconnections .tablefooter td:nth-child(8),
    5874 #udpconnections .tablefooter td:nth-child(10), #udpconnections .tablefooter td:nth-child(11), #udpconnections .tablefooter td:nth-child(12), #udpconnections .tablefooter td:nth-child(13) {
    5875      padding-right: 10px !important;
    5876 }
    5877 
    5878 .cells {
    5879      border-left: none;
    5880      border-right: none;
    5881 }
    5882 }
    5883 
    5884 /* end peers */
    5885 
  • installer/resources/themes/console/midnight/console.css

    r6fe5552 r66385c0  
    175175     box-shadow: 0 0 0 1px rgba(101, 39, 135, 0.5);
    176176     filter: drop-shadow(0 0 1px #99f);
    177      transition: filter ease 0.3s 0s;
     177     transition: filter ease 0.3s;
    178178}
    179179
     
    11671167.routersummary img[src*="i2plogo"] {
    11681168     opacity: 0.7;
    1169      transition: ease-out opacity 0.3s 0s, ease filter 0.3s 0s;
     1169     transition: ease-out opacity 0.3s, ease filter 0.3s;
    11701170     margin-top: 1px;
    11711171     margin-left: -3px;
     
    11771177.routersummary img[src*="i2plogo"]:hover {
    11781178     opacity: 1;
    1179      transition: ease-in opacity 0.3s 0s, ease filter 0.3s 0s;
     1179     transition: ease-in opacity 0.3s, ease filter 0.3s;
    11801180     filter: drop-shadow(0 0 2px #652787) saturate(100%);
    11811181}
     
    11831183.routersummary img[src*="i2plogo"]:active {
    11841184     filter: drop-shadow(0 0 5px #450519) saturate(140%) !important;
    1185      transition: ease-out opacity 0s 0s, ease filter 0s 0s;
     1185     transition: ease-out opacity 0.3s, ease filter 0.3s;
    11861186}
    11871187
    11881188.routersummary a[href="/"]:focus img, .routersummary a[href="/console"]:focus img {
    11891189     opacity: 1;
    1190      transition: ease-in opacity 0.5s 0s, ease filter 0.5s 0s;
     1190     transition: ease-in opacity 0.3s, ease filter 0.3s;
    11911191     filter: drop-shadow(0 0 3px #652787) saturate(200%);
    11921192}
     
    13381338}
    13391339
    1340 #sb_services a:hover, #sb_internals a:hover, #sb_advanced a:hover, #sb_localtunnels tr:hover, #sb_localtunnels tr:hover a, .news a:hover, #console a:hover ,
    1341 tt a:hover {
     1340#sb_services a:hover, #sb_internals a:hover, #sb_advanced a:hover, #sb_localtunnels tr:hover, #sb_localtunnels tr:hover a, .news a:hover, #console a:hover, tt a:hover {
    13421341     background: #652787;
    13431342     color: #fff; !important;
     
    13451344}
    13461345
    1347 #sb_services a:active, #sb_internals a:active, #sb_advanced a:active, #sb_localtunnels tr:active,
    1348 .news a:active, #console a:active, tt a:active {
    1349      background: #39144F;
     1346#sb_services a:active, #sb_internals a:active, #sb_advanced a:active, #sb_localtunnels tr:active, .news a:active, #console a:active, tt a:active {
     1347     background: #39144f;
    13501348     color: #c9ceff !important;
    13511349}
     
    19091907
    19101908div.messages span.error {
    1911      color: #D6FFFD;
     1909     color: #d6fffd;
    19121910}
    19131911
     
    19371935}
    19381936
    1939 div.graphspanel {
     1937/* graphs */
     1938
     1939.graphspanel {
    19401940     padding: 0;
    19411941     margin: 15px 0 -15px 0;
     
    19461946}
    19471947
    1948 div.graphspanel form {
     1948.graphspanel form {
    19491949     text-align: left;
    19501950     padding: 0 15px 0 15px;
     
    19521952}
    19531953
    1954 div.graphspanel a img {
     1954.graphspanel a img {
    19551955     border: 1px solid #443da0;
    19561956     padding: 3px;
     
    19591959     background: #000;
    19601960     opacity: 0.9;
    1961      transition: all 0.3s ease 0s;
    1962 }
    1963 
    1964 div.graphspanel a img:hover {
     1961     transition: ease all 0.3s;
     1962}
     1963
     1964.graphspanel a img:hover {
    19651965     border: 1px solid #652787;
    19661966     padding: 3px;
     
    19691969     background: #000;
    19701970     opacity: 1;
    1971      transition: all 0.3s ease 0s;
     1971     transition: ease all 0.3s;
    19721972     cursor: url(/themes/console/images/cursor_zoom.png), auto;
    19731973}
    19741974
    1975 div.graphspanel img {
     1975.graphspanel img {
    19761976     border: 1px solid #2f2e38;
    19771977     padding: 2px;
     
    19791979     max-width: calc(100% - 20px);
    19801980     vertical-align: top;
    1981 /*     filter: sepia(100%) invert(100%);*/
    1982 }
    1983 
    1984 div.graphspanel p {
     1981}
     1982
     1983.graphspanel img:not(old) {
     1984     filter: invert(1) hue-rotate(180deg);
     1985     background: #fff;
     1986     border: 1px solid #fff;
     1987}
     1988
     1989.graphspanel a img:not(old) {
     1990     border: 1px solid #a2acdb;
     1991     padding: 2px;
     1992}
     1993
     1994.graphspanel a img:hover:not(old) {
     1995     border: 1px solid #9678d7;
     1996     background: #fff;
     1997     padding: 2px;
     1998}
     1999
     2000.graphspanel p {
    19852001     text-align: center;
    19862002     text-transform: capitalize;
     
    20022018}
    20032019
    2004 div.graphspanel p:last-child {
     2020.graphspanel p:last-child {
    20052021     display: none;
    20062022}
     
    20202036     float: right;
    20212037}
    2022 
    2023 /* new graphs optionbox */
    20242038
    20252039#graphs form {
     
    20782092}
    20792093
    2080 /* end new graphs optionbox */
     2094/* end graphs */
    20812095
    20822096table {
     
    21422156
    21432157tt {
    2144      font: bold 9pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
     2158     font: bold 8pt "Droid Sans Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;
    21452159     color: #393;
    21462160}
     
    26862700}
    26872701
    2688 table#udpconnections table {
     2702#udpconnections table {
    26892703     overflow-x: auto !important;
    26902704}
    26912705
    2692 table#udpconnections th {
     2706#udpconnections th {
    26932707      padding: 5px 2px;
    26942708}
    26952709
    2696 table#udpconnections table i {
     2710#udpconnections table i {
    26972711     font-weight: bold;
    26982712     line-height: 150%;
     
    27002714}
    27012715
    2702 table#udpconnections tr a img {
     2716#udpconnections tr a img {
    27032717      margin-top: 3px !important;
    27042718}
    27052719
    2706 table#udpconnections tr:hover, table#ntcpconnections tr:hover, #jobstats tr:hover, #schedjobs tr:hover, #jardump tr:hover, #webappconfig tr:hover td {
     2720#udpconnections tr:hover, #ntcpconnections tr:hover, #jobstats tr:hover, #schedjobs tr:hover, #jardump tr:hover, #webappconfig tr:hover td, .tunneldisplay tr:hover td {
    27072721     background: #020022;
    27082722     color: #eff1ff;
    27092723}
    27102724
    2711 table#udpconnections td > *, table#ntcpconnections td > * {
     2725#udpconnections td > *, #ntcpconnections td > * {
    27122726     vertical-align: middle;
    27132727}
    27142728
    2715 table#udpconnections td:first-child, table#udpconnections td:nth-child(2) {
     2729#udpconnections td:first-child, #udpconnections td:nth-child(2) {
    27162730     width: 50px;
    27172731     padding: 2px 4px;
     
    27192733}
    27202734
    2721 table#udpconnections tr:hover td, table#ntcpconnections tr:hover td {
     2735#udpconnections tr:hover td, #ntcpconnections tr:hover td {
    27222736     color: #c9ceff;
    27232737}
    27242738
    2725 table#udpconnections tr.tablefooter td {
     2739#udpconnections tr.tablefooter td {
    27262740     color: #c9ceff;
    27272741}
    27282742
    2729 table#udpconnections tr.tablefooter:hover td {
     2743#udpconnections tr.tablefooter:hover td {
    27302744     border-top: 1px solid #443da0;
    27312745}
    27322746
    2733 table#udpconnections tr.tablefooter td:first-child {
     2747#udpconnections tr.tablefooter td:first-child {
    27342748     padding-left: 9px;
    27352749}
    27362750
    2737 table#udpconnections td[class="cells"]:first-child, table#ntcpconnections td[class="cells"]:first-child {
     2751#udpconnections td[class="cells"]:first-child, #ntcpconnections td[class="cells"]:first-child {
    27382752     width: 50px;
    27392753     white-space: nowrap;
     
    27412755}
    27422756
    2743 table#ntcpconnections td[class="cells"]:last-child {
     2757#ntcpconnections td[class="cells"]:last-child {
    27442758     font-weight: bold !important;
    27452759     width: 100px;
    27462760}
    27472761
    2748 table#ntcpconnections {
     2762#ntcpconnections {
    27492763     overflow-x: scroll !important;
    27502764}
     
    45314545/* /profiles */
    45324546
    4533 #profilelist tr:hover, table#floodfills tr:hover {
     4547#profilelist tr:hover, #floodfills tr:hover {
    45344548     background: #040033;
    45354549}
    45364550
    4537 #profilelist tr:hover td, table#floodfills tr:hover td {
     4551#profilelist tr:hover td, #floodfills tr:hover td {
    45384552     color: #c9ceff;
    45394553}
     
    46604674}
    46614675
    4662 table#floodfills {
     4676#floodfills {
    46634677     margin: 0 0 10px;
    46644678}
    46654679
    4666 table#floodfills + hr {
     4680#floodfills + hr {
    46674681     display: none;
    46684682}
    46694683
    4670 table#floodfills th, table#floodfills td  {
     4684#floodfills th, #floodfills td  {
    46714685     text-align: right !important;
    46724686}
    46734687
    4674 table#floodfills th {
     4688#floodfills th {
    46754689     white-space: normal;
    46764690     text-align: center !important;
    46774691}
    46784692
    4679 table#floodfills td  {
     4693#floodfills td  {
    46804694     padding: 3px !important;
    46814695}
    46824696
    4683 table#floodfills th:first-child, table#floodfills td:first-child  {
     4697#floodfills th:first-child, #floodfills td:first-child  {
    46844698     text-align: center !important;
    46854699     width: 52px;
     
    46884702}
    46894703
    4690 table#floodfills td:first-child {
     4704#floodfills td:first-child {
    46914705     text-align: right !important;
    46924706     padding-left: 4px !important;
     
    46944708}
    46954709
    4696 #profilelist td:first-child > *, table#floodfills td:first-child > *,
    4697 table#udpconnections td:first-child > *, table#ntcpconnections td:first-child > * {
     4710#profilelist td:first-child > *, #floodfills td:first-child > *,
     4711#udpconnections td:first-child > *, #ntcpconnections td:first-child > * {
    46984712     vertical-align: middle;
    46994713}
     
    49404954     opacity: 0.8;
    49414955     box-shadow: inset 0 0 0 1px #000;
    4942      transition: border ease 0.3s 0s;
     4956     transition: border ease 0.3s;
    49434957}
    49444958
     
    51925206/* netdb */
    51935207
    5194 table.netdbentry, table.leaseset {
     5208.netdbentry, .leaseset {
    51955209     width: 100% !important;
    51965210     margin-bottom: 10px;
     
    52015215}
    52025216
    5203 .netdbentry td b, .leaseset td b, table#leasesetdebug td b, .sybil_routerinfo td b {
     5217.netdbentry td b, .leaseset td b, #leasesetdebug td b, .sybil_routerinfo td b {
    52045218     color: #c9ceff !important;
    52055219}
     
    52635277     text-align: right;
    52645278     padding-right: 5px;
     5279}
     5280
     5281.leaseset td:first-child img {
     5282     margin-left: 3px;
     5283     margin-right: 2px;
    52655284}
    52665285
     
    54865505}
    54875506
    5488 p.sybil_info + a[name] + table.sybil_routerinfo, p.hashdist + a[name] + table.sybil_routerinfo  {
     5507p.sybil_info + a[name] + .sybil_routerinfo, p.hashdist + a[name] + .sybil_routerinfo  {
    54895508     margin-top: 10px !important;
    54905509}
     
    55085527}
    55095528
    5510 table.configtable {
     5529.configtable {
    55115530     margin-top: -1px;
    55125531     margin-bottom: -2px !important;
    55135532}
    55145533
    5515 table.configtable tr:last-child {
     5534.configtable tr:last-child {
    55165535     border-top: 1px solid #443da0;
    55175536}
    55185537
    5519 table#netconfig th, table#externali2cp th, table#plugininstall th, .configtable th, th.th_title {
     5538#netconfig th, #externali2cp th, #plugininstall th, .configtable th, th.th_title {
    55205539    text-align: left;
    55215540    padding: 5px 10px !important;
     
    55265545}
    55275546
    5528 table.configtable td {
     5547.configtable td {
    55295548     padding: 6px 10px;
    55305549     background: #000;
     
    55765595}
    55775596
    5578 table.logtable, table#enviro {
     5597.logtable, #enviro {
    55795598     margin-top: -1px !important;
    55805599}
     
    56615680}
    56625681
    5663 table#pluginconfig, table#i2pupdates, table.homelinkedit, table#peerdefs {
     5682#pluginconfig, #i2pupdates, .homelinkedit, #peerdefs {
    56645683     margin-top: -1px;
    56655684}
     
    61666185body, .main, .main td, .news p, #news p, .statusnotes, textarea, th, .applabel a, tt, code, .messages, .messages #newsStatus, .messages #newsDisplay, #changelog pre {
    61676186     font-size: 10pt !important;
     6187}
     6188
     6189.cells tt, #profilelist tt, #floodfills tt {
     6190     font-size: 9pt !important;
     6191     margin-left: 1px !important;
     6192     margin-right: 2px !important;
    61686193}
    61696194
  • installer/resources/themes/snark/classic/snark.css

    r6fe5552 r66385c0  
    12981298}
    12991299
     1300thead a:active img {
     1301     transform: scale(0.9);
     1302}
     1303
    13001304input[type="image"], a img {
    13011305     filter: drop-shadow(0 0 1px #ccc);
     
    24702474
    24712475#newRating td:first-child {
    2472      text-align: right;
     2476     text-align: center;
    24732477}
    24742478
  • installer/resources/themes/snark/dark/snark.css

    r6fe5552 r66385c0  
    963963     opacity: 1;
    964964     box-shadow: 0 0 1px 1px rgba(0,0,0,0.8);
    965      margin: auto;
     965     margin: 1px auto;
    966966}
    967967
     
    990990     text-align: center;
    991991     font-weight: bold;
    992      padding: 1px 0;
     992     padding: 0.5px 0 0;
    993993     white-space: nowrap;
    994994     display: block;
     
    10021002     opacity: 0.75;
    10031003     transition: ease opacity 0.2s;
     1004}
     1005
     1006@media screen and (-webkit-min-device-pixel-ratio: 0) {
     1007.percentBarText {
     1008     padding: 0;
     1009}
     1010
     1011.iframed .percentBarText, .iframed .percentBarText:hover, .iframed .percentBarText:focus {
     1012     transition: none;
     1013}
    10041014}
    10051015
     
    12881298}
    12891299
     1300thead a:active img {
     1301     transform: scale(0.9);
     1302}
     1303
    12901304.snarkTorrents thead th:last-child, .snarkTorrents td:last-child {
    12911305     white-space: nowrap;
     
    24452459}
    24462460
     2461#newRating select {
     2462     width: 90%;
     2463}
     2464
    24472465.snarkCommentInfo textarea { /* remember to set 10pt @ > 1400px */
    24482466     font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
     
    26832701}
    26842702
    2685 .snarkTorrentInfo td, .snarkDirInfo td, .snarkTorrents .peerinfo td {
     2703.snarkDirInfo td, .snarkTorrents .peerinfo td {
    26862704     padding-top: 4px !important;
    26872705     padding-bottom: 4px !important;
     2706}
     2707
     2708.snarkTorrentInfo td {
     2709     padding-top: 6px !important;
     2710     padding-bottom: 6px !important;
    26882711}
    26892712
  • installer/resources/themes/snark/light/snark.css

    r6fe5552 r66385c0  
    753753.percentBarText, .percentBarOuter {
    754754     text-align: center;
    755      height: 16px;
     755     height: 14px;
    756756     vertical-align: middle;
    757757}
     
    761761     font-weight: bold !important;
    762762     line-height: 15px;
    763      padding: 1px 0;
    764763     white-space: nowrap;
    765764     display: block;
     
    768767     opacity: 0;
    769768     transition: ease opacity 0.2s;
     769}
     770
     771@media screen and (-webkit-min-device-pixel-ratio: 0) {
     772.percentBarText {
     773     line-height: 16px;
     774}
     775
     776.iframed .percentBarText, .iframed .percentBarText:hover, .iframed .percentBarText:focus {
     777     transition: none;
     778}
    770779}
    771780
     
    11161125}
    11171126
     1127thead a:active img {
     1128     transform: scale(0.9);
     1129     filter: hue-rotate(45deg) drop-shadow(0 0 1px #f30) !important;
     1130}
     1131
    11181132.addtorrentsection input[type="text"], .newtorrentsection input[type="text"] {
    11191133     width: 80%;
     
    12581272     opacity: 1.0;
    12591273     line-height: 100%;
    1260      filter: drop-shadow(0 0 1px #999);
     1274     filter: drop-shadow(0 0 1px rgba(153, 153, 153, 0.5));
    12611275}
    12621276
  • installer/resources/themes/snark/midnight/snark.css

    r6fe5552 r66385c0  
    13431343}
    13441344
     1345thead a:active img, .snarkTorrentAction input[type="image"]:active {
     1346     transform: scale(0.9);
     1347}
     1348
    13451349input[type="checkbox"], .optbox, input[type="radio"] {
    13461350     background: none;
     
    25532557     content: "minimode";
    25542558     display: inline-block;
    2555      font-size: 9pt !important;
     2559     font-size: 8pt !important;
    25562560     float: right;
    25572561     vertical-align: middle;
    25582562     position: relative;
    2559      bottom: -38px;
    2560      right: -16px;
    2561      background: rgba(0,0,48,0.3);
    2562      padding: 2px;
    2563      border-radius: 4px;
     2563     bottom: -42px;
     2564     right: -20px;
     2565     background: rgba(0,0,48,0.4);
     2566     padding: 1px 4px 2px;
     2567     border-radius: 4px 0 0 4px;
    25642568     z-index: 0;
    25652569}
     
    27132717
    27142718@media screen and (min-width: 1400px) {
    2715 code, textarea, .snarkMessages li, .snarkMessages a, input, tt {
     2719code, textarea, input, tt {
    27162720     font-size: 10pt !important;
    27172721}
     
    27192723a, th, thead th, tfoot th, td, select, select option, .snarkAddInfo, .snarkFileName, code, textarea, input[name="nofilter_dataDir"], input, code {
    27202724     font-size: 10pt !important;
     2725}
     2726
     2727.snarkMessages li, .snarkMessages a {
     2728     font-size: 9pt !important;
    27212729}
    27222730
  • installer/resources/themes/snark/ubergine/snark.css

    r6fe5552 r66385c0  
    551551}
    552552
    553 th.snarkTorrentAction input[type="image"]:hover {
     553th.snarkTorrentAction input[type="image"]:hover, .snarkTorrentAction input[type="image"]:focus {
    554554     border: 1px solid #f60;
     555}
     556
     557.snarkTorrentAction input[type="image"]:active {
     558     border: 1px solid #f30 !important;
     559     transform: scale(0.9);
    555560}
    556561
     
    12921297
    12931298thead a:active img {
    1294      filter: drop-shadow(0 0 1px #f90) !important;
     1299     filter: drop-shadow(0 0 1px #f30) !important;
     1300     transform: scale(0.9);
    12951301}
    12961302
     
    23962402#commentDeleteAction {
    23972403     background: linear-gradient(to bottom, #202, #101);
     2404}
     2405
     2406#commentDeleteAction td {
    23982407     box-shadow: inset 0 0 0 1px #303;
    2399 }
    2400 
    2401 #commentDeleteAction td {
    24022408     padding-right: 6px;
     2409     padding-bottom: 2px !important;
    24032410}
    24042411
     
    26752682     display: none;
    26762683}
     2684
     2685#commentDeleteAction td {
     2686    padding-top: 4px;
     2687}
    26772688}
    26782689
  • installer/resources/themes/snark/vanilla/snark.css

    r6fe5552 r66385c0  
    437437}
    438438
     439thead a:active img {
     440     transform: scale(0.9);
     441     filter: drop-shadow(0 0 1px #f30);
     442}
     443
    439444th br {
    440445     display: none;
     
    698703     text-align: center !important;
    699704     color: #bbb !important;
     705}
     706
     707.snarkTorrents th:empty + th:empty, .snarkTorrents td:empty + td:empty, .snarkTorrentETA:empty,
     708.snarkTorrentRateDown:empty, .snarkTorrentRateUp:empty, .snarkTorrentAction:empty {
     709     width: 0 !important;
     710     min-width: 0 !important;
    700711}
    701712
     
    24132424}
    24142425
     2426#newRating td:first-child {
     2427     padding-right: 0 !important;
     2428}
     2429
    24152430#newRating select {
    24162431     width: 90%;
    24172432     width: calc(100% - 10px);
     2433     margin-left: 8px;
    24182434}
    24192435
     
    26042620     min-height: 20px;
    26052621}
     2622
     2623.snarkCommentInfo td, .snarkComments td {
     2624     padding: 5px !important;
     2625}
    26062626}
    26072627
     
    26912711}
    26922712
    2693 .snarkTorrentRateUp {
    2694      padding-right: 15px !important;
    2695 }
    2696 
    26972713thead a img, thead img {
    26982714     max-height: 21px;
     2715}
     2716
     2717.mainsection .snarkCommentInfo td, .mainsection .snarkComments td {
     2718     padding: 8px 5px !important;
    26992719}
    27002720}
     
    27502770.snarkTorrentUploaded {
    27512771     padding-left: 5px;
     2772}
     2773
     2774.snarkTorrentRateUp {
     2775     padding-right: 15px !important;
    27522776}
    27532777
  • installer/resources/themes/susidns/midnight/susidns.css

    r6fe5552 r66385c0  
    10111011     height: 20px;
    10121012     vertical-align: middle;
    1013      margin: 1px 10px 1px 1px;
     1013     margin: 5px 8px 5px 0;
    10141014     padding: 1px;
    10151015     border: 1px solid #17142f;
     
    10431043
    10441044#host_list th:first-child {
    1045      padding-left: 39px !important;
     1045     padding-left: 37px !important;
    10461046}
    10471047
     
    11041104
    11051105#host_list .destaddress {
    1106      overflow: auto !important;
     1106     overflow: hidden !important;
     1107     text-overflow: ellipsis;
    11071108     white-space: nowrap;
    11081109     font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace !important;
     
    11141115}
    11151116
     1117#host_list .destaddress:hover, #host_list .destaddress:focus {
     1118     overflow: auto !important;
     1119     text-overflow: clip;
     1120}
     1121
    11161122td.destinations {
    11171123     max-width: 50px !important;
Note: See TracChangeset for help on using the changeset viewer.