forked from I2P_Developers/i2p.i2p
bd74b22b02
- /netdb:
- All Routers/Leasesets/Sybil sections:
- Each transport instance on own line
- Better presentation of address characteristics
- Place flag in table header
- Container div for leasesets to allow 2 column display at wider viewport width
- Increased spacing of lease information in leaseset tables
- Add div for "not initialized" message
- Reorganize content display in sybil database to reduce horizontal whitespace:
- Conditional 2-column display of sybil families
- Sybil router characteristics & threatpoints presented in multi-column view
- Added empty (n/a) fields to maintain visual consistency in column view
- /tunnels: ensure our tunnel tables display correctly in Arabic
549 lines
12 KiB
CSS
549 lines
12 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;
|
|
}
|
|
|
|
.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: -71px;
|
|
}
|
|
|
|
.langselect .optbox:checked + img {
|
|
margin-right: -73px;
|
|
}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
.langselect img {
|
|
margin-right: -9px;
|
|
margin-top: -17px !important;
|
|
}
|
|
|
|
.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
|
|
margin-right: -10px;
|
|
margin-top: -18px !important;
|
|
}
|
|
}
|
|
|
|
/* theme selection */
|
|
|
|
.themechoice, .langselect {
|
|
float: right !important;
|
|
}
|
|
|
|
.themechoice {
|
|
padding: 5px;
|
|
}
|
|
|
|
.themechoice .optbox {
|
|
opacity: 0;
|
|
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;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
#leasesetdebug th:first-child, #leasesetsummary th:first-child {
|
|
text-align: right;
|
|
}
|
|
|
|
#leasesetdebug th:last-child, #leasesetsummary th:last-child {
|
|
text-align: left;
|
|
}
|
|
|
|
#leasesetdebug th, #leasesetsummary th {
|
|
padding: 5px;
|
|
}
|
|
|
|
.leaseset th {
|
|
text-align: right;
|
|
}
|
|
|
|
.leaseset th:first-child b {
|
|
float: right;
|
|
}
|
|
|
|
.leaseset th:last-child, .leaseset td:nth-child(2) {
|
|
text-align: left;
|
|
}
|
|
|
|
#netdboverview th, table.netdbentry th, #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, #leasesetdebug td:nth-child(2n+1) {
|
|
text-align: left;
|
|
}
|
|
|
|
#tunnels.main h3 a {
|
|
float: left;
|
|
}
|
|
|
|
#enviro td {
|
|
padding: 5px 10px 5px 5px !important;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
.tunnel_local {
|
|
margin-right: -4px;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.tunnel_id:empty + .tunnel_cap {
|
|
display: inline-block;
|
|
margin-left: 0;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.sybil_routerinfo th img[src^="/flags"], .netdbentry th a img {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sybil_routerinfo th:last-child {
|
|
padding: 1px !important;
|
|
}
|
|
|
|
.sybil_info, .family {
|
|
direction: ltr;
|
|
}
|
|
|
|
.leaseset th:last-child, .leaseset td:last-child, .sybil_routerinfo th:last-child, .sybil_routerinfo td:last-child {
|
|
border-right: none !important;
|
|
}
|
|
|
|
a.viewfullentry::after, a[href^="viewprofile"]::after {
|
|
margin-left: 3px !important;
|
|
}
|
|
|
|
@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;
|
|
}
|
|
}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1500px) {
|
|
.langselect img {
|
|
margin-right: -9px;
|
|
margin-top: -18px !important;
|
|
}
|
|
|
|
.langselect input[name="lang"]:checked + img, .langselect input[name="lang"]:checked + #config_ui img[src="/flags.jsp?c=a1"] {
|
|
margin-right: -10px;
|
|
margin-top: -19px !important;
|
|
}
|
|
} |