forked from I2P_Developers/i2p.i2p
e284675e5a
'light' theme (console & apps): - Rework to reduce contrast (ticket #1996) - Add custom radio/checkbox icons for Chrome/Blink Console: - Fix reseed failure notice overlap when "check connection" message shown - Enhance presentation of console "error 500" messages - Cosmetic tweaks to welcome page presentation, arabic welcome page tidyup - Migrate .smallhead th class to tr to simplify markup - Sidebar: - Remove "Congestion" from default sidebar (still present in default advanced sidebar) - Fix label wrapping issue with translations - Migrate sidepanel news section to tables to permit better control over wrapping and placement (ticket #1996) - Move news item dates to tooltips to lessen chance of headlines wrapping and cleanup presentation - Increase maximum length of local tunnel links in the sidebar (and handle overflow with CSS) to minimize chance of default tunnels display truncating in translations - Add the power off icon to sidebar restart button on hover to clarify button function (ticket #1996) - /configadvanced: Move floodfill status to row above to remove unnecessary whitespace and cleanup UI - /debug: Add debug icon to h2 headers to aid navigation - /graphs: Improve presentation of graph images by removing rendered border and setting background color to better integrate with themes - /home: Widen div.app to lessen chance of truncation (classic/midnight) - /jars: - Minimize table overflow with conditional scaling of content - One-click select for revision, sha256 & unsigned mods - /logs: - Reduce line/entry spacing for router and critical logs (#ticket 1996) - Multi-column view for changelog at >=1400px to address horizontal whitespace issue - /netdb: - Multi-column display of Leases in LeaseSet tables - Better alignment of Lease elements, iconify gateway - Placeholder flag for unknown/unresolved peers for [flag+dest] combos to improve presentation / fix deadspace issue - Chinese: - Fix alignment of table contents in /tunnels (classic) - Fix sidebar content display width (midnight) - Cosmetic fixes (all themes) I2PTunnel: - Ensure message log font scales proportionately - Fix overflow issue with dropdowns in Chrome/blink (dark/midnight) SusiDNS - Reduce width of filter buttons to lessen chance of wrapping (ticket #1996) - Add non-selectable items to improve copy/paste of hosts in address books - Make dest addresses in host list only display scrollbar on focus to reduce screen clutter - Hide broken imagegen images SusiMail: Enhance presentation of 'postman' links on login panel
559 lines
12 KiB
CSS
559 lines
12 KiB
CSS
/* I2P Theme: Midnight - Arabic override */
|
|
/* Description: Dark blue with chrome highlights */
|
|
/* Author: dr|z3d */
|
|
|
|
body {
|
|
direction: rtl;
|
|
}
|
|
|
|
div.main li {
|
|
margin: 5px 20px;
|
|
text-align: right;
|
|
line-height: 150%;
|
|
}
|
|
|
|
table {
|
|
direction: rtl;
|
|
}
|
|
|
|
td {
|
|
text-align: right;
|
|
}
|
|
|
|
div.news {
|
|
margin: -1px 205px 0px 5px;
|
|
direction: ltr;
|
|
}
|
|
|
|
.news h3, #newspage h3 {
|
|
direction: ltr;
|
|
}
|
|
|
|
div.main {
|
|
margin: -1px 205px 5px 5px;
|
|
background: url("images/scarface.jpg") no-repeat scroll left bottom #000000 !important;
|
|
}
|
|
|
|
h1 {
|
|
margin: 0 205px 0 5px !important;
|
|
}
|
|
|
|
h1, h2, h3, h4 {
|
|
direction: rtl;
|
|
text-align: right;
|
|
}
|
|
|
|
button.search {
|
|
margin-right: 30px;
|
|
}
|
|
|
|
.routersummary img[src$="i2plogo.png"] {
|
|
width: 190px;
|
|
margin: -1px -5px 0 0;
|
|
}
|
|
|
|
.routersummary h3, .routersummary h4, .routersummary a, .routersummary b {
|
|
text-align: center;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.routersummary h3, .routersummary h3 a {
|
|
font-weight: bold !important;
|
|
padding: 3px 2px !important;
|
|
}
|
|
|
|
.routersummary h3, .routersummary h4 {
|
|
font-size: 11pt;
|
|
}
|
|
|
|
.routersummary td {
|
|
text-align: right;
|
|
}
|
|
|
|
.routersummary td:last-child {
|
|
text-align: left;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.routersummary td:first-child {
|
|
text-align: right;
|
|
}
|
|
|
|
#sb_services td, #sb_internals td, #sb_advanced td {
|
|
text-align: center;
|
|
}
|
|
|
|
#sb_localtunnels td:nth-child(2), #sb_localtunnels a {
|
|
text-align: right !important;
|
|
}
|
|
|
|
#sb_localtunnels td:last-child {
|
|
text-align: left;
|
|
}
|
|
|
|
.routersummary td a, .routersummary td:first-child {
|
|
font-size: 10pt;
|
|
}
|
|
|
|
div.tunnels {
|
|
padding: -3px 0 !important;
|
|
}
|
|
|
|
div.tunnels table {
|
|
margin: 0 -7px 0 5px !important;
|
|
}
|
|
|
|
.langbox {
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
|
|
.formaction {
|
|
text-align: left;
|
|
}
|
|
|
|
form {
|
|
text-align: right;
|
|
}
|
|
|
|
.routersummary form {
|
|
text-align: center;
|
|
}
|
|
|
|
.cells {
|
|
text-align: center;
|
|
}
|
|
|
|
div.joblog li {
|
|
text-align: left;
|
|
direction: ltr;
|
|
}
|
|
|
|
span.newtab {
|
|
text-align: left;
|
|
font-size: 8pt;
|
|
float: left;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.tab2::before, .tab2::after {
|
|
display: none;
|
|
}
|
|
|
|
/* lang selection */
|
|
|
|
.langselect img {
|
|
margin-left: 0;
|
|
margin-right: -70px;
|
|
}
|
|
|
|
.langselect .optbox:checked + img {
|
|
margin-right: -71px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
.langselect img {
|
|
margin-left: 0;
|
|
margin-right: -8px;
|
|
margin-top: -18px !important;
|
|
}
|
|
|
|
.langselect input[name="lang"]:checked + img {
|
|
margin-right: -10px;
|
|
margin-left: 0;
|
|
margin-top: -18px !important;
|
|
}
|
|
}
|
|
|
|
/* theme selection */
|
|
|
|
.themechoice, .langselect {
|
|
float: right !important;
|
|
}
|
|
|
|
.themechoice {
|
|
padding: 5px;
|
|
}
|
|
|
|
.themechoice .optbox {
|
|
opacity: 0; /* hide the radio icon so we can use thumbnail img instead */
|
|
outline: 1px dotted #f00;
|
|
position: absolute;
|
|
padding: 2px;
|
|
margin-right: -33px;
|
|
margin-left: 0;
|
|
min-height: 78px !important;
|
|
}
|
|
|
|
.themechoice .optbox + img {
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.themechoice .optbox + img, .themechoice .optbox:checked + img {
|
|
margin: 5px;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
/* end theme selection */
|
|
|
|
h3#iptransport a, th#upnpconfig a, h3#bwlimiter a, #config_stats h3 a, #config_logging h3 a, h3#graphdisplay a, #logs h3 a, h3#advancedconfig a {
|
|
float: left;
|
|
}
|
|
|
|
#sybilnav ul li a {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.sybil_routerinfo th:first-child {
|
|
text-align: right;
|
|
}
|
|
|
|
.sybil_routerinfo th:nth-last-child(2) {
|
|
padding-left: 0;
|
|
text-align: left !important;
|
|
}
|
|
|
|
.sybil_routerinfo th {
|
|
padding: 1px 3px 1px 1px !important;
|
|
}
|
|
|
|
.sybil_routerinfo th img[src^="/flags"], .netdbentry th a img {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
table#leasesetdebug th:first-child, table#leasesetsummary th:first-child {
|
|
text-align: right;
|
|
}
|
|
|
|
table#leasesetdebug th:last-child, table#leasesetsummary th:last-child {
|
|
text-align: left;
|
|
}
|
|
|
|
table#leasesetdebug th, table#leasesetsummary th {
|
|
padding: 5px;
|
|
}
|
|
|
|
table.leaseset th {
|
|
text-align: right;
|
|
}
|
|
|
|
table.leaseset th:first-child b {
|
|
float: right;
|
|
}
|
|
|
|
table.leaseset th:last-child, table.leaseset td:nth-child(2) {
|
|
text-align: left;
|
|
}
|
|
|
|
.leaseset th:last-child, .leaseset td:last-child, .sybil_routerinfo th:last-child, .sybil_routerinfo td:last-child {
|
|
border-right: none !important;
|
|
}
|
|
|
|
#netdboverview th, table.netdbentry th, table#leasesetdebug td:nth-child(2n) {
|
|
text-align: right;
|
|
}
|
|
|
|
.main#debug {
|
|
direction: ltr;
|
|
}
|
|
|
|
#jardump.main th:nth-child(1), #jardump.main th:nth-child(3), #jardump.main th:nth-child(6), #jardump.main th:nth-child(7) {
|
|
text-align: right;
|
|
}
|
|
|
|
#schedjobs td {
|
|
text-align: center;
|
|
}
|
|
|
|
table.netdbentry th:last-child, table#leasesetdebug td:nth-child(2n+1) {
|
|
text-align: left;
|
|
}
|
|
|
|
#tunnels.main h3 a {
|
|
float: left;
|
|
}
|
|
|
|
table#enviro td:first-child {
|
|
text-align: left;
|
|
}
|
|
|
|
#wrapperlogs pre, table[id$="logs"] ul, .logtable ul li {
|
|
direction: ltr;
|
|
text-align: left;
|
|
}
|
|
|
|
#criticallogs ul {
|
|
border: none;
|
|
}
|
|
|
|
#eventlog th {
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.homelinkedit th:nth-child(3), .homelinkedit th:last-child {
|
|
text-align: right !important;
|
|
}
|
|
|
|
table#netconfig th, table#externali2cp th, table#plugininstall th, .configtable th, th.th_title {
|
|
text-align: right !important;
|
|
}
|
|
|
|
#sidebarconf th:nth-child(1), #sidebarconf th:nth-child(2) {
|
|
text-align: right;
|
|
}
|
|
|
|
#sidebarconf td:nth-child(4) {
|
|
padding-right: 0;
|
|
}
|
|
|
|
#sidebarconf td:nth-child(3) {
|
|
text-align: left !important;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.configtable td.infohelp, p.infohelp, td.infohelp, p#debugmode, p#sybilinfo, p.infowarn, td.infowarn, p#keyringhelp, h3#shutdownrouter + p, h3#restartrouter + p, h3#servicedebug + p, h3#browseronstart + p, h3#runonstartup + p, h3#systray + p {
|
|
background: #000 url(images/infohelp.png) right 8px center no-repeat !important;
|
|
padding: 15px 45px 15px 15px !important;
|
|
}
|
|
|
|
p.infowarn, td.infowarn {
|
|
background: #000 url(images/infowarn.png) right 8px center no-repeat !important;
|
|
}
|
|
|
|
.main#config_update .messages {
|
|
background: #000 url(images/infohelp.png) no-repeat right 10px center !important;
|
|
text-align: right;
|
|
padding: 15px 55px 15px 15px;
|
|
}
|
|
|
|
.main#config_update .messages a {
|
|
float: left;
|
|
margin: 0 5px
|
|
}
|
|
|
|
td.optionsave {
|
|
text-align: left;
|
|
}
|
|
|
|
#tunnelconfig th {
|
|
text-align: right;
|
|
}
|
|
|
|
.h3navlinks, h3#servicedebug a, h3#graphinfo a, #config_stats.main h3 a, #config_logging.main h3 a, #configstats th a {
|
|
float: left;
|
|
}
|
|
|
|
#i2pupdates .optbox {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#reseedconfig input {
|
|
margin-left: 8px !important;
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
#reseedconfig textarea {
|
|
width: calc(100% - 20px) !important
|
|
}
|
|
|
|
#configstats th {
|
|
text-align: right !important;
|
|
}
|
|
|
|
#configstats td:first-child {
|
|
text-align: center !important;
|
|
}
|
|
|
|
#configstats td.optionsave {
|
|
text-align: left !important;
|
|
}
|
|
|
|
#configstats td:nth-child(2) {
|
|
padding-right: 15px;
|
|
}
|
|
|
|
#clientconfig th:first-child, #clientconfig td:first-child, #loggingoptions td:first-child, #i2pupdates td:first-child, #tunnelconfig td:first-child,
|
|
table#i2pupdates textarea, #addkeyring td:first-child, #reseedconfig td:first-child {
|
|
text-align: left !important;
|
|
}
|
|
|
|
#config_logging p, #reseedconfig td.infohelp {
|
|
text-align: right !important;
|
|
}
|
|
|
|
#clientconfig td:nth-child(2) {
|
|
text-align: center !important;
|
|
}
|
|
|
|
#bannedips, #bannedips table {
|
|
direction: ltr !important;
|
|
}
|
|
|
|
table#addkeyring td.infohelp {
|
|
text-align: right !important;
|
|
}
|
|
|
|
p#helptranslate, #floodfillconfig tr:first-child .infohelp {
|
|
text-align: right !important;
|
|
padding-right: 50px !important;
|
|
background-image: url(/themes/console/images/info/infohelp.png);
|
|
background-position: right 12px center !important;
|
|
}
|
|
|
|
textarea[name="trustedKeys"] {
|
|
direction: ltr !important;
|
|
}
|
|
|
|
input[type="submit"], input[type="reset"], input[type="submit"]:hover, input[type="reset"]:hover,
|
|
input[type="submit"]:focus, input[type="reset"]:focus, input[type="submit"]:active, input[type="reset"]:active {
|
|
background-position: right 6px center !important;
|
|
padding: 5px 23px 5px 7px !important;
|
|
}
|
|
|
|
select, select:hover, select:focus, select:active {
|
|
background-position: left center !important;
|
|
padding: 4px 4px 4px 16px !important;
|
|
}
|
|
|
|
#consolepass input[name="nofilter_pw"], #externali2cp input[name="nofilter_pw"], #consolepass input[name="nofilter_pw"]:focus, #externali2cp input[name="nofilter_pw"]:focus,
|
|
#consolepass input[name="name"], #externali2cp input[name="user"], #consolepass input[name="name"]:focus, #externali2cp input[name="user"]:focus {
|
|
background-position: right 3px center, center center !important;
|
|
padding: 4px 20px 4px 4px !important;
|
|
margin: 5px 3px 5px 15px !important;
|
|
}
|
|
|
|
#consolepass tr:first-child td, p#clientconf.infohelp, p#webappconfigtext.infohelp, #floodfillconfig .infohelp,
|
|
#bandwidthconfig tr:first-child .infohelp, h3#shutdownrouter + p.infohelp, h3#restartrouter + p.infohelp, h3#systray + p.infohelp,
|
|
h3#servicedebug + p.infohelp, h3#browseronstart + p.infohelp, table#addkeyring td:first-child, #config_peers tr:nth-child(3) td.infohelp,
|
|
#config_reseed.main p.infohelp, #plugininstall tr:nth-child(3) td:nth-last-child(2), #manualreseed tr:nth-child(3) td:nth-last-child(2),
|
|
#manualreseed tr:nth-child(5) td:nth-last-child(2), #plugininstall tr:nth-child(5) td:nth-last-child(2), #manualreseed tr:nth-last-child(2) td.infohelp,
|
|
p#enablefullstats, p#gatherstats, #oldhome td:first-child, p#pluginconfigtext, #plugininstall .infohelp, #config_family .infohelp,
|
|
#joinfamily tr:nth-child(3) td:first-child, #newfamily tr:last-child td:first-child, #config_summarybar .configtable td:not(.optionsave),
|
|
table#bugreports td.infohelp {
|
|
background-position: right 12px center !important;
|
|
padding: 15px 50px 15px 15px !important;
|
|
}
|
|
|
|
div[lang="ar"] ul li {
|
|
list-style-image: url("images/link.png") !important;
|
|
list-style-position: outside;
|
|
margin-left: 0 !important;
|
|
padding-left: 0 !important;
|
|
margin-top: 15px !important;
|
|
margin-right: 50px !important;
|
|
}
|
|
|
|
div[lang="ar"] ul, div[lang="ar"] p {
|
|
margin: 10px;
|
|
}
|
|
|
|
#advancedsettings p.infohelp {
|
|
margin: 12px 0 -2px;
|
|
}
|
|
|
|
h4.app, h4.app2 {
|
|
text-align: right;
|
|
}
|
|
|
|
.netdbentry th a img {
|
|
margin-left: 6px;
|
|
}
|
|
|
|
.tunnel_peer {
|
|
text-align: left;
|
|
}
|
|
|
|
.tunnel_local {
|
|
margin-right: -4px;
|
|
margin-left: 4px;
|
|
text-align: center;
|
|
}
|
|
|
|
.tunnel_id:empty + .tunnel_cap {
|
|
display: inline-block;
|
|
margin-left: 0;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.sb_newsheadings td, .sb_newsheadings tr:hover td {
|
|
background-position: right 4px center !important;
|
|
padding-right: 22px !important;
|
|
padding-left: 8px !important;
|
|
text-align: right !important;
|
|
}
|
|
|
|
.sb_newsheadings td a {
|
|
font-size: 9pt !important;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* responsive layout */
|
|
|
|
@media screen and (max-width: 1500px) {
|
|
body {
|
|
margin: 5px 10px 0 0;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1500px) {
|
|
.main, .news, h1 {
|
|
margin-right: 232px !important;
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
.routersummaryouter {
|
|
margin-right: 27px !important;
|
|
}
|
|
|
|
.routersummary img[src$="i2plogo.png"] {
|
|
width: 204px !important;
|
|
margin: -2px -4px 0 0 !important;
|
|
}
|
|
|
|
.routersummary h4 {
|
|
font-size: 11pt !important;
|
|
}
|
|
|
|
.routersummary td, .routersummary a {
|
|
font-size: 10pt !important;
|
|
}
|
|
|
|
div[lang="ar"], div[lang="ar"] code, div[lang="ar"] b {
|
|
font-size: 11pt !important;
|
|
}
|
|
|
|
.langselect .optbox {
|
|
margin-left: 0;
|
|
margin-right: -2px;
|
|
}
|
|
|
|
.langselect img {
|
|
margin-left: 0;
|
|
margin-right: -78px;
|
|
}
|
|
|
|
.langselect input[name="lang"]:checked + img {
|
|
margin-left: 0;
|
|
margin-right: -79px;
|
|
}
|
|
}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
|
|
.langselect img {
|
|
margin-left: 0;
|
|
margin-right: -8px;
|
|
margin-top: -14px !important;
|
|
}
|
|
|
|
.langselect input[name="lang"]:checked + img {
|
|
margin-right: -10px;
|
|
margin-left: 0;
|
|
margin-top: -15px !important;
|
|
}
|
|
}
|
|
|
|
/* end responsive layout */
|
|
|