- Timestamp:
- Oct 25, 2017 9:47:34 AM (3 years ago)
- Branches:
- master
- Children:
- e44fb48f
- Parents:
- cdd89df
- Location:
- installer/resources/themes
- Files:
-
- 24 edited
Legend:
- Unmodified
- Added
- Removed
-
installer/resources/themes/console/classic/console.css
rcdd89df r1c6ca501 132 132 133 133 .warning a:visited { 134 color: #f 90 !important;135 } 136 137 .warning a:hover {134 color: #f40 !important; 135 } 136 137 .warning a:hover, .warning a:focus, .warning a:visited:focus { 138 138 color: #d30 !important; 139 139 } … … 407 407 } 408 408 409 /* siderbar logo */ 410 411 .routersummary div[style="height: 36px;"] { 412 height: 32px !important; 413 } 414 409 415 .routersummary img[src$="i2plogo.png"] { 410 margin-top: 3px; 411 margin-left: 0; 412 width: 185px; 416 width: 190px; 413 417 height: auto; 414 418 box-shadow: 0 0 1px 1px rgba(180,180,180,0.7); … … 417 421 user-select: none; 418 422 } 423 424 .routersummary a img:first-child { 425 opacity: 0.8; 426 border: none; 427 } 428 429 .routersummary a img:first-child:hover, .routersummary a img:first-child:active { 430 opacity: 1; 431 filter: drop-shadow(0 0 1px #f60); 432 box-shadow: none; 433 } 434 435 .routersummary a[href="/"], .routersummary a[href="/console"] { 436 outline: none !important; 437 } 438 439 .routersummary a[href="/"]:focus img, .routersummary a[href="/console"]:focus img { 440 filter: drop-shadow(0 0 1px #f60) saturate(200%); 441 } 442 443 /* end siderbar logo */ 419 444 420 445 .routersummary a { … … 668 693 } 669 694 695 .sb_notice a { 696 vertical-align: baseline; 697 padding: 0; 698 } 699 670 700 #sb_warning + .sb_notice { 671 701 margin-top: 10px; … … 677 707 678 708 .routersummary form { 679 margin: -2px 0; 709 margin: -2px -2px -3px; 710 } 711 712 #sb_warning + hr { 713 opacity: 0; 714 } 715 716 #sb_warning + hr + form { 717 margin-top: -1px; 718 } 719 720 #sb_warning + p:empty + form { 721 margin-top: 10px; 722 margin-bottom: -3px; 680 723 } 681 724 … … 753 796 .routersummary a:hover { 754 797 color: #f60; 755 }756 757 .routersummary a img:first-child {758 opacity: 0.8;759 border: none;760 }761 762 .routersummary a img:first-child:hover, .routersummary a img:first-child:active {763 opacity: 1;764 filter: drop-shadow(0 0 1px #89f);765 box-shadow: none;766 }767 768 .routersummary a[href="/"], .routersummary a[href="/console"] {769 outline: none !important;770 }771 772 .routersummary a[href="/"]:focus img, .routersummary a[href="/console"]:focus img {773 filter: drop-shadow(0 0 1px #f60) saturate(200%);774 798 } 775 799 … … 1281 1305 -webkit-appearance: none; 1282 1306 appearance: none; 1283 background: url(images/dropdown.png) right center no-repeat # fff;1307 background: url(images/dropdown.png) right center no-repeat #eee; 1284 1308 background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, #ddd); 1285 1309 margin: 3px 5px; … … 1306 1330 1307 1331 select:hover, select:active { 1332 background: #ddd url(images/dropdown_hover.png) right center no-repeat !important; 1308 1333 background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important; 1309 1334 } 1310 1335 1311 1336 select:focus { 1337 background: #fff url(images/dropdown_hover.png) right center no-repeat !important; 1312 1338 background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important; 1313 1339 box-shadow: 0 0 0 1px #89f; … … 1401 1427 padding: 4px; 1402 1428 color: #333; 1429 background-color: #fefefe; 1403 1430 } 1404 1431 … … 1415 1442 1416 1443 button, input, select { 1444 background-color: #eee; 1417 1445 font: 9pt/130% "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "DejaVu Sans", Verdana, Helvetica, sans-serif; 1418 1446 color: #333; … … 1420 1448 1421 1449 button:hover, input[type="submit"]:hover, input[type="reset"]:hover { 1422 background : #fff;1450 background-color: #ddd; 1423 1451 background: linear-gradient(to bottom, #ddd, #fff); 1424 1452 } 1425 1453 1426 1454 button:active, input[type="submit"]:active, input[type="reset"]:active { 1427 background : #ddd;1455 background-color: #fff; 1428 1456 } 1429 1457 … … 1511 1539 1512 1540 button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:focus, input[type="submit"]:focus, input[type="reset"]:focus { 1541 background: #ddd; 1513 1542 background: linear-gradient(to bottom, #ddd, #fff); 1514 1543 border: 1px solid #89f; … … 1520 1549 border: 1px solid #999; 1521 1550 box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px 1px #555; 1551 background-color: #ddd; 1522 1552 background-blend-mode: luminosity; 1523 1553 color: #555; … … 1525 1555 1526 1556 input.accept, button.accept { 1557 background: #eee url(/themes/console/images/buttons/yes.png) no-repeat 7px center; 1527 1558 background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1528 1559 padding: 5px 7px 5px 23px; … … 1531 1562 input.accept:hover, button.accept:hover, 1532 1563 input.accept:focus, button.accept:focus { 1564 background: #fff url(/themes/console/images/buttons/yes.png) no-repeat 7px center; 1533 1565 background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1534 1566 } 1535 1567 1536 1568 input.accept[value^="Unban"], button.accept[value^="Unban"] { 1569 background: #eee url(/themes/console/images/buttons/unban.png) no-repeat 7px center; 1537 1570 background: url(/themes/console/images/buttons/unban.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1538 1571 padding: 5px 7px 5px 23px; … … 1541 1574 input.accept[value^="Unban"]:hover, button.accept[value^="Unban"]:hover, 1542 1575 input.accept[value^="Unban"]:focus, button.accept[value^="Unban"]:focus { 1576 background: #fff url(/themes/console/images/buttons/unban.png) no-repeat 7px center; 1543 1577 background: url(/themes/console/images/buttons/unban.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1544 1578 } 1545 1579 1546 1580 input.accept[value^="Create"], button.accept[value^="Create"] { 1581 background: #eee url(/themes/console/images/buttons/create.png) no-repeat 7px center; 1547 1582 background: url(/themes/console/images/buttons/create.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1548 1583 padding: 5px 7px 5px 23px; … … 1551 1586 input.accept[value^="Create"]:hover, button.accept[value^="Create"]:hover, 1552 1587 input.accept[value^="Create"]:focus, button.accept[value^="Create"]:focus { 1588 background: #fff url(/themes/console/images/buttons/create.png) no-repeat 7px center; 1553 1589 background: url(/themes/console/images/buttons/create.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1554 1590 } 1555 1591 1556 1592 input.accept[value^="Filter"], button.accept[value^="Filter"] { 1593 background: #eee url(/themes/console/images/buttons/filter.png) no-repeat 7px center; 1557 1594 background: url(/themes/console/images/buttons/filter.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1558 1595 padding: 5px 7px 5px 23px; … … 1561 1598 input.accept[value^="Filter"]:hover, button.accept[value^="Filter"]:hover, 1562 1599 input.accept[value^="Filter"]:focus, button.accept[value^="Filter"]:focus { 1600 background: #fff url(/themes/console/images/buttons/filter.png) no-repeat 7px center; 1563 1601 background: url(/themes/console/images/buttons/filter.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1564 1602 } 1565 1603 1566 1604 input.add, button.add { 1605 background: #eee url(/themes/console/images/buttons/add.png) no-repeat 7px center; 1567 1606 background: url(/themes/console/images/buttons/add.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1568 1607 padding: 5px 7px 5px 23px; … … 1571 1610 input.add:hover, button.add:hover, 1572 1611 input.add:focus, button.add:focus { 1612 background: #fff url(/themes/console/images/buttons/add.png) no-repeat 7px center; 1573 1613 background: url(/themes/console/images/buttons/add.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1574 1614 } 1575 1615 1576 1616 input.add[value^="Adjust"], button.add[value^="Adjust"] { 1617 background: #eee url(/themes/console/images/buttons/edit2.png) no-repeat 7px center; 1577 1618 background: url(/themes/console/images/buttons/edit2.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1578 1619 padding: 5px 7px 5px 23px; … … 1581 1622 input.add[value^="Adjust"]:hover, button.add[value^="Adjust"]:hover, 1582 1623 input.add[value^="Adjust"]:focus, button.add[value^="Adjust"]:focus { 1624 background: #fff url(/themes/console/images/buttons/edit2.png) no-repeat 7px center; 1583 1625 background: url(/themes/console/images/buttons/edit2.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1584 1626 } 1585 1627 1586 1628 input.cancel, button.cancel { 1629 background: #eee url(/themes/console/images/buttons/no.png) no-repeat 7px center; 1587 1630 background: url(/themes/console/images/buttons/no.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1588 1631 padding: 5px 7px 5px 23px; … … 1591 1634 input.cancel:hover, button.cancel:hover, 1592 1635 input.cancel:focus, button.cancel:focus { 1636 background: #fff url(/themes/console/images/buttons/no.png) no-repeat 7px center; 1593 1637 background: url(/themes/console/images/buttons/no.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1594 1638 } … … 1596 1640 input.accept[value^="Show"], button.accept[value^="Show"], 1597 1641 input.check[value^="View"], button.check[value^="View"] { 1642 background: #eee url(/themes/console/images/buttons/show.png) no-repeat 7px center; 1598 1643 background: url(/themes/console/images/buttons/show.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1599 1644 padding: 5px 7px 5px 23px; … … 1604 1649 input.accept[value^="Show"]:focus, button.accept[value^="Show"]:focus, 1605 1650 input.check[value^="View"]:focus, button.check[value^="View"]:focus { 1651 background: #fff url(/themes/console/images/buttons/show.png) no-repeat 7px center; 1606 1652 background: url(/themes/console/images/buttons/show.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1607 1653 } … … 1609 1655 input.cancel[value^="Hide"], button.cancel[value^="Hide"], 1610 1656 input.delete[value^="Do not view"], button.delete[value^="Do not view"] { 1657 background: #eee url(/themes/console/images/buttons/hide.png) no-repeat 7px center; 1611 1658 background: url(/themes/console/images/buttons/hide.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1612 1659 padding: 5px 7px 5px 23px; … … 1617 1664 input.cancel[value^="Hide"]:focus, button.cancel[value^="Hide"]:focus, 1618 1665 input.delete[value^="Do not view"]:focus, button.delete[value^="Do not view"]:focus { 1666 background: #fff url(/themes/console/images/buttons/hide.png) no-repeat 7px center; 1619 1667 background: url(/themes/console/images/buttons/hide.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1620 1668 } 1621 1669 1622 1670 input.check, button.check { 1671 background: #eee url(/themes/console/images/buttons/yes.png) no-repeat 7px center; 1623 1672 background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1624 1673 padding: 5px 7px 5px 23px; … … 1627 1676 input.check:hover, button.check:hover, 1628 1677 input.check:focus, button.check:focus { 1678 background: #fff url(/themes/console/images/buttons/yes.png) no-repeat 7px center; 1629 1679 background: url(/themes/console/images/buttons/yes.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1630 1680 } 1631 1681 1632 1682 input.check[value$="updates"], button.check[value$="updates"] { 1683 background: #eee url(/themes/console/images/buttons/update.png) no-repeat 7px center; 1633 1684 background: url(/themes/console/images/buttons/update.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1634 1685 padding: 5px 7px 5px 23px; … … 1637 1688 input.check[value$="updates"]:hover, button.check[value$="updates"]:hover, 1638 1689 input.check[value$="updates"]:focus, button.check[value$="updates"]:focus { 1690 background: #fff url(/themes/console/images/buttons/update_hover.png) no-repeat 7px center; 1639 1691 background: url(/themes/console/images/buttons/update_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1640 1692 } 1641 1693 1642 1694 input.delete, button.delete { 1695 background: #eee url(/themes/console/images/buttons/delete.png) no-repeat 7px center; 1643 1696 background: url(/themes/console/images/buttons/delete.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1644 1697 padding: 5px 7px 5px 23px; … … 1647 1700 input.delete:hover, button.delete:hover, 1648 1701 input.delete:focus, button.delete:focus { 1702 background: #eee url(/themes/console/images/buttons/delete_hover.png) no-repeat 7px center; 1649 1703 background: url(/themes/console/images/buttons/delete_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1650 1704 } 1651 1705 1652 1706 input.delete[value^="Ban"], button.delete[value^="Ban"] { 1707 background: #eee url(/themes/console/images/buttons/ban.png) no-repeat 7px center; 1653 1708 background: url(/themes/console/images/buttons/ban.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1654 1709 padding: 5px 7px 5px 23px; … … 1657 1712 input.delete[value^="Ban"]:hover, button.delete[value^="Ban"]:hover, 1658 1713 input.delete[value^="Ban"]:focus, button.delete[value^="Ban"]:focus { 1714 background: #fff url(/themes/console/images/buttons/ban.png) no-repeat 7px center; 1659 1715 background: url(/themes/console/images/buttons/ban.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1660 1716 } 1661 1717 1662 1718 input.download, button.download { 1719 background: #eee url(/themes/console/images/buttons/download.png) no-repeat 7px center; 1663 1720 background: url(/themes/console/images/buttons/download.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1664 1721 padding: 5px 7px 5px 23px; … … 1667 1724 input.download:hover, button.download:hover, 1668 1725 input.download:focus, button.download:focus { 1726 background: #fff url(/themes/console/images/buttons/download.png) no-repeat 7px center; 1669 1727 background: url(/themes/console/images/buttons/download.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1670 1728 } 1671 1729 1672 1730 input.download[value^="Join"], button.download[value^="Join"] { 1731 background: #eee url(/themes/console/images/buttons/users.png) no-repeat 7px center; 1673 1732 background: url(/themes/console/images/buttons/users.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1674 1733 padding: 5px 7px 5px 23px; … … 1677 1736 input.download[value^="Join"]:hover, button.download[value^="Join"]:hover, 1678 1737 input.download[value^="Join"]:focus, button.download[value^="Join"]:focus { 1738 background: #fff url(/themes/console/images/buttons/users.png) no-repeat 7px center; 1679 1739 background: url(/themes/console/images/buttons/users.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1680 1740 } … … 1682 1742 input.download[value$="from File"], button.download[value$="from File"], 1683 1743 input.download[value$="from file"], button.download[value$="from file"] { 1744 background: #eee url(/themes/console/images/buttons/from-file.png) no-repeat 7px center; 1684 1745 background: url(/themes/console/images/buttons/from-file.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1685 1746 padding: 5px 7px 5px 23px; … … 1690 1751 input.download[value$="from File"]:focus, button.download[value$="from File"]:focus, 1691 1752 input.download[value$="from file"]:focus, button.download[value$="from file"]:focus { 1753 background: #fff url(/themes/console/images/buttons/from-file.png) no-repeat 7px center; 1692 1754 background: url(/themes/console/images/buttons/from-file.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1693 1755 } 1694 1756 1695 1757 input.download[value^="Dump"], button.download[value^="Dump"] { 1758 background: #eee url(/themes/console/images/buttons/dump-threads.png) no-repeat 7px center; 1696 1759 background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1697 1760 padding: 5px 7px 5px 23px; … … 1700 1763 input.download[value^="Dump"]:hover, button.download[value^="Dump"]:hover, 1701 1764 input.download[value^="Dump"]:focus, button.download[value^="Dump"]:focus { 1765 background: #fff url(/themes/console/images/buttons/dump-threads.png) no-repeat 7px center; 1702 1766 background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1703 1767 } 1704 1768 1705 1769 input.go, button.go, input[value="GO"] { 1770 background: #eee url(/themes/console/images/buttons/go.png) no-repeat 7px center; 1706 1771 background: url(/themes/console/images/buttons/go.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1707 1772 padding: 5px 7px 5px 23px; … … 1710 1775 input.go:hover, button.go:hover, input[value="GO"]:hover, 1711 1776 input.go:focus, button.go:focus, input[value="GO"]:focus { 1777 background: #fff url(/themes/console/images/buttons/go.png) no-repeat 7px center; 1712 1778 background: url(/themes/console/images/buttons/go.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1713 1779 } 1714 1780 1715 1781 input.go[value^="Create"], button.go[value^="Create"] { 1782 background: #eee url(/themes/console/images/buttons/create-file.png) no-repeat 7px center; 1716 1783 background: url(/themes/console/images/buttons/create-file.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1717 1784 padding: 5px 7px 5px 23px; … … 1720 1787 input.go[value^="Create"]:hover, button.go[value^="Create"]:hover, 1721 1788 input.go[value^="Create"]:focus, button.go[value^="Create"]:focus { 1789 background: #fff url(/themes/console/images/buttons/create-file.png) no-repeat 7px center; 1722 1790 background: url(/themes/console/images/buttons/create-file.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1723 1791 } 1724 1792 1725 1793 input.reload, button.reload { 1794 background: #eee url(/themes/console/images/buttons/restore.png) no-repeat 7px center; 1726 1795 background: url(/themes/console/images/buttons/restore.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1727 1796 padding: 5px 7px 5px 23px; … … 1730 1799 input.reload:hover, button.reload:hover, 1731 1800 input.reload:focus, button.reload:focus { 1801 background: #fff url(/themes/console/images/buttons/restore_hover.png) no-repeat 7px center; 1732 1802 background: url(/themes/console/images/buttons/restore_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1733 1803 } 1734 1804 1735 1805 input.reload[value$="restart"], button.reload[value$="restart"] { 1806 background: #eee url(/themes/console/images/buttons/restart.png) no-repeat 7px center; 1736 1807 background: url(/themes/console/images/buttons/restart.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1737 1808 padding: 5px 7px 5px 23px; … … 1740 1811 input.reload[value$="restart"]:hover, button.reload[value$="restart"]:hover, 1741 1812 input.reload[value$="restart"]:focus, button.reload[value$="restart"]:focus { 1813 background: #fff url(/themes/console/images/buttons/restart_hover.png) no-repeat 7px center; 1742 1814 background: url(/themes/console/images/buttons/restart_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1743 1815 } 1744 1816 1745 1817 input.reload[value^="Update"], button.reload[value^="Update"] { 1818 background: #eee url(/themes/console/images/buttons/update.png) no-repeat 7px center; 1746 1819 background: url(/themes/console/images/buttons/update.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1747 1820 padding: 5px 7px 5px 23px; … … 1750 1823 input.reload[value^="Update"]:hover, button.reload[value^="Update"]:hover, 1751 1824 input.reload[value^="Update"]:focus, button.reload[value^="Update"]:focus { 1825 background: #fff url(/themes/console/images/buttons/update_hover.png) no-repeat 7px center; 1752 1826 background: url(/themes/console/images/buttons/update_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1753 1827 } 1754 1828 1755 1829 input.reload[value="Force GC"], button.reload[value="Force GC"] { 1830 background: #eee url(/themes/console/images/buttons/clean.png) no-repeat 7px center; 1756 1831 background: url(/themes/console/images/buttons/clean.png) no-repeat 7px center, linear-gradient(to bottom, #fff, #ddd); 1757 1832 padding: 5px 7px 5px 23px; … … 1760 1835 input.reload[value="Force GC"]:hover, button.reload[value="Force GC"]:hover, 1761 1836 input.reload[value="Force GC"]:focus, button.reload[value="Force GC"]:focus { 1837 background: #fff url(/themes/console/images/buttons/clean_hover.png) no-repeat 7px center; 1762 1838 background: url(/themes/console/images/buttons/clean_hover.png) no-repeat 7px center, linear-gradient(to bottom, #ddd, #fff); 1763 1839 } 1764 1840 1765 1841 input.stop, button.stop { 1842 background: #eee url(/themes/console/images/buttons/shutdown.png) no-repeat 7px 6px; 1766 1843 background: url(/themes/console/images/buttons/shutdown.png) no-repeat 7px 6px, linear-gradient(to bottom, #fff, #ddd); 1767 1844 padding: 5px 7px 5px 23px; … … 1770 1847 input.stop:hover, button.stop:hover, 1771 1848 input.stop:focus, button.stop:focus { 1849 background: #fff url(/themes/console/images/buttons/shutdown_hover.png) no-repeat 7px 6px; 1772 1850 background: url(/themes/console/images/buttons/shutdown_hover.png) no-repeat 7px 6px, linear-gradient(to bottom, #ddd, #fff); 1773 1851 } 1774 1852 1775 1853 button.search { 1854 background: #eee url(/themes/console/images/buttons/search.png) no-repeat 7px 6px; 1776 1855 background: url(/themes/console/images/buttons/search.png) no-repeat 7px 6px, linear-gradient(to bottom, #fff, #ddd); 1777 padding: 5px 7px 5px 2 3px;1856 padding: 5px 7px 5px 25px; 1778 1857 } 1779 1858 1780 1859 button.search:hover, 1781 1860 button.search:focus { 1861 background: #fff url(/themes/console/images/buttons/search_hover.png) no-repeat 7px 6px; 1782 1862 background: url(/themes/console/images/buttons/search_hover.png) no-repeat 7px 6px, linear-gradient(to bottom, #ddd, #fff); 1783 1863 } … … 1793 1873 1794 1874 button.accept.control { 1875 background: #eee url(/themes/console/images/buttons/Xstart.png) center center no-repeat; 1795 1876 background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd); 1796 1877 } 1797 1878 1798 1879 button.accept.control:hover, button.accept.control:focus { 1880 background: #fff url(/themes/console/images/buttons/Xstart.png) center center no-repeat; 1799 1881 background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff); 1800 1882 } 1801 1883 1802 1884 button.stop.control { 1885 background: #eee url(/themes/console/images/buttons/Xstop.png) center center no-repeat; 1803 1886 background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd); 1804 1887 } 1805 1888 1806 1889 button.stop.control:hover, button.stop.control:focus { 1890 background: #fff url(/themes/console/images/buttons/Xstop.png) center center no-repeat; 1807 1891 background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff); 1808 1892 } 1809 1893 1810 1894 button.add.control { 1895 background: #eee url(/themes/console/images/buttons/edit2.png) center center no-repeat; 1811 1896 background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd); 1812 1897 } 1813 1898 1814 1899 button.add.control:hover, button.add.control:focus { 1900 background: #fff url(/themes/console/images/buttons/edit2.png) center center no-repeat; 1815 1901 background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff); 1816 1902 } 1817 1903 1818 1904 button.delete.control { 1905 background: #eee url(/themes/console/images/buttons/delete.png) center center no-repeat; 1819 1906 background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd); 1820 1907 } 1821 1908 1822 1909 button.delete.control:hover, button.delete.control:focus { 1910 background: #fff url(/themes/console/images/buttons/delete_hover.png) center center no-repeat; 1823 1911 background: url(/themes/console/images/buttons/delete_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff); 1824 1912 } 1825 1913 1826 1914 button.check.control { 1915 background: #eee url(/themes/console/images/buttons/update.png) center center no-repeat; 1827 1916 background: url(/themes/console/images/buttons/update.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd); 1828 1917 } 1829 1918 1830 1919 button.check.control:hover, button.check.control:focus { 1920 background: #fff url(/themes/console/images/buttons/update_hover.png) center center no-repeat; 1831 1921 background: url(/themes/console/images/buttons/update_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff); 1832 1922 } 1833 1923 1834 1924 button.download.control { 1925 background: #eee url(/themes/console/images/buttons/download.png) center center no-repeat; 1835 1926 background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd); 1836 1927 } 1837 1928 1838 1929 button.download.control:hover, button.download.control:focus { 1930 background: #fff url(/themes/console/images/buttons/download.png) center center no-repeat; 1839 1931 background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #ddd, #fff); 1840 1932 } … … 1855 1947 1856 1948 .routersummary .reload, .routersummary .stop { 1949 min-width: 92px !important; 1857 1950 text-indent: -99999px; 1858 1951 background-size: 16px 16px, 100% 100% !important; … … 1860 1953 1861 1954 .routersummary .reload { 1955 background: #eee url(/themes/console/images/buttons/restart.png) center center no-repeat !important; 1862 1956 background: url(/themes/console/images/buttons/restart.png) center center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important; 1863 1957 } 1864 1958 1865 1959 .routersummary .reload:hover, .routersummary .reload:focus { 1866 background: url(/themes/console/images/buttons/restart_hover.png) center center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%)!important;1960 background: #ddd url(/themes/console/images/buttons/restart_hover.png) center center no-repeat !important; 1867 1961 background: url(/themes/console/images/buttons/shutdown_hover.png) 37% center no-repeat, url(/themes/console/images/buttons/restart_hover.png) 63% center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important; 1868 1962 border: 1px solid #89f; … … 1875 1969 1876 1970 .routersummary .stop { 1971 background: #eee url(/themes/console/images/buttons/shutdown.png) center center no-repeat; 1877 1972 background: url(/themes/console/images/buttons/shutdown.png) center center no-repeat, linear-gradient(to bottom, #fff, #ddd); 1878 1973 } … … 1898 1993 1899 1994 .routersummary .reload[value="restartImmediate"] { 1995 background: #eee url(/themes/console/images/buttons/restart.png) center left 7px no-repeat !important; 1900 1996 background: url(/themes/console/images/buttons/restart.png) center left 7px no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important; 1901 1997 background-size: 14px auto, 100% 100% !important; … … 1903 1999 1904 2000 .routersummary .reload[value="restartImmediate"]:hover, .routersummary .reload[value="restartImmediate"]:focus, .routersummary .reload[value="restartImmediate"]:active { 2001 background: #eee url(/themes/console/images/buttons/restart_hover.png) center left 7px no-repeat !important; 1905 2002 background: url(/themes/console/images/buttons/restart_hover.png) center left 7px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important; 1906 2003 background-size: 14px auto, 100% 100% !important; … … 1908 2005 1909 2006 .routersummary .stop[value="shutdownImmediate"] { 2007 background: #eee url(/themes/console/images/buttons/shutdown.png) center left 7px no-repeat !important; 1910 2008 background: url(/themes/console/images/buttons/shutdown.png) center left 7px no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important; 1911 2009 background-size: 14px auto, 100% 100% !important; … … 1913 2011 1914 2012 .routersummary .stop[value="shutdownImmediate"]:hover, .routersummary .stop[value="shutdownImmediate"]:focus, .routersummary .stop[value="shutdownImmediate"]:active { 2013 background: #eee url(/themes/console/images/buttons/shutdown_hover.png) center left 7px no-repeat !important; 1915 2014 background: url(/themes/console/images/buttons/shutdown_hover.png) center left 7px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important; 1916 2015 background-size: 14px auto, 100% 100% !important; … … 1918 2017 1919 2018 .routersummary .reload[value="Reseed"] { 2019 background: #eee url(/themes/console/images/buttons/download.png) center left 7px no-repeat !important; 1920 2020 background: url(/themes/console/images/buttons/download.png) center left 7px no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important; 1921 2021 background-size: 14px auto, 100% 100% !important; … … 1923 2023 1924 2024 .routersummary .reload[value="Reseed"]:hover, .routersummary .reload[value="Reseed"]:focus, .routersummary .reload[value="Reseed"]:active { 2025 background: #ddd url(/themes/console/images/buttons/download.png) center left 7px no-repeat !important; 1925 2026 background: url(/themes/console/images/buttons/download.png) center left 7px no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important; 1926 2027 background-size: 14px auto, 100% 100% !important; … … 1928 2029 1929 2030 .routersummary .download { 2031 background: #eee url(/themes/console/images/buttons/download.png) 7px center no-repeat; 1930 2032 background: url(/themes/console/images/buttons/download.png) 7px center no-repeat, linear-gradient(to bottom, #fff, #ddd); 1931 2033 background-size: 14px 14px, 100% 100% !important; … … 1933 2035 1934 2036 .routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active { 2037 background: #ddd url(/themes/console/images/buttons/download.png) 7px center no-repeat; 1935 2038 background: url(/themes/console/images/buttons/download.png) 7px center no-repeat, linear-gradient(to bottom, #ddd, #fff); 1936 2039 background-size: 14px 14px, 100% 100% !important; … … 2035 2138 } 2036 2139 2140 .main#dns { 2141 background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.8)), url(images/bg0.png) !important; 2142 } 2143 2037 2144 .main#tunnelmgr { 2038 2145 padding: 0 10px; … … 2144 2251 } 2145 2252 2146 div.news a , #warning a{2253 div.news a { 2147 2254 color: #7f560f !important; 2148 2255 } 2149 2256 2150 div.news a:hover, div.news a:focus, div.news a:visited:hover, div.news a:visited:focus , #warning a:hover, #warning a:focus{2257 div.news a:hover, div.news a:focus, div.news a:visited:hover, div.news a:visited:focus { 2151 2258 color: #f60 !important; 2152 2259 } 2153 2260 2154 div.news a:visited , #warning a:visited{2261 div.news a:visited { 2155 2262 color: #5f4312 !important; 2156 2263 } … … 2224 2331 /* top navigation */ 2225 2332 2226 div.confignav {2227 padding: 5px ;2333 .confignav { 2334 padding: 5px 5px 6px; 2228 2335 margin: -16px -16px 5px -16px; 2229 2336 border: 1px solid #89f; … … 2376 2483 2377 2484 #bandwidthconfig td:first-child { 2378 width: 10%;2485 width: 25%; 2379 2486 white-space: nowrap; 2380 2487 } … … 3130 3237 text-align: left; 3131 3238 border: 1px solid #89f; 3132 padding: 1 9px 20px;3239 padding: 18px 20px 16px; 3133 3240 margin: 0 0 0 211px; 3134 3241 line-height: 93%; … … 3301 3408 3302 3409 h2, h3, h4#updateplugins { 3303 background: url(images/titlebg.png) right center no-repeat;3410 background: #fff url(images/titlebg.png) right center no-repeat; 3304 3411 background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%); 3305 3412 box-shadow: inset 0 0 0 1px #fff; … … 3468 3575 h4.app { 3469 3576 margin-top: -5px; 3577 background: #fefeff url(/themes/console/images/favicon.ico) 8px center no-repeat; 3470 3578 background: url(/themes/console/images/eepsite.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%); 3471 3579 background-size: 16px 16px, 100% 100%; … … 3477 3585 clear: left; 3478 3586 margin-top: 5px !important; 3587 background: #fefeff url(/themes/console/light/images/globe.png) 8px center no-repeat; 3479 3588 background: url(/themes/console/images/info/globe.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%); 3480 3589 background-size: 16px 16px, 100% 100%; … … 3611 3720 } 3612 3721 3722 .search td { 3723 padding: 1px 0; 3724 } 3725 3613 3726 .search td:nth-child(2) { 3614 3727 text-align: center !important; 3615 padding: 0;3616 3728 } 3617 3729 … … 4182 4294 } 4183 4295 4296 .graphspanel a { 4297 font-size: 0; 4298 } 4299 4184 4300 .graphspanel hr { 4185 4301 margin: 10px 0; … … 4471 4587 } 4472 4588 4589 .themechoice .optbox:checked + img, .themechoice .optbox:checked + object { 4590 transform: scale(0.9); 4591 } 4592 4473 4593 .themechoice .optbox:focus + object ~ div.themelabel { 4474 4594 color: #f60 !important; … … 4495 4615 position: relative; 4496 4616 top: 4px; 4497 padding: 5px 10px 3px 5px;4617 padding: 5px 10px 5px 5px; 4498 4618 } 4499 4619 … … 4520 4640 4521 4641 #themeoptions input { 4522 margin: 6px 8px 6px 6px;4642 margin: 2px 8px 2px 6px; 4523 4643 vertical-align: sub; 4524 4644 } … … 5519 5639 5520 5640 #help ul { 5521 margin-bottom: 5px;5522 margin-top: - 5px;5641 margin-bottom: 8px; 5642 margin-top: -2px; 5523 5643 padding-left: 15px; 5524 5644 } … … 5532 5652 margin-left: 20px; 5533 5653 padding-top: 0; 5654 } 5655 5656 #help code, #help tt { 5657 font-size: 8pt; 5534 5658 } 5535 5659 … … 5542 5666 margin-left: 20px; 5543 5667 margin-right: 0; 5668 } 5669 5670 #help li, #help p, #help td { 5671 line-height: 140%; 5544 5672 } 5545 5673 … … 5848 5976 } 5849 5977 5978 #floodfillconfig input[type="radio"] { 5979 margin-right: 3px; 5980 } 5981 5850 5982 p#clientconf.infohelp, p#webappconfigtext.infohelp { 5851 5983 background: #fff url(/themes/console/images/info/java_edit.png) 12px center no-repeat; … … 7218 7350 7219 7351 .routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.news, #banlist li, 7220 .news #newsStatus, .news #newsDisplay, .topness, .footnote, .cells tt, #profilelist tt, .sb_notice {7352 .news #newsStatus, .news #newsDisplay, .topness, .footnote, .cells tt, #profilelist tt, .sb_notice, #help code, #help tt { 7221 7353 font-size: 9pt !important; 7354 } 7355 7356 .routersummary .reload, .routersummary .stop { 7357 min-width: 102px !important; 7222 7358 } 7223 7359 -
installer/resources/themes/console/classic/i2ptunnel.css
rcdd89df r1c6ca501 711 711 } 712 712 713 input.tunnelName, input.tunnelDescription , #userAgents {713 input.tunnelName, input.tunnelDescriptionText, #userAgents { 714 714 width: 80%; 715 715 min-width: 280px; … … 894 894 } 895 895 896 #clientTunnels.tunnelDescription {896 .tunnelDescription { 897 897 padding-top: 1px !important; 898 898 } -
installer/resources/themes/console/dark/console.css
rcdd89df r1c6ca501 172 172 } 173 173 174 .warning hr { 175 margin-top: 10px !important; 176 } 177 174 178 #jumplinks h4 { 179 padding-bottom: 10px; 175 180 margin-bottom: 10px; 176 181 } … … 329 334 border-radius: 0; 330 335 mix-blend-mode: exclusion; 336 transition: ease all 0.2s; 331 337 } 332 338 … … 340 346 .routersummary h3 a { 341 347 vertical-align: middle; 348 transition: ease all 0.2s; 342 349 } 343 350 … … 345 352 background: #010 !important; 346 353 box-shadow: inset 0 0 2px 2px #000; 354 transition: ease all 0.2s; 347 355 } 348 356 349 357 .routersummary h3:hover a { 350 358 color: #f60; 359 transition: ease all 0.2s; 351 360 } 352 361 353 362 .routersummary h3:active { 354 box-shadow: inset 4px 4px 2px #000;363 box-shadow: inset 4px 4px 4px #000; 355 364 } 356 365 … … 458 467 } 459 468 469 #sb_warning + p:empty + form { 470 margin-top: 11px; 471 margin-bottom: -6px; 472 } 473 460 474 #sb_internals td, #sb_services td, #sb_advanced td, #sb_help td { /* color ellipsis */ 461 475 color: #595 !important; … … 706 720 padding: 0; 707 721 border: 1px solid #5df; 722 border: 1px solid rgba(85, 221, 255, 0.5); 708 723 box-shadow: 0 0 1px #ccf; 709 724 } 710 725 711 726 #sb_bandwidthgraph:hover { 712 border: 1px solid # f60;727 border: 1px solid #0f6; 713 728 cursor: url(/themes/console/images/cursor_zoom.png), pointer; 714 729 } 715 730 716 731 a:active #sb_bandwidthgraph { 717 border: 1px solid # f30;732 border: 1px solid #0f3; 718 733 } 719 734 … … 993 1008 letter-spacing: 0.08em !important; 994 1009 word-spacing: normal !important; 1010 /* background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), url(/themes/console/dark/images/camotile2.png), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #003000, #000 75%) !important; 1011 background-blend-mode: normal, exclusion, normal, normal;*/ 995 1012 } 996 1013 … … 1078 1095 } 1079 1096 1080 #news Status {1097 #news #newsStatus { 1081 1098 float: left; 1082 1099 padding-top: 3px; … … 1157 1174 background: url(images/header.png) repeat-x scroll center center #000; 1158 1175 background: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important; 1159 padding: 7px !important; 1176 background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("/themes/console/dark/images/camotile2.png") !important; 1177 padding: 7px 7px 8px !important; 1160 1178 margin: -1px -16px 15px; 1161 1179 border: 1px solid #494; … … 1163 1181 line-height: 130% !important; 1164 1182 text-align: center; 1165 box-shadow: inset 0 0 0 1px #000, inset 0 0 3px 1px #030; 1183 box-shadow: inset 0 0 0 1px #000; 1184 background-blend-mode: exclusion, normal; 1166 1185 } 1167 1186 … … 1267 1286 1268 1287 #graphs { 1269 padding-left: 10px; 1270 padding-right: 10px; 1288 padding: 0 10px 1271 1289 } 1272 1290 1273 1291 #graphs .messages { 1274 1292 margin: 15px 5px -5px; 1293 } 1294 1295 #graphs .widepanel { 1296 margin: -4px 0 17px !important; 1297 } 1298 1299 #graphdisplay { 1300 margin-top: 14px !important; 1275 1301 } 1276 1302 … … 1441 1467 #graphs td:first-child { 1442 1468 text-align: right; 1443 width: 85px;1469 width: 10%; 1444 1470 white-space: nowrap; 1445 padding: 13px 3px 13px 5px; 1471 padding: 13px 3px 13px 15px; 1472 font-weight: bold; 1446 1473 } 1447 1474 … … 1469 1496 } 1470 1497 1498 .graphspanel a { 1499 font-size: 0; 1500 } 1501 1471 1502 /* end graphs */ 1472 1503 … … 1497 1528 font-size: 9pt; 1498 1529 background: #000 url(images/header.png) center center repeat-x; 1499 background -image: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important;1530 background: linear-gradient(to bottom, #002000, #000 75%) !important; 1500 1531 border-top: 1px solid #494; 1501 1532 border-bottom: 1px solid #494 !important; … … 1891 1922 h1, h2, h3:not([id*="help"]), h4.app, h4.app2, .routersummary h3 { 1892 1923 background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%) !important; 1924 background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #005000, #000 75%) !important; 1893 1925 } 1894 1926 … … 1897 1929 } 1898 1930 1899 h1, h4.app, h4.app2 { 1931 .routersummary h3 { 1932 background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%) !important; 1933 transition: ease all 0.2s; 1934 } 1935 1936 h1, h4.app, h4.app2, #news h3 { 1900 1937 background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%), url(images/camotile2.png) #000 !important; 1901 1938 background-blend-mode: exclusion; … … 1941 1978 1942 1979 .routersummary button.reload, .routersummary button.stop { 1943 min-width: 86px;1980 min-width: 92px; 1944 1981 text-transform: capitalize; 1982 margin: 3px 2px; 1945 1983 } 1946 1984 … … 2145 2183 font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; 2146 2184 font-weight: bold; 2147 padding: 4px 16px 4px 4px !important;2185 padding: 3px 16px 3px 4px !important; 2148 2186 cursor: pointer; 2149 2187 overflow: hidden; … … 2226 2264 2227 2265 input[type="submit"], input[type="reset"], select, button { 2266 line-height: 120%; 2228 2267 border: 1px solid #8b8; 2229 2268 border-bottom: 1px solid #171; … … 2636 2675 } 2637 2676 2638 .tablefooter tr, .tablefooter td {2677 tr.tablefooter, .tablefooter td { 2639 2678 background: #000 url(images/header.png) repeat-x center center !important; 2640 background: linear-gradient(to bottom, #00 1400, #001000 50%, #000 100%) !important;2679 background: linear-gradient(to bottom, #002000, #000 75%) !important; 2641 2680 border-top: 1px solid #494 !important; 2642 2681 border-bottom: 1px solid #494 !important; … … 2855 2894 .themechoice:hover object { 2856 2895 filter: drop-shadow(0 0 1px #f60); 2857 transition: ease filter 0.3s;2896 transition: ease transform 0.05s; 2858 2897 } 2859 2898 … … 2867 2906 color: #ee9 !important; 2868 2907 box-shadow: inset 0 0 0 1px #000 !important; 2908 } 2909 2910 .themechoice .optbox:checked + object, .themechoice .optbox:checked + img { 2911 transform: scale(0.9); 2869 2912 } 2870 2913 … … 2946 2989 2947 2990 #themeoptions input { 2948 margin -left:5px;2991 margin: 1px 5px; 2949 2992 } 2950 2993 … … 3046 3089 } 3047 3090 3091 .langselect input + img { 3092 opacity: 0.6; 3093 transition: ease all 0.3s; 3094 } 3095 3048 3096 .langselect input:hover + img { 3049 3097 box-shadow: 0 0 2px 1px #f60; 3050 transition: ease box-shadow 0.3s; 3098 transition: ease all 0.3s; 3099 opacity: 1; 3051 3100 } 3052 3101 … … 3781 3830 text-align: center; 3782 3831 background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important; 3832 background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #002000, #000 75%) !important; 3783 3833 text-indent: -99999px; 3784 3834 } … … 4016 4066 #help li { 4017 4067 text-align: justify; 4068 line-height: 150%; 4069 } 4070 4071 #help li:last-child { 4072 padding-bottom: 10px; 4073 } 4074 4075 #help #faq li:last-child { 4076 padding-bottom: 0; 4018 4077 } 4019 4078 … … 4420 4479 list-style: none; 4421 4480 font: bold 8pt "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace; 4422 line-height: 1 15%;4481 line-height: 120%; 4423 4482 text-align: left; 4424 4483 display: inline-block; … … 4458 4517 4459 4518 font[color="#cc0000"] { 4460 color: # c33!important;4519 color: #900 !important; 4461 4520 } 4462 4521 4463 4522 #logs li font[color="#cc0000"]::before { 4464 background: # c33;4523 background: #900; 4465 4524 } 4466 4525 … … 4801 4860 #ipv4, #ipv6, #permabanned tr:nth-child(2) { 4802 4861 background: #000 url(images/header.png) center center repeat-x; 4803 background -image: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important;4862 background: linear-gradient(to bottom, #002000, #000 75%) !important; 4804 4863 border-top: 1px solid #494; 4805 4864 border-bottom: 1px solid #494; … … 5733 5792 } 5734 5793 5794 #peerdefs td { 5795 line-height: 140%; 5796 } 5797 5735 5798 h3#i2pclientconfig, h3#pconfig, h3#pluginfromurl, h3#pluginfromfile, h3#webappconfig { 5736 5799 margin-bottom: -14px !important; … … 5802 5865 padding: 5px 10px; 5803 5866 background: #000 url(images/header.png) center center repeat-x; 5804 background -image: linear-gradient(to bottom, #001000, #001900 50%, #000 51%, #000) !important;5867 background: linear-gradient(to bottom, #002000, #000 75%) !important; 5805 5868 border: 1px solid #494; 5806 5869 text-align: left; … … 6732 6795 font-size: 11.5pt; 6733 6796 background: url(/themes/console/images/info/debug.png) right 5px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%) !important; 6734 background-size: 20px 20px, 100% 100% !important; 6735 background-blend-mode: luminosity, normal; 6797 background: url(/themes/console/images/info/debug.png) right 5px center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #005000, #000 75%) !important; 6798 background-size: 20px 20px, 100% 100%, 100% 100%, 100% 100% !important; 6799 background-blend-mode: luminosity, normal, normal, normal; 6736 6800 } 6737 6801 … … 6805 6869 6806 6870 #debug h3.debug_outboundsessions, #debug h3.debug_inboundsessions { 6807 padding: 6px 10px 6px 28px !important;6808 background-blend-mode: luminosity, normal ;6871 padding: 6px 10px 8px 28px !important; 6872 background-blend-mode: luminosity, normal, normal, normal; 6809 6873 } 6810 6874 … … 6812 6876 margin-top: -2px !important; 6813 6877 background: url(/themes/console/images/outbound.png) 6px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000 56%) !important; 6878 background: url(/themes/console/images/outbound.png) 6px center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #005000, #000 75%) !important; 6814 6879 } 6815 6880 6816 6881 #debug h3.debug_inboundsessions { 6817 6882 background: url(/themes/console/images/inbound.png) 6px center no-repeat, linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000 56%) !important; 6883 background: url(/themes/console/images/inbound.png) 6px center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #005000, #000 75%) !important; 6818 6884 } 6819 6885 … … 6873 6939 #jardump td { 6874 6940 border-right: 1px inset #131; 6875 vertical-align: top; 6876 padding: 2px 5px; 6941 padding: 2px 5px 3px; 6877 6942 color: #bb7; 6878 6943 } … … 7162 7227 width: calc(100% - 22px) !important; 7163 7228 overflow-y: hidden; 7229 } 7230 7231 #help .confignav, #debug .confignav { 7232 position: sticky; 7233 top: 0; 7164 7234 } 7165 7235 } -
installer/resources/themes/console/dark/console_big.css
rcdd89df r1c6ca501 197 197 } 198 198 199 .routersummary button.reload, .routersummary button.stop { 200 min-width: 98px; 201 margin: 4px 3px !important; 202 padding: 4px 5px !important; 203 } 204 199 205 .sb_notice, .sb_notice a { 200 206 font-size: 10pt !important; -
installer/resources/themes/console/dark/i2ptunnel.css
rcdd89df r1c6ca501 169 169 border: 1px solid #494; 170 170 background: linear-gradient(to bottom, #1a261a 50%, #000 50%) !important; 171 background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%), url(/themes/console/dark/images/camotile2.png) top left !important; 171 172 font-size: 11pt; 172 173 text-transform: uppercase; … … 182 183 #messages h2 { 183 184 background: url(/themes/console/images/info/logs.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important; 184 background-size: 20px auto, 100% 100%, 100% 100% !important; 185 background: url(/themes/console/images/info/logs.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important; 186 background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important; 187 background-blend-mode: normal, normal, normal, exclusion, normal, normal; 185 188 } 186 189 187 190 #globalTunnelControl h2 { 188 191 background: url(/themes/console/images/info/control.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important; 189 background-size: 20px auto, 100% 100%, 100% 100% !important; 192 background: url(/themes/console/images/info/control.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important; 193 background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important; 194 background-blend-mode: normal, normal, normal, exclusion, normal, normal; 190 195 } 191 196 192 197 #servers h2 { 193 198 background: url(/themes/console/images/info/server.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important; 194 background-size: 20px auto, 100% 100%, 100% 100% !important; 199 background: url(/themes/console/images/info/server.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important; 200 background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important; 201 background-blend-mode: normal, normal, normal, exclusion, normal, normal; 195 202 } 196 203 197 204 #clients h2 { 198 205 background: url(/themes/console/images/info/client.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important; 199 background-size: 20px auto, 100% 100%, 100% 100% !important; 206 background: url(/themes/console/images/info/client.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important; 207 background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important; 208 background-blend-mode: normal, normal, normal, exclusion, normal, normal; 200 209 } 201 210 202 211 #tunnelEditPage h2, #tunnelEditPage h3, #registration h2, #registration h3 { 203 212 background: url(/themes/console/images/info/configure.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important; 204 background-size: 20px auto, 100% 100%, 100% 100% !important; 213 background: url(/themes/console/images/info/configure.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.5) 2px, rgba(0,32,0,0.8) 4px) !important; 214 background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important; 215 background-blend-mode: normal, normal, normal, exclusion, normal, normal; 205 216 } 206 217 207 218 #wizardPanel h2 { 208 219 background: url(/themes/console/images/info/wizard.png) left 8px center no-repeat, linear-gradient(to bottom, #1a261a 50%, #000 50%) !important; 209 background-size: 20px auto, 100% 100%, 100% 100% !important; 220 background: url(/themes/console/images/info/wizard.png) left 8px center no-repeat, linear-gradient(to right, #000, rgba(0,0,0,0) 30%), linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,16,0,0.2) 50%, rgba(0,0,0,0.6)), url(/themes/console/dark/images/camotile2.png) top left, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,32,0,0.8) 2px, rgba(0,32,0,0.8) 4px) !important; 221 background-size: 20px auto, 100% 100%, 100% 100%, 175px 175px, 100% 100%, 100% 100% !important; 222 background-blend-mode: normal, normal, normal, exclusion, normal, normal; 210 223 } 211 224 … … 235 248 background: #000; 236 249 background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%, #000000 100%); 250 background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #002000, #000 75%); 237 251 padding: 7px 5px; 238 252 border-top: 1px solid #494; … … 244 258 letter-spacing: 0.08em; 245 259 word-spacing: 0.1em; 260 } 261 262 th:first-child { 263 padding-left: 10px; 246 264 } 247 265 … … 650 668 651 669 button, input[type="submit"], input[type="reset"], a.control, select { 670 line-height: 120%; 652 671 font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; 653 672 font-weight: bold; … … 660 679 background: #000; 661 680 background: linear-gradient(to bottom, #010, #000); 681 background: linear-gradient(135deg, #000, rgba(0,0,0,0) 70%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #020, #000 75%); 662 682 border-top: 1px solid #494 !important; 663 683 } … … 842 862 } 843 863 844 input.tunnelName, input.tunnelDescription , #userAgents {864 input.tunnelName, input.tunnelDescriptionText, #userAgents { 845 865 width: 80%; 846 866 min-width: 280px; … … 955 975 } 956 976 977 #wizardPanel p, #wizardPanel td { 978 line-height: 140%; 979 } 980 957 981 #wizardPanel input::-moz-placeholder { 958 982 color: #bb7; … … 1050 1074 } 1051 1075 1052 #clientTunnels.tunnelDescription {1076 .tunnelDescription { 1053 1077 padding-top: 1px !important; 1054 1078 } -
installer/resources/themes/console/light/console.css
rcdd89df r1c6ca501 14 14 background: #a4a4cb url(images/tile2.png) fixed; 15 15 background-size: 32px 32px; 16 }17 16 } 18 17 … … 184 183 vertical-align: middle; 185 184 margin: -3px 0; 186 background: url(/themes/console/images/buttons/download.png) 6px center no-repeat, linear-gradient(to bottom, #fff, # ddd);185 background: url(/themes/console/images/buttons/download.png) 6px center no-repeat, linear-gradient(to bottom, #fff, #efefff); 187 186 background-size: 14px 14px, 100% 100% !important; 188 187 padding: 5px 7px 5px 22px !important; … … 224 223 border-right: none; 225 224 border-radius: 0; 226 box-shadow: inset 0 0 0 1px #fff ;225 box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 0 #fff;; 227 226 filter: none; 228 }229 230 .routersummary h3 a:hover {231 color: #f60;232 227 } 233 228 … … 237 232 } 238 233 239 .routersummary h3:hover a {240 color: #f60 !important;241 text-shadow: 0 0 1px #fff;242 }243 244 234 .routersummary h3:active { 245 box-shadow: inset 2px 2px 2px #777; 235 box-shadow: inset 2px 2px 3px 1px #6f5f45; 236 box-shadow: inset 0 0 0 1px #fff9ef, inset 2px 2px 3px 1px rgba(111,95,69, 0.8); 237 transition: ease box-shadow 0.05s; 238 background: #fff linear-gradient(to bottom, #fff3df, #fff9ef) !important; 246 239 } 247 240 … … 255 248 color: #2c4e8f; 256 249 line-height: 110%; 250 } 251 252 .routersummary h3:hover a, .routersummary h3 a:hover { 253 color: #f60 !important; 254 text-shadow: 0 0 1px #fff; 255 } 256 257 .routersummary h3:active a, .routersummary h3 a:active { 258 color: #cf9233 !important; 257 259 } 258 260 … … 309 311 } 310 312 313 .sb_info a { 314 vertical-align: baseline !important; 315 } 316 311 317 h4.sb_info + hr + form { 312 padding-top: 2px !important;318 padding-top: 5px !important; 313 319 margin-bottom: -1px; 314 320 } … … 459 465 border-radius: 2px; 460 466 box-shadow: 0 0 1px #ccf; 467 transition: ease border 0.7s; 461 468 } 462 469 … … 470 477 border: 1px solid #f60; 471 478 cursor: url(/themes/console/images/cursor_zoom.png), pointer; 479 transition: ease border 0.7s; 472 480 } 473 481 … … 634 642 } 635 643 644 #sb_warning + p:empty + form { 645 margin-top: 12px; 646 margin-bottom: -4px; 647 } 648 636 649 .sb_notice { 637 650 background: #f2f2ff; … … 760 773 display: inline-block; 761 774 vertical-align: middle; 775 line-height: 120%; 762 776 border: 1px solid #88f; 763 777 border-radius: 2px; … … 771 785 } 772 786 787 .sb_netstatus a { 788 vertical-align: baseline; 789 } 790 773 791 .routersummary .firewalled { 774 792 background: repeating-linear-gradient(135deg, rgba(220,255,220,0.3) 2px, rgba(255,255,220,0.3) 3px, rgba(220,255,220,0.3) 5px); … … 777 795 .routersummary .error { 778 796 background: rgba(255,110,110,0.1); 779 box-shadow: inset 0 0 0 1px rgba(2 55,0,0,0.3), 0 0 1px rgba(96,96,96,0.5);780 background: repeating-linear-gradient(135deg, rgba(255,100,100,0. 1) 2px, rgba(255,200,200,0.3) 3px, rgba(255,100,100,0.1) 5px);797 box-shadow: inset 0 0 0 1px rgba(200,0,0,0.5), 0 0 1px rgba(96,96,96,0.5); 798 background: repeating-linear-gradient(135deg, rgba(255,100,100,0.05) 2px, rgba(255,200,200,0.2) 3px, rgba(255,100,100,0.05) 5px); 781 799 } 782 800 … … 804 822 .routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before, 805 823 .routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before { 806 padding-right: 2px; 807 vertical-align: middle; 824 margin-bottom: -1px; 825 padding-right: 1px; 826 vertical-align: text-bottom; 808 827 display: inline-block; 809 828 filter: drop-shadow(0 0 1px rgba(96,96,96,0.5)); … … 1199 1218 #jumplinks h4 { 1200 1219 margin-bottom: 10px; 1201 border-color: # 41465f;1220 border-color: #7778bf !important; 1202 1221 color: #41465f; 1222 padding-bottom: 10px; 1203 1223 } 1204 1224 … … 1229 1249 } 1230 1250 1251 .sorry { 1252 color: #41465f; 1253 } 1254 1231 1255 .sorry hr, .sorry hr:last-child { 1232 1256 color: #558; … … 1547 1571 1548 1572 .newsentry + hr + #newsStatus, .newsentry + hr + #newsStatus + #newsDisplay { 1549 margin-top: -6px !important; 1573 margin-top: -2px; 1574 margin-bottom: 3px; 1550 1575 } 1551 1576 … … 1684 1709 box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px 1px #5f2400; 1685 1710 background: #f60; 1711 transition: ease box-shadow 0.05s; 1686 1712 } 1687 1713 … … 1976 2002 } 1977 2003 2004 .graphspanel a { 2005 font-size: 0; 2006 } 2007 1978 2008 .graphspanel img { 1979 2009 padding: 1px; … … 1990 2020 box-shadow: 0 0 1px #ccf; 1991 2021 filter: none !important; 2022 white-space: nowrap; 1992 2023 } 1993 2024 … … 2086 2117 width: 10%; 2087 2118 white-space: nowrap; 2088 padding: 13px 3px 13px 5px; 2119 padding: 13px 3px 13px 15px; 2120 font-weight: bold; 2121 color: #41465f; 2089 2122 } 2090 2123 … … 2899 2932 #profiles .tunnel_peer img { 2900 2933 margin-left: -6px; 2934 } 2935 2936 #profiles .wideload { 2937 text-align: center; 2901 2938 } 2902 2939 … … 3382 3419 margin-bottom: -2px; 3383 3420 box-shadow: inset 0 0 0 1px #fff; 3421 text-align: left; 3384 3422 } 3385 3423 … … 3643 3681 3644 3682 button.search { 3645 background: url(/themes/console/images/buttons/search.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3683 background: url(/themes/console/images/buttons/search.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3646 3684 padding: 5px 7px 5px 24px; 3647 3685 } 3648 3686 3649 3687 button.search:hover, button.search:focus, button.search:active { 3650 background: url(/themes/console/images/buttons/search_hover.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff) !important;3688 background: url(/themes/console/images/buttons/search_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff) !important; 3651 3689 background-size: 14px 14px, 100% 100% !important; 3652 3690 } … … 3666 3704 input, input:visited, button, button:visited { 3667 3705 border: 1px solid #999daf; 3668 box-shadow: inset 0 0 0 1px #fff ;3706 box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 1px #fff; 3669 3707 background: #eee; 3670 background: linear-gradient(to bottom, #fff, # ddd);3708 background: linear-gradient(to bottom, #fff, #efefff); 3671 3709 color: #41465f; 3672 3710 margin: 3px; … … 3684 3722 } 3685 3723 3686 input[type="submit"], input[type="reset"], button {3687 filter: saturate(70%)drop-shadow(0 0 1px #ccf);3724 input[type="submit"], input[type="reset"], button, select { 3725 filter: drop-shadow(0 0 1px #ccf); 3688 3726 } 3689 3727 … … 3694 3732 3695 3733 button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:focus, input[type="submit"]:focus, input[type="reset"]:focus { 3696 background: linear-gradient(to bottom, #ddd, #fff);3734 color: #19191f; 3697 3735 border: 1px solid #f60; 3736 background: linear-gradient(to bottom, #eee, #fff); 3698 3737 filter: saturate(100%) drop-shadow(0 0 1px rgba(204, 204, 204, 0.8)); 3699 3738 transition: ease border 0.7s; … … 3701 3740 3702 3741 button:active, input[type="submit"]:active, input[type="reset"]:active { 3742 color: #4c526f; 3703 3743 box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 2px #555; 3704 3744 background-blend-mode: luminosity; 3745 transition: ease box-shadow 0.05s; 3705 3746 } 3706 3747 3707 3748 input.accept, button.accept { 3708 background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3749 background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3709 3750 padding: 5px 7px 5px 22px; 3710 3751 } 3711 3752 3712 input.accept:hover, button.accept:hover, 3713 input.accept:focus, button.accept:focus { 3714 background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff); 3753 input.accept:hover, button.accept:hover, input.accept:focus, button.accept:focus { 3754 background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3715 3755 } 3716 3756 3717 3757 input.accept[value^="Unban"], button.accept[value^="Unban"] { 3718 background: url(/themes/console/images/buttons/unban.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3758 background: url(/themes/console/images/buttons/unban.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3719 3759 padding: 5px 7px 5px 22px; 3720 3760 } … … 3722 3762 input.accept[value^="Unban"]:hover, button.accept[value^="Unban"]:hover, 3723 3763 input.accept[value^="Unban"]:focus, button.accept[value^="Unban"]:focus { 3724 background: url(/themes/console/images/buttons/unban.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3764 background: url(/themes/console/images/buttons/unban.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3725 3765 } 3726 3766 3727 3767 input.accept[value^="Create"], button.accept[value^="Create"] { 3728 background: url(/themes/console/images/buttons/create.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3768 background: url(/themes/console/images/buttons/create.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3729 3769 padding: 5px 7px 5px 22px; 3730 3770 } … … 3732 3772 input.accept[value^="Create"]:hover, button.accept[value^="Create"]:hover, 3733 3773 input.accept[value^="Create"]:focus, button.accept[value^="Create"]:focus { 3734 background: url(/themes/console/images/buttons/create.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3774 background: url(/themes/console/images/buttons/create.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3735 3775 } 3736 3776 3737 3777 input.accept[value^="Filter"], button.accept[value^="Filter"] { 3738 background: url(/themes/console/images/buttons/filter.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3778 background: url(/themes/console/images/buttons/filter.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3739 3779 padding: 5px 7px 5px 22px; 3740 3780 } … … 3742 3782 input.accept[value^="Filter"]:hover, button.accept[value^="Filter"]:hover, 3743 3783 input.accept[value^="Filter"]:focus, button.accept[value^="Filter"]:focus { 3744 background: url(/themes/console/images/buttons/filter.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3784 background: url(/themes/console/images/buttons/filter.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3745 3785 } 3746 3786 3747 3787 input.add, button.add { 3748 background: url(/themes/console/images/buttons/add.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3788 background: url(/themes/console/images/buttons/add.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3749 3789 padding: 5px 7px 5px 22px; 3750 3790 } … … 3752 3792 input.add:hover, button.add:hover, 3753 3793 input.add:focus, button.add:focus { 3754 background: url(/themes/console/images/buttons/add.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3794 background: url(/themes/console/images/buttons/add.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3755 3795 } 3756 3796 3757 3797 input.add[value^="Adjust"], button.add[value^="Adjust"] { 3758 background: url(/themes/console/images/buttons/edit2.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3798 background: url(/themes/console/images/buttons/edit2.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3759 3799 padding: 5px 7px 5px 22px; 3760 3800 } … … 3762 3802 input.add[value^="Adjust"]:hover, button.add[value^="Adjust"]:hover, 3763 3803 input.add[value^="Adjust"]:focus, button.add[value^="Adjust"]:focus { 3764 background: url(/themes/console/images/buttons/edit2.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3804 background: url(/themes/console/images/buttons/edit2.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3765 3805 } 3766 3806 3767 3807 input.cancel, button.cancel { 3768 background: url(/themes/console/images/buttons/no.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3808 background: url(/themes/console/images/buttons/no.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3769 3809 padding: 5px 7px 5px 22px; 3770 3810 } … … 3772 3812 input.cancel:hover, button.cancel:hover, 3773 3813 input.cancel:focus, button.cancel:focus { 3774 background: url(/themes/console/images/buttons/no.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3814 background: url(/themes/console/images/buttons/no.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3775 3815 } 3776 3816 3777 3817 input.accept[value^="Show"], button.accept[value^="Show"], 3778 3818 input.check[value^="View"], button.check[value^="View"] { 3779 background: url(/themes/console/images/buttons/show.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3819 background: url(/themes/console/images/buttons/show.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3780 3820 padding: 5px 7px 5px 22px; 3781 3821 } … … 3785 3825 input.accept[value^="Show"]:focus, button.accept[value^="Show"]:focus, 3786 3826 input.check[value^="View"]:focus, button.check[value^="View"]:focus { 3787 background: url(/themes/console/images/buttons/show.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3827 background: url(/themes/console/images/buttons/show.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3788 3828 } 3789 3829 3790 3830 input.cancel[value^="Hide"], button.cancel[value^="Hide"], 3791 3831 input.delete[value^="Do not view"], button.delete[value^="Do not view"] { 3792 background: url(/themes/console/images/buttons/hide.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3832 background: url(/themes/console/images/buttons/hide.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3793 3833 padding: 5px 7px 5px 22px; 3794 3834 } … … 3798 3838 input.cancel[value^="Hide"]:focus, button.cancel[value^="Hide"]:focus, 3799 3839 input.delete[value^="Do not view"]:focus, button.delete[value^="Do not view"]:focus { 3800 background: url(/themes/console/images/buttons/hide.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3840 background: url(/themes/console/images/buttons/hide.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3801 3841 } 3802 3842 3803 3843 input.check, button.check { 3804 background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3844 background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3805 3845 padding: 5px 7px 5px 22px; 3806 3846 } … … 3808 3848 input.check:hover, button.check:hover, 3809 3849 input.check:focus, button.check:focus { 3810 background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3850 background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3811 3851 } 3812 3852 3813 3853 input.check[value$="updates"], button.check[value$="updates"] { 3814 background: url(/themes/console/images/buttons/update.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3854 background: url(/themes/console/images/buttons/update.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3815 3855 padding: 5px 7px 5px 22px; 3816 3856 } … … 3818 3858 input.check[value$="updates"]:hover, button.check[value$="updates"]:hover, 3819 3859 input.check[value$="updates"]:focus, button.check[value$="updates"]:focus { 3820 background: url(/themes/console/images/buttons/update_hover.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3860 background: url(/themes/console/images/buttons/update_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3821 3861 } 3822 3862 3823 3863 input.delete, button.delete { 3824 background: url(/themes/console/images/buttons/delete.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3864 background: url(/themes/console/images/buttons/delete.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3825 3865 padding: 5px 7px 5px 22px; 3826 3866 } … … 3828 3868 input.delete:hover, button.delete:hover, 3829 3869 input.delete:focus, button.delete:focus { 3830 background: url(/themes/console/images/buttons/delete_hover.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3870 background: url(/themes/console/images/buttons/delete_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3831 3871 } 3832 3872 3833 3873 input.delete[value^="Ban"], button.delete[value^="Ban"] { 3834 background: url(/themes/console/images/buttons/ban.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3874 background: url(/themes/console/images/buttons/ban.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3835 3875 padding: 5px 7px 5px 22px; 3836 3876 } … … 3838 3878 input.delete[value^="Ban"]:hover, button.delete[value^="Ban"]:hover, 3839 3879 input.delete[value^="Ban"]:focus, button.delete[value^="Ban"]:focus { 3840 background: url(/themes/console/images/buttons/ban.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3880 background: url(/themes/console/images/buttons/ban.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3841 3881 } 3842 3882 3843 3883 input.download, button.download { 3844 background: url(/themes/console/images/buttons/download.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3884 background: url(/themes/console/images/buttons/download.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3845 3885 padding: 5px 7px 5px 22px; 3846 3886 } … … 3848 3888 input.download:hover, button.download:hover, 3849 3889 input.download:focus, button.download:focus { 3850 background: url(/themes/console/images/buttons/download.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3890 background: url(/themes/console/images/buttons/download.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3851 3891 } 3852 3892 3853 3893 input.download[value^="Join"], button.download[value^="Join"] { 3854 background: url(/themes/console/images/buttons/users.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3894 background: url(/themes/console/images/buttons/users.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3855 3895 padding: 5px 7px 5px 22px; 3856 3896 } … … 3858 3898 input.download[value^="Join"]:hover, button.download[value^="Join"]:hover, 3859 3899 input.download[value^="Join"]:focus, button.download[value^="Join"]:focus { 3860 background: url(/themes/console/images/buttons/users.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3900 background: url(/themes/console/images/buttons/users.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3861 3901 } 3862 3902 3863 3903 input.download[value$="from File"], button.download[value$="from File"], 3864 3904 input.download[value$="from file"], button.download[value$="from file"] { 3865 background: url(/themes/console/images/buttons/from-file.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3905 background: url(/themes/console/images/buttons/from-file.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3866 3906 padding: 5px 7px 5px 22px; 3867 3907 } … … 3871 3911 input.download[value$="from File"]:focus, button.download[value$="from File"]:focus, 3872 3912 input.download[value$="from file"]:focus, button.download[value$="from file"]:focus { 3873 background: url(/themes/console/images/buttons/from-file.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3913 background: url(/themes/console/images/buttons/from-file.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3874 3914 } 3875 3915 3876 3916 input.download[value^="Dump"], button.download[value^="Dump"] { 3877 background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3917 background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3878 3918 padding: 5px 7px 5px 22px; 3879 3919 } … … 3881 3921 input.download[value^="Dump"]:hover, button.download[value^="Dump"]:hover, 3882 3922 input.download[value^="Dump"]:focus, button.download[value^="Dump"]:focus { 3883 background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3923 background: url(/themes/console/images/buttons/dump-threads.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3884 3924 } 3885 3925 3886 3926 input.go, button.go, input[value="GO"] { 3887 background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3927 background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3888 3928 padding: 5px 7px 5px 22px; 3889 3929 } … … 3891 3931 input.go:hover, button.go:hover, input[value="GO"]:hover, 3892 3932 input.go:focus, button.go:focus, input[value="GO"]:focus { 3893 background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3933 background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3894 3934 } 3895 3935 3896 3936 input.go[value^="Create"], button.go[value^="Create"] { 3897 background: url(/themes/console/images/buttons/create-file.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3937 background: url(/themes/console/images/buttons/create-file.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3898 3938 padding: 5px 7px 5px 22px; 3899 3939 } … … 3901 3941 input.go[value^="Create"]:hover, button.go[value^="Create"]:hover, 3902 3942 input.go[value^="Create"]:focus, button.go[value^="Create"]:focus { 3903 background: url(/themes/console/images/buttons/create-file.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3943 background: url(/themes/console/images/buttons/create-file.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3904 3944 } 3905 3945 3906 3946 input.reload, button.reload { 3907 background: url(/themes/console/images/buttons/restore.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3947 background: url(/themes/console/images/buttons/restore.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3908 3948 padding: 5px 7px 5px 22px; 3909 3949 } … … 3911 3951 input.reload:hover, button.reload:hover, 3912 3952 input.reload:focus, button.reload:focus { 3913 background: url(/themes/console/images/buttons/restore_hover.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3953 background: url(/themes/console/images/buttons/restore_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3914 3954 } 3915 3955 3916 3956 input.reload[value$="restart"], button.reload[value$="restart"] { 3917 background: url(/themes/console/images/buttons/restart.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3957 background: url(/themes/console/images/buttons/restart.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3918 3958 padding: 5px 7px 5px 22px; 3919 3959 } … … 3921 3961 input.reload[value$="restart"]:hover, button.reload[value$="restart"]:hover, 3922 3962 input.reload[value$="restart"]:focus, button.reload[value$="restart"]:focus { 3923 background: url(/themes/console/images/buttons/restart_hover.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3963 background: url(/themes/console/images/buttons/restart_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3924 3964 } 3925 3965 3926 3966 input.reload[value^="Update"], button.reload[value^="Update"] { 3927 background: url(/themes/console/images/buttons/update.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3967 background: url(/themes/console/images/buttons/update.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3928 3968 padding: 5px 7px 5px 22px; 3929 3969 } … … 3931 3971 input.reload[value^="Update"]:hover, button.reload[value^="Update"]:hover, 3932 3972 input.reload[value^="Update"]:focus, button.reload[value^="Update"]:focus { 3933 background: url(/themes/console/images/buttons/update_hover.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3973 background: url(/themes/console/images/buttons/update_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3934 3974 } 3935 3975 3936 3976 input.reload[value="Force GC"], button.reload[value="Force GC"] { 3937 background: url(/themes/console/images/buttons/clean.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3977 background: url(/themes/console/images/buttons/clean.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3938 3978 padding: 5px 7px 5px 22px; 3939 3979 } … … 3941 3981 input.reload[value="Force GC"]:hover, button.reload[value="Force GC"]:hover, 3942 3982 input.reload[value="Force GC"]:focus, button.reload[value="Force GC"]:focus { 3943 background: url(/themes/console/images/buttons/clean_hover.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3983 background: url(/themes/console/images/buttons/clean_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3944 3984 } 3945 3985 3946 3986 input.stop, button.stop { 3947 background: url(/themes/console/images/buttons/shutdown.png) no-repeat 6px center, linear-gradient(to bottom, #fff, # ddd);3987 background: url(/themes/console/images/buttons/shutdown.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff); 3948 3988 padding: 5px 7px 5px 22px; 3949 3989 } … … 3951 3991 input.stop:hover, button.stop:hover, 3952 3992 input.stop:focus, button.stop:focus { 3953 background: url(/themes/console/images/buttons/shutdown_hover.png) no-repeat 6px center, linear-gradient(to bottom, # ddd, #fff);3993 background: url(/themes/console/images/buttons/shutdown_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff); 3954 3994 } 3955 3995 … … 3964 4004 3965 4005 button.accept.control { 3966 background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #fff, # ddd);4006 background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff); 3967 4007 } 3968 4008 3969 4009 button.accept.control:hover, button.accept.control:focus { 3970 background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, # ddd, #fff);4010 background: url(/themes/console/images/buttons/Xstart.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff); 3971 4011 } 3972 4012 3973 4013 button.stop.control { 3974 background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #fff, # ddd);4014 background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff); 3975 4015 } 3976 4016 3977 4017 button.stop.control:hover, button.stop.control:focus { 3978 background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, # ddd, #fff);4018 background: url(/themes/console/images/buttons/Xstop.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff); 3979 4019 } 3980 4020 3981 4021 button.add.control { 3982 background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #fff, # ddd);4022 background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff); 3983 4023 } 3984 4024 3985 4025 button.add.control:hover, button.add.control:focus { 3986 background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, # ddd, #fff);4026 background: url(/themes/console/images/buttons/edit2.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff); 3987 4027 } 3988 4028 3989 4029 button.delete.control { 3990 background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff, # ddd);4030 background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff); 3991 4031 } 3992 4032 3993 4033 button.delete.control:hover, button.delete.control:focus { 3994 background: url(/themes/console/images/buttons/delete_hover.png) center center no-repeat, linear-gradient(to bottom, # ddd, #fff);4034 background: url(/themes/console/images/buttons/delete_hover.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff); 3995 4035 } 3996 4036 3997 4037 button.check.control { 3998 background: url(/themes/console/images/buttons/update.png) center center no-repeat, linear-gradient(to bottom, #fff, # ddd);4038 background: url(/themes/console/images/buttons/update.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff); 3999 4039 } 4000 4040 4001 4041 button.check.control:hover, button.check.control:focus { 4002 background: url(/themes/console/images/buttons/update_hover.png) center center no-repeat, linear-gradient(to bottom, # ddd, #fff);4042 background: url(/themes/console/images/buttons/update_hover.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff); 4003 4043 } 4004 4044 4005 4045 button.download.control { 4006 background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #fff, # ddd);4046 background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff); 4007 4047 } 4008 4048 4009 4049 button.download.control:hover, button.download.control:focus { 4010 background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, # ddd, #fff);4050 background: url(/themes/console/images/buttons/download.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff); 4011 4051 } 4012 4052 … … 4028 4068 4029 4069 .routersummary .reload { 4030 background: url(/themes/console/images/buttons/restart.png) center center no-repeat, linear-gradient(to bottom, #fff, # ddd) !important;4070 background: url(/themes/console/images/buttons/restart.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff) !important; 4031 4071 } 4032 4072 4033 4073 .routersummary .reload:hover, .routersummary .reload:focus { 4034 background: url(/themes/console/images/buttons/restart_hover.png) center center no-repeat, linear-gradient(to bottom, # ddd, #fff) !important;4035 background: url(/themes/console/images/buttons/shutdown_hover.png) 37% center no-repeat, url(/themes/console/images/buttons/restart_hover.png) 63% center no-repeat, linear-gradient(to bottom, # ddd, #fff) !important;4074 background: url(/themes/console/images/buttons/restart_hover.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff) !important; 4075 background: url(/themes/console/images/buttons/shutdown_hover.png) 37% center no-repeat, url(/themes/console/images/buttons/restart_hover.png) 63% center no-repeat, linear-gradient(to bottom, #eee, #fff) !important; 4036 4076 border: 1px solid #f60; 4037 4077 } … … 4045 4085 text-align: left; 4046 4086 min-width: 0; 4047 background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #fff, # ddd) !important;4087 background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #fff, #efefff) !important; 4048 4088 } 4049 4089 4050 4090 .routersummary .reload[value="Reseed"]:hover, .routersummary .reload[value="Reseed"]:focus { 4051 background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, # ddd, #fff) !important;4091 background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #eee, #fff) !important; 4052 4092 padding: 5px 7px 5px 22px !important; 4053 4093 } 4054 4094 4055 4095 .routersummary .stop { 4056 background: url(/themes/console/images/buttons/shutdown.png) center center no-repeat, linear-gradient(to bottom, #fff, # ddd);4096 background: url(/themes/console/images/buttons/shutdown.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff); 4057 4097 } 4058 4098 4059 4099 .routersummary .stop:hover, .routersummary .stop:focus { 4060 background: url(/themes/console/images/buttons/shutdown_hover.png) center center no-repeat, linear-gradient(to bottom, # ddd, #fff);4100 background: url(/themes/console/images/buttons/shutdown_hover.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff); 4061 4101 border: 1px solid #f60; 4062 4102 } 4063 4103 4064 4104 .routersummary .download { 4065 background: url(/themes/console/images/buttons/download.png) 6px center no-repeat, linear-gradient(to bottom, #fff, # ddd);4105 background: url(/themes/console/images/buttons/download.png) 6px center no-repeat, linear-gradient(to bottom, #fff, #efefff); 4066 4106 background-size: 14px 14px, 100% 100% !important; 4067 4107 padding: 5px 7px 5px 22px !important; … … 4089 4129 4090 4130 .routersummary .reload[value="restartImmediate"] { 4091 background: url(/themes/console/images/buttons/restart.png) center left 6px no-repeat, linear-gradient(to bottom, #fff, # ddd) !important;4131 background: url(/themes/console/images/buttons/restart.png) center left 6px no-repeat, linear-gradient(to bottom, #fff, #efefff) !important; 4092 4132 background-size: 14px 14px, 100% 100% !important; 4093 4133 } 4094 4134 4095 4135 .routersummary .reload[value="restartImmediate"]:hover, .routersummary .reload[value="restartImmediate"]:focus, .routersummary .reload[value="restartImmediate"]:active { 4096 background: url(/themes/console/images/buttons/restart_hover.png) center left 6px no-repeat, linear-gradient(to bottom, # ddd, #fff) !important;4136 background: url(/themes/console/images/buttons/restart_hover.png) center left 6px no-repeat, linear-gradient(to bottom, #eee, #fff) !important; 4097 4137 background-size: 14px 14px, 100% 100% !important; 4098 4138 } 4099 4139 4100 4140 .routersummary .stop[value="shutdownImmediate"] { 4101 background: url(/themes/console/images/buttons/shutdown.png) center left 6px no-repeat, linear-gradient(to bottom, #fff, # ddd) !important;4141 background: url(/themes/console/images/buttons/shutdown.png) center left 6px no-repeat, linear-gradient(to bottom, #fff, #efefff) !important; 4102 4142 background-size: 14px 14px, 100% 100% !important; 4103 4143 } 4104 4144 4105 4145 .routersummary .stop[value="shutdownImmediate"]:hover, .routersummary .stop[value="shutdownImmediate"]:focus, .routersummary .stop[value="shutdownImmediate"]:active { 4106 background: url(/themes/console/images/buttons/shutdown_hover.png) center left 6px no-repeat, linear-gradient(to bottom, # ddd, #fff) !important;4146 background: url(/themes/console/images/buttons/shutdown_hover.png) center left 6px no-repeat, linear-gradient(to bottom, #eee, #fff) !important; 4107 4147 background-size: 14px 14px, 100% 100% !important; 4108 4148 } 4109 4149 4110 4150 .routersummary .reload[value="Reseed"] { 4111 background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #fff, # ddd) !important;4151 background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #fff, #efefff) !important; 4112 4152 background-size: 14px 14px, 100% 100% !important; 4113 4153 } 4114 4154 4115 4155 .routersummary .reload[value="Reseed"]:hover, .routersummary .reload[value="Reseed"]:focus, .routersummary .reload[value="Reseed"]:active { 4116 background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, # ddd, #fff);4156 background: url(/themes/console/images/buttons/download.png) center left 6px no-repeat, linear-gradient(to bottom, #eee, #fff); 4117 4157 background-size: 14px 14px, 100% 100% !important; 4118 4158 } 4119 4159 4120 4160 .routersummary .download:hover, .routersummary .download:focus, .routersummary .download:active { 4121 background: url(/themes/console/images/buttons/download.png) 6px center no-repeat, linear-gradient(to bottom, # ddd, #fff);4161 background: url(/themes/console/images/buttons/download.png) 6px center no-repeat, linear-gradient(to bottom, #eee, #fff); 4122 4162 background-size: 14px 14px, 100% 100% !important; 4123 4163 padding: 5px 7px 5px 22px !important; … … 4211 4251 appearance: none; 4212 4252 background: url(images/dropdown.png) right center no-repeat #fff; 4213 background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, # ddd);4253 background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, #efefff); 4214 4254 background-blend-mode: hard-light, normal; 4215 4255 padding: 4px 16px 4px 4px !important; 4216 color: # 33333f;4256 color: #41465f; 4217 4257 margin: 5px; 4218 4258 border: 1px solid #999daf; … … 4231 4271 } 4232 4272 4233 select:focus { 4234 box-shadow: 0 0 0 1px #89f; 4235 color: #19191f; 4273 select:-moz-focusring { 4274 outline: 1px solid transparent; 4236 4275 } 4237 4276 … … 4245 4284 4246 4285 select:hover, select:active { 4247 background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd, #fff) !important; 4286 color: #19191f; 4287 background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #eee, #fff) !important; 4248 4288 } 4249 4289 4250 4290 select:focus { 4251 background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd, #fff) !important; 4252 box-shadow: 0 0 0 1px #89f; 4291 color: #19191f; 4292 background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #eee, #fff) !important; 4293 box-shadow: 0 0 1px #89f; 4294 } 4295 4296 select::-moz-focus-inner { 4297 outline: none !important; 4298 border: none !important; 4253 4299 } 4254 4300 … … 4616 4662 } 4617 4663 4664 .themechoice .optbox:checked + object, .themechoice .optbox:checked + img { 4665 transform: scale(0.9); 4666 animation: glow 20s 10s infinite; 4667 } 4668 4618 4669 #themeoptions { 4619 4670 clear: both; … … 4623 4674 position: relative; 4624 4675 top: 4px; 4625 padding: 5px 10px 3px 5px;4676 padding: 5px 10px 5px 5px; 4626 4677 } 4627 4678 … … 4632 4683 #themeoptions label { 4633 4684 white-space: nowrap; 4634 margin: 4px 10px 4px 0 !important;4685 margin: 2px 10px 2px 0 !important; 4635 4686 display: inline-block; 4636 4687 } … … 4648 4699 4649 4700 #themeoptions input { 4650 margin -left:5px;4701 margin: 2px 5px 2px 5px; 4651 4702 vertical-align: sub; 4652 4703 } … … 5910 5961 5911 5962 .sortup { 5912 background: url(images/sort_up.png) center center no-repeat, linear-gradient(to bottom, #fff, # ddd);5963 background: url(images/sort_up.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff); 5913 5964 } 5914 5965 5915 5966 .sortup:hover { 5916 background: url(images/sort_up.png) center center no-repeat, linear-gradient(to bottom, # ddd, #fff);5967 background: url(images/sort_up.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff); 5917 5968 border: 1px solid #f60; 5918 5969 opacity: 1; … … 5932 5983 5933 5984 .sortdown { 5934 background: url(images/sort_down.png) center center no-repeat, linear-gradient(to bottom, #fff, # ddd);5985 background: url(images/sort_down.png) center center no-repeat, linear-gradient(to bottom, #fff, #efefff); 5935 5986 } 5936 5987 5937 5988 .sortdown:hover { 5938 background: url(images/sort_down.png) center center no-repeat, linear-gradient(to bottom, # ddd, #fff);5989 background: url(images/sort_down.png) center center no-repeat, linear-gradient(to bottom, #eee, #fff); 5939 5990 border: 1px solid #f60; 5940 5991 opacity: 1; … … 6148 6199 #help td.infohelp, #help td.infowarn, #help td.infohelp:hover, #help td.infowarn:hover { 6149 6200 background-size: 24px 24px !important; 6150 padding-left: 46px !important;6201 padding-left: 50px !important; 6151 6202 color: #33333f !important; 6152 6203 padding-right: 15px !important; 6204 } 6205 6206 #configinfo td.infowarn, #configinfo tr:hover td.infowarn { 6207 padding-left: 46px !important; 6208 } 6209 6210 #help code, #help tt { 6211 font-size: 8pt; 6212 font-weight: bold; 6213 color: #050; 6153 6214 } 6154 6215 … … 7405 7466 } 7406 7467 7407 .routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.news, pre, 7468 .routersummary td, .routersummary a, .routersummary button, .routersummary h4, .routersummary h4 a, div.news, pre, #help code, #help tt, 7408 7469 #jardump tt, #jardump td, div.news, #logs li, tt, .cells tt, #profilelist tt, .leaseset tt, .links code, #console code { 7409 7470 font-size: 9pt !important; … … 7424 7485 #tunnels .tunnel_peer tt { 7425 7486 margin-left: 3px !important; 7487 letter-spacing: 0.1em !important; 7426 7488 } 7427 7489 -
installer/resources/themes/console/light/console_ar.css
rcdd89df r1c6ca501 31 31 32 32 h2, h3 { 33 background: linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,2 40,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) !important;33 background: linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) !important; 34 34 } 35 35 … … 61 61 h1 { 62 62 margin: 0 212px -15px 0; 63 padding: 1 5px 20px 15px 10px;63 padding: 16px 20px 15px 10px; 64 64 background: linear-gradient(to left, #fcfcff, rgba(252,252,255,0) 600px), linear-gradient(to bottom, #fcfcff 50%, rgba(248,248,255,0.6) 50%), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #fafaff !important; 65 65 } … … 85 85 .routersummary img[src$="i2plogo.png"] { 86 86 margin-left: 0 !important; 87 margin-right: -1px !important;88 87 } 89 88 … … 105 104 line-height: 120%; 106 105 font-size: 10pt; 107 font-weight: bold;108 106 } 109 107 … … 317 315 text-align: right !important; 318 316 background-position: right 14px center !important; 319 background-image: url( "/themes/console/images/info/infohelp.png");317 background-image: url(/themes/console/images/info/infohelp.png); 320 318 background-size: 28px auto !important; 321 319 } … … 515 513 .themelabel { 516 514 padding: 3px !important; 517 font-size: 1 1.5pt !important;515 font-size: 10pt !important; 518 516 font-weight: bold; 519 517 } … … 681 679 } 682 680 681 #eventlog { 682 margin-left: -16px !important; 683 margin-right: 0 !important; 684 } 685 683 686 h4.app { 684 background: url(/themes/console/images/eepsite.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,2 40,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) right center !important;687 background: url(/themes/console/images/eepsite.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) right center !important; 685 688 background-size: 16px 16px, 100% 100%, 100% 100% !important; 686 689 margin-top: 15px; … … 690 693 clear: left; 691 694 margin-top: 10px !important; 692 background: url(images/globe.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,2 40,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) right center !important;695 background: url(images/globe.png) 10px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) right center !important; 693 696 background-size: 16px 16px, 100% 100%, 100% 100% !important; 694 697 } … … 706 709 div.news h3, #news h3 { 707 710 background: url(images/news.png) right 8px center no-repeat, linear-gradient(to left, #fff, #eef) !important; 708 background: url(images/news.png) right 8px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,2 40,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) right center !important;711 background: url(images/news.png) right 8px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(to left, #fff 5%, rgba(231, 231, 255, 0.8) 15%) right center !important; 709 712 padding: 5px 30px 5px 10px; 710 713 } … … 718 721 } 719 722 720 #news #newsStatus, #news Display {723 #news #newsStatus, #news #newsDisplay { 721 724 margin-top: 6px; 722 725 margin-bottom: -2px !important; 726 } 727 728 #news #newsStatus { 729 margin: -2px 0 0; 730 font-size: 9pt; 723 731 } 724 732 … … 953 961 #pluginupdater.formaction { 954 962 margin: -16px 0; 963 } 964 965 #config_service .formaction { 966 margin-top: -13px; 955 967 } 956 968 -
installer/resources/themes/console/light/console_big.css
rcdd89df r1c6ca501 14 14 } 15 15 16 b, a, input, button, input[type="submit"], input[type="reset"], i, th, thead, tfoot, .mediumtags {16 b, a, input, button, input[type="submit"], input[type="reset"], i, th, thead, tfoot, .mediumtags, .themelabel { 17 17 font-weight: normal !important; 18 18 font-style: normal !important; … … 237 237 } 238 238 239 .formaction { 240 margin-top: -16px; 241 } 242 239 243 /* responsive layout */ 240 244 -
installer/resources/themes/console/light/i2ptunnel.css
rcdd89df r1c6ca501 213 213 border-radius: 2px; 214 214 background: #eee; 215 background: linear-gradient(to bottom, #fff, # ddd);215 background: linear-gradient(to bottom, #fff, #efefff); 216 216 box-shadow: inset 0 0 0 1px #fff; 217 217 filter: drop-shadow(0 0 1px #ccf); … … 231 231 border: 1px solid #f60 !important; 232 232 background: #ddd; 233 background: linear-gradient(to bottom, # ddd, #fff);233 background: linear-gradient(to bottom, #eee, #fff); 234 234 box-shadow: inset 0 0 0 1px #fff !important; 235 235 filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.8)); … … 238 238 239 239 .control:active { 240 box-shadow: inset 2px 2px 1px #999!important;241 color: # 33333f;240 box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 2px #555 !important; 241 color: #4c526f; 242 242 } 243 243 … … 286 286 min-width: 140px; 287 287 background: #fff; 288 background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, # ddd);288 background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, #efefff); 289 289 background-blend-mode: hard-light, normal; 290 290 color: #33333f; … … 307 307 308 308 select:hover, select:active, select:focus { 309 background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, # ddd, #fff) !important;309 background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #eee, #fff) !important; 310 310 } 311 311 … … 349 349 border-radius: 2px 2px 0 0; 350 350 background: #fcfcff; 351 background: linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,2 40,0.4)), linear-gradient(135deg, #fcfcff 5%, rgba(231, 231, 255, 0.8) 15%) #fff !important;351 background: linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 5%, rgba(231, 231, 255, 0.8) 15%) #fff !important; 352 352 font-size: 11.5pt; 353 353 text-transform: uppercase; … … 367 367 368 368 #messages h2 { 369 background: url(/themes/console/images/info/logs.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,2 40,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;369 background: url(/themes/console/images/info/logs.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important; 370 370 } 371 371 372 372 #globalTunnelControl h2 { 373 background: url(/themes/console/images/info/control.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,2 40,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;373 background: url(/themes/console/images/info/control.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important; 374 374 } 375 375 376 376 #servers h2 { 377 background: url(/themes/console/images/info/server.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,2 40,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;377 background: url(/themes/console/images/info/server.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important; 378 378 } 379 379 380 380 #clients h2 { 381 background: url(/themes/console/images/info/client.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,2 40,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;381 background: url(/themes/console/images/info/client.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important; 382 382 } 383 383 384 384 #tunnelEditPage h2, #tunnelEditPage h3, #registration h2, #registration h3 { 385 background: url(/themes/console/images/info/configure.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,2 40,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;385 background: url(/themes/console/images/info/configure.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important; 386 386 } 387 387 388 388 #wizardPanel h2 { 389 background: url(/themes/console/images/info/wizard.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,2 40,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important;389 background: url(/themes/console/images/info/wizard.png) left 5px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 15%, rgba(231, 231, 255, 0.8) 35%) #fff !important; 390 390 } 391 391 … … 746 746 } 747 747 748 input.tunnelName, input.tunnelDescription , #userAgents {748 input.tunnelName, input.tunnelDescriptionText, #userAgents { 749 749 width: 80%; 750 min-width: 280px ;750 min-width: 280px !important; 751 751 text-overflow: ellipsis; 752 752 } … … 925 925 } 926 926 927 #clientTunnels.tunnelDescription {927 .tunnelDescription { 928 928 padding-top: 1px !important; 929 929 } -
installer/resources/themes/console/light/mobile.css
rcdd89df r1c6ca501 66 66 } 67 67 68 .routersummary table, table[id^="sb_"], #sb_services, #sb_internals, #sb_advanced {68 .routersummary table, table[id^="sb_"], #sb_services, #sb_internals, #sb_advanced, #sb_help { 69 69 width: 100% !important; 70 70 margin: -9px 0 -7px !important; … … 74 74 } 75 75 76 #sb_internals, #sb_advanced, #sb_help { 77 margin-top: -11px !important; 78 } 79 80 #sb_internals td, #sb_advanced td, #sb_help td { 81 padding: 3px 4px !important; 82 } 83 84 #sb_internals a, #sb_advanced a, #sb_help a { 85 margin: 3px 3px 4px; 86 padding: 3px 10px !important; 87 border-radius: 2px; 88 background: #ddf; 89 box-shadow: 0 0 1px #99f; 90 } 91 92 #sb_internals a:active, #sb_advanced a:active, #sb_help a:active { 93 box-shadow: inset 2px 2px 2px #aaa; 94 } 95 76 96 table[id^="sb_"] td, #sb_localtunnels td { 77 padding: 3px 6px!important;97 padding: 2px 6px 0 !important; 78 98 } 79 99 … … 111 131 } 112 132 133 #sb_graphcontainer, #sb_graphcontainer + hr { 134 display: none; 135 } 136 113 137 .routersummary button[type="submit"], .routersummary button[type="cancel"] { 114 margin: 5px 5px 3px!important;138 margin: 3px 5px 0 !important; 115 139 padding: 8px 5px !important; 116 min-width: 120px !important; 140 min-width: 280px !important; 141 } 142 143 .percentBarOuter { 144 width: 590px; 145 margin: -4px 4px -4px 4px; 117 146 } 118 147 -
installer/resources/themes/console/midnight/console.css
rcdd89df r1c6ca501 173 173 box-shadow: inset 0 0 3px 3px #000; 174 174 border: 1px solid #3e3f8f; 175 padding: 4px;175 padding: 5px; 176 176 } 177 177 … … 856 856 background-position: center center !important; 857 857 padding: 5px !important; 858 min-width: 92px !important; 859 margin-top: 3px; 860 margin-bottom: 3px; 858 861 } 859 862 … … 1439 1442 } 1440 1443 1444 #sb_warning + p:empty + form { 1445 margin-top: 11px; 1446 margin-bottom: -7px; 1447 } 1448 1441 1449 /* sidebar stacked tables fix */ 1442 1450 … … 1643 1651 #sb_graphcontainer { 1644 1652 background-color: #000; 1645 background-position: left -72px top -2 6px !important;1653 background-position: left -72px top -24px !important; 1646 1654 background-size: 280px 90px !important; 1647 1655 background-repeat: no-repeat !important; … … 1686 1694 background: repeating-linear-gradient(135deg, #001 1px, #001 5px, #003 6px, #003 11px); 1687 1695 background: repeating-linear-gradient(to right, #000 1px, #000 2px, #003 2px, #003 4px); 1688 border: 1px solid # 171c3f;1696 border: 1px solid #292b5f; 1689 1697 opacity: 1; 1690 1698 box-shadow: 0 0 1px 1px rgba(0,0,0,0.8); … … 1960 1968 1961 1969 #news #newsDisplay a, #graphopts a { 1962 border: 1px solid #00 5;1970 border: 1px solid #001; 1963 1971 margin: 0 -2px; 1964 1972 padding: 1px 10px !important; 1965 1973 background: #002; 1966 background: rgba(0,0, 64,0.4);1974 background: rgba(0,0,48,0.4); 1967 1975 border-radius: 15px; 1968 1976 filter: drop-shadow(0 0 1px rgba(0,0,64,0.8)); … … 2297 2305 } 2298 2306 2307 .graphspanel a { 2308 font-size: 0; 2309 } 2299 2310 .graphspanel p { 2300 2311 text-align: center; … … 2323 2334 2324 2335 #graphopts a, #graphopts a:visited { 2325 color: #54508f ;2336 color: #54508f !important; 2326 2337 } 2327 2338 … … 2332 2343 #graphopts a:active { 2333 2344 color: #2d277f !important; 2345 } 2346 2347 #graphopts a:empty { 2348 display: none; 2334 2349 } 2335 2350 … … 2414 2429 #graphs input[type="text"] { 2415 2430 min-width: 60px; 2431 } 2432 2433 #graph_single { 2434 background-size: auto 100px !important; 2416 2435 } 2417 2436 … … 2546 2565 } 2547 2566 2548 a:link, h2 a:link {2567 a:link, h2 a:link, #news #newsDisplay a:visited, #graphopts a:visited { 2549 2568 color: #7972d1; 2550 2569 text-decoration: none; … … 3343 3362 .themechoice object, .themechoice img { 3344 3363 padding: 3px 3px 4px; 3364 opacity: 0.75; 3345 3365 } 3346 3366 … … 3348 3368 padding: 3px 3px 0; 3349 3369 margin-bottom: 0; 3370 opacity: 0.75; 3350 3371 } 3351 3372 … … 3373 3394 } 3374 3395 3396 .themechoice .optbox:checked + object, .themechoice .optbox:checked + img { 3397 transform: scale(0.9); 3398 opacity: 1; 3399 } 3400 3375 3401 .themechoice .optbox:focus + object ~ div.themelabel { 3376 3402 color: #652787; … … 3393 3419 #themeoptions label { 3394 3420 white-space: nowrap; 3395 margin: 4px 10px 4px 0 !important;3421 margin: 1px 10px 1px 0 !important; 3396 3422 display: inline-block; 3397 3423 } … … 3410 3436 3411 3437 #themeoptions input { 3412 margin-left: 5px ;3438 margin-left: 5px 1px; 3413 3439 } 3414 3440 … … 3695 3721 background: #000 url(/themes/console/images/buttons/user.png) 5px center no-repeat; 3696 3722 background: url(/themes/console/images/buttons/user.png) 5px center no-repeat, linear-gradient(to bottom, #000, #000019); 3697 padding: 4px 5px 4px 26px !important;3723 padding: 5px 5px 5px 26px !important; 3698 3724 background-size: 16px 16px, 100% 100% !important; 3699 3725 } … … 3706 3732 background: #000 url(/themes/console/images/buttons/password.png) 3px center no-repeat; 3707 3733 background: url(/themes/console/images/buttons/password.png) 3px center no-repeat, linear-gradient(to bottom, #000, #000019); 3708 padding: 4px 5px 4px 22px !important;3734 padding: 5px 5px 5px 22px !important; 3709 3735 background-size: 16px 16px, 100% 100% !important; 3710 3736 } … … 5718 5744 .footnote { 5719 5745 text-align: right; 5720 font-size: 7pt;5746 font-size: 8pt; 5721 5747 margin-bottom: 5px !important; 5722 5748 } … … 6943 6969 } 6944 6970 6971 .sb_netstatus, .sb_netstatus a { 6972 vertical-align: baseline; 6973 } 6974 6945 6975 .routersummary .error, .routersummary .warn, .routersummary .testing, .routersummary .hidden, 6946 6976 .routersummary .running, .routersummary .firewalled, .routersummary .vmcomm, .routersummary .clockskew, .tunnelBuildStatus { … … 6984 7014 .routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before, 6985 7015 .routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before { 6986 padding: 0 2px;7016 padding: 0 1px 0 0; 6987 7017 vertical-align: middle; 6988 7018 display: inline-block; … … 7581 7611 } 7582 7612 7583 .topness, .footnote,#newsStatus, #newsDisplay {7613 .topness, #newsStatus, #newsDisplay { 7584 7614 font-size: 9pt !important; 7585 7615 } -
installer/resources/themes/console/midnight/i2ptunnel.css
rcdd89df r1c6ca501 790 790 } 791 791 792 input.tunnelName, input.tunnelDescription , #userAgents {792 input.tunnelName, input.tunnelDescriptionText, #userAgents { 793 793 width: 80%; 794 794 min-width: 280px; … … 985 985 } 986 986 987 #clientTunnels.tunnelDescription {987 .tunnelDescription { 988 988 padding-top: 1px !important; 989 989 } -
installer/resources/themes/snark/classic/nocollapse.css
rcdd89df r1c6ca501 9 9 label.toggleview, label.toggleview:hover, label.toggleview:active, .toggle_input:focus + label.toggleview { 10 10 box-shadow: inset 0 0 0 1px #fff; 11 background: linear-gradient(to bottom, #fff 0%, #dd d100%) !important;11 background: linear-gradient(to bottom, #fff 0%, #ddf 100%) !important; 12 12 cursor: default !important; 13 13 } -
installer/resources/themes/snark/classic/snark.css
rcdd89df r1c6ca501 7 7 background: #eef url(/themes/console/classic/images/bg0.png) repeat scroll center bottom; 8 8 background-size: 120px 120px; 9 margin: 3px 4px; 9 10 } 10 11 … … 51 52 min-width: 900px !important; 52 53 margin: 5px 0 0 0; 53 padding: 10px;54 padding: 9px; 54 55 text-align: center; 55 56 border: 1px solid #89f; 56 background: #eef; 57 box-shadow: inset 0 0 0 1px #ddf, 0 0 5px 1px #cfcfff inset; 57 border-radius: 0 0 3px 3px; 58 background: #dfe6ff; 59 background: repeating-linear-gradient(to right, #fff 1px, #cfd9ff 2px, #fff 4px); 60 box-shadow: inset 0 0 0 1px #fff; 58 61 } 59 62 … … 62 65 padding: 0; 63 66 border: none; 67 border-radius: 0; 64 68 background: none; 65 background: linear-gradient(to right, #fff 0%, #ddf 50%, #fff 100%); 69 background: linear-gradient(to right, #fff, #ddf, #fff); 70 background: repeating-linear-gradient(to right, #fff 1px, #bbf 2px, #fff 4px); 66 71 box-shadow: none; 67 72 } … … 80 85 color: #000; 81 86 border: 1px solid #89f; 87 border-radius: 3px 3px 0 0; 82 88 background: #eff2ff !important; 83 background: linear-gradient(to bottom, #fff 0%, #fff 50%, #eff2ff 50%, #eff2ff 100%) !important;84 box-shadow: 0 0 1px #fff ;89 background: linear-gradient(to bottom, #fff, #eff2ff) !important; 90 box-shadow: 0 0 1px #fff, inset 0 0 0 1px #fff; 85 91 position: sticky; 86 92 top: -1px; … … 90 96 .iframed .snarknavbar { 91 97 margin-top: -2px !important; 98 padding: 8px 0; 99 border-radius: 0; 92 100 position: static; 101 background: linear-gradient(to bottom, #fff, #eff2ff 75%) !important; 93 102 } 94 103 95 104 .snarkNav:link, .snarkNav:visited { 96 105 display: inline-block; 106 line-height: 110%; 97 107 color: #444688; 98 108 font-size: 9pt; 99 109 font-weight: bold; 100 margin: -1px 0!important;110 margin: -1px -2px -1px -3px !important; 101 111 padding: 5px 7px 5px 23px !important; 102 112 text-decoration: none !important; 103 113 letter-spacing: .1em; 104 114 text-transform: uppercase !important; 105 border: 1px solid #ccf; 106 border-right: 1px solid #aaf; 107 border-bottom: 1px solid #aaf; 115 border: 1px solid #88f; 108 116 box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgba(200,200,200,0.5); 117 opacity: 0.85; 118 transition: ease all 0.1s; 109 119 } 110 120 111 121 .snarkNav:link:last-child { 112 122 margin-left: 3px; 123 border-radius: 0 3px 3px 0; 113 124 } 114 125 115 126 .nav_main:link { 116 background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%); 127 background: url(images/button_snark.png) 7px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%); 128 border-radius: 3px 0 0 3px; 117 129 } 118 130 119 131 .nav_forum:link { 120 background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);132 background: url(images/button_forum.png) 7px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%); 121 133 } 122 134 123 135 .nav_tracker:link { 124 background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%); 136 background: url(images/button_tracker.png) 7px center no-repeat, linear-gradient(to bottom, #fff 50%, #eff2ff 50%); 137 } 138 139 .snarkNav.nav_main:last-child { 140 border-radius: 3px; 125 141 } 126 142 … … 128 144 color: #f50; 129 145 border: 1px solid #f50; 146 opacity: 1; 147 position: relative; 148 z-index: 999; 149 transition: ease all 0.1s; 130 150 } 131 151 132 152 .nav_main:hover, .nav_main:focus { 133 153 background: url(images/button_snark_hover.png) 7px center no-repeat #eee !important; 134 background: url(images/button_snark_hover.png) 7px center no-repeat, linear-gradient(to bottom, # ddd 0%, #fff 100%) !important;154 background: url(images/button_snark_hover.png) 7px center no-repeat, linear-gradient(to bottom, #eff2ff, #fff) !important; 135 155 } 136 156 137 157 .nav_forum:hover, .nav_forum:focus { 138 158 background: url(images/button_forum_hover.png) 7px center no-repeat #eee !important; 139 background: url(images/button_forum_hover.png) 7px center no-repeat, linear-gradient(to bottom, # ddd 0%, #fff 100%) !important;159 background: url(images/button_forum_hover.png) 7px center no-repeat, linear-gradient(to bottom, #eff2ff, #fff) !important; 140 160 } 141 161 142 162 .nav_tracker:hover, .nav_tracker:focus { 143 163 background: url(images/button_tracker_hover.png) 7px center no-repeat #eee !important; 144 background: url(images/button_tracker_hover.png) 7px center no-repeat, linear-gradient(to bottom, # ddd 0%, #fff 100%) !important;164 background: url(images/button_tracker_hover.png) 7px center no-repeat, linear-gradient(to bottom, #eff2ff, #fff) !important; 145 165 } 146 166 … … 148 168 text-decoration: none !important; 149 169 color: #fff !important; 150 border: 1px solid #aaa;151 170 text-shadow: none; 152 box-shadow: inset 0 0 0 1px #fff, inset 4px 4px 3px #824b1b !important; 171 box-shadow: inset 4px 4px 3px #824b1b, 0 0 0 0 rgba(0,0,0,0) !important; 172 transition: ease all 0.1s; 153 173 } 154 174 … … 182 202 border-bottom: 1px solid #89f; 183 203 background: url(images/hat.png) bottom right no-repeat #ddf; 204 background: url(images/hat.png) bottom right no-repeat, linear-gradient(to bottom, #eff3ff, #e9efff); 205 background: url(images/hat.png) bottom right no-repeat, linear-gradient(to bottom, rgba(239, 243, 255, 0.7), rgba(233, 239, 255, 0.7)); 206 box-shadow: inset 0 0 0 1px #f2f2ff; 207 } 208 209 .iframed .snarkMessages { 184 210 background: url(images/hat.png) bottom right no-repeat, linear-gradient(to bottom, #e3e3ff, #ddf); 185 b ox-shadow: inset 0 0 0 1px #ddf;211 background: url(images/hat.png) bottom right no-repeat, linear-gradient(to bottom, rgba(227, 227, 255, 0.7), rgba(221, 221, 255, 0.7)); 186 212 } 187 213 … … 202 228 .snarkMessages li { 203 229 margin-left: -15px; 204 font: bold 8pt "Droid Sans Mono", " Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;230 font: bold 8pt "Droid Sans Mono", "Noto Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace; 205 231 color: #4b4b76; 206 232 } … … 212 238 width: 13px; 213 239 height: 11px; 214 margin: 1px 2px 0 1px;240 margin: 1px 1px 0 0; 215 241 background-size: 9px 9px; 216 242 opacity: 0.7; … … 259 285 .ParentDir { 260 286 font-size: 8pt; 261 padding: 4px 0 ;287 padding: 4px 0 0 6px; 262 288 text-align: left !important; 263 289 border: 1px solid #89f !important; … … 320 346 } 321 347 348 .snarkTorrents thead img { 349 display: none; 350 } 351 352 .snarkTorrents thead a img { 353 display: inline; 354 } 355 322 356 .snarkTorrents img { 323 357 margin: 0 !important; … … 349 383 text-align: center !important; 350 384 font-weight: bold; 385 padding-left: 0 !important; 386 padding-right: 0 !important; 387 } 388 389 .snarkTrackerDetails img, .snarkTorrentDetails img, .snarkDirInfo td:first-child img { 390 padding: 3px !important; 391 border: 1px solid transparent !important; 392 } 393 394 .snarkTrackerDetails a:hover img, .snarkTrackerDetails img:hover, .snarkTrackerDetails a:focus img, 395 .snarkTorrentDetails a:hover img, .snarkTorrentDetails img:hover, .snarkTorrentDetails a:focus img, 396 .snarkDirInfo td:first-child a:hover img, .snarkDirInfo td:first-child a:focus img { 397 border: 1px solid #f60 !important; 398 border-radius: 2px; 399 box-shadow: 0 0 1px #f60; 400 background: #ddf; 401 background: linear-gradient(to bottom, #fff 50%, #ddf 50%); 402 filter: none !important; 403 } 404 405 .snarkTrackerDetails a:active img, .snarkTorrentDetails a:active img, .snarkDirInfo td:first-child a:active img { 406 box-shadow: inset 2px 2px 2px #99f; 351 407 } 352 408 … … 358 414 .snarkGraphicStatus { 359 415 width: 24px !important; 416 text-align: center !important; 417 padding-left: 3px !Important; 360 418 } 361 419 … … 395 453 tfoot tr:first-child th { 396 454 vertical-align: middle !important; 455 color: #3e4b6f !important; 397 456 } 398 457 … … 400 459 font-size: 9pt; 401 460 padding: 3px 2px; 402 color: # 0c153d;461 color: #3e4b6f; 403 462 border-top: 1px solid #89f; 404 463 border-bottom: 1px solid #89f; 405 464 background: #fff; 406 background -image: linear-gradient(to bottom, #fff, #eef);465 background: linear-gradient(to bottom, #fff, #eef); 407 466 } 408 467 … … 415 474 padding-left: 0; 416 475 text-align: left !important; 417 }418 419 th:first-child img {420 margin: 1px -2px 3px 1px !important;421 }422 423 th:nth-child(2) img {424 margin: 1px 5px 3px 2px !important;425 476 } 426 477 … … 523 574 .snarkTorrents td { 524 575 text-align: left; 576 padding-top: 4px; 577 padding-bottom: 4px; 525 578 } 526 579 … … 538 591 539 592 tt { 540 font-family: "Droid Sans Mono", " Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;593 font-family: "Droid Sans Mono", "Noto Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace; 541 594 } 542 595 … … 602 655 } 603 656 604 .snarkTorrentInfo tr:last-child { 605 background: none; 606 } 607 608 .snarkTorrentInfo tr:last-child td { 609 padding: 5px !important; 657 #torrentInfoControl td { 658 padding: 7px 5px !important; 610 659 text-align: right !important; 611 660 border-top: 1px solid #89f !important; 661 background: linear-gradient(to bottom, #fff, #eef); 612 662 } 613 663 … … 653 703 margin-bottom: 0; 654 704 border-bottom: 1px solid #89f; 705 background: #eef; 655 706 } 656 707 … … 671 722 } 672 723 673 .snarkDirInfo th a img, .snarkDirInfo th img {674 max-height: 20px;675 }676 677 724 .snarkDirInfo th img[alt="Directory"] { 678 725 margin-right: 5px !important; … … 684 731 } 685 732 686 .snarkDirInfo td:first-child { 687 padding-left: 4px; 733 .snarkFileIcon { 734 width: 16px; 735 padding-left: 2px; 688 736 padding-right: 2px; 689 737 text-align: left; 690 738 } 691 739 692 .snarkDirInfo td:first-child img { 740 .snarkFileIcon img { 741 filter: none; 693 742 padding-right: 6px; 694 743 } … … 724 773 } 725 774 726 .snarkDirInfo .headerpriority { 727 text-align: center !important; 728 vertical-align: middle; 729 } 730 731 td.subHeaderPriority, td.priority { 732 width: 0; 733 min-width: 36px !important; 734 padding: 0 5px 0 0 !important; 735 text-align: center !important; 736 } 737 738 td.subHeaderPriority { 739 font-size: 7.5pt; 740 font-weight: bold; 741 padding: 0 1px !important; 742 text-align: center !important; 743 background: #020; 744 background: url("images/snarktopnav.png") repeat-x scroll center center #101; 745 background-image: linear-gradient(to bottom, #030 0%, #020 50%, #000 51%, #000 100%); 775 .snarkDirInfo thead th:nth-child(2), .headerstatus, .headerpriority, .snarkFileStatus { 776 text-align: center; 746 777 } 747 778 … … 754 785 } 755 786 756 tr.priority:last-child {757 border-bottom: none !important;758 }759 760 th.headerdownloaded {761 padding-left: 25px !important;762 }763 764 787 .snarkFileStatus { 765 text-align: center;766 788 white-space:nowrap; 767 789 width: 120px; 768 }769 770 .snarkFileIcon {771 width: 16px;772 padding: 0;773 }774 775 .snarkFileIcon img {776 filter: none;777 }778 779 .snarkFileStatusIcon {780 width: 24px;781 padding: 0 4px 0 0;782 text-align: center;783 790 } 784 791 … … 788 795 font-size: 9pt; 789 796 padding: 2px; 790 color: # 2c354f !important;797 color: #3e4b6f !important; 791 798 } 792 799 … … 802 809 .snarkTorrentName { 803 810 line-height: 110%; 804 padding: 0;811 padding: 4px 3px; 805 812 } 806 813 … … 826 833 padding: 3px !important; 827 834 background: #339; 828 background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ddf 51%, #ddf 100%);835 background: linear-gradient(to bottom, #fff 50%, #ddf 50%); 829 836 border-radius: 2px; 830 border: 1px solid # 89f !important;837 border: 1px solid #bbf !important; 831 838 margin: 2px 1px; 832 filter: drop-shadow(0 0 1px #bbb);839 box-shadow: 0 0 1px #f2f2ff !important; 833 840 height: 10px; 834 841 } … … 836 843 .snarkTorrentAction input[type="image"]:hover, .snarkTorrentAction input[type="image"]:focus { 837 844 border: 1px solid #f60 !important; 838 filter: drop-shadow(0 0 1px #f60); 845 background: linear-gradient(to bottom, #fff 50%, #eef 50%) !important; 846 box-shadow: 0 0 1px #f60 !important; 847 filter: none !important; 839 848 } 840 849 841 850 .snarkTorrentAction input[type="image"]:active { 842 background: linear-gradient(to bottom, #ddf 0%, #ddf 50%, #99f 51%, #99f 100%); 843 box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 2px #333; 844 filter: none !important; 851 background: linear-gradient(to bottom, #eef 50%, #bbf 50%); 852 box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 2px #559 !important; 845 853 } 846 854 847 855 /* end torrent control buttons */ 848 856 857 .routerdown { 858 padding: 10px; 859 color: #363759; 860 border-bottom: 1px solid #89f; 861 box-shadow: inset 0 0 0 1px #fff; 862 } 863 849 864 .snarkTorrentNoneLoaded { 850 font-size: 8.5pt; 865 padding: 10px 5px; 866 background: #fff; 867 background: linear-gradient(to right, #eef, #fff, #eef); 868 border-bottom: 1px solid #89f; 869 } 870 871 .snarkTorrentNoneLoaded td { 872 color: #0c153d !important; 873 text-align: center !important; 851 874 font-weight: bold; 852 padding: 10px 5px; 853 color: #4f2 !important; 854 border-bottom: 1px solid #89f; 855 background: #fff; 856 } 857 858 .snarkTorrentNoneLoaded td { 859 text-align: center !important; 875 box-shadow: inset 0 0 0 1px #fff; 860 876 } 861 877 … … 863 879 display: inline-block; 864 880 padding: 10px; 881 opacity: 0.85; 865 882 } 866 883 … … 871 888 margin: 1px 4px 0 0 !important; 872 889 transform: scale(0.95); 890 opacity: 0.85; 873 891 } 874 892 … … 930 948 } 931 949 932 .snarkTorrents tr:hover, .snarkDirInfo tr:hover {950 .snarkTorrents tr:hover, .snarkDirInfo tr:hover, #trackerselect tr:nth-child(n+2):hover td { 933 951 background: #fff !important; 934 background: linear-gradient(to bottom, #fff 0%, #ffe 100%) !important;952 background: linear-gradient(to bottom, #fff, #ffe) !important; 935 953 } 936 954 … … 1028 1046 1029 1047 .percentBarOuter { 1048 margin: 0 auto; 1049 border: 1px solid #99f; 1050 border-radius: 2px; 1051 box-shadow: 0 0 1px 0 rgba(196,196,196,0.8); 1030 1052 background: #eef; 1031 1053 background: repeating-linear-gradient(135deg, #eef 1px, #eef 5px, #ddf 6px, #ddf 11px); 1032 border: 1px solid #99f;1033 box-shadow: 0 0 1px 0 rgba(196,196,196,0.8);1034 margin: 0 auto;1035 1054 } 1036 1055 … … 1044 1063 1045 1064 .percentBarInner { 1065 height: 14px; 1046 1066 border: none; 1047 height: 14px; 1067 border-radius: 2px; 1068 box-shadow: inset 0 0 0 1px #ddf; 1048 1069 background: #bbf; 1049 background: linear-gradient(to bottom, #fff 0%, #eef 50%, #bbf 50%, #99f 100%);1050 b ox-shadow: inset 0 0 0 1px #ddf;1070 background: linear-gradient(to bottom, #fff, #eef 50%, #bbf 50%, #99f); 1071 background: linear-gradient(to right, rgba(255,255,0,0.1) 60px, rgba(0,255,0,0.1)), linear-gradient(to bottom, #fff, #eef 50%, #bbf 50%, #99f); 1051 1072 opacity: 0.8; 1073 } 1074 1075 .peerinfo .percentBarInner { 1076 background: linear-gradient(to bottom, #fff, #eef 50%, #bbf 50%, #99f); 1077 } 1078 1079 .snarkDirInfo .percentBarInner { 1080 background: linear-gradient(to right, rgba(255,255,0,0.1) 40px, rgba(0,255,0,0.1)), linear-gradient(to bottom, #fff, #eef 50%, #bbf 50%, #99f); 1052 1081 } 1053 1082 … … 1093 1122 } 1094 1123 1095 . thumb:hover{1124 .snarkDirInfo td:first-child .thumb:hover, .snarkDirInfo td:first-child .thumb:focus { 1096 1125 max-width: 96px; 1097 1126 max-height: 64px; 1098 1127 transition: ease all 0.3s; 1099 margin: - 6px 0 -6px -4px !important;1128 margin: -9px 0 -9px -5px !important; 1100 1129 filter: none !important; 1130 border: 1px solid transparent !important; 1131 background: none !important; 1132 box-shadow: none !important; 1101 1133 } 1102 1134 … … 1106 1138 1107 1139 .snarkAddInfo { 1140 display: inline-block; 1141 margin: 3px 0 -3px -5px !important; 1142 padding-left: 26px; 1143 line-height: 130% !important; 1108 1144 font-size: 9pt; 1109 line-height: 130% !important;1110 margin-left: -5px;1111 1145 font-weight: normal; 1112 1146 background: url(images/infocircle.png) left 10px center no-repeat; 1113 1147 background-size: 13px auto; 1114 padding-left: 26px;1115 1148 } 1116 1149 1117 1150 .snarkConfigTitle:hover, label.toggleview:hover, input.toggle_input:focus + .toggleview { 1118 background: linear-gradient(to bottom, # fff 0%, #ddd 100%) !important;1151 background: linear-gradient(to bottom, #eff2ff, #fff) !important; 1119 1152 color: #f60 !important; 1120 1153 } … … 1125 1158 1126 1159 .snarkConfigTitle:active, label.toggleview:active { 1127 box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #99 9;1160 box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #99a, 0 0 0 0 #fff; 1128 1161 } 1129 1162 … … 1140 1173 border: 1px solid #89f; 1141 1174 border-top: none; 1175 border-radius: 0 0 4px 4px; 1142 1176 background: #fff !important; 1143 background: linear-gradient(to bottom, # ddd 0%, #fff 100%) !important;1144 box-shadow: inset 0 0 0 1px #fff ;1145 filter: drop-shadow(0 1px 1px #ddd);1177 background: linear-gradient(to bottom, #fff 50%, #eff2ff 50%) !important; 1178 box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 0 #fff, 0 1px 1px #ddf; 1179 transition: ease all 0.2s; 1146 1180 } 1147 1181 … … 1149 1183 display: inline-block; 1150 1184 width: 100%; 1151 margin-bottom: -1px; 1185 } 1186 1187 .iframed .snarkConfigTitle a { 1188 padding-bottom: 0; 1152 1189 } 1153 1190 … … 1163 1200 1164 1201 .configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover { 1165 color: #444 !important; 1202 color: #676788 !important; 1203 } 1204 1205 .configsection .snarkConfigTitle { 1206 margin-bottom: -2px !important; 1166 1207 } 1167 1208 … … 1172 1213 1173 1214 .snarkConfigTitle a, .snarkConfigTitle a:visited, label.toggleview { 1174 color: #444688 !important;1175 1215 outline: none; 1216 color: #676799 !important; 1217 text-shadow: 0 1px 1px #fff; 1176 1218 } 1177 1219 1178 1220 .snarkConfigTitle a:hover, .snarkConfigTitle a:focus, .toggleview:hover, .toggleview:focus { 1179 1221 color: #f60 !important; 1180 } 1181 1182 .snarkConfigTitle a:active, .toggleview:active { 1222 text-shadow: none; 1223 transition: ease all 0.2s; 1224 } 1225 1226 .snarkConfigTitle a:active, input:active + .toggleview { 1183 1227 color: #f90 !important; 1184 1228 } … … 1221 1265 word-wrap: break-word; 1222 1266 opacity: 1; 1223 color: # 33a;1267 color: #4f509f; 1224 1268 border-radius: 0; 1225 1269 } … … 1228 1272 font-weight: normal; 1229 1273 text-decoration: none; 1230 color: # 448;1274 color: #7d7edf; 1231 1275 } 1232 1276 … … 1289 1333 input[type="image"]:hover, a img:hover, input[type="image"]:focus, a img:focus { 1290 1334 outline: none !important; 1291 filter: drop-shadow(0 0 2px #f60) !important;1335 filter: drop-shadow(0 0 1px #f60) !important; 1292 1336 } 1293 1337 … … 1307 1351 border-radius: 2px; 1308 1352 background: #eee; 1309 background: linear-gradient(to bottom, #fff 0%, #ddd 100%);1353 background: linear-gradient(to bottom, #fff, #ddd); 1310 1354 box-shadow: inset 0 0 0 1px #fff; 1311 1355 filter: drop-shadow(0 0 1px rgba(221, 221, 221, 0.8)); … … 1316 1360 color: #111; 1317 1361 background: #fff; 1318 background: linear-gradient(to bottom, #ddd 0%, #fff 100%);1362 background: linear-gradient(to bottom, #ddd, #fff); 1319 1363 border: 1px solid #89f; 1320 1364 } … … 1395 1439 border-radius: 2px; 1396 1440 box-shadow: inset 1px 1px 1px #ddd; 1441 background: #f8f8ff; 1397 1442 } 1398 1443 … … 1499 1544 border: 1px solid #bbb; 1500 1545 border-radius: 2px; 1501 background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%);1546 background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, #ddd); 1502 1547 -moz-appearance: none; 1503 1548 -webkit-appearance: none; … … 1512 1557 1513 1558 select:hover, select:active { 1514 background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;1559 background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd, #fff) !important; 1515 1560 } 1516 1561 1517 1562 select:focus { 1518 background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd 0%, #fff 100%) !important;1563 background: url(images/dropdown_hover.png) right center no-repeat, linear-gradient(to bottom, #ddd, #fff) !important; 1519 1564 box-shadow: 0 0 0 1px #89f; 1520 1565 color: #000; … … 1534 1579 1535 1580 select[disabled], select[disabled]:hover { 1536 background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff 0%, #ddd 100%) !important;1581 background: url(images/dropdown.png) right center no-repeat, linear-gradient(to bottom, #fff, #ddd) !important; 1537 1582 opacity: 0.7; 1538 1583 cursor: not-allowed; … … 1544 1589 1545 1590 textarea { 1546 font: 8pt "Droid Sans Mono", " Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;1591 font: 8pt "Droid Sans Mono", "Noto Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace; 1547 1592 font-weight: bold; 1548 1593 padding: 1px 4px 0; … … 1582 1627 border-radius: 2px; 1583 1628 background: #fff; 1584 background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ddf 51%);1629 background: linear-gradient(to bottom, #fff 50%, #ddf 50%); 1585 1630 box-shadow: inset 0 0 1px 1px #fff; 1586 1631 filter: drop-shadow(0 0 1px #aaa) !important; … … 1594 1639 1595 1640 #pagenav a:active img { 1596 background: linear-gradient(to bottom, #ddf 0%, #ddf 50%, #99f 51%);1641 background: linear-gradient(to bottom, #ddf 50%, #99f 50%); 1597 1642 box-shadow: inset 2px 2px 2px 1px #99f; 1598 1643 } … … 1625 1670 width: calc(100% - 150px) !important; 1626 1671 margin: 2px 5px 0 5px; 1672 border-collapse: separate; 1627 1673 border: 1px solid #89f; 1674 border-radius: 2px; 1675 box-shadow: 0 0 1px #ccf; 1628 1676 background: rgba(255,255,255,0.1); 1629 1677 } … … 1648 1696 font-weight: bold; 1649 1697 border-bottom: 1px #89f; 1650 background: linear-gradient(to bottom, #eef, #fff);1651 1698 } 1652 1699 1653 1700 #trackerselect tr:first-child td { 1654 1701 padding: 5px 10px; 1702 font-weight: bold !important; 1655 1703 border-bottom: 1px solid #89f; 1656 font-weight: bold !important;1704 background: linear-gradient(to bottom, #fff, #eef); 1657 1705 } 1658 1706 … … 1662 1710 1663 1711 #trackerselect td:first-child, #trackerselect td:last-child { 1664 width: 40%;1712 width: 35%; 1665 1713 font-weight: normal; 1714 } 1715 1716 #trackerselect td:nth-child(2), #trackerselect td:nth-child(3) { 1717 width: 15%; 1666 1718 } 1667 1719 … … 1708 1760 .knownTracker input[type="radio"]:checked, .knownTracker input[type="radio"]:checked:hover { 1709 1761 opacity: 0.5; 1710 }1711 1712 .snarkTorrentNoneLoaded td {1713 color: #0c153d !important;1714 background: #fff;1715 1762 } 1716 1763 … … 1826 1873 color: #0c153d; 1827 1874 border: 1px solid #89f; 1828 box-shadow: inset 0 0 2px 0 #ccc, 0 0 1px #bbb;1829 1875 word-wrap: break-word; 1830 1876 background: #fff; 1877 } 1878 1879 .newtorrentsection, .addtorrentsection, .configsection { 1880 border-radius: 3px; 1881 box-shadow: inset 0 0 0 1px #fff; 1882 background-blend-mode: luminosity; 1883 } 1884 1885 .iframed .newtorrentsection, .iframed .addtorrentsection, .iframed .configsection { 1886 border-radius: 0; 1831 1887 } 1832 1888 … … 1835 1891 padding: 0; 1836 1892 border-bottom: none; 1837 background: repeating-linear-gradient(to right, #ddf 2px, #eef 2px, #ddf 4px);1893 background: none; 1838 1894 } 1839 1895 1840 1896 .newtorrentsection { 1841 margin: 0 0 10px 0;1897 margin: 0 0 9px 0; 1842 1898 padding: 0 10px; 1843 background: url(images/snark_create.png) no-repeat scroll right center, linear-gradient(to bottom, #fff 0%, #eef 100%); 1899 background: #eef url(images/snark_create.png) no-repeat scroll right center; 1900 background: url(images/snark_create.png) no-repeat scroll right center, linear-gradient(to bottom, #f8f8ff, #eef); 1844 1901 background-size: 68px 68px, 100% 100%; 1845 1902 } 1846 1903 1847 1904 .addtorrentsection { 1848 margin: 10px 0;1905 margin: 9px 0; 1849 1906 padding: 0 10px; 1850 background: url(images/snark_add.png) no-repeat scroll 99.5% center, linear-gradient(to bottom, #fff 0%, #eef 100%); 1907 background: #eef url(images/snark_add.png) no-repeat scroll 99.5% center; 1908 background: url(images/snark_add.png) no-repeat scroll 99.5% center, linear-gradient(to bottom, #f8f8ff, #eef); 1851 1909 background-size: 61px 61px, 100% 100%; 1852 1910 } … … 1855 1913 margin: 0; 1856 1914 padding: 0 10px 12px 10px; 1857 background: url(images/configuration.png) no-repeat scroll 101% center, linear-gradient(to bottom, #fff 0%, #eef 100%); 1915 background: #eef url(images/configuration.png) no-repeat scroll 101% center;; 1916 background: url(images/configuration.png) no-repeat scroll 101% center, linear-gradient(to bottom, #f8f8ff, #eef); 1858 1917 background-size: 68px 68px, 100% 100%; 1859 1918 } … … 1866 1925 margin: 9px 0 0 0; 1867 1926 padding: 0; 1868 background: linear-gradient(to bottom, #fff 0%, #eef 40px, #fff 100%);1927 background: linear-gradient(to bottom, #fff, #eef 40px, #fff); 1869 1928 } 1870 1929 … … 1903 1962 1904 1963 code { 1905 font: bold 8pt "Droid Sans Mono", " Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace;1964 font: bold 8pt "Droid Sans Mono", "Noto Sans Mono", "Lucida Console", "DejaVu Sans Mono", monospace; 1906 1965 padding: 0 2px; 1907 1966 color: #050; … … 1914 1973 } 1915 1974 1916 .routerdown {1917 padding: 10px;1918 color: #0c153d;1919 border-bottom: 1px solid #89f;1920 box-shadow: inset 0 0 0 1px #fff;1921 }1922 1923 1975 input.trackername { 1924 1976 width: 100px; … … 1956 2008 } 1957 2009 1958 /* display panels by default on webkit based browsers (midori fix) */1959 /*1960 @media screen and (-webkit-min-device-pixel-ratio: 0) {1961 input#toggle_addtorrent:not(checked) + label + hr + table,1962 input#toggle_createtorrent:not(checked) + label + hr + table {1963 display: table;1964 }1965 1966 input#toggle_addtorrent:checked + label + hr + table,1967 input#toggle_createtorrent:checked + label + hr + table {1968 display: none;1969 }1970 }1971 */1972 1973 2010 /* display by default in iframe to avoid overflow issue */ 1974 2011 .iframed input#toggle_addtorrent:not(checked) + label + hr + table, … … 1982 2019 } 1983 2020 1984 label.toggleview, .snarkConfigTitle a:visited { 1985 color: #006; 1986 } 1987 1988 label.toggleview img:hover, label.toggleview:hover img, .snarkConfigTitle a:hover img { 1989 color: #f90; 2021 .toggleview img, .configsection img { 2022 mix-blend-mode: luminosity; 2023 } 2024 2025 label.toggleview img:hover, label.toggleview:hover img, .snarkConfigTitle a:hover img, input:focus + .toggleview img { 1990 2026 filter: drop-shadow(0 0 1px #f60); 2027 mix-blend-mode: normal; 1991 2028 } 1992 2029 … … 2067 2104 2068 2105 #dhtdebugPanel { 2069 background: linear-gradient(to bottom, #fff 0%, #eef 100%);2106 background: linear-gradient(to bottom, #fff, #eef); 2070 2107 box-shadow: 0 0 2px 0 #ccc inset, 0 0 1px #bbb; 2071 2108 border: 1px solid #89f; … … 2128 2165 hr.debug { 2129 2166 width: 100%; 2130 background: # 89f;2131 background: linear-gradient(to right, # 89f 40%, #eef);2167 background: #ccf; 2168 background: linear-gradient(to right, #ccf 40%, #eef); 2132 2169 color: #efefff; 2133 2170 border: none; … … 2626 2663 2627 2664 @media screen and (max-width: 1400px) { 2628 2629 2665 .percentBarText { 2630 2666 line-height: 15px; 2667 } 2668 } 2669 2670 @media screen and (max-width: 1500px) { 2671 .snarkTorrents thead img, .snarkDirInfo th img { 2672 max-height: 20px !important; 2631 2673 } 2632 2674 } … … 2663 2705 } 2664 2706 2707 .snarkTorrentAction { 2708 padding-left: 4px !important; 2709 padding-right: 4px !important; 2710 } 2711 2665 2712 .snarkTorrentAction input[type="image"], .snarkTorrents th:last-child input[type="image"] { 2666 2713 padding: 4px !important; … … 2729 2776 .percentBarText { 2730 2777 font-size: 8pt !important; 2731 }2732 2733 .snarkTorrentDetails {2734 padding-left: 8px;2735 2778 } 2736 2779 -
installer/resources/themes/snark/dark/snark.css
rcdd89df r1c6ca501 7 7 8 8 body { 9 margin: 9px 8px;9 margin: 5px 3px; 10 10 color: #ee9; 11 11 font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif; … … 54 54 background: #000; 55 55 background: repeating-linear-gradient(135deg, #010, #010 10px, #020 10px, #020 20px, #010 20px); 56 background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,200,0,0.5) 2px, rgba(0,200,0,0.5) 4px), repeating-linear-gradient(135deg, #010, #010 10px, #020 10px, #020 20px, #010 20px); 57 background-blend-mode: darken, darken, normal; 56 58 } 57 59 … … 90 92 91 93 .snarknavbar { 94 min-width: 888px; 95 z-index: 999; 96 position: sticky; 97 top: -1px; 92 98 margin: 0 0 -6px !important; 93 99 padding: 9px 0 8px; 94 background: #010 !important;95 background-image: linear-gradient(to bottom, #001000, #001900 51%, #000 51%) !important;96 min-width: 888px;97 100 text-align: center; 98 101 border: 1px solid #494; 99 position: sticky; 100 top: -1px; 101 z-index: 999; 102 box-shadow: inset 0 0 0 1px #000; 103 box-shadow: inset 0 0 0 2px #000, inset 0 0 10px 3px rgba(0,8,0,0.7); 104 background: #010 !important; 105 background: repeating-linear-gradient(135deg, #000 1px, #000 2px, #010 2px, #010 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, #010 2px, #010 4px), linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 52%, #010301 53%, #000000 56%, #000000 100%), url(/themes/console/dark/images/camotile2.png) top left !important; 106 background-blend-mode: exclusion, exclusion, normal, normal; 102 107 } 103 108 104 109 .iframed .snarknavbar { 105 110 margin-top: -2px !important; 111 padding: 7px 0; 106 112 position: static; 113 box-shadow: inset 0 0 0 1px #000; 114 background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 51%, #020602 52%, #010301 55%, #000000 57%), url(/themes/console/dark/images/camotile2.png) top left !important; 115 } 116 117 _:-ms-lang(x), .snarknavbar { 118 background: linear-gradient(to bottom, #001000, #001900 51%, #000 51%) !important; 107 119 } 108 120 109 121 .snarkNav:link, .snarkNav:visited { 110 122 display: inline-block; 123 line-height: 120%; 111 124 font-size: 9pt; 112 125 font-weight: bold; … … 114 127 text-transform: uppercase !important; 115 128 letter-spacing: 0.1em; 116 margin: 0 - 2px !important;117 padding: 5px 7px 5px 22px !important;129 margin: 0 -1px 0 -2px !important; 130 padding: 4px 7px 4px 22px !important; 118 131 color: #3f3; 119 132 text-shadow: 0 0 1px #000; … … 121 134 border: 1px solid #494; 122 135 box-shadow: inset 0 0 0 1px #000; 123 filter: drop-shadow(0 0 1px #000);124 opacity: 0.7 ;136 filter: drop-shadow(0 0 2px #000); 137 opacity: 0.75; 125 138 position: relative; 126 139 } … … 130 143 background-position: 7px center !important; 131 144 background-repeat: no-repeat, repeat !important; 145 filter: drop-shadow(0 0 1px #000); 132 146 } 133 147 134 148 .snarkNav:hover, .snarkNav:focus { 135 149 z-index: 10; 150 opacity: 1 !important; 136 151 } 137 152 … … 181 196 182 197 .snarkNav:link:active, .snarkNav:active { 183 box-shadow: inset 3px 3px 3px #000!important;198 box-shadow: inset 3px 3px 3px 3px #3f1a04 !important; 184 199 color: #fff !important; 185 border: 1px solid #fff !important;186 200 text-shadow: none; 187 201 background-size: 14px auto !important; 188 202 background-repeat: no-repeat !important; 203 filter: none; 204 transition: ease box-shadow 0.1s; 189 205 } 190 206 … … 201 217 } 202 218 203 . snarkNav:link:last-of-type{219 .nav_main.snarkNav:last-child { 204 220 border-radius: 2px !important; 205 }206 207 .snarkNav:link[target="_blank"]:last-child {208 border-radius: 0 2px 2px 0 !important;209 221 } 210 222 … … 222 234 223 235 .snarkMessages { 224 font: normal 8pt "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace; 236 margin: 0; 237 padding: 3px 5px; 238 width: auto; 239 height: 54px; 240 resize: none; 241 overflow: hidden; 225 242 line-height: 120%; 226 243 text-align: left; 227 margin: 0; 228 padding: 3px 5px; 229 overflow: hidden; 230 resize: none; 244 font: normal 8pt "Droid Sans Mono", "Noto Mono", "Andale Mono", "DejaVu Sans Mono", "Lucida Console", monospace; 231 245 color: #69f; 232 height: 56px;233 width: auto;246 box-shadow: inset 0 0 0 1px #000; 247 border-bottom: 1px solid #494; 234 248 background: #000 url(images/hat.png) no-repeat scroll right bottom; 235 249 background: url(images/hat.png) no-repeat scroll right bottom, linear-gradient(to bottom, #010, #000); 236 b order-bottom: 1px solid #494;250 background-size: auto 95%, 100% 100%; 237 251 background-blend-mode: screen; 238 252 } … … 348 362 349 363 thead th { 350 background: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 50%, #000 100%) !important; 364 background: none; 365 } 366 367 .iframed thead th { 368 background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important; 369 370 } 371 372 thead { 373 background: linear-gradient(to bottom, #003000, #000 75%) !important; 374 background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important; 351 375 } 352 376 … … 359 383 text-align: left !important; 360 384 padding-left: 0; 361 }362 363 th:first-child img {364 margin: 1px -2px 3px 1px !important;365 385 } 366 386 … … 385 405 border-right: 0 !important; 386 406 text-align: left !important; 387 padding: 4px 0; 388 } 407 padding: 4px 0 4px 5px; 408 } 409 389 410 .ParentDir a { 390 411 font-weight: bold !important; 391 margin-left: -4px;392 412 } 393 413 … … 441 461 } 442 462 443 .snarkTrackerDetails, . SnarkTorrentDetails {463 .snarkTrackerDetails, .snarkTorrentDetails { 444 464 width: 16px !important; 445 padding: 0 !important;446 465 text-align: center !important; 447 } 448 449 .snarkTrackerDetails { 450 text-align: right !important; 466 font-weight: bold; 467 padding-left: 0 !important; 468 padding-right: 0 !important; 469 } 470 471 .snarkTrackerDetails img, .snarkTorrentDetails img, .snarkDirInfo td:first-child img { 472 padding: 3px !important; 473 border: 1px solid transparent !important; 474 margin: 0 !important; 475 } 476 477 .snarkDirInfo td:first-child img { 478 margin: 0 2px !important; 479 } 480 481 .snarkTrackerDetails a:hover img, .snarkTrackerDetails img:hover, .snarkTrackerDetails a:focus img, 482 .snarkTorrentDetails a:hover img, .snarkTorrentDetails img:hover, .snarkTorrentDetails a:focus img, 483 .snarkDirInfo td:first-child a:hover img, .snarkDirInfo td:first-child a:focus img { 484 border: 1px solid #f60 !important; 485 border-radius: 2px; 486 box-shadow: 0 0 1px #f60; 487 background: #030; 488 background: linear-gradient(to bottom, #030 50%, #010 50%); 489 filter: none !important; 490 } 491 492 .snarkTrackerDetails a:active img, .snarkTorrentDetails a:active img, .snarkDirInfo td:first-child a:active img { 493 border: 1px solid #f90 !important; 494 box-shadow: inset 2px 2px 3px 3px #000; 495 transform: scale(0.9); 451 496 } 452 497 … … 528 573 } 529 574 575 .snarkTorrentInfo tr:nth-last-child(n+2) b { 576 margin-right: 2px; 577 } 578 530 579 .snarkTorrentInfo input[type="submit"] { 531 580 min-width: 85px; 532 581 } 533 582 534 #torrentInfoControl, #setPriority {535 border-top: 1px solid #494 !important;536 background: none !important;537 }538 539 583 #torrentInfoControl td, #setPriority th { 540 584 text-align: right !important; 541 padding: 1 0px 8px !important;585 padding: 11px 8px 10px !important; 542 586 background: none !important; 543 587 box-shadow: inset 0 0 0 1px #030; 588 } 589 590 #setPriority th { 591 padding: 13px 8px 10px !important; 544 592 } 545 593 … … 614 662 } 615 663 616 #setPriority, #torrentInfoControl {664 #setPriority, #torrentInfoControl, .commentAction[colspan="5"] { 617 665 background: url(/themes/console/dark/images/camotile2.png) repeat scroll center bottom #001100 !important; 666 background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,200,0,0.5) 2px, rgba(0,200,0,0.5) 4px), url(/themes/console/dark/images/camotile2.png) top left repeat !important; 667 background-blend-mode: exclusion, darken, normal; 668 border-top: 1px solid #494 !important; 618 669 border-bottom: 1px solid #494 !important; 670 } 671 672 _:-ms-lang(x), #setPriority, #torrentInfoControl { 673 background: url(/themes/console/dark/images/camotile2.png) repeat scroll center bottom #001100 !important; 619 674 } 620 675 … … 741 796 742 797 .snarkTorrentStatus { 743 padding: 3px 5px 3px 0!important;798 padding: 3px 5px 3px 1px !important; 744 799 line-height: 90%; 745 800 min-width: 0; … … 780 835 } 781 836 837 .snarkTorrents thead tr:hover, .snarkDirInfo thead tr:hover { 838 background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%) !important; 839 } 840 782 841 tr:hover .percentBarText { 783 842 opacity: 1; … … 798 857 } 799 858 800 /*801 .snarkTorrents a:hover, .snarkDirInfo a:hover {802 color: #f40 !important;803 }804 */805 806 859 .snarkTorrentEven, .snarkTorrentEven:nth-child(even) { 807 860 background: #001000; … … 838 891 839 892 .snarkFileName { 840 padding: 4px 5px 4px 0!important;893 padding: 4px 5px 4px 3px !important; 841 894 text-align: left !important; 842 895 word-break: break-all; … … 900 953 background: #000; 901 954 background: repeating-linear-gradient(135deg, #000 1px, #000 5px, #010 6px, #010 11px); 955 background: linear-gradient(to right, rgba(0,16,0,0.1), rgba(128,255,0,0.1)), repeating-linear-gradient(135deg, #000 1px, #000 5px, #010 6px, #010 11px); 902 956 border: 1px solid #040; 903 957 border-bottom: 1px solid #020; 904 958 border-right: 1px solid #020; 959 border-radius: 2px; 905 960 opacity: 1; 906 961 box-shadow: 0 0 1px 1px rgba(0,0,0,0.8); … … 916 971 background: #0e5f00; 917 972 background: linear-gradient(to bottom, rgba(28, 148, 58, 0.6) 0%, rgba(9, 47, 16, 0.6) 50%, rgba(13, 39, 7, 0.6) 50%, rgba(9, 27, 5, 0.6) 50%, rgba(9, 21, 3, 0.6) 100%); 973 border-radius: 2px; 918 974 box-shadow: inset 0 0 0 1px #000; 919 975 } … … 930 986 931 987 .percentBarText { 988 height: 1em; 989 line-height: 1; 932 990 text-align: center; 933 991 font-weight: bold; 934 padding: 0.5px 0 0; 992 margin-left: -3px; 993 padding: 0 4px 0 2px; 935 994 white-space: nowrap; 936 995 display: block; … … 939 998 text-shadow: 0 0 1px rgba(0,0,0,0.8); 940 999 transition: ease opacity 0.2s; 1000 941 1001 } 942 1002 … … 988 1048 background-size: 14px auto; 989 1049 padding-left: 20px; 990 line-height: 1 40%;1050 line-height: 160%; 991 1051 } 992 1052 … … 998 1058 letter-spacing: 0.2em; 999 1059 border: 1px solid #494; 1000 border-radius: 0 ;1060 border-radius: 0 0 2px 2px; 1001 1061 border-top: none; 1002 1062 background: #000 url(/themes/console/dark/images/header.png) repeat-x scroll center center !important; 1003 background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56% , #000000 100%) !important;1063 background: linear-gradient(to bottom, #1a261a 0%, #223022 7%, #212f21 9%, #172317 21%, #091109 49%, #050d05 50%, #020602 51%, #010301 53%, #000000 56%) !important; 1004 1064 font-variant: small-caps !important; 1005 1065 display: inline-block; … … 1031 1091 width: 100%; 1032 1092 padding-bottom: 1px !important; 1093 transition: ease all 0.1s; 1033 1094 } 1034 1095 … … 1036 1097 background: #000 !important; 1037 1098 background: linear-gradient(to bottom, #001000 50%, #000 50%) !important; 1038 } 1039 1040 .snarkConfigTitle:hover a { 1099 mix-blend-mode: exclusion !important; 1100 transition: ease all 0.1s; 1101 } 1102 1103 .snarkConfigTitle:hover a, .snarkConfigTitle a:focus { 1041 1104 color: #f60 !important; 1105 transition: ease all 0.1s; 1042 1106 } 1043 1107 1044 1108 .snarkConfigTitle:active, .toggleview:active { 1045 box-shadow: inset 0 0 0 1px #000, inset 3px 3px 3px 1px #000; 1109 box-shadow: inset 3px 3px 3px 3px #000, 0 0 0 1px #000; 1110 transition: ease all 0.1s; 1046 1111 } 1047 1112 … … 1050 1115 margin-bottom: 2px; 1051 1116 vertical-align: middle; 1117 filter: sepia(1) hue-rotate(70deg); 1052 1118 } 1053 1119 … … 1063 1129 transform: rotate(90deg); 1064 1130 transition: ease transform 0.3s; 1131 } 1132 1133 .toggle_input:focus + label > img, .snarkConfigTitle a:focus img { 1134 filter: drop-shadow(0 0 1px #f60) !important; 1065 1135 } 1066 1136 … … 1078 1148 filter: none; 1079 1149 box-shadow: inset 0 0 0 1px #000; 1150 mix-blend-mode: normal !important; 1080 1151 } 1081 1152 … … 1211 1282 input[type=image], thead img { 1212 1283 padding: 0 !important; 1213 border-radius: 3px;1284 border-radius: 0; 1214 1285 border: 0 none transparent !important; 1215 1286 margin: 0 2px; … … 1234 1305 1235 1306 .snarkTorrentAction input[type="image"] { 1236 border: 1px solid #151 !important;1237 1307 margin: 0 2px !important; 1238 1308 padding: 4px !important; 1309 height: 9px; 1310 border: 1px solid #151 !important; 1311 border-radius: 3px; 1312 box-shadow: inset 0 0 0 1px #000; 1239 1313 background: #030; 1240 background: linear-gradient(to bottom, #030 0%, #030 50%, #010 50%, #010 100%); 1241 box-shadow: inset 0 0 0 1px #000; 1242 border-radius: 2px; 1243 height: 9px; 1314 background: linear-gradient(to bottom, #030 50%, #010 50%); 1244 1315 } 1245 1316 1246 1317 .snarkTorrentAction input[type="image"]:hover, .snarkTorrentAction input[type="image"]:focus { 1247 1318 border: 1px solid #f60 !important; 1319 background: #060; 1320 background: linear-gradient(to bottom, #060 50%, #010 50%); 1321 filter: saturate(150%) drop-shadow(0 0 1px #930) !important; 1248 1322 } 1249 1323 … … 1258 1332 padding: 4px 5px !important; 1259 1333 background: #000; 1260 background: linear-gradient(to bottom, #000 0%, #010 100%);1334 background: linear-gradient(to bottom, #000, #010); 1261 1335 box-shadow: inset 0 0 3px 3px #000; 1262 1336 outline: none; … … 1746 1820 background: url(images/snark_create.png) center right no-repeat, linear-gradient(to bottom, rgba(0,40,0,0.3) 0%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat; 1747 1821 background-size: 80px 80px, 100% 100%, 175px 175px; 1822 background-blend-mode: soft-light, normal, normal; 1748 1823 } 1749 1824 … … 1768 1843 background: #000 url(images/configuration.png) no-repeat scroll right center; 1769 1844 background: linear-gradient(to bottom, #000 10%, rgba(0,40,0,0.3) 10%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat; 1845 background: repeating-linear-gradient(135deg, #000 1px, #000 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), repeating-linear-gradient(45deg, #000 1px, #000 2px, rgba(0,200,0,0.5) 2px, rgba(0,200,0,0.5) 4px), linear-gradient(to bottom, #000 10%, rgba(0,40,0,0.3) 10%, rgba(0,15,0,0.5) 100%), url(/themes/console/dark/images/camotile2.png) top left repeat; 1846 background-blend-mode: darken, darken, normal, normal; 1770 1847 } 1771 1848 … … 2326 2403 2327 2404 .snarkCommentInfo th, .snarkComments th { 2328 background: linear-gradient(to bottom, #001000 0%, #001900 50%, #000 50%, #000 100%); 2405 background: linear-gradient(to bottom, #003000, #000 75%); 2406 background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%); 2329 2407 padding: 8px 5px; 2330 2408 white-space: normal; … … 2343 2421 .snarkCommentInfo th { 2344 2422 padding: 8px 5px 8px 30px; 2345 background: url(images/comment.png) 8px center no-repeat, linear-gradient(to bottom, #001000 0%, #001900 50%, #000 50%, #000 100%); 2423 background: url(images/comment.png) 8px center no-repeat, linear-gradient(to bottom, #003000, #000 75%); 2424 background: url(images/comment.png) 8px center no-repeat, linear-gradient(to bottom, rgba(0,0,0,0) 50%, #000 50%), repeating-linear-gradient(to right, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 2px, rgba(0,16,0,0.5) 2px, rgba(0,16,0,0.5) 4px), linear-gradient(to bottom, #004000, #000 75%); 2346 2425 } 2347 2426 … … 2604 2683 margin-top: 4px; 2605 2684 } 2685 2686 .addtorrentsection .toggleview { 2687 padding-bottom: 5px !important; 2688 } 2689 2690 .configsection .snarkConfigTitle { 2691 padding-bottom: 4px !important; 2692 } 2606 2693 } 2607 2694 … … 2702 2789 2703 2790 .snarkConfigTitle a { 2704 padding-bottom: 2px !important;2791 padding-bottom: 1px !important; 2705 2792 } 2706 2793 … … 2711 2798 } 2712 2799 2713 .snarkTorrents th:last-child input[type="image"], .snarkTorrents td:last-child input[type="image"] { 2800 .snarkTorrents thead th::before { 2801 content: ""; 2802 display: inline-block; 2803 min-height: 18px; 2804 } 2805 2806 .snarkTorrents thead img { 2807 margin: 0 1px 3px !important; 2808 } 2809 2810 .snarkTorrentAction { 2811 padding: 1px 3px !important; 2812 } 2813 2814 .snarkTorrentAction input[type="image"] { 2714 2815 height: 11px; 2816 margin: 1px 2px !important; 2715 2817 } 2716 2818 … … 2721 2823 .snarkTorrents .snarkTorrentName { 2722 2824 padding-left: 5px; 2825 } 2826 2827 .snarkTorrentName:hover a, .snarkFileName:hover a { 2828 margin: -2px 0 -2px -2px; 2829 padding: 3px 3px 3px 5px; 2830 background: rgba(0,16,0,0.3); 2831 border: 1px solid #002000; 2832 border-radius: 2px 20px 20px 2px; 2833 box-shadow: inset 2px 2px 2px rgba(0,8,0,0.5); 2834 } 2835 2836 .snarkFileName:hover a { 2837 margin-left: -5px; 2838 padding-right: 0; 2839 } 2840 2841 .snarkTorrentName:active a, .snarkFileName:active a { 2842 border: 1px solid #930; 2843 box-shadow: inset 4px 4px 4px rgba(0,8,0,0.8); 2723 2844 } 2724 2845 … … 2804 2925 .snarkTorrentName a:not(old) { 2805 2926 max-width: 360px !important; 2927 white-space: nowrap; 2928 overflow: hidden; 2929 text-overflow: ellipsis; 2806 2930 } 2807 2931 … … 2816 2940 .percentBarText { 2817 2941 font-size: 8pt !important; 2942 line-height: 1; 2943 padding: 1px 0; 2818 2944 } 2819 2945 … … 2848 2974 } 2849 2975 2976 .toggleview, .snarkConfigTitle, .configsection .snarkConfigTitle { 2977 padding-bottom: 3px !important; 2978 } 2979 2980 .addtorrentsection .toggleview { 2981 padding-bottom: 2px !important; 2982 } 2983 2984 .snarkConfigTitle a { 2985 padding-bottom: 0 !important; 2986 } 2987 2850 2988 .toggleview img, .snarkConfigTitle img { 2851 height: 1 2px;2989 height: 14px; 2852 2990 margin-right: 0 !important; 2853 2991 } -
installer/resources/themes/snark/light/snark.css
rcdd89df r1c6ca501 9 9 background: #a4a4cb url(/themes/console/light/images/tile2.png) center top fixed; 10 10 background-size: 32px 32px; 11 margin: 5px;11 margin: 3px 4px; 12 12 } 13 13 … … 143 143 filter: drop-shadow(0 0 1px #ccf); 144 144 position: relative; 145 transition: ease all 0.1s; 145 146 } 146 147 … … 148 149 background-size: 14px auto, 100% 100% !important; 149 150 background-position: 8px center; 151 transition: ease all 0.1s; 150 152 } 151 153 … … 168 170 } 169 171 172 .iframed .nav_main { 173 background: url(images/button_snark.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 50%, rgba(240, 240, 255, 0.4)) #e7e7ff; 174 } 175 170 176 .nav_forum { 171 177 background: #fff url(images/button_forum.png) 8px center no-repeat; … … 173 179 } 174 180 181 .iframed .nav_forum { 182 background: url(images/button_forum.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 50%, rgba(240, 240, 255, 0.4)) #e7e7ff; 183 } 184 175 185 .nav_tracker { 176 186 background: #fff url(images/button_tracker.png) 8px center no-repeat; 177 187 background: url(images/button_tracker.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, #eef 51%, #eef 100%); 188 } 189 190 .iframed .nav_tracker { 191 background: url(images/button_tracker.png) 8px center no-repeat, linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 50%, rgba(240, 240, 255, 0.4)) #e7e7ff; 178 192 } 179 193 … … 272 286 background: rgba(255, 255, 255, 0.25); 273 287 opacity: 0.9; 274 mix-blend-mode: darken;275 }276 277 .snarkMessages li:hover {278 opacity: 1;279 288 mix-blend-mode: multiply; 280 289 } … … 309 318 } 310 319 320 #closelog { 321 position: relative; 322 z-index: 999; 323 } 324 311 325 .logshim { 312 326 margin-top: 11px !important; … … 534 548 } 535 549 536 .snarkTrackerDetails, . SnarkTorrentDetails {550 .snarkTrackerDetails, .snarkTorrentDetails { 537 551 width: 16px !important; 538 padding: 2px 1px 2px 0; 539 } 540 541 .SnarkTorrentDetails { 542 text-align: center; 552 text-align: center !important; 553 font-weight: bold; 554 padding-left: 0 !important; 555 padding-right: 0 !important; 556 } 557 558 .snarkTrackerDetails img, .snarkTorrentDetails img, .snarkDirInfo td:first-child img { 559 margin: 0; 560 padding: 3px !important; 561 border: 1px solid transparent !important; 562 } 563 564 .snarkTrackerDetails a:hover img, .snarkTrackerDetails img:hover, .snarkTrackerDetails a:focus img, 565 .snarkTorrentDetails a:hover img, .snarkTorrentDetails img:hover, .snarkTorrentDetails a:focus img, 566 .snarkDirInfo td:first-child a:hover img, .snarkDirInfo td:first-child a:focus img { 567 border: 1px solid #f60 !important; 568 border-radius: 2px; 569 box-shadow: 0 0 1px #f60; 570 background: #ddf; 571 background: linear-gradient(to bottom, #fff 50%, #ddf 50%); 572 filter: none !important; 573 mix-blend-mode: normal; 574 } 575 576 .snarkTrackerDetails a:active img, .snarkTorrentDetails a:active img, .snarkDirInfo td:first-child a:active img { 577 box-shadow: inset 2px 2px 2px #99f; 543 578 } 544 579 … … 637 672 .snarkTorrentUploaded, .snarkTorrentRateUp { 638 673 font-style: italic !important; 639 color: #59698f !important;640 674 } 641 675 … … 705 739 .snarkCommentInfo tr:nth-child(odd), .snarkComments tr:nth-child(even) { 706 740 background: #e0e0ff; 707 background: repeating-linear-gradient(45deg, rgba(2 55,255,255,0.8) 2px, rgba(196, 196, 255, 0.3) 3px, #fafaff 5px) #fafaff;741 background: repeating-linear-gradient(45deg, rgba(240,240,255,0.8) 2px, rgba(196, 196, 255, 0.3) 3px, #f6f6ff 5px) #f6f6ff; 708 742 } 709 743 … … 789 823 background: repeating-linear-gradient(135deg, rgba(238, 238, 255,0.7) 1px, rgba(238, 238, 255, 0.7) 5px, rgba(221, 221, 255, 0.7) 6px, rgba(221, 221, 255, 0.7) 11px); 790 824 border: 1px solid #99f; 825 border-radius: 2px; 791 826 box-shadow: 0 0 1px rgba(200,200,200,0.8); 792 827 margin: 0 auto; … … 795 830 .percentBarInner { 796 831 border: none; 832 border-radius: 2px; 797 833 height: 100%; 834 box-shadow: inset 0 0 0 1px #ddf; 798 835 background: #bbf; 836 background: linear-gradient(to right, rgba(255,255,0,0.1) 60px, rgba(0,255,0,0.1)), linear-gradient(to bottom, rgba(255, 255, 255,0.6) 0%, rgba(238, 238, 255, 0.6) 50%, rgba(200, 200, 255, 0.7) 50%, rgba(160, 160, 255, 0.7) 100%); 837 } 838 839 .peerinfo .percentBarInner { 799 840 background: linear-gradient(to bottom, rgba(255, 255, 255,0.6) 0%, rgba(238, 238, 255, 0.6) 50%, rgba(200, 200, 255, 0.7) 50%, rgba(160, 160, 255, 0.7) 100%); 800 box-shadow: inset 0 0 0 1px #ddf; 841 } 842 843 .snarkDirInfo .percentBarInner { 844 background: linear-gradient(to right, rgba(255,255,0,0.1) 40px, rgba(0,255,0,0.1)), linear-gradient(to bottom, rgba(255, 255, 255,0.6) 0%, rgba(238, 238, 255, 0.6) 50%, rgba(200, 200, 255, 0.7) 50%, rgba(160, 160, 255, 0.7) 100%); 801 845 } 802 846 … … 887 931 width: 100%; 888 932 margin-top: -1px; 933 transition: ease all 0.1s; 889 934 } 890 935 891 936 .snarkConfigTitle:hover a, .snarkConfigTitle:focus a { 892 937 color: #f60 !important; 938 transition: ease all 0.1s; 893 939 } 894 940 … … 901 947 border: 1px solid #7778bf; 902 948 border-top: 0; 949 border-radius: 0 0 3px 3px; 903 950 background: #fff url(/themes/console/light/images/header.png) repeat-x scroll center center; 904 951 background: linear-gradient(to bottom, #fff 50%, #eef 51%); 905 952 font-variant: small-caps !important; 906 box-shadow: 0 1px 2px #ccf ;953 box-shadow: 0 1px 2px #ccf, inset 0 0 0 1px #fff, inset 0 0 0 1px #fff; 907 954 display: inline-block; 908 955 min-width: 260px; 909 956 color: #559 !important; 957 transition: ease all 0.1s; 958 } 959 960 .iframed .snarkConfigTitle, .iframed .toggleview, .iframed .configsectionpanel .snarkConfigTitle:hover { 961 background: #e7e7ff linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.6) 50%, rgba(240, 240, 255, 0.4)); 910 962 } 911 963 … … 937 989 .snarkConfigTitle:active, .toggleview:active { 938 990 color: #f30 !important; 939 box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #558; 991 box-shadow: 0 0 0 0 #fff, inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #558; 992 transition: ease all 0.1s; 940 993 } 941 994 … … 1094 1147 text-align: center; 1095 1148 box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ddd; 1149 text-shadow: 0 1px 1px #fff; 1096 1150 filter: drop-shadow(0px 0 1px #ccf); 1097 1151 } … … 1103 1157 background: linear-gradient(#fff 50%, #ffe8bf 50%, #efd9b3 100%); 1104 1158 box-shadow: inset 0 0 0 1px #fff; 1159 text-shadow: none; 1105 1160 } 1106 1161 … … 1128 1183 } 1129 1184 1130 a.control img { 1131 filter: none; 1132 } 1185 a.control img, a.control:hover img, a.control:focus img, a.control:active img { 1186 filter: none !important; 1187 } 1188 1189 /* sync iframe buttons with main console theme */ 1190 1191 .iframed input[type="submit"], .iframed a.control { 1192 color: #41465f; 1193 font-weight: normal; 1194 border: 1px solid #999daf; 1195 background: linear-gradient(to bottom, #fff, #efefff); 1196 transition: ease border 0.7s; 1197 } 1198 1199 .iframed input[type="submit"]:hover, .iframed input[type="submit"]:focus, .iframed a.control:hover, .iframed a.control:focus { 1200 color: #19191f; 1201 border: 1px solid #f60; 1202 background: linear-gradient(to bottom, #eee, #fff); 1203 transition: ease border 0.7s; 1204 } 1205 1206 .iframed input[type="submit"]:active, .iframed a.control:active { 1207 color: #4c526f !important; 1208 box-shadow: inset 0 0 0 1px #fff, inset 2px 2px 2px #555 !important; 1209 background: linear-gradient(to bottom, #eee, #fff) !important; 1210 background-blend-mode: luminosity; 1211 } 1212 1213 .iframed a.control:active img { 1214 mix-blend-mode: luminosity; 1215 } 1216 1217 /* end iframed button sync */ 1133 1218 1134 1219 input[type=image], thead img { … … 1368 1453 padding: 0 10px; 1369 1454 border: 1px solid #7778bf; 1370 color: #001; 1371 box-shadow: inset 0 0 0 1px #efefff; 1455 box-shadow: inset 0 0 0 1px #fff; 1372 1456 background-blend-mode: luminosity; 1373 1457 text-align: center; … … 1379 1463 background: url(images/snark_create.png) no-repeat right center, linear-gradient(to bottom, #fafaff, #e0e0ef); 1380 1464 background: url(images/snark_create.png) no-repeat scroll right center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #fafaff), repeating-linear-gradient(135deg, #fff 2px, rgba(221, 221, 255, 1) 3px, #fafaff 5px); 1465 background: url(images/snark_create.png) no-repeat scroll right center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #f4f4ff 15%, #f4f4ff 85%, rgba(224, 224, 255, 0.5)), repeating-linear-gradient(135deg, #fff 2px, rgba(224, 224, 255, 0.5) 3px, #f4f4ff 5px); 1381 1466 background-size: 80px 80px, 100% 100%; 1382 1467 } … … 1386 1471 background: #fff url(images/snark_add.png) no-repeat right 15px center; 1387 1472 background: url(images/snark_add.png) no-repeat right 15px center, linear-gradient(to bottom, #fafaff, #e0e0ef); 1388 background: url(images/snark_add.png) no-repeat scroll right 15px center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #f afaff), repeating-linear-gradient(135deg, #fff 2px, rgba(221, 221, 255, 1) 3px, #fafaff 5px);1473 background: url(images/snark_add.png) no-repeat scroll right 15px center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #f4f4ff 15%, #f4f4ff 85%, rgba(224, 224, 255, 0.5)), repeating-linear-gradient(135deg, #fff 2px, rgba(224, 224, 255, 0.5) 3px, #f4f4ff 5px); 1389 1474 background-size: 61px 61px, 100% 100%; 1390 1475 } … … 1395 1480 background: #fff url(images/configuration.png) right -25px center no-repeat; 1396 1481 background: url(images/configuration.png) right -25px center no-repeat, linear-gradient(to bottom, #fafaff, #e0e0ef); 1397 background: url(images/configuration.png) no-repeat scroll right -25px center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #f afaff), repeating-linear-gradient(135deg, #fff 2px, rgba(221, 221, 255, 1) 3px, #fafaff 5px);1482 background: url(images/configuration.png) no-repeat scroll right -25px center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #f4f4ff 15%, #f4f4ff 85%, rgba(224, 224, 255, 0.5)), repeating-linear-gradient(135deg, #fff 2px, rgba(224, 224, 255, 0.5) 3px, #f4f4ff 5px); 1398 1483 background-size: 84px 82px, 100% 100%; 1399 1484 } … … 1403 1488 background: #fff url(images/configuration.png) no-repeat scroll right center; 1404 1489 background: url(images/configuration.png) no-repeat scroll right center, linear-gradient(to bottom, #fafaff, #e0e0ef); 1405 background: url(images/configuration.png) no-repeat scroll right center, linear-gradient(to top, rgba(224, 224, 255, 0.5), # efefff 55px, #fafaff), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 1) 3px, #efefef 5px);1490 background: url(images/configuration.png) no-repeat scroll right center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #f4f4ff 5%, #f4f4ff 95%, rgba(224, 224, 255, 0.5)), repeating-linear-gradient(135deg, #fff 2px, rgba(224, 224, 255, 0.5) 3px, #f4f4ff 5px); 1406 1491 background-size: 84px 82px, 100% 100%, 100% 100%; 1407 1492 } … … 1409 1494 form:last-child .configsectionpanel { 1410 1495 margin-top: 10px; 1496 background: url(images/configuration.png) no-repeat scroll right center, linear-gradient(to top, rgba(224, 224, 255, 0.5), #f4f4ff 10%, #f4f4ff 90%, rgba(224, 224, 255, 0.5)), repeating-linear-gradient(135deg, #fff 2px, rgba(224, 224, 255, 0.5) 3px, #f4f4ff 5px); 1411 1497 } 1412 1498 … … 1442 1528 min-width: 140px; 1443 1529 font-weight: bold; 1530 color: #41465f; 1444 1531 } 1445 1532 … … 1469 1556 font-weight: bold; 1470 1557 text-align: center; 1558 color: #41465f; 1471 1559 } 1472 1560 … … 2460 2548 .snarkConfigTitle, .toggleview, .configsectionpanel .snarkConfigTitle, .configsectionpanel .snarkConfigTitle:hover { 2461 2549 font-size: 12pt !important; 2462 padding: 4px 1px 5px !important;2550 padding: 4px 1px 3px !important; 2463 2551 min-width: 300px; 2464 2552 } -
installer/resources/themes/snark/midnight/snark.css
rcdd89df r1c6ca501 104 104 font-size: 9pt; 105 105 font-weight: bold; 106 margin: 0 -1px 0 0!important;106 margin: 0 -1px 0 -3px !important; 107 107 padding: 5px 7px 5px 26px !important; 108 108 text-decoration: none !important; … … 117 117 box-shadow: inset 0 0 0 1px #000, 0 0 1px #000; 118 118 text-shadow: 0 0 1px #000; 119 transition: ease all 0.1s; 119 120 } 120 121 … … 170 171 color: #652787; 171 172 border-color: #652787; 173 position: relative; 174 z-index: 999; 175 transition: ease box-shadow 0.1s; 172 176 } 173 177 … … 175 179 text-decoration: none !important; 176 180 color: #fff; 177 border: 1px solid #fff;178 181 background: #652787 url(images/button_tracker_active.png) !important; 179 182 background-repeat: no-repeat !important; … … 181 184 box-shadow: inset 3px 3px 2px #1f002f; 182 185 text-shadow: none; 186 transition: ease all 0.1s; 183 187 } 184 188 … … 490 494 } 491 495 492 .snarkTrackerDetails, . SnarkTorrentDetails {496 .snarkTrackerDetails, .snarkTorrentDetails { 493 497 width: 16px !important; 494 padding: 0 !important;495 498 text-align: center !important; 496 } 497 498 .snarkTrackerDetails { 499 text-align: right !important; 499 font-weight: bold; 500 padding-left: 0 !important; 501 padding-right: 0 !important; 502 } 503 504 .snarkTrackerDetails img, .snarkTorrentDetails img, .snarkDirInfo td:first-child img { 505 padding: 3px !important; 506 border: 1px solid transparent !important; 507 margin: 0 !important; 508 } 509 510 .snarkDirInfo td:first-child img { 511 margin: 0 2px !important; 512 } 513 514 .snarkTrackerDetails a:hover img, .snarkTrackerDetails img:hover, .snarkTrackerDetails a:focus img, 515 .snarkTorrentDetails a:hover img, .snarkTorrentDetails img:hover, .snarkTorrentDetails a:focus img, 516 .snarkDirInfo td:first-child a:hover img, .snarkDirInfo td:first-child a:focus img { 517 border: 1px solid #652787 !important; 518 border-radius: 2px; 519 box-shadow: 0 0 1px #652787; 520 background: #003; 521 background: linear-gradient(to bottom, #007 50%, #001 50%); 522 filter: none !important; 523 } 524 525 .snarkTrackerDetails a:active img, .snarkTorrentDetails a:active img, .snarkDirInfo td:first-child a:active img { 526 border: 1px solid #f90 !important; 527 box-shadow: inset 2px 2px 3px 3px #000; 528 transform: scale(0.9); 500 529 } 501 530 … … 1015 1044 background: repeating-linear-gradient(135deg, #001 1px, #001 5px, #003 6px, #003 11px); 1016 1045 border: 1px solid #171c3f; 1046 border-radius: 2px; 1017 1047 box-shadow: none; 1018 1048 box-shadow: 0 0 1px 1px rgba(0,0,0,0.8); … … 1029 1059 background: #33a; 1030 1060 background: linear-gradient(to bottom, #33a 0%, #226 50%, #003 50%, #000 100%); 1061 border-radius: 2px; 1031 1062 box-shadow: inset 0 0 0 1px #000; 1032 1063 opacity: 0.8; … … 1128 1159 letter-spacing: .15em; 1129 1160 border: 1px solid #443da0; 1161 border-radius: 0 0 2px 2px; 1130 1162 background: #003; 1131 1163 background: linear-gradient(to bottom, #191729, #1f1e32 50%, #000 50%); 1132 1164 box-shadow: inset 0 0 0 1px #000; 1133 1165 text-shadow: 0 0 1px #000; 1166 transition: ease all 0.1s; 1134 1167 } 1135 1168 … … 1141 1174 display: inline-block; 1142 1175 margin-top: -1px; 1176 transition: ease all 0.1s; 1177 } 1178 1179 .snarkConfigTitle:hover a { 1180 transition: ease all 0.1s; 1143 1181 } 1144 1182 … … 1146 1184 background: #002 !important; 1147 1185 background: linear-gradient(to bottom, #004 50%, #002 50%) !important; 1186 transition: ease all 0.1s; 1148 1187 } 1149 1188 … … 1151 1190 background: #003 !important; 1152 1191 background: linear-gradient(to bottom, #004 50%, #002 50%) !important; 1153 box-shadow: inset 3px 3px 3px #000; 1192 box-shadow: inset 3px 3px 3px 3px #002; 1193 transition: ease all 0.1s; 1154 1194 } 1155 1195 … … 1216 1256 font-size: 10pt; 1217 1257 width: 100%; 1218 }1219 1220 .snarkConfig i {1221 padding-left: 5px;1222 1258 } 1223 1259 -
installer/resources/themes/snark/ubergine/snark.css
rcdd89df r1c6ca501 108 108 .snarkNav:link, .snarkNav:visited { 109 109 display: inline-block; 110 line-height: 130%; 110 111 text-decoration: none !important; 111 112 text-transform: uppercase !important; … … 160 161 border: 1px solid #730; 161 162 box-shadow: 0 0 1px 0 #000, inset 0 0 0 1px #000, inset 3px 3px 3px 1px #3f1900 !important; 163 transition: ease box-shadow 0.1s; 162 164 } 163 165 … … 466 468 } 467 469 470 /* 468 471 .snarkTrackerDetails { 469 472 text-align: right; … … 471 474 min-width: 36px; 472 475 } 476 */ 473 477 474 478 .snarkTorrentName { … … 582 586 } 583 587 588 .snarkTorrents thead th:nth-child(3) { 589 max-width: 40px !important; 590 overflow: visible; 591 white-space: nowrap; 592 } 593 594 .snarkTorrents thead th:nth-child(3) img { 595 display: inline-block; 596 } 597 584 598 .snarkTorrentNoneLoaded, .snarkTorrentNoneLoaded:hover td { 585 599 background: #212 !important; … … 626 640 627 641 .snarkTrackerDetails img { 642 opacity: 0.75; 643 } 644 645 .snarkTrackerDetails a img:hover, .snarkTrackerDetails a img:focus { 646 opacity: 1; 647 } 648 649 .snarkTrackerDetails, .snarkTorrentDetails { 650 width: 16px !important; 651 text-align: center !important; 652 font-weight: bold; 653 padding-left: 0 !important; 654 padding-right: 0 !important; 655 } 656 657 .snarkTrackerDetails img, .snarkTorrentDetails img, .snarkDirInfo td:first-child img { 658 padding: 3px !important; 659 margin: 0 1px !important; 628 660 width: 16px; 629 661 height: 16px; 630 opacity: 0.75; 631 } 632 633 .snarkTrackerDetails a img:hover, .snarkTrackerDetails a img:focus { 634 opacity: 1; 662 border: 1px solid transparent !important; 663 transition: ease all 0.2s; 664 } 665 666 .snarkTrackerDetails a:hover img, .snarkTrackerDetails img:hover, .snarkTrackerDetails a:focus img, 667 .snarkTorrentDetails a:hover img, .snarkTorrentDetails img:hover, .snarkTorrentDetails a:focus img, 668 .snarkDirInfo td:first-child a:hover img, .snarkDirInfo td:first-child a:focus img { 669 border: 1px solid #f60 !important; 670 border-radius: 2px; 671 box-shadow: inset 0 0 0 1px #414; 672 background: #515; 673 background: linear-gradient(to bottom, #717 50%, #414 50%); 674 filter: none !important; 675 transition: ease all 0.2s; 676 } 677 678 .snarkTrackerDetails a:active img, .snarkTorrentDetails a:active img, .snarkDirInfo td:first-child a:active img { 679 border: 1px solid #101 !important; 680 box-shadow: inset 3px 3px 3px #313; 681 mix-blend-mode: luminosity; 682 transition: none; 635 683 } 636 684 … … 948 996 .thumb:hover { 949 997 margin: 0; 998 width: auto !important; 999 height: auto !important; 950 1000 max-width: 80px; 951 1001 max-height: 80px; … … 1140 1190 box-shadow: inset 0 0 1px #3f173f; 1141 1191 color: #d2baff !important; 1192 transition: ease all 0.1s; 1142 1193 } 1143 1194 … … 1160 1211 margin: 0 0 -3px !important; 1161 1212 min-width: 260px; 1213 transition: ease all 0.1s; 1162 1214 } 1163 1215 -
installer/resources/themes/snark/vanilla/nocollapse.css
rcdd89df r1c6ca501 8 8 9 9 label.toggleview, label.toggleview:hover, label.toggleview:active, .toggle_input:focus + .toggleview { 10 background: linear-gradient(to bottom, #ff eadf 0%, #ffeadf 51%, #cfb6a8 52%, #cfb6a8 100%) !important;10 background: linear-gradient(to bottom, #fff7ef, #cfc1b5) !important; 11 11 color: #930 !important; 12 12 cursor: default !important; -
installer/resources/themes/snark/vanilla/snark.css
rcdd89df r1c6ca501 140 140 box-shadow: inset 0 0 0 1px #fff5ef, 0 0 0 1px rgba(111, 96, 90, 0.3), 0 0 1px 1px rgba(79, 61, 54, 0.5); 141 141 background: #efefef; 142 background: linear-gradient(to bottom, #efefef 50%, #cfc7c2 5 2%, #cfc7c2 100%);142 background: linear-gradient(to bottom, #efefef 50%, #cfc7c2 53%); 143 143 min-width: 900px; 144 144 width: 70%; … … 160 160 161 161 .snarkNav:link, .snarkNav:visited { 162 text-decoration: none !important; 163 text-transform: uppercase !important; 162 display: inline-block; 163 position: relative; 164 z-index: 30; 165 margin: -3px -4px -4px 0 !important; 164 166 padding: 4px 10px 4px 28px !important; 165 margin: -3px -4px -4px 0 !important; 166 letter-spacing: 0.08em; 167 line-height: 130%; 167 168 font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif; 168 169 font-weight: bold; 169 170 font-size: 10pt; 170 171 color: #3f271b; 172 text-shadow: 0 0 1px #fff5ef; 173 text-decoration: none !important; 174 text-transform: uppercase !important; 175 letter-spacing: 0.08em; 176 border: 1px solid #2f1b0c; 177 border-radius: 0; 178 box-shadow: inset 0 0 0 1px #efe6e0, inset 0 0 0 rgba(0,0,0,0), 0 0 0 1px rgba(77, 69, 62, 0.1); 171 179 background-size: 17px auto, 100% 100%, 100% 100% !important; 172 180 background-position: 12px center, center center, center center !important; 173 181 background-repeat: no-repeat !important; 174 border-radius: 0; 175 border: 1px solid #efe6e0; 176 text-shadow: 0 0 1px #fff5ef; 177 box-shadow: inset 0 0 0 1px #efe6e0, 0 0 0 1px rgba(77, 69, 62, 0.1); 178 border: 1px solid #2f1b0c; 179 display: inline-block; 180 position: relative; 181 z-index: 30; 182 transition: ease all 0.1s; 182 183 } 183 184 … … 191 192 text-shadow: none !important; 192 193 color: #930 !important; 193 box-shadow: inset 0 0 0 1px #fff5ef, 0 0 0 1px rgba(77, 69, 62, 0.1);194 box-shadow: inset 0 0 0 1px #fff5ef, inset 0 0 0 rgba(0,0,0,0), 0 0 0 1px rgba(77, 69, 62, 0.1); 194 195 filter: drop-shadow(0 0 1px rgba(200,60,0,0.2)); 195 196 z-index: 10; 197 transition: ease all 0.1s; 196 198 } 197 199 … … 221 223 .nav_main:hover, .nav_main:focus { 222 224 background: #ffeadf url(images/button_snark_hover.png) 11px center no-repeat !important; 223 background: url(images/button_snark_hover.png) 11px center no-repeat, linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50% , #cfb6a8 100%) !important;225 background: url(images/button_snark_hover.png) 11px center no-repeat, linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%) !important; 224 226 background-size: 18px auto, 100% 100%, 100% 100% !important; 225 227 } … … 227 229 .nav_forum:hover, .nav_forum:focus { 228 230 background: #ffeadf url(images/button_forum_hover.png); 229 background: url(images/button_forum_hover.png), linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50% , #cfb6a8 100%);231 background: url(images/button_forum_hover.png), linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%); 230 232 } 231 233 232 234 .nav_tracker:hover, .nav_tracker:focus { 233 235 background: #ffeadf url(images/button_tracker_hover.png); 234 background: url(images/button_tracker_hover.png), linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50% , #cfb6a8 100%);236 background: url(images/button_tracker_hover.png), linear-gradient(to bottom, #ffeadf 47%, #cfb6a8 50%); 235 237 } 236 238 237 239 .nav_main:active { 238 240 background: #dfb899 url(images/button_snark_active.png) 11px center no-repeat !important; 239 background: url(images/button_snark_active.png) 11px center no-repeat, linear-gradient(to bottom, #dfb899 47%, #af9178 50% , #af9178 100%) !important;241 background: url(images/button_snark_active.png) 11px center no-repeat, linear-gradient(to bottom, #dfb899 47%, #af9178 50%) !important; 240 242 background-size: 18px auto, 100% 100%, 100% 100% !important; 241 243 } … … 243 245 .nav_forum:active { 244 246 background: #dfb899 url(images/button_forum_active.png); 245 background: url(images/button_forum_active.png), linear-gradient(to bottom, #dfb899 47%, #af9178 50% , #af9178 100%);247 background: url(images/button_forum_active.png), linear-gradient(to bottom, #dfb899 47%, #af9178 50%); 246 248 } 247 249 248 250 .nav_tracker:active { 249 251 background: #dfb899 url(images/button_tracker_active.png); 250 background: url(images/button_tracker_active.png), linear-gradient(to bottom, #dfb899 47%, #af9178 50% , #af9178 100%);252 background: url(images/button_tracker_active.png), linear-gradient(to bottom, #dfb899 47%, #af9178 50%); 251 253 } 252 254 … … 271 273 .snarkNav:active, .snarkNav:visited:active { 272 274 color: #eee !important; 275 transition: ease box-shadow 0.1s; 273 276 } 274 277 … … 290 293 width: auto; 291 294 background: #3f3833 url(images/hat.png) no-repeat scroll right center; 292 background: url(images/whippy.png) no-repeat scroll right 5px bottom -7px, linear-gradient(to bottom, #5f554d 0%, #3f3833 100%);295 background: url(images/whippy.png) no-repeat scroll right 5px bottom -7px, linear-gradient(to bottom, #5f554d, #3f3833); 293 296 background-size: auto 105%, 100% 100%; 294 297 } … … 594 597 595 598 .snarkTrackerDetails, .snarkTorrentDetails { 596 padding: 2px 0 !important;597 599 width: 16px !important; 598 } 599 600 .snarkTrackerDetails { 601 padding: 0 3px !important; 600 text-align: center !important; 601 font-weight: bold; 602 padding-left: 0 !important; 603 padding-right: 0 !important; 604 } 605 606 .snarkTrackerDetails img, .snarkTorrentDetails img, .snarkDirInfo td:first-child img { 607 padding: 3px !important; 608 border: 1px solid transparent !important; 609 margin: 0 !important; 610 } 611 612 .snarkDirInfo td:first-child img { 613 margin: 0 2px !important; 614 } 615 616 .snarkTrackerDetails a:hover img, .snarkTrackerDetails img:hover, .snarkTrackerDetails a:focus img, 617 .snarkTorrentDetails a:hover img, .snarkTorrentDetails img:hover, .snarkTorrentDetails a:focus img, 618 .snarkDirInfo td:first-child a:hover img, .snarkDirInfo td:first-child a:focus img { 619 border: 1px solid #f60 !important; 620 border-radius: 2px; 621 box-shadow: 0 0 1px #f60; 622 background: #ffeadf; 623 background: linear-gradient(to bottom, #ffeadf 50%, #cfb6a8 50%); 624 filter: none !important; 625 } 626 627 .snarkTrackerDetails a:active img, .snarkTorrentDetails a:active img, .snarkDirInfo td:first-child a:active img { 628 box-shadow: inset 2px 2px 3px 1px #59513b; 602 629 } 603 630 … … 651 678 border-radius: 2px; 652 679 padding: 3px !important; 653 background: linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, #cfc1b5 52%, #cfc1b5 100%);680 background: linear-gradient(to bottom, #fff7ef 51%, #cfc1b5 52%, #cfc1b5); 654 681 box-shadow: inset 0 0 0 1px #efe6e0; 655 682 vertical-align: middle; … … 661 688 .snarkTorrentAction input[type="image"]:hover, .snarkTorrents th:last-child input[type="image"]:hover, 662 689 .snarkTorrentAction input[type="image"]:focus, .snarkTorrents th:last-child input[type="image"]:focus { 663 background: linear-gradient(to bottom, #ffeadf 0%, #ffeadf 51%, #cfb6a8 52%, #cfb6a8 100%);690 background: linear-gradient(to bottom, #ffeadf 51%, #cfb6a8 52%); 664 691 border: 1px solid #930 !important; 665 692 box-shadow: inset 0 0 0 1px #fff; … … 994 1021 995 1022 .percentBarOuter { 996 background: #fff7ef;997 background: repeating-linear-gradient(135deg, #fff7ef 1px, #fff7ef 5px, #efdfd1 6px, #efdfd1 11px);1023 display: inline-block; 1024 margin: 0; 998 1025 border: 1px solid #998; 999 1026 border-bottom: 1px solid #776; 1000 1027 border-right: 1px solid #776; 1028 border-radius: 2px; 1001 1029 box-shadow: none; 1002 1030 opacity: 1; 1003 margin: 0;1004 display: inline-block;1031 background: #fff7ef; 1032 background: repeating-linear-gradient(135deg, #fff7ef 1px, #fff7ef 5px, #efdfd1 6px, #efdfd1 11px); 1005 1033 } 1006 1034 … … 1023 1051 1024 1052 .percentBarInner { 1053 height: 100%; 1054 height: 16px; 1055 vertical-align: middle; 1025 1056 border: none; 1026 height: 100%; 1057 border-radius: 2px; 1058 box-shadow: inset 0 0 0 1px #efe6e0; 1027 1059 background: #cfc1b5; 1028 background: linear-gradient(to bottom, rgba(255, 247, 239, 0.8) 0%, rgba(255, 247, 239, 0.8) 50%, rgba(207, 193, 181, 0.9) 50%, rgba(207, 193, 181, 1) 100%); 1029 box-shadow: inset 0 0 0 1px #efe6e0; 1030 vertical-align: middle; 1031 height: 16px; 1060 background: linear-gradient(to bottom, rgba(255, 247, 239, 0.8) 50%, rgba(207, 193, 181, 0.9) 50%, rgba(207, 193, 181, 1)); 1032 1061 } 1033 1062 1034 1063 .snarkTorrentDownloaded .percentBarInner { 1035 background: linear-gradient(to bottom, rgba(255, 247, 239, 0.75) 0%, rgba(255, 247, 239, 0.75) 50%, rgba(207, 193, 181, 0.8) 50%, rgba(207, 193, 181, 0.9) 100%), linear-gradient(to right, rgba(255, 100, 0, 0.5) 37px, rgba(255, 255, 0, 0.5) 74px, rgba(0, 255, 0, 0.5));1064 background: linear-gradient(to bottom, rgba(255, 247, 239, 0.75) 50%, rgba(207, 193, 181, 0.8) 50%, rgba(207, 193, 181, 0.9)), linear-gradient(to right, rgba(255, 100, 0, 0.5) 37px, rgba(255, 255, 0, 0.5) 74px, rgba(0, 255, 0, 0.5)); 1036 1065 } 1037 1066 1038 1067 .snarkDirInfo .percentBarInner { 1039 background: linear-gradient(to bottom, rgba(255, 247, 239, 0.75) 0%, rgba(255, 247, 239, 0.75) 50%, rgba(207, 193, 181, 0.8) 50%, rgba(207, 193, 181, 0.9) 100%), linear-gradient(to right, rgba(255, 100, 0, 0.5) 30px, rgba(255, 255, 0, 0.5) 60px, rgba(0, 255, 0, 0.5));1068 background: linear-gradient(to bottom, rgba(255, 247, 239, 0.75) 50%, rgba(207, 193, 181, 0.8) 50%, rgba(207, 193, 181, 0.9)), linear-gradient(to right, rgba(255, 100, 0, 0.5) 30px, rgba(255, 255, 0, 0.5) 60px, rgba(0, 255, 0, 0.5)); 1040 1069 } 1041 1070 1042 1071 .peerinfo .percentBarInner { 1043 background: linear-gradient(to bottom, rgba(255, 247, 239, 0.75) 0%, rgba(255, 247, 239, 0.75) 50%, rgba(207, 193, 181, 0.8) 50%, rgba(207, 193, 181, 0.9) 100%) !important;1072 background: linear-gradient(to bottom, rgba(255, 247, 239, 0.75) 50%, rgba(207, 193, 181, 0.8) 50%, rgba(207, 193, 181, 0.9)) !important; 1044 1073 } 1045 1074 … … 1208 1237 border-top: 0; 1209 1238 background: #fff7ef; 1210 background: linear-gradient(to bottom, #fff7ef 0%, #fff7ef 51%, rgba(207, 193, 181, 0.6) 52%), repeating-linear-gradient(135deg, #75604e 1px, #a09286 1px, #bfafa2 2px);1239 background: linear-gradient(to bottom, #fff7ef 50%, rgba(207, 193, 181, 0.6) 50%), repeating-linear-gradient(135deg, #75604e 1px, #a09286 1px, #bfafa2 2px); 1211 1240 color: #444039 !important; 1212 1241 box-shadow: 0 0 2px #4d453e, inset 0 0 0 1px #efe6e0; … … 1219 1248 .snarkConfigTitle:hover, .toggleview:hover, input.toggle_input:focus + .toggleview { 1220 1249 background: #ffeadf; 1221 background: linear-gradient(to bottom, #ffeadf 0%, #ffeadf 51%, #cfb6a8 52%, #cfb6a8 100%);1250 background: linear-gradient(to bottom, #ffeadf 50%, #cfb6a8 50%); 1222 1251 color: #930 !important; 1252 transition: ease all 0.1s; 1223 1253 } 1224 1254 … … 1233 1263 .snarkConfigTitle:active, .toggleview:active { 1234 1264 box-shadow: 0 0 2px #4d453e, inset 0 0 0 1px #fff, inset 2px 2px 3px 1px #59513b; 1235 }1236 1237 .snarkConfigTitle a:hover, .snarkConfigTitle a:visited:hover {1238 color: #930 !important;1239 }<