forked from I2P_Developers/i2p.i2p
4aa4ff738a
- Add untagged strings for /tunnels tooltips and local tunnel indicator (to be tagged for translation post .31 release) - classic: reduce color contrast of main display font - classic/dark/midnight: alignment on /peers and /tunnels - /tunnels: - Add bandwidth tiers definitions - Indicator for local tunnels - /profiles: - Split capabilities and version - Minimize wrapping at narrow viewport width - Iconify view profile link - Add "OK" status indication for functional peers - /peers: merge Dir and CWND rows in definitions table - /events: when no events found, place result in table - All themes: marginally increased width of sidebar to better accommodate extra long strings - Chinese: ensure buttons do not deviate in height (ticket #1996) - Arabic: fix alignment issues on /configui; presentational enhancements - Misc: remove erroneous tags
500 lines
11 KiB
CSS
500 lines
11 KiB
CSS
/* I2P Theme: Camo aka Dark - Arabic override */
|
|
/* Description: Military Grade. */
|
|
/* Comment: Thanks to Florian Kuhlmann for the hatface images. [http://www.flickr.com/photos/floriankuhlmann/] */
|
|
/* Author: dr|z3d */
|
|
|
|
body {
|
|
direction: rtl;
|
|
margin: 6px 12px 6px 0 !important;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
.sorry {
|
|
margin: -1px 205px 0px 5px !important;
|
|
}
|
|
|
|
.news h3, #newspage h3 {
|
|
direction: ltr;
|
|
}
|
|
|
|
.news hr + i {
|
|
float: left;
|
|
direction: rtl;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
h3, h3.welcome {
|
|
border-width: 1px 5px 1px 1px;
|
|
}
|
|
|
|
#news h3 {
|
|
border-width: 1px 1px 1px 5px;
|
|
}
|
|
|
|
h4.app, h4.app2 {
|
|
text-align: right;
|
|
}
|
|
|
|
button.search {
|
|
margin-right: 30px;
|
|
}
|
|
|
|
.routersummary img[src$="i2plogo.png"] {
|
|
margin-top: -2px !important;
|
|
margin-left: 0 !important;
|
|
margin-right: -5px !important;
|
|
}
|
|
|
|
div.routersummary h3, div.routersummary h4, .routersummary a, .routersummary b {
|
|
text-align: center;
|
|
font-weight: normal;
|
|
}
|
|
|
|
div.routersummary h3, div.routersummary h4 {
|
|
font-size: 10pt;
|
|
}
|
|
|
|
div.routersummary td {
|
|
text-align: right;
|
|
}
|
|
|
|
div.routersummary td:last-child {
|
|
text-align: left;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
div.routersummary td:first-child {
|
|
text-align: right;
|
|
}
|
|
|
|
#sb_services td, #sb_internals td, #sb_advanced td {
|
|
text-align: center;
|
|
}
|
|
|
|
#sb_localtunnels td:last-child {
|
|
text-align: left;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
div.routersummary form {
|
|
text-align: center;
|
|
}
|
|
|
|
.cells {
|
|
text-align: center;
|
|
}
|
|
|
|
div.joblog li, div.newsheadings 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-right: -61px;
|
|
}
|
|
|
|
.langselect .optbox:checked + img {
|
|
margin-right: -63px;
|
|
}
|
|
|
|
/* 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;
|
|
min-height: 78px !important;
|
|
}
|
|
|
|
.themechoice .optbox + img {
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.themechoice .optbox + img, .themechoice .optbox:checked + img {
|
|
margin: 5px;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
#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 {
|
|
padding: 5px 10px 5px 5px !important;
|
|
}
|
|
|
|
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
|
|
}
|
|
|
|
.messages {
|
|
background-position: right 12px center, left bottom !important;
|
|
padding: 20px 40px 20px 10px !important;
|
|
}
|
|
|
|
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 input[name*="URL"], 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(images/infohelp.png);
|
|
background-position: right 12px center !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;
|
|
}
|
|
|
|
@-moz-document url-prefix() {
|
|
select, select:hover, select:focus {
|
|
background-position: left center !important;
|
|
padding: 3px 2px 3px 16px !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 {
|
|
margin-right: 20px !important;
|
|
}
|
|
|
|
div[lang="ar"] ul li {
|
|
list-style-image: url("images/link.png") !important;
|
|
list-style-position: outside;
|
|
margin: 10px 15px 0 0 !important;
|
|
padding-left: 0 !important;
|
|
margin-top: 15px !important;]
|
|
}
|
|
|
|
div[lang="ar"] ul ul {
|
|
margin-right: -10px;
|
|
}
|
|
|
|
div[lang="ar"] ul, div[lang="ar"] p {
|
|
margin: 10px;
|
|
}
|
|
|
|
.routersummary .error::before, .routersummary .warn::before, .routersummary .testing::before, .routersummary .hidden::before,
|
|
.routersummary .running::before, .routersummary .firewalled::before, .routersummary .vmcomm::before, .routersummary .clockskew::before {
|
|
padding-left: 6px !important;
|
|
padding-right: 0 !important;
|
|
}
|
|
|
|
.themechoice {
|
|
padding: 0;
|
|
}
|
|
|
|
@media screen and (min-width: 1500px) {
|
|
.main, .news, h1, .sorry {
|
|
margin-right: 232px !important;
|
|
margin-left: 6px !important;
|
|
}
|
|
|
|
div.routersummaryouter {
|
|
margin-right: 27px !important;
|
|
}
|
|
|
|
.routersummary img[src$="i2plogo.png"] {
|
|
margin-top: -5px !important;
|
|
margin-left: 0 !important;
|
|
margin-right: -8px !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;
|
|
}
|
|
|
|
.themechoice .optbox {
|
|
margin-left: 0;
|
|
margin-right: -48px;
|
|
}
|
|
|
|
.langselect .optbox {
|
|
margin: -7px -2px -34px 0;
|
|
}
|
|
|
|
.langselect img {
|
|
margin: 0;
|
|
margin-right: -81px;
|
|
}
|
|
|
|
.langselect input[name="lang"]:checked + img {
|
|
margin-left: 0;
|
|
margin-right: -82px;
|
|
}
|
|
} |