- Timestamp:
- Jul 30, 2017 12:05:04 PM (4 years ago)
- Branches:
- master
- Children:
- 9f15ae6
- Parents:
- 5dd5a99
- Location:
- installer/resources/themes/console
- Files:
-
- 5 edited
Legend:
- Unmodified
- Added
- Removed
-
installer/resources/themes/console/classic/console.css
r5dd5a99 r26bc83c 757 757 border: 1px solid #88f; 758 758 border-radius: 2px; 759 padding: 6px 3px;760 width: calc(100% - 1 0px);761 margin: - 5px 0 -6px;759 padding: 6px 5px; 760 width: calc(100% - 12px); 761 margin: -6px 0 -7px; 762 762 box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgba(96,96,96,0.5); 763 763 text-shadow: 0 1px 1px #fff; … … 793 793 .routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before, 794 794 .routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before { 795 padding-right: 2px;795 padding-right: 1px; 796 796 vertical-align: middle; 797 797 display: inline-block; 798 798 filter: drop-shadow(0 0 1px rgba(96,96,96,0.5)); 799 transform: scale(0.9); 799 800 } 800 801 … … 1039 1040 } 1040 1041 1041 a:visited {1042 a:visited, #graphopts a, #graphopts a:visited { 1042 1043 color: #448 !important; 1043 1044 text-decoration: none; … … 1833 1834 .main#dns, .main#webmail, .main#torrents { 1834 1835 padding: 0 !important; 1835 min-width: 570px;1836 }1837 1838 .main#proof {1839 padding: 0;1840 1836 min-width: 570px; 1841 1837 } … … 3942 3938 } 3943 3939 3940 /* graphs */ 3941 3944 3942 .graphspanel { 3945 padding: 15px 5px 0;3943 padding: 15px 5px 1px; 3946 3944 margin: -16px -16px -11px -16px; 3947 3945 text-align: center !important; … … 3949 3947 } 3950 3948 3949 #graphs .graphspanel { 3950 margin: -16px; 3951 } 3952 3953 h3#graphdisplay { 3954 margin: 12px -16px 10px; 3955 } 3956 3951 3957 .graphspanel img { 3952 margin: 5px ;3958 margin: 5px 4px; 3953 3959 padding: 1px; 3954 background: #f 6f6ff;3955 border: 1px solid # 89f;3956 box-shadow: 0 0 1px #aaa;3960 background: #fff; 3961 border: 1px solid #9af; 3962 box-shadow: 0 0 1px 0 #abf; 3957 3963 max-width: 95%; 3958 3964 max-width: calc(100% - 50px); … … 3961 3967 .graphspanel a img { 3962 3968 background: #fff; 3969 border: 1px solid #89f; 3963 3970 opacity: 0.9; 3964 3971 vertical-align: top; … … 3973 3980 } 3974 3981 3982 .graphspanel a:active img { 3983 border: 1px solid #f90; 3984 } 3985 3975 3986 .graphspanel hr { 3976 3987 margin: 10px 0; … … 3994 4005 } 3995 4006 4007 #graphs form[action="graphs"] { 4008 margin: -11px -16px; 4009 } 4010 3996 4011 form[action="graphs"] hr { 3997 4012 margin: 5px -11px 3px; … … 4003 4018 } 4004 4019 4005 p#graphopts {4006 text-align: center;4007 border: 1px solid #89f;4008 background: rgba(255,255,255,0.8);4009 margin: 25px -5px 0;4010 padding: 10px;4011 text-transform: capitalize;4012 }4013 4014 h3#graphinfo {4015 margin: 5px 10px 15px;4016 text-transform: capitalize;4017 }4018 4019 p#graphopts + p {4020 text-align: right;4021 background: #fff;4022 margin: -1px -5px 0;4023 padding: 10px;4024 border: 1px solid #89f;4025 display: none;4026 }4027 4028 4020 .formaction#graphing { 4029 4021 margin: -3px -10px -5px; 4030 4022 } 4031 4023 4032 /* newgraphs optionbox */4024 /* graphs optionbox */ 4033 4025 4034 4026 #graphs form { … … 4058 4050 #graphs td:first-child { 4059 4051 text-align: right; 4060 width: 85px;4052 min-width: 100px; 4061 4053 white-space: nowrap; 4062 4054 padding: 13px 3px 13px 5px; 4055 font-weight: bold; 4063 4056 } 4064 4057 … … 4086 4079 } 4087 4080 4088 /* end new graphs optionbox */ 4081 /* end graphs optionbox */ 4082 4083 /* single view */ 4084 4085 #graph_single { 4086 padding-left: 0; 4087 padding-right: 0; 4088 } 4089 4090 #graph_single .graphspanel { 4091 margin: 0 -1px -13px; 4092 padding: 3px 0 0 !important; 4093 } 4094 4095 #graph_single .graphspanel img { 4096 margin: 10px 0; 4097 } 4098 4099 #graphopts { 4100 text-align: center; 4101 border: 1px solid #89f; 4102 background: rgba(255,255,255,0.8); 4103 margin: 25px -1px -11px; 4104 padding: 10px 10px 9px; 4105 text-transform: capitalize; 4106 color: transparent; 4107 } 4108 4109 h3#graphinfo { 4110 margin: 0 15px 9px; 4111 text-transform: capitalize; 4112 } 4113 4114 #graphopts + p { 4115 text-align: right; 4116 background: #fff; 4117 margin: -1px -5px 0; 4118 padding: 10px; 4119 border: 1px solid #89f; 4120 display: none; 4121 } 4122 4123 #graphopts a { 4124 display: inline-block; 4125 border: 1px solid #8b8edf; 4126 padding: 1px 10px; 4127 border-radius: 15px; 4128 background: #f8f8ff; 4129 background: rgba(248,248,255,0.3); 4130 margin: 3px -2px; 4131 box-shadow: 0 0 0 1px #ddf; 4132 box-shadow: 0 0 0 1px rgba(220,220,255,0.6); 4133 } 4134 4135 #graphopts a:empty { 4136 display: none; 4137 } 4138 4139 #graphopts a:hover, #graphopts a:focus { 4140 border: 1px solid #7778bf; 4141 background: #e2e2ff; 4142 background: linear-gradient(to bottom, #fff 50%, #d8d4ff 50%); 4143 box-shadow: 0 0 0 1px rgba(220,220,255,0.6), inset 0 0 0 1px #d8d4ff; 4144 } 4145 4146 #graphopts a:active { 4147 box-shadow: inset 3px 3px 3px rgba(41,61,95,0.8); 4148 color: #557 !important; 4149 } 4150 4151 /* end single view */ 4152 /* end graphs */ 4089 4153 4090 4154 .footnote { … … 5348 5412 } 5349 5413 5414 .main#proof { 5415 padding: 10px; 5416 min-width: 570px; 5417 } 5418 5350 5419 #proof p { 5351 5420 margin: 0; 5352 padding: 0; 5421 padding: 20px 10px 10px; 5422 border: 1px solid #89f; 5423 box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc; 5424 background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat #eeeffb; 5425 background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat rgba(220,225,252,0.3); 5426 background-blend-mode: luminosity; 5353 5427 } 5354 5428 5355 5429 #proof textarea, #proof textarea:focus { 5430 line-height: 180%; 5431 margin: 0; 5356 5432 border: none; 5357 margin: 0;5358 5433 padding: 15px 20px; 5359 5434 width: 100%; … … 5361 5436 color: #333; 5362 5437 background: none; 5438 height: 200px; 5439 overflow: hidden; 5440 white-space: pre-wrap; 5441 word-break: break-all; 5442 } 5443 5444 #oldconsole p { 5445 margin: 0 0 5px; 5446 padding: 10px 20px; 5447 line-height: 200%; 5448 border: 1px solid #89f; 5449 box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc; 5450 background: #eeeffb; 5451 background: rgba(220,225,252,0.3); 5452 } 5453 5454 #oldconsole b { 5455 display: inline-block; 5456 min-width: 120px; 5457 margin-right: 8px; 5458 text-align: right; 5363 5459 } 5364 5460 -
installer/resources/themes/console/dark/console.css
r5dd5a99 r26bc83c 1114 1114 border: 1px solid #494; 1115 1115 padding: 3px; 1116 margin: 5px 3px;1116 margin: 6px 4px; 1117 1117 text-align: center !important; 1118 1118 opacity: 0.9; … … 1166 1166 1167 1167 #graphopts { 1168 margin: 30px 0 5px !important; 1169 line-height: 220%; 1168 margin: 30px -15px -5px !important; 1169 padding: 11px 10px 10px; 1170 border-top: 1px solid #494; 1171 text-align: center; 1172 background: #010; 1173 background: rgba(0,16,0,0.5); 1170 1174 } 1171 1175 1172 1176 #graphopts a { 1177 display: inline-block; 1173 1178 filter: none; 1174 1179 border: 1px solid #030; 1175 padding: 2px 10px; 1180 padding: 1px 10px; 1181 line-height: 130%; 1182 margin: 3px -1px; 1183 text-transform: capitalize; 1176 1184 } 1177 1185 … … 1185 1193 1186 1194 h3#graphinfo { 1187 margin-top: 0;1195 margin-top: 15px; 1188 1196 border-radius: 0 !important; 1189 1197 } … … 1191 1199 .graphspanel p:last-child { 1192 1200 display: none; 1193 }1194 1195 form[action="graphs"] {1196 border: 1px solid #494;1197 padding: 10px 10px 0 !important;1198 background: #000;1199 margin-top: -11px;1200 margin-bottom: 10px;1201 1201 } 1202 1202 … … 1217 1217 letter-spacing: normal; 1218 1218 word-spacing: normal; 1219 } 1220 1221 /* new graphs optionbox */ 1222 1223 h3#graphdisplay { 1224 margin: 15px 10px 10px; 1219 1225 } 1220 1226 … … 1226 1232 } 1227 1233 1228 /* new graphs optionbox */ 1234 form[action="graphs"] { 1235 border: 1px solid #494; 1236 background: #000; 1237 margin: -11px 10px 13px; 1238 } 1229 1239 1230 1240 #graphs form { … … 4605 4615 } 4606 4616 4617 #proof p { 4618 margin: 15px; 4619 padding: 30px 5px 0; 4620 border: 1px solid #000; 4621 border-radius: 2px; 4622 box-shadow: inset 0 0 0 1px #020, 0 0 1px #000; 4623 background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat #001900; 4624 background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat rgba(0,32,0,0.4); 4625 background-blend-mode: color-burn; 4626 } 4627 4607 4628 #proof textarea { 4608 4629 line-height: 160%; 4609 4630 font-size: 9pt; 4631 overflow: hidden; 4632 word-break: break-all; 4633 white-space: pre-wrap; 4634 height: 200px; 4610 4635 } 4611 4636 4612 4637 #proof textarea:focus { 4613 4638 outline: none; 4639 } 4640 4641 #oldconsole p { 4642 margin: 15px 0 10px; 4643 padding: 10px 20px; 4644 line-height: 200%; 4645 border: 1px solid #000; 4646 border-radius: 2px; 4647 box-shadow: inset 0 0 0 1px #020, 0 0 1px #000; 4648 background: #001900; 4649 background: rgba(0,32,0,0.4); 4650 } 4651 4652 #oldconsole b { 4653 display: inline-block; 4654 min-width: 120px; 4655 margin-right: 8px; 4656 text-align: right; 4614 4657 } 4615 4658 -
installer/resources/themes/console/light/console.css
r5dd5a99 r26bc83c 57 57 58 58 .routersummary img[src$="i2plogo.png"], .routersummary h3, .confignav, *::before, *::after, div.app, .themechoice, .langselect, .langbox, 59 .newsAuthor, #netdbcountrylist img, .viewfullentry, .sybil_routerinfo th img, .graphspanel, #themeoptions {59 .newsAuthor, #netdbcountrylist img, .viewfullentry, .sybil_routerinfo th img, .graphspanel, #themeoptions, #graphopts, #newsDisplay { 60 60 -moz-user-select: none; 61 61 -webkit-user-select: none; … … 149 149 height: auto; 150 150 filter: drop-shadow(0 0 1px #ccf); 151 } 152 153 @media screen and (-webkit-min-device-pixel-ratio: 0) { 154 .routersummary img[src$="i2plogo.png"] { 155 margin-top: -2px !important; 156 } 151 157 } 152 158 … … 561 567 border: 1px solid #88f; 562 568 border-radius: 2px; 563 padding: 6px 3px;569 padding: 5px 6px; 564 570 width: calc(100% - 10px); 565 571 width: 100%; … … 603 609 .routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before, 604 610 .routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before { 605 padding-right: 3px;611 padding-right: 2px; 606 612 vertical-align: middle; 607 613 display: inline-block; 608 614 filter: drop-shadow(0 0 1px rgba(96,96,96,0.5)); 609 } 610 611 .routersummary .error::before, .routersummary .clockskew::before { 615 transform: scale(0.9); 616 } 617 618 .routersummary .error::before { 612 619 content: url(/themes/console/images/info/network_status/network_error.png); 613 620 } … … 768 775 .logo hr { 769 776 margin: 8px -10px; 770 background: #77 89bf;777 background: #7778bf; 771 778 height: 1px 772 779 } 773 780 774 781 .warning hr { 775 background: #77 89bf;776 background: linear-gradient(to right, #77 89bf, #c2c4ef);782 background: #7778bf; 783 background: linear-gradient(to right, #7778bf, #c2c4ef); 777 784 } 778 785 … … 1266 1273 1267 1274 .newscontent { 1268 background -color: rgba(220,220,255,0.6);1269 background: linear-gradient(to bottom, #eef, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) !important;1275 background: #eef !important; 1276 background: linear-gradient(to bottom, rgba(240,240,255,0.8), rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) !important; 1270 1277 border: 1px solid #7778bf; 1271 1278 border-radius: 0 0 2px 2px; … … 1319 1326 border-radius: 15px; 1320 1327 background: #f8f8ff; 1321 background: rgba(248,248,255,0. 3);1328 background: rgba(248,248,255,0.5); 1322 1329 margin-left: -3px; 1323 1330 box-shadow: 0 0 0 1px #ddf; … … 1325 1332 } 1326 1333 1327 .news #newsdisplay a:hover, .news #newsdisplay a:focus, #graphopts a:hover, #graphopts a:focus { 1334 .news #newsdisplay a:hover, .news #newsdisplay a:focus, 1335 #graphopts a:hover, #graphopts a:visited:hover, #graphopts a:focus, #graphopts a:visited:focus { 1336 color: #4f8fff; 1328 1337 border: 1px solid #7778bf; 1329 1338 background: #e2e2ff; 1330 1339 background: linear-gradient(to bottom, #f8f8ff 50%, #e2e2ff 50%); 1331 box-shadow: 0 0 0 1px rgba(220,220,255,0.6), inset 0 0 0 1px #fff; 1332 } 1333 1334 .news #newsdisplay a:active, #graphopts a:active { 1335 box-shadow: inset 2px 2px 3px #335; 1340 box-shadow: 0 0 0 1px rgba(220,220,255,0.6), inset 0 0 0 1px #efefff; 1341 } 1342 1343 .news #newsdisplay a:focus, #graphopts a:focus, #graphopts a:visited:focus { 1344 border: 1px solid #f60; 1345 } 1346 1347 .news #newsdisplay a:active, #graphopts a:active, #graphopts a:visited:active { 1348 box-shadow: inset 3px 3px 3px rgba(41,61,95,0.8); 1349 color: #559 !important; 1350 border: 1px solid #7778bf; 1336 1351 } 1337 1352 … … 1377 1392 background: url(images/news.png) 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 right, #fafaff 5%, rgba(231, 231, 255, 0.8)) 15% !important; 1378 1393 text-align: left; 1379 padding: 5px 10px 5px 30px;1394 padding: 6px 10px 5px 30px; 1380 1395 border: 1px solid #7778bf; 1381 1396 border-radius: 2px 2px 0 0; … … 1386 1401 margin-bottom: -1px; 1387 1402 filter: none; 1403 } 1404 1405 @media screen and (-webkit-min-device-pixel-ratio: 0) { 1406 div.news h3, #news h3 { 1407 padding: 7px 10px 5px 30px; 1408 } 1388 1409 } 1389 1410 … … 1509 1530 margin: 15px 0 15px 0; 1510 1531 border-radius: 0 2px 2px 0; 1511 background: #ffe;1512 1532 text-align: left; 1513 1533 } … … 1560 1580 1561 1581 h3#transports, h3#upnp { 1562 border: 1px solid #77 89bf;1582 border: 1px solid #7778bf; 1563 1583 } 1564 1584 1565 1585 pre#transports { 1566 1586 display: inline-block; 1567 border: 1px solid #77 89bf;1587 border: 1px solid #7778bf; 1568 1588 background: #fafaff; 1569 1589 padding: 10px 0 0 10px; … … 1573 1593 1574 1594 #upnpscan { 1575 border: 1px solid #77 89bf;1595 border: 1px solid #7778bf; 1576 1596 margin: -16px 0 5px; 1577 1597 padding: 5px 10px; … … 1612 1632 /* end confignet tidyup */ 1613 1633 1614 .main#tunnels h3 a:not(old), #criticallogs + h3.tabletitle a:not(old) { 1634 h3#exploratorytunnels { 1635 margin-top: 15px; 1636 } 1637 1638 #tunnels h3 a:not(old), #criticallogs + h3.tabletitle a:not(old) { 1615 1639 font-size: 0; 1616 1640 } 1617 1641 1618 .main#tunnels h3 a[href^="/configtunnels#"]::after, #criticallogs + h3.tabletitle a::after {1642 #tunnels h3 a[href^="/configtunnels#"]::after, #criticallogs + h3.tabletitle a::after { 1619 1643 content: url(/themes/console/images/buttons/configure.png); 1620 1644 float: right; … … 1623 1647 } 1624 1648 1625 .main#tunnels h3 a[href^="/configtunnels#"]:hover, #criticallogs + h3.tabletitle a:hover {1649 #tunnels h3 a[href^="/configtunnels#"]:hover, #criticallogs + h3.tabletitle a:hover { 1626 1650 filter: drop-shadow(0 0 1px #f60); 1627 1651 } … … 1742 1766 } 1743 1767 1768 /* graphs */ 1769 1744 1770 .graphspanel { 1745 1771 text-align: center !important; 1746 1772 margin: 15px 0 -15px; 1773 } 1774 1775 #graph_single h3 { 1776 margin: 15px 0 0 !important; 1777 } 1778 1779 #graph_single .graphspanel { 1780 margin: 9px -9px -20px; 1747 1781 } 1748 1782 … … 1753 1787 vertical-align: top !important; 1754 1788 background: #fff; 1755 border: 1px solid # 6b6c8f;1756 box-shadow: 0 0 01px #ccc;1789 border: 1px solid #7778bf; 1790 box-shadow: 0 0 1px #ccc; 1757 1791 max-width: 98%; 1758 1792 } … … 1760 1794 .graphspanel a img { 1761 1795 box-shadow: 0 0 1px #ccf; 1796 filter: none !important; 1762 1797 } 1763 1798 1764 1799 .graphspanel a img:hover { 1765 1800 box-shadow: inset 0 0 1px 1px #f60; 1766 filter: none !important;1767 1801 cursor: url(/themes/console/images/cursor_zoom.png), pointer; 1768 1802 mix-blend-mode: multiply; … … 1784 1818 #graphopts { 1785 1819 text-align: center; 1786 margin-top: 20px;1787 margin-bottom: 15px;1788 padding: 3px 0 5px;1789 1820 text-transform: capitalize; 1790 line-height: 220%; 1821 padding: 10px 0 9px; 1822 margin: 30px -14px -9px; 1823 border-top: 1px solid #77789f; 1824 box-shadow: inset 0 0 0 1px #fff; 1825 background: #e8e8ff; 1826 background: repeating-linear-gradient(135deg, rgba(248,248,255,0.6) 2px, rgba(220, 220, 255, 0.3) 3px, #f8f8ff 5px), #f8f8ff; 1827 filter: drop-shadow(0 0 1px #ccc); 1791 1828 } 1792 1829 1793 1830 #graphopts a { 1794 margin: 0 -2px !important; 1831 margin: 3px -2px !important; 1832 display: inline-block; 1833 padding: 1px 10px !important; 1834 line-height: 140%; 1795 1835 } 1796 1836 … … 1877 1917 1878 1918 /* end new graphs optionbox */ 1919 /* end graphs */ 1879 1920 1880 1921 .messages { … … 2388 2429 } 2389 2430 2431 /* optional homepage search */ 2432 2390 2433 div.search { 2391 2434 margin: 10px 10px 0 0; … … 2402 2445 background: #fafaff !important; 2403 2446 background: linear-gradient(to bottom, #fafaff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) !important; 2404 padding: 8px;2447 padding: 4px 6px; 2405 2448 width: 70%; 2406 margin-left: auto;2407 margin-right: auto;2449 margin-left: auto; 2450 margin-right: auto; 2408 2451 margin-top: -19px; 2409 box-shadow: 0 1px 1px 1px rgba(210, 210, 255, 0.3), inset 0 0 01px #bbf;2452 box-shadow: 0 1px 1px 1px rgba(210, 210, 255, 0.3), inset 0 0 1px 1px #bbf; 2410 2453 } 2411 2454 … … 2448 2491 text-overflow: ellipsis; 2449 2492 } 2493 2494 /* end optional homepage search */ 2450 2495 2451 2496 .app img { … … 2579 2624 } 2580 2625 2581 a:link, #graphopts a:visited {2626 a:link, #graphopts a:visited, .news #newsdisplay a { 2582 2627 color: #3b6bbf; 2583 2628 text-decoration: none; … … 3122 3167 3123 3168 h3 { 3124 border: 1px solid #77 89bf;3125 border-left: 5px solid #77 89bf;3169 border: 1px solid #7778bf; 3170 border-left: 5px solid #7778bf; 3126 3171 padding: 7px 5px 6px 7px; 3127 3172 margin: 12px 0 15px 0; … … 3404 3449 button.search { 3405 3450 background: url(/themes/console/images/buttons/search.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #ddd); 3406 padding: 5px 7px 5px 22px; 3407 } 3408 3409 button.search:hover { 3410 background: url(/themes/console/images/buttons/search_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff); 3451 padding: 5px 7px 5px 24px; 3452 } 3453 3454 button.search:hover, button.search:focus, button.search:active { 3455 background: url(/themes/console/images/buttons/search_hover.png) no-repeat 6px center, linear-gradient(to bottom, #ddd, #fff) !important; 3456 background-size: 14px 14px, 100% 100% !important; 3411 3457 } 3412 3458 … … 5396 5442 border-radius: 2px; 5397 5443 display: block; 5398 padding: 5px 1px;5399 -moz-columns: 300pxauto;5400 -webkit-columns: 300pxauto;5401 columns: 300pxauto;5444 padding: 2px 0; 5445 -moz-columns: auto; 5446 -webkit-columns: auto; 5447 columns: auto; 5402 5448 -moz-column-gap: 0; 5403 5449 -webkit-column-gap: 0; … … 5408 5454 border: none; 5409 5455 background: none; 5410 padding: 0;5411 }5412 5413 #config_peers #banlist {5414 padding-bottom: 0;5415 5456 } 5416 5457 5417 5458 #banlist li { 5418 5459 display: inline-block; 5460 min-width: 300px; 5461 line-height: 120%; 5462 margin: 3px 0 3px 5px !important; 5463 padding: 8px 10px 0 35px; 5419 5464 list-style: none; 5420 margin: 5px 3px 5px 0;5421 5465 border: 1px solid #7778bf; 5422 5466 border-radius: 2px; 5423 padding: 8px 10px 0 35px; 5424 line-height: 120%; 5467 box-shadow: inset 0 0 0 1px #fff; 5425 5468 background: #eef url(/themes/console/images/buttons/ban.png) 10px center no-repeat; 5426 5469 background: url(/themes/console/images/buttons/ban.png) 10px center no-repeat, repeating-linear-gradient(135deg, rgba(252,252,255,0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px) #fafaff; 5470 font-size: 9pt; 5471 filter: drop-shadow(0 0 1px #f8f8ff); 5427 5472 -webkit-break-inside: avoid; 5428 5473 break-inside: avoid; 5429 5474 page-break-inside: avoid; 5430 font-size: 9pt;5431 box-shadow: inset 0 0 0 1px #fff;5432 filter: drop-shadow(0 0 1px #f8f8ff);5433 min-width: 300px;5434 5475 } 5435 5476 … … 5444 5485 #banlist a[href^="configpeer?peer"]::after { 5445 5486 vertical-align: top; 5446 }5447 5448 #profiles #banlist li {5449 margin: 0;5450 5487 } 5451 5488 … … 5964 6001 border: 1px solid #99b; 5965 6002 border-radius: 2px; 5966 box-shadow: inset 0 0 0 1px #fff, 0 0 1px # 557;6003 box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccf; 5967 6004 } 5968 6005 … … 6465 6502 margin-top: -16px; 6466 6503 background: linear-gradient(to bottom, #fafaff, rgba(250,250,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #efefff !important; 6467 border: 1px solid #77 89bf;6504 border: 1px solid #7778bf; 6468 6505 box-shadow: inset 0 0 0 1px #fff; 6469 6506 filter: drop-shadow(0px 0 1px #ccf); -
installer/resources/themes/console/light/console_ar.css
r5dd5a99 r26bc83c 53 53 h1 { 54 54 margin: 0 212px -15px 0; 55 padding: 20px 20px 20px 10px;55 padding: 15px 20px 15px 10px; 56 56 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; 57 57 } … … 96 96 display: inline-block; 97 97 line-height: 120%; 98 font-size: 10pt; 99 font-weight: bold; 98 100 } 99 101 … … 533 535 #configstats td:nth-child(2) { 534 536 padding-right: 10px; 537 direction: ltr; 535 538 } 536 539 … … 607 610 .tab, .tab2 { 608 611 display: inline-block; 609 font-size: 1 2pt !important;612 font-size: 11pt !important; 610 613 margin-top: -5px; 611 614 padding-top: 6px !important; … … 977 980 978 981 .routersummary td:first-child, .routersummary td:nth-last-child(n+2), .routersummary td a { 979 font-size: 10 .5pt !important;982 font-size: 10pt !important; 980 983 } 981 984 -
installer/resources/themes/console/midnight/console.css
r5dd5a99 r26bc83c 2120 2120 2121 2121 #graphopts { 2122 margin-top: 30px !important; 2123 padding: 12px 0; 2122 margin: 30px -10px 0 !important; 2123 padding: 10px 0 8px; 2124 text-align: center; 2125 background: #001; 2126 background: rgba(0,0,16,0.5); 2127 border-top: 1px solid #443da0; 2124 2128 } 2125 2129 … … 2129 2133 border-color: #003; 2130 2134 padding: 0 10px !important; 2135 text-transform: capitalize; 2131 2136 } 2132 2137 … … 2144 2149 2145 2150 h3#graphinfo { 2146 margin-top: 0;2151 margin-top: 10px; 2147 2152 border-radius: 0 !important; 2148 2153 text-transform: capitalize; … … 2151 2156 } 2152 2157 2153 .graphspanel p:last-child{2158 #graphopts + p { 2154 2159 display: none; 2155 2160 } … … 5274 5279 } 5275 5280 5281 #proof p { 5282 margin: 15px 5px; 5283 padding: 30px 15px 0; 5284 border: 1px solid #000; 5285 border-radius: 2px; 5286 box-shadow: inset 0 0 0 1px #225, 0 0 1px #000; 5287 background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat #002; 5288 background: url(/themes/console/images/info/rosette.png) right 8px top 8px no-repeat rgba(0,0,32,0.4); 5289 background-blend-mode: color-burn; 5290 } 5291 5292 #proof textarea { 5293 line-height: 160%; 5294 font-size: 9pt; 5295 overflow: hidden; 5296 word-break: break-all; 5297 white-space: pre-wrap; 5298 height: 200px; 5299 } 5300 5301 #proof textarea:focus { 5302 outline: none; 5303 } 5304 5305 #oldconsole p { 5306 margin: 17px 6px 15px; 5307 padding: 10px 20px; 5308 line-height: 200%; 5309 border: 1px solid #000; 5310 border-radius: 2px; 5311 box-shadow: inset 0 0 0 1px #225, 0 0 1px #000; 5312 background: #002; 5313 background: rgba(0,0,32,0.4); 5314 } 5315 5316 #oldconsole b { 5317 display: inline-block; 5318 min-width: 120px; 5319 margin-right: 8px; 5320 text-align: right; 5321 } 5322 5323 5276 5324 .main#webmail { 5277 5325 padding: 0; … … 6718 6766 display: inline-block; 6719 6767 filter: drop-shadow(0 0 1px rgba(220,220,220,0.7)); 6768 transform: scale(0.9); 6720 6769 } 6721 6770
Note: See TracChangeset
for help on using the changeset viewer.