Light and dark themes added.
This commit is contained in:
z3d
444
installer/resources/themes/console/dark/console.css
Normal file
444
installer/resources/themes/console/dark/console.css
Normal file
@ -0,0 +1,444 @@
|
||||
body {
|
||||
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
margin: 25px 10px 0 5px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
background-color: #000022;
|
||||
color: white;
|
||||
font-size: 9pt;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
pre {
|
||||
width: 98%;
|
||||
overflow-x: scroll;
|
||||
text-align: left;
|
||||
font-size: 8pt;
|
||||
font-family: "Lucida Console", Courier, mono;
|
||||
color: #99d;
|
||||
}
|
||||
|
||||
div.logo {
|
||||
float: left;
|
||||
left: 10px;
|
||||
top: 0px;
|
||||
padding: 10px 10px 10px 14px;
|
||||
text-align: left;
|
||||
font-color: #fff;
|
||||
border: 0px solid #f00;
|
||||
float: none;
|
||||
margin: 0px;
|
||||
background-color: #003;
|
||||
display: none;
|
||||
border-bottom: 1px solid #eef;
|
||||
}
|
||||
|
||||
div.toolbar {
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
background-color: #eeeeff
|
||||
border: 1px solid #002;
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.toolbar a:link {
|
||||
border: 1px outset #ddddc0;
|
||||
padding: 0px 5px 1px 5px;
|
||||
line-height: 250%;
|
||||
background-color: #bbf;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
color: #002;
|
||||
}
|
||||
|
||||
div.toolbar a:visited {
|
||||
line-height: 250%;
|
||||
background-color: #ddf;
|
||||
}
|
||||
|
||||
div.toolbar a:hover{
|
||||
border: 1px solid #eeeeff;
|
||||
line-height: 250%;
|
||||
background-color: #003;
|
||||
color:#ff6600
|
||||
}
|
||||
a:active{color:#900}
|
||||
|
||||
div.routersummaryouter {
|
||||
float: left;
|
||||
width: 200px;
|
||||
margin: 0 0 10px 20px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
clear: left; /* fixes a bug in Opera */
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
|
||||
div.routersummary {
|
||||
/* margin: 0px 20px 20px 0px; */
|
||||
width: 175px;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
border: 1px solid #9999ff;
|
||||
/* border-left: 0px; */
|
||||
background-color: #000033;
|
||||
background: url(images/darkbluebg.png);
|
||||
color: #eeeeff;
|
||||
font-size: 8pt;
|
||||
clear: left; /* fixes a bug in Opera */
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
float: left;
|
||||
-moz-box-shadow: inset 0px 0px 16px 0px #009;
|
||||
}
|
||||
|
||||
div.warning {
|
||||
margin: 0em 1em 1em 224px;
|
||||
padding: .5em 1em;
|
||||
background-color: #ffefef;
|
||||
border: medium solid #ffafaf;
|
||||
text-align: left;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
div.main {
|
||||
margin: 0px 0px 20px 215px;
|
||||
padding: 0 15px 15px 25px;
|
||||
background-color: #002;
|
||||
text-align: left;
|
||||
color: #eeeeff;
|
||||
/* border-top: 1px solid #eeeeff; */
|
||||
/* border-right: 25px solid #fff; */
|
||||
/* border-radius: 0px 0 0 4px;
|
||||
-moz-border-radius: 4px 0 0 4px;
|
||||
-webkit-border-radius: 4px 0 0 4px;
|
||||
-moz-box-shadow: 0 2px 2px 1px #bbbbff;
|
||||
-webkit-box-shadow: 0 2px 2px 1px #bbbbff;
|
||||
box-shadow: 0 2px 2px 0px #bbbbff; */
|
||||
width: auto;
|
||||
/* overflow-x: scroll; */
|
||||
}
|
||||
|
||||
|
||||
div.main textarea {
|
||||
width: 100% !important;
|
||||
background-color: #002;
|
||||
color: #fff;
|
||||
font-size: 8pt;
|
||||
font-family: "Lucida Console", Courier, mono;
|
||||
}
|
||||
|
||||
div.news {
|
||||
margin: 0px 15px 20px 240px;
|
||||
padding: 20px 30px 20px 30px;
|
||||
border: 1px solid #99f;
|
||||
background-color: #004;
|
||||
color: #eeeeff;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
text-align: justify;
|
||||
background: url(images/darkbluetile.png);
|
||||
}
|
||||
|
||||
div.news li\ {
|
||||
text-align: left;
|
||||
list-style-type:square;
|
||||
margin: 2px 20px 0px 30px;
|
||||
padding: 10px 20px 1px 0px;
|
||||
}
|
||||
|
||||
div.confignav {
|
||||
padding: 10px;
|
||||
margin: 0 0px 20px 0;
|
||||
background-color: #004;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
border: 1px solid #99f;
|
||||
background: url(images/darkbluetile.png);
|
||||
}
|
||||
|
||||
div.configure {
|
||||
padding: 15px;
|
||||
margin: 10px 0px;
|
||||
background-color: #005;
|
||||
-moz-border-radius: 4px;
|
||||
border: 1px solid #99f;
|
||||
}
|
||||
|
||||
div.messages {
|
||||
padding: 10px;
|
||||
margin: 10px 0 20px 0;
|
||||
background-color: #005;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
border: 1px solid #99f;
|
||||
background: url(images/lightbluetile.png);
|
||||
}
|
||||
|
||||
div.messages span.error {
|
||||
color: #dddd00;
|
||||
}
|
||||
|
||||
div.messages span.notice {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
div.messages li {
|
||||
text-align: justify;
|
||||
font-weight: bold;
|
||||
list-style-image: url(images/warning_dark.png);
|
||||
margin: 0 10px 0 30px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
border: 1px solid #99f;
|
||||
margin: 5px 0px 5px 0px;
|
||||
cell-padding: 1px;
|
||||
font-size: 7pt;
|
||||
background-image:url('images/darkbluetile.png');
|
||||
}
|
||||
|
||||
th {
|
||||
padding: 4px;
|
||||
color: #eef;
|
||||
text-align: center;
|
||||
font-size: 8pt;
|
||||
background-color: #004;
|
||||
background-image:url('images/tabletitledark.png');
|
||||
background-repeat:repeat-x;
|
||||
}
|
||||
|
||||
tr:nth-child(even)
|
||||
{
|
||||
background-image:url('images/darkerbluetile.png');
|
||||
}
|
||||
|
||||
|
||||
td {
|
||||
padding: 5px 10px;
|
||||
color: #eef;
|
||||
/* background-color: #004; */
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
tt {
|
||||
font-size: 8pt;
|
||||
font-family: "Lucida Console", Courier, mono;
|
||||
font-weight: bold;
|
||||
color: yellow;
|
||||
/*background: black;*/
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
li {
|
||||
text-align: left;
|
||||
list-style-type:square;
|
||||
margin: 2px 20px 0px 30px;
|
||||
padding: 1px 20px 1px 0px;
|
||||
}
|
||||
|
||||
ol {
|
||||
white-space: pre-wrap;
|
||||
display: inline;
|
||||
margin: 2px 0 0 0;
|
||||
padding 10px 0 0 20px;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: inline;
|
||||
margin: 5px 0 0 0;
|
||||
}
|
||||
|
||||
code {
|
||||
text-align: left;
|
||||
font-size: 8pt;
|
||||
font-family: "Lucida Console", Courier, mono;
|
||||
}
|
||||
|
||||
a:link{color:#99f}
|
||||
a:visited{color:#606}
|
||||
a:hover{color:#ff6600}
|
||||
a:active{color:#900}
|
||||
|
||||
.links {
|
||||
list-style-image: url(images/link_dark.png);
|
||||
margin: 0 5px 0 0px;
|
||||
padding: 0px 5px;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: left;
|
||||
color: #bbf;
|
||||
padding: 10px;
|
||||
margin-left: 240px;
|
||||
margin-bottom: 20px;
|
||||
margin-top: 0px;
|
||||
margin-right: 15px;
|
||||
font-size: 16pt;
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.06em;
|
||||
text-shadow: 0px 0px 1px rgba(0, 0, 120, 0.9);
|
||||
white-space: normal;
|
||||
background-color: #004;
|
||||
/* -moz-box-shadow: 0 2px 2px 1px #ccccff; */
|
||||
border: 1px solid #99f;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
background-image:url('images/darkbluebg.png');
|
||||
background-repeat:repeat-x;
|
||||
}
|
||||
|
||||
h2{
|
||||
color: #99f;
|
||||
text-shadow: 0px 0px 1px rgba(0, 0, 128, 0.9);
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #99f;
|
||||
padding-bottom: 5px;
|
||||
wordwrap: none;
|
||||
}
|
||||
|
||||
h2 a:hover {
|
||||
color: #ff6600;
|
||||
text-shadow: 0px 0px 1px rgba(255, 255, 72, 0.9);
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #99f;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
|
||||
button {
|
||||
border: 1px outset #ddddc0;
|
||||
padding: 0px 3px 1px 3px;
|
||||
/*line-height: 250%;*/
|
||||
background-color: #bbf;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
font-size: 8pt;
|
||||
font-weight: bold;
|
||||
margin: 2px 3px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
button:hover{
|
||||
border: 1px solid #eeeeff;
|
||||
line-height: 250%;
|
||||
background-color: #003;
|
||||
color:#ff6600
|
||||
}
|
||||
|
||||
.underline {
|
||||
border-bottom: 1px solid #eeeeff;
|
||||
padding: 5px 0px 5px 0px;
|
||||
margin: 0px 0px 10px 0px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
}
|
||||
|
||||
.langbox {
|
||||
margin: 12px 0px 15px 5px;
|
||||
padding: 7px 5px 5px 5px;
|
||||
border: 1px solid #99f;
|
||||
background-color: #005;
|
||||
color: black;
|
||||
font-size: 8pt;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
width:120px;
|
||||
text-align: center;
|
||||
float: right;
|
||||
}
|
||||
|
||||
hr {
|
||||
color: #99f;
|
||||
background-color: #99f;
|
||||
height: 1px;
|
||||
border: 0px solid #99f;
|
||||
margin: 10px 5px;
|
||||
}
|
||||
|
||||
sidebarlogo {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input {
|
||||
background-color: #002;
|
||||
color: #eef;
|
||||
margin: 10px 2px 10px 0;
|
||||
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
font-weight: bold;
|
||||
border: 1px solid #99f;
|
||||
/*border: 1px outset #ddddc0;*/
|
||||
padding: 0px 2px 1px 2px;
|
||||
/*line-height: 250%;*/
|
||||
background-color: #001;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
input hover {
|
||||
background-color: #f00;
|
||||
color: #eef;
|
||||
margin: 10px 2px 10px 0;
|
||||
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
font-weight: bold;
|
||||
border: 1px solid #99f;
|
||||
/*border: 1px outset #ddddc0;*/
|
||||
padding: 0px 2px 1px 2px;
|
||||
/*line-height: 250%;*/
|
||||
background-color: #001;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
select {
|
||||
background-color: #001;
|
||||
color: #eef;
|
||||
margin: 10px 2px 10px 0;
|
||||
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
border: 1px solid #99f;
|
||||
}
|
||||
|
||||
textarea {
|
||||
background-color: #001;
|
||||
color: #eef;
|
||||
padding: 5px;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
font-family: "Lucida Console", Courier, mono;
|
||||
}
|
||||
|
||||
form {
|
||||
}
|
||||
232
installer/resources/themes/console/dark/default.css
Normal file
232
installer/resources/themes/console/dark/default.css
Normal file
@ -0,0 +1,232 @@
|
||||
body {
|
||||
margin : 0px;
|
||||
padding : 0px;
|
||||
text-align : center;
|
||||
font-family : "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
|
||||
background-color : #eeeeff;
|
||||
color : #000000;
|
||||
font-size : 11pt;
|
||||
|
||||
/* we've avoided Tantek Hacks so far,
|
||||
** but we can't avoid using the non-w3c method of
|
||||
** box rendering. (and therefore one of mozilla's
|
||||
** proprietry -moz properties (which hopefully they'll
|
||||
** drop soon).
|
||||
*/
|
||||
-moz-box-sizing : border-box;
|
||||
box-sizing : border-box;
|
||||
}
|
||||
|
||||
div {
|
||||
-moz-box-sizing : border-box;
|
||||
box-sizing : border-box;
|
||||
}
|
||||
|
||||
h4, label {
|
||||
margin : 0px;
|
||||
padding : 2px 2px 2px 0px;
|
||||
float : left;
|
||||
width : 150px;
|
||||
height : 24px;
|
||||
font-weight : bold;
|
||||
text-align : right;
|
||||
font-size : 1.0em;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing : border-box;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size : 1.2em;
|
||||
text-align : center;
|
||||
width : 750px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
form {
|
||||
margin : 0px;
|
||||
}
|
||||
|
||||
textarea, input, select, button, a {
|
||||
font-family : "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
|
||||
-moz-box-sizing : border-box;
|
||||
box-sizing : border-box;
|
||||
font-size : 1.0em;
|
||||
float : left;
|
||||
}
|
||||
|
||||
button {
|
||||
float : none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
border : 1px solid #9999ff;
|
||||
}
|
||||
|
||||
br {
|
||||
clear : left;
|
||||
}
|
||||
|
||||
/*
|
||||
div.statusNotRunning {
|
||||
float : left;
|
||||
width : 82px;
|
||||
height : 24px;
|
||||
color : #dd0000;
|
||||
font-weight: bold;
|
||||
}
|
||||
div.statusRunning {
|
||||
float : left;
|
||||
width : 82px;
|
||||
height : 24px;
|
||||
color : #00dd00;
|
||||
font-weight: bold;
|
||||
}
|
||||
div.statusStarting {
|
||||
float : left;
|
||||
width : 82px;
|
||||
height : 24px;
|
||||
color : #339933;
|
||||
}
|
||||
*/
|
||||
|
||||
div.statusNotRunning {
|
||||
float : left;
|
||||
width : 78px;
|
||||
height : 24px;
|
||||
overflow : hidden;
|
||||
color : #dd0000;
|
||||
padding-top: 24px;
|
||||
background: url('images/console_status_stopped.png') 0 0 no-repeat;
|
||||
}
|
||||
div.statusRunning {
|
||||
float : left;
|
||||
width : 78px;
|
||||
height : 24px;
|
||||
overflow : hidden;
|
||||
color : #00dd00;
|
||||
padding-top: 24px;
|
||||
background: url('images/console_status_running.png') 0 0 no-repeat;
|
||||
}
|
||||
div.statusStarting {
|
||||
float : left;
|
||||
width : 78px;
|
||||
height : 24px;
|
||||
overflow : hidden;
|
||||
color : #339933;
|
||||
padding-top: 24px;
|
||||
background: url('images/console_status_starting.png') 0 0 no-repeat;
|
||||
}
|
||||
|
||||
hr {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.separator, .subdivider {
|
||||
clear : both;
|
||||
height : 1px;
|
||||
margin : 3px 0px 3px 0px;
|
||||
border-bottom : 1px solid #9999ff;
|
||||
}
|
||||
|
||||
.subdivider {
|
||||
border-bottom : 1px solid #9999ff;
|
||||
padding: 5px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.freetext {
|
||||
width : 150px;
|
||||
height : 22px;
|
||||
border : 1px solid #9999ff;
|
||||
}
|
||||
|
||||
.control {
|
||||
margin : 0 4px 0 0;
|
||||
padding : 2px 0 2px 0;
|
||||
overflow : hidden;
|
||||
height : 22px;
|
||||
width : 60px;
|
||||
font-weight : normal;
|
||||
background-color : #bbbbff;
|
||||
color : black;
|
||||
border : 1px outset #ddddc0;
|
||||
text-align : center;
|
||||
white-space : nowrap;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
border 1px solid #000022;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.control:hover {
|
||||
/*
|
||||
color: #fff;
|
||||
background-color : #3333ff;
|
||||
border 0px none #000022;
|
||||
*/
|
||||
border: 1px solid #eeeeff;
|
||||
background-color: #003;
|
||||
color:#ff6600
|
||||
}
|
||||
|
||||
.control:active {
|
||||
border : 2px inset;
|
||||
}
|
||||
|
||||
.panel {
|
||||
width : 760px;
|
||||
margin : 16px auto 16px auto;
|
||||
overflow : hidden;
|
||||
text-align : left;
|
||||
font-size : 0.8em;
|
||||
background-color : #fff;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
border: 1px solid #002;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
.panel .footer {
|
||||
float : right;
|
||||
padding : 4px;
|
||||
}
|
||||
|
||||
.toolbox {
|
||||
float : right;
|
||||
}
|
||||
|
||||
.rowItem {
|
||||
width : 750px;
|
||||
float : left;
|
||||
margin : 0px;
|
||||
}
|
||||
|
||||
.comment {
|
||||
font-style : italic;
|
||||
}
|
||||
|
||||
.text {
|
||||
height : 24px;
|
||||
width : 150px;
|
||||
padding : 2px 0 0 2px;
|
||||
float : left;
|
||||
margin : 0;
|
||||
}
|
||||
|
||||
.accessKey {
|
||||
text-decoration : underline;
|
||||
}
|
||||
|
||||
#globalOperationsPanel {
|
||||
background-color : #ddddff;
|
||||
border : 1px solid #f22;
|
||||
}
|
||||
|
||||
#globalOperationsPanel .control {
|
||||
width : 100px;
|
||||
}
|
||||
|
||||
.header {
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
border 1px solid #ff0000;
|
||||
}
|
||||
183
installer/resources/themes/console/dark/i2ptunnel.css
Normal file
183
installer/resources/themes/console/dark/i2ptunnel.css
Normal file
@ -0,0 +1,183 @@
|
||||
/* I2P Tunnel Edit Page
|
||||
*/
|
||||
|
||||
#tunnelEditPage input {
|
||||
width : 458px;
|
||||
}
|
||||
|
||||
#tunnelEditPage select {
|
||||
width : 308px;
|
||||
}
|
||||
|
||||
#tunnelEditPage option[selected] {
|
||||
color: green;
|
||||
}
|
||||
|
||||
#tunnelEditPage #targetField,
|
||||
#tunnelEditPage #accessField,
|
||||
#tunnelEditPage #optionsField {
|
||||
height : 48px;
|
||||
width : 150px;
|
||||
}
|
||||
#tunnelEditPage #tunnelOptionsField {
|
||||
height : 96px;
|
||||
width : 150px;
|
||||
}
|
||||
|
||||
#tunnelEditPage #targetField label,
|
||||
#tunnelEditPage #accessField label,
|
||||
#tunnelEditPage #tunnelOptionsField label,
|
||||
#tunnelEditPage #optionsField label{
|
||||
height : 48px;
|
||||
width : 150px;
|
||||
}
|
||||
|
||||
#tunnelEditPage #reachField,
|
||||
#tunnelEditPage #hostField,
|
||||
#tunnelEditPage #depthField,
|
||||
#tunnelEditPage #countField,
|
||||
#tunnelEditPage #optionsHostField {
|
||||
width : 304px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
#tunnelEditPage #portField,
|
||||
#tunnelEditPage #optionsPortField,
|
||||
#tunnelEditPage #backupField,
|
||||
#tunnelEditPage #varianceField {
|
||||
width : 150px;
|
||||
|
||||
}
|
||||
|
||||
#tunnelEditPage #reachField label,
|
||||
#tunnelEditPage #hostField label,
|
||||
#tunnelEditPage #portField label,
|
||||
#tunnelEditPage #optionsHostField label,
|
||||
#tunnelEditPage #optionsPortField label,
|
||||
#tunnelEditPage #depthField label,
|
||||
#tunnelEditPage #countField label,
|
||||
#tunnelEditPage #backupField label,
|
||||
#tunnelEditPage #varianceField label {
|
||||
text-align : left;
|
||||
|
||||
}
|
||||
|
||||
#tunnelEditPage #otherField label {
|
||||
width : 300px;
|
||||
}
|
||||
|
||||
#tunnelEditPage #reachableByOther,
|
||||
#tunnelEditPage #tunnelDepth,
|
||||
#tunnelEditPage #tunnelQuantity,
|
||||
#tunnelEditPage #targetHost,
|
||||
#tunnelEditPage #clientHost {
|
||||
width : 306px;
|
||||
}
|
||||
|
||||
#tunnelEditPage #port {
|
||||
width : 80px;
|
||||
}
|
||||
|
||||
#tunnelEditPage #targetPort,
|
||||
#tunnelEditPage #clientPort,
|
||||
#tunnelEditPage #tunnelBackupQuantity,
|
||||
#tunnelEditPage #tunnelVariance {
|
||||
width : 150px;
|
||||
}
|
||||
|
||||
#tunnelEditPage #shared,
|
||||
#tunnelEditPage #connectDelay,
|
||||
#tunnelEditPage #startOnLoad {
|
||||
width : 16px;
|
||||
}
|
||||
|
||||
#tunnelEditPage label {
|
||||
width : 150px;
|
||||
font-weight : bold;
|
||||
text-align : right;
|
||||
float : left;
|
||||
}
|
||||
|
||||
/* I2P Tunnel List Page
|
||||
*/
|
||||
|
||||
#tunnelListPage .rowItem {
|
||||
width : 150px;
|
||||
}
|
||||
|
||||
#tunnelListPage select {
|
||||
width : 150px;
|
||||
}
|
||||
|
||||
#tunnelListPage textarea {
|
||||
width : 100%;
|
||||
height : 100px;
|
||||
padding : 0 0 0 4px;
|
||||
margin: 1px 0 4px 0;
|
||||
background-color: #000088;
|
||||
color: #fff;
|
||||
font-family : "Lucida Console", "Andale Mono", "Courier New", Courier, mono;
|
||||
border: 1px inset #002;
|
||||
}
|
||||
|
||||
#tunnelListPage .footer .control {
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
#tunnelListPage .footer label {
|
||||
text-align : right;
|
||||
height : 24px;
|
||||
width : 360px;
|
||||
float : left;
|
||||
|
||||
}
|
||||
|
||||
/* Use Leary and Langridge content replacement methods (LIR)
|
||||
** to embed accessibility information into the document.
|
||||
** Should allow the lists to be rendered nicely by
|
||||
** screen readers. (and lynx!)
|
||||
*/
|
||||
|
||||
#tunnelListPage label {
|
||||
height : 0;
|
||||
width : 0;
|
||||
overflow : hidden;
|
||||
}
|
||||
|
||||
#tunnelListPage .nameHeaderField label,
|
||||
#tunnelListPage .portHeaderField label,
|
||||
#tunnelListPage .typeHeaderField label,
|
||||
#tunnelListPage .interfaceHeaderField label,
|
||||
#tunnelListPage .targetHeaderField label,
|
||||
#tunnelListPage .previewHeaderField label,
|
||||
#tunnelListPage .statusHeaderField label {
|
||||
text-align : left;
|
||||
width : 150px;
|
||||
height : 24px;
|
||||
float : left;
|
||||
}
|
||||
|
||||
#tunnelListPage .targetField,
|
||||
#tunnelListPage .targetField .text,
|
||||
#tunnelListPage .targetHeaderField,
|
||||
#tunnelListPage .targetHeaderField label {
|
||||
width : 300px;
|
||||
}
|
||||
|
||||
#tunnelListPage .descriptionField,
|
||||
#tunnelListPage .destinationField {
|
||||
width : 750px;
|
||||
}
|
||||
|
||||
#tunnelListPage .descriptionField .text,
|
||||
#tunnelListPage .destinationField input {
|
||||
width : 450px;
|
||||
}
|
||||
|
||||
#tunnelListPage .descriptionField label,
|
||||
#tunnelListPage .destinationField label {
|
||||
text-align : right;
|
||||
width : 150px;
|
||||
height : 24px;
|
||||
float : left;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
installer/resources/themes/console/dark/images/darkbluebg.png
Normal file
BIN
installer/resources/themes/console/dark/images/darkbluebg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
installer/resources/themes/console/dark/images/darkbluetile.png
Normal file
BIN
installer/resources/themes/console/dark/images/darkbluetile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 298 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
installer/resources/themes/console/dark/images/h1bg.png
Normal file
BIN
installer/resources/themes/console/dark/images/h1bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
installer/resources/themes/console/dark/images/i2plogo.png
Normal file
BIN
installer/resources/themes/console/dark/images/i2plogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
BIN
installer/resources/themes/console/dark/images/lightbluetile.png
Normal file
BIN
installer/resources/themes/console/dark/images/lightbluetile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
installer/resources/themes/console/dark/images/link.png
Normal file
BIN
installer/resources/themes/console/dark/images/link.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 564 B |
BIN
installer/resources/themes/console/dark/images/link_dark.png
Normal file
BIN
installer/resources/themes/console/dark/images/link_dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 620 B |
Binary file not shown.
|
After Width: | Height: | Size: 917 B |
BIN
installer/resources/themes/console/dark/images/warning_dark.png
Normal file
BIN
installer/resources/themes/console/dark/images/warning_dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 796 B |
426
installer/resources/themes/console/light/console.css
Normal file
426
installer/resources/themes/console/light/console.css
Normal file
@ -0,0 +1,426 @@
|
||||
body {
|
||||
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
margin: 25px 10px 0 5px;
|
||||
padding: 0em;
|
||||
text-align: center;
|
||||
background-color: #fff;
|
||||
color: black;
|
||||
/* font-size: 100%; */
|
||||
font-size: 9pt;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
pre {
|
||||
width: 98%;
|
||||
overflow-x: scroll;
|
||||
text-align: left;
|
||||
font-size: 8pt;
|
||||
font-family: "Lucida Console", Courier, mono;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
div.logo {
|
||||
float: left;
|
||||
left: 10px;
|
||||
top: 0px;
|
||||
padding: 10px 10px 10px 14px;
|
||||
text-align: left;
|
||||
font-color: #fff;
|
||||
border: 0px solid #f00;
|
||||
float: none;
|
||||
margin: 0px;
|
||||
background-color: #003;
|
||||
display: block;
|
||||
border: 1px solid #002;
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.toolbar {
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
background-color: #eeeeff
|
||||
border: 1px solid #002;
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.toolbar a:link {
|
||||
border: 1px outset #ddddc0;
|
||||
padding: 0px 5px 1px 5px;
|
||||
line-height: 250%;
|
||||
background-color: #bbf;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
div.toolbar a:visited {
|
||||
line-height: 250%;
|
||||
background-color: #ddf;
|
||||
}
|
||||
|
||||
div.toolbar a:hover{
|
||||
border: 1px solid #eeeeff;
|
||||
line-height: 250%;
|
||||
background-color: #003;
|
||||
color:#ff6600
|
||||
}
|
||||
a:active{color:#900}
|
||||
|
||||
div.routersummaryouter {
|
||||
float: left;
|
||||
width: 215px;
|
||||
margin: 0 0 10px 20px;
|
||||
padding: 0px 0 0 0;
|
||||
border: 0;
|
||||
clear: left; /* fixes a bug in Opera */
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
|
||||
div.routersummary {
|
||||
/* margin: 0px 20px 20px 0px; */
|
||||
width: auto;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
border: 1px solid #000033;
|
||||
background-color: #ddddff;
|
||||
color: black;
|
||||
font-size: 8pt;
|
||||
clear: left; /* fixes a bug in Opera */
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
float: left;
|
||||
-moz-box-shadow: inset 0px 0px 16px 1px #eef;
|
||||
background-image: url('images/lightbluetile.png');
|
||||
}
|
||||
|
||||
div.warning {
|
||||
margin: 0em 1em 1em 224px;
|
||||
padding: .5em 1em;
|
||||
background-color: #ffefef;
|
||||
border: medium solid #ffafaf;
|
||||
text-align: left;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
div.main {
|
||||
margin: 0px 0px 20px 215px;
|
||||
padding: 0 15px 15px 25px;
|
||||
background-color: #fff;
|
||||
text-align: left;
|
||||
color: #000011;
|
||||
width: auto;
|
||||
/* overflow-x: scroll; */
|
||||
}
|
||||
|
||||
div.main hr {
|
||||
color: #003;
|
||||
background-color: #003;
|
||||
height: 1px;
|
||||
border: 0px solid #003;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
div.main textarea {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
div.news {
|
||||
margin: 0px 15px 20px 240px;
|
||||
padding: 20px 30px 20px 30px;
|
||||
border: 1px solid #003;
|
||||
background-color: #ffeeaa;
|
||||
color: #001;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
div.confignav {
|
||||
padding: 10px;
|
||||
margin: 0 0px 20px 0;
|
||||
background-color: #ddddff;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
border: 1px solid #000022;
|
||||
background-image: url('images/tabletile.png');
|
||||
}
|
||||
|
||||
div.configure {
|
||||
padding: 1em;
|
||||
margin: 10px 0px;
|
||||
background-color: #ddf;
|
||||
-moz-border-radius: 4px;
|
||||
border: 1px solid #000022;
|
||||
}
|
||||
|
||||
div.messages {
|
||||
padding: 0 10px 0 15px;
|
||||
margin: 10px 0 20px 0;
|
||||
background-color: #ddf;
|
||||
-moz-border-radius: 4px;
|
||||
border: 1px solid #000033;
|
||||
text-size: 9pt;
|
||||
}
|
||||
|
||||
div.messages span.error {
|
||||
color: #d00000;
|
||||
}
|
||||
|
||||
div.messages span.notice {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
div.messages li {
|
||||
text-align: justify;
|
||||
font-weight: bold;
|
||||
list-style-image: url(images/warning.png);
|
||||
margin: 0 10px 0 30px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
border: 1px solid #000022;
|
||||
margin: 5px 0px 5px 0px;
|
||||
cell-padding: 1px;
|
||||
font-size: 7pt;
|
||||
}
|
||||
|
||||
th {
|
||||
padding: 4px;
|
||||
color: black;
|
||||
background-color: #b4c8ff;
|
||||
text-align: center;
|
||||
background-image: url('images/tabletitlelight.png');
|
||||
background-repeat:repeat-x;
|
||||
font-size: 8pt;
|
||||
}
|
||||
|
||||
|
||||
tr:nth-child(even) {
|
||||
background-image: url('images/tabletile.png');
|
||||
}
|
||||
|
||||
tr:nth-child(odd) {
|
||||
background-image: url('images/tabletile_alt.png');
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 2px;
|
||||
color: black;
|
||||
/*background-color: #ffc;*/
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
tt {
|
||||
font-size: 8pt;
|
||||
font-family: "Lucida Console", Courier, mono;
|
||||
font-weight: bold;
|
||||
color: green;
|
||||
/*background: black;*/
|
||||
padding: 1px 5px;
|
||||
}
|
||||
|
||||
li {
|
||||
text-align: left;
|
||||
list-style-type:square;
|
||||
margin: 2px 20px 0px 30px;
|
||||
padding: 1px 20px 1px 0px;
|
||||
}
|
||||
|
||||
ol {
|
||||
white-space: pre-wrap;
|
||||
display: inline;
|
||||
margin: 2px 0 0 0;
|
||||
padding 10px 0 0 20px;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: inline;
|
||||
margin: 5px 0 0 0;
|
||||
}
|
||||
|
||||
code {
|
||||
text-align: left;
|
||||
font-size: 8pt;
|
||||
font-family: "Lucida Console", Courier, mono;
|
||||
}
|
||||
|
||||
a:link{color:#007}
|
||||
a:visited{color:#606}
|
||||
a:hover{color:#ff6600}
|
||||
a:active{color:#900}
|
||||
|
||||
.links {
|
||||
list-style-image: url(images/link.png);
|
||||
margin: 0 5px 0 0px;
|
||||
padding: 0px 5px;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: left;
|
||||
color: #000022;
|
||||
padding: 10px;
|
||||
margin-bottom: 20px;
|
||||
margin-top: 0px;
|
||||
margin-left: 240px;
|
||||
margin-right: 15px;
|
||||
font-size: 16pt;
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
letter-spacing: 0.06em;
|
||||
text-transform: uppercase;
|
||||
text-shadow: 0px 0px 1px rgba(0, 0, 176, 0.9);
|
||||
white-space: normal;
|
||||
background-color: #ddddff;
|
||||
border: 1px solid #002;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
background-image: url('images/lightbluetile.png');
|
||||
}
|
||||
|
||||
h2{
|
||||
color: #000011;
|
||||
text-shadow: 0px 0px 1px rgba(0, 0, 128, 0.9);
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #000022;
|
||||
padding-bottom: 5px;
|
||||
wordwrap: none;
|
||||
}
|
||||
|
||||
h2 a:hover {
|
||||
color: #ff6600;
|
||||
text-shadow: 0px 0px 1px rgba(255, 255, 72, 0.9);
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #000022;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
|
||||
button {
|
||||
border: 1px outset #ddddc0;
|
||||
padding: 0px 3px 1px 3px;
|
||||
line-height: 250%;
|
||||
background-color: #bbf;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
font-size: 8pt;
|
||||
font-weight: bold;
|
||||
margin: 2px 3px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
button:hover{
|
||||
border: 1px solid #001;
|
||||
line-height: 250%;
|
||||
background-color: #003;
|
||||
color:#ff6600
|
||||
}
|
||||
|
||||
.underline {
|
||||
border-bottom: 1px solid #000022;
|
||||
padding: 5px 0px 5px 0px;
|
||||
margin: 0px 0px 10px 0px;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
}
|
||||
|
||||
.langbox {
|
||||
margin: 12px 0px 15px 5px;
|
||||
padding: 7px 5px 5px 5px;
|
||||
border: 1px solid #002;
|
||||
background-color: #e4e4ff;
|
||||
color: black;
|
||||
font-size: 8pt;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
-webkit-border-radius: 4px 4px 4px 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
width:120px;
|
||||
text-align: center;
|
||||
float: right;
|
||||
background-image:url('images/lightbluetile.png');
|
||||
}
|
||||
|
||||
hr {
|
||||
color: #003;
|
||||
background-color: #003;
|
||||
height: 1px;
|
||||
border: 0px solid #003;
|
||||
margin: 10px 5px;
|
||||
}
|
||||
|
||||
input {
|
||||
background-color: #eef;
|
||||
color: #003;
|
||||
margin: 5px 10px 5px 10px;
|
||||
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
font-weight: bold;
|
||||
border: 1px solid #001;
|
||||
/*border: 1px outset #ddddc0;*/
|
||||
padding: 0px 2px 1px 2px;
|
||||
/*line-height: 250%;*/
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
submit {
|
||||
background-color: #f00;
|
||||
color: #eef;
|
||||
margin: 10px 2px 10px 0;
|
||||
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
font-weight: bold;
|
||||
border: 1px solid #001;
|
||||
/*border: 1px outset #ddddc0;*/
|
||||
padding: 0px 2px 1px 2px;
|
||||
/*line-height: 250%;*/
|
||||
background-color: #001;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
select {
|
||||
background-color: #eef;
|
||||
color: #003;
|
||||
margin: 5px 10px 5px 10px;
|
||||
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
border: 1px solid #001;
|
||||
}
|
||||
|
||||
textarea {
|
||||
padding: 5px;
|
||||
background-color: #eef;
|
||||
color: #003;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
font-family: "Lucida Console", Courier, mono;
|
||||
font-size: 8pt;
|
||||
}
|
||||
|
||||
form {
|
||||
}
|
||||
232
installer/resources/themes/console/light/default.css
Normal file
232
installer/resources/themes/console/light/default.css
Normal file
@ -0,0 +1,232 @@
|
||||
body {
|
||||
margin : 0px;
|
||||
padding : 0px;
|
||||
text-align : center;
|
||||
font-family : "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
|
||||
background-color : #eeeeff;
|
||||
color : #000000;
|
||||
font-size : 11pt;
|
||||
|
||||
/* we've avoided Tantek Hacks so far,
|
||||
** but we can't avoid using the non-w3c method of
|
||||
** box rendering. (and therefore one of mozilla's
|
||||
** proprietry -moz properties (which hopefully they'll
|
||||
** drop soon).
|
||||
*/
|
||||
-moz-box-sizing : border-box;
|
||||
box-sizing : border-box;
|
||||
}
|
||||
|
||||
div {
|
||||
-moz-box-sizing : border-box;
|
||||
box-sizing : border-box;
|
||||
}
|
||||
|
||||
h4, label {
|
||||
margin : 0px;
|
||||
padding : 2px 2px 2px 0px;
|
||||
float : left;
|
||||
width : 150px;
|
||||
height : 24px;
|
||||
font-weight : bold;
|
||||
text-align : right;
|
||||
font-size : 1.0em;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing : border-box;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size : 1.2em;
|
||||
text-align : center;
|
||||
width : 750px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
form {
|
||||
margin : 0px;
|
||||
}
|
||||
|
||||
textarea, input, select, button, a {
|
||||
font-family : "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
|
||||
-moz-box-sizing : border-box;
|
||||
box-sizing : border-box;
|
||||
font-size : 1.0em;
|
||||
float : left;
|
||||
}
|
||||
|
||||
button {
|
||||
float : none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
border : 1px solid #9999ff;
|
||||
}
|
||||
|
||||
br {
|
||||
clear : left;
|
||||
}
|
||||
|
||||
/*
|
||||
div.statusNotRunning {
|
||||
float : left;
|
||||
width : 82px;
|
||||
height : 24px;
|
||||
color : #dd0000;
|
||||
font-weight: bold;
|
||||
}
|
||||
div.statusRunning {
|
||||
float : left;
|
||||
width : 82px;
|
||||
height : 24px;
|
||||
color : #00dd00;
|
||||
font-weight: bold;
|
||||
}
|
||||
div.statusStarting {
|
||||
float : left;
|
||||
width : 82px;
|
||||
height : 24px;
|
||||
color : #339933;
|
||||
}
|
||||
*/
|
||||
|
||||
div.statusNotRunning {
|
||||
float : left;
|
||||
width : 78px;
|
||||
height : 24px;
|
||||
overflow : hidden;
|
||||
color : #dd0000;
|
||||
padding-top: 24px;
|
||||
background: url('images/console_status_stopped.png') 0 0 no-repeat;
|
||||
}
|
||||
div.statusRunning {
|
||||
float : left;
|
||||
width : 78px;
|
||||
height : 24px;
|
||||
overflow : hidden;
|
||||
color : #00dd00;
|
||||
padding-top: 24px;
|
||||
background: url('images/console_status_running.png') 0 0 no-repeat;
|
||||
}
|
||||
div.statusStarting {
|
||||
float : left;
|
||||
width : 78px;
|
||||
height : 24px;
|
||||
overflow : hidden;
|
||||
color : #339933;
|
||||
padding-top: 24px;
|
||||
background: url('images/console_status_starting.png') 0 0 no-repeat;
|
||||
}
|
||||
|
||||
hr {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.separator, .subdivider {
|
||||
clear : both;
|
||||
height : 1px;
|
||||
margin : 3px 0px 3px 0px;
|
||||
border-bottom : 1px solid #9999ff;
|
||||
}
|
||||
|
||||
.subdivider {
|
||||
border-bottom : 1px solid #9999ff;
|
||||
padding: 5px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.freetext {
|
||||
width : 150px;
|
||||
height : 22px;
|
||||
border : 1px solid #9999ff;
|
||||
}
|
||||
|
||||
.control {
|
||||
margin : 0 4px 0 0;
|
||||
padding : 2px 0 2px 0;
|
||||
overflow : hidden;
|
||||
height : 22px;
|
||||
width : 60px;
|
||||
font-weight : normal;
|
||||
background-color : #bbbbff;
|
||||
color : black;
|
||||
border : 1px outset #ddddc0;
|
||||
text-align : center;
|
||||
white-space : nowrap;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
border 1px solid #000022;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.control:hover {
|
||||
/*
|
||||
color: #fff;
|
||||
background-color : #3333ff;
|
||||
border 0px none #000022;
|
||||
*/
|
||||
border: 1px solid #eeeeff;
|
||||
background-color: #003;
|
||||
color:#ff6600
|
||||
}
|
||||
|
||||
.control:active {
|
||||
border : 2px inset;
|
||||
}
|
||||
|
||||
.panel {
|
||||
width : 760px;
|
||||
margin : 16px auto 16px auto;
|
||||
overflow : hidden;
|
||||
text-align : left;
|
||||
font-size : 0.8em;
|
||||
background-color : #fff;
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
border: 1px solid #002;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
.panel .footer {
|
||||
float : right;
|
||||
padding : 4px;
|
||||
}
|
||||
|
||||
.toolbox {
|
||||
float : right;
|
||||
}
|
||||
|
||||
.rowItem {
|
||||
width : 750px;
|
||||
float : left;
|
||||
margin : 0px;
|
||||
}
|
||||
|
||||
.comment {
|
||||
font-style : italic;
|
||||
}
|
||||
|
||||
.text {
|
||||
height : 24px;
|
||||
width : 150px;
|
||||
padding : 2px 0 0 2px;
|
||||
float : left;
|
||||
margin : 0;
|
||||
}
|
||||
|
||||
.accessKey {
|
||||
text-decoration : underline;
|
||||
}
|
||||
|
||||
#globalOperationsPanel {
|
||||
background-color : #ddddff;
|
||||
border : 1px solid #f22;
|
||||
}
|
||||
|
||||
#globalOperationsPanel .control {
|
||||
width : 100px;
|
||||
}
|
||||
|
||||
.header {
|
||||
-moz-border-radius: 4px 4px 4px 4px;
|
||||
border 1px solid #ff0000;
|
||||
}
|
||||
183
installer/resources/themes/console/light/i2ptunnel.css
Normal file
183
installer/resources/themes/console/light/i2ptunnel.css
Normal file
@ -0,0 +1,183 @@
|
||||
/* I2P Tunnel Edit Page
|
||||
*/
|
||||
|
||||
#tunnelEditPage input {
|
||||
width : 458px;
|
||||
}
|
||||
|
||||
#tunnelEditPage select {
|
||||
width : 308px;
|
||||
}
|
||||
|
||||
#tunnelEditPage option[selected] {
|
||||
color: green;
|
||||
}
|
||||
|
||||
#tunnelEditPage #targetField,
|
||||
#tunnelEditPage #accessField,
|
||||
#tunnelEditPage #optionsField {
|
||||
height : 48px;
|
||||
width : 150px;
|
||||
}
|
||||
#tunnelEditPage #tunnelOptionsField {
|
||||
height : 96px;
|
||||
width : 150px;
|
||||
}
|
||||
|
||||
#tunnelEditPage #targetField label,
|
||||
#tunnelEditPage #accessField label,
|
||||
#tunnelEditPage #tunnelOptionsField label,
|
||||
#tunnelEditPage #optionsField label{
|
||||
height : 48px;
|
||||
width : 150px;
|
||||
}
|
||||
|
||||
#tunnelEditPage #reachField,
|
||||
#tunnelEditPage #hostField,
|
||||
#tunnelEditPage #depthField,
|
||||
#tunnelEditPage #countField,
|
||||
#tunnelEditPage #optionsHostField {
|
||||
width : 304px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
#tunnelEditPage #portField,
|
||||
#tunnelEditPage #optionsPortField,
|
||||
#tunnelEditPage #backupField,
|
||||
#tunnelEditPage #varianceField {
|
||||
width : 150px;
|
||||
|
||||
}
|
||||
|
||||
#tunnelEditPage #reachField label,
|
||||
#tunnelEditPage #hostField label,
|
||||
#tunnelEditPage #portField label,
|
||||
#tunnelEditPage #optionsHostField label,
|
||||
#tunnelEditPage #optionsPortField label,
|
||||
#tunnelEditPage #depthField label,
|
||||
#tunnelEditPage #countField label,
|
||||
#tunnelEditPage #backupField label,
|
||||
#tunnelEditPage #varianceField label {
|
||||
text-align : left;
|
||||
|
||||
}
|
||||
|
||||
#tunnelEditPage #otherField label {
|
||||
width : 300px;
|
||||
}
|
||||
|
||||
#tunnelEditPage #reachableByOther,
|
||||
#tunnelEditPage #tunnelDepth,
|
||||
#tunnelEditPage #tunnelQuantity,
|
||||
#tunnelEditPage #targetHost,
|
||||
#tunnelEditPage #clientHost {
|
||||
width : 306px;
|
||||
}
|
||||
|
||||
#tunnelEditPage #port {
|
||||
width : 80px;
|
||||
}
|
||||
|
||||
#tunnelEditPage #targetPort,
|
||||
#tunnelEditPage #clientPort,
|
||||
#tunnelEditPage #tunnelBackupQuantity,
|
||||
#tunnelEditPage #tunnelVariance {
|
||||
width : 150px;
|
||||
}
|
||||
|
||||
#tunnelEditPage #shared,
|
||||
#tunnelEditPage #connectDelay,
|
||||
#tunnelEditPage #startOnLoad {
|
||||
width : 16px;
|
||||
}
|
||||
|
||||
#tunnelEditPage label {
|
||||
width : 150px;
|
||||
font-weight : bold;
|
||||
text-align : right;
|
||||
float : left;
|
||||
}
|
||||
|
||||
/* I2P Tunnel List Page
|
||||
*/
|
||||
|
||||
#tunnelListPage .rowItem {
|
||||
width : 150px;
|
||||
}
|
||||
|
||||
#tunnelListPage select {
|
||||
width : 150px;
|
||||
}
|
||||
|
||||
#tunnelListPage textarea {
|
||||
width : 100%;
|
||||
height : 100px;
|
||||
padding : 0 0 0 4px;
|
||||
margin: 1px 0 4px 0;
|
||||
background-color: #000088;
|
||||
color: #fff;
|
||||
font-family : "Lucida Console", "Andale Mono", "Courier New", Courier, mono;
|
||||
border: 1px inset #002;
|
||||
}
|
||||
|
||||
#tunnelListPage .footer .control {
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
#tunnelListPage .footer label {
|
||||
text-align : right;
|
||||
height : 24px;
|
||||
width : 360px;
|
||||
float : left;
|
||||
|
||||
}
|
||||
|
||||
/* Use Leary and Langridge content replacement methods (LIR)
|
||||
** to embed accessibility information into the document.
|
||||
** Should allow the lists to be rendered nicely by
|
||||
** screen readers. (and lynx!)
|
||||
*/
|
||||
|
||||
#tunnelListPage label {
|
||||
height : 0;
|
||||
width : 0;
|
||||
overflow : hidden;
|
||||
}
|
||||
|
||||
#tunnelListPage .nameHeaderField label,
|
||||
#tunnelListPage .portHeaderField label,
|
||||
#tunnelListPage .typeHeaderField label,
|
||||
#tunnelListPage .interfaceHeaderField label,
|
||||
#tunnelListPage .targetHeaderField label,
|
||||
#tunnelListPage .previewHeaderField label,
|
||||
#tunnelListPage .statusHeaderField label {
|
||||
text-align : left;
|
||||
width : 150px;
|
||||
height : 24px;
|
||||
float : left;
|
||||
}
|
||||
|
||||
#tunnelListPage .targetField,
|
||||
#tunnelListPage .targetField .text,
|
||||
#tunnelListPage .targetHeaderField,
|
||||
#tunnelListPage .targetHeaderField label {
|
||||
width : 300px;
|
||||
}
|
||||
|
||||
#tunnelListPage .descriptionField,
|
||||
#tunnelListPage .destinationField {
|
||||
width : 750px;
|
||||
}
|
||||
|
||||
#tunnelListPage .descriptionField .text,
|
||||
#tunnelListPage .destinationField input {
|
||||
width : 450px;
|
||||
}
|
||||
|
||||
#tunnelListPage .descriptionField label,
|
||||
#tunnelListPage .destinationField label {
|
||||
text-align : right;
|
||||
width : 150px;
|
||||
height : 24px;
|
||||
float : left;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
installer/resources/themes/console/light/images/darkbluetile.png
Normal file
BIN
installer/resources/themes/console/light/images/darkbluetile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 298 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
installer/resources/themes/console/light/images/i2plogo.png
Normal file
BIN
installer/resources/themes/console/light/images/i2plogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
installer/resources/themes/console/light/images/link.png
Normal file
BIN
installer/resources/themes/console/light/images/link.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 564 B |
BIN
installer/resources/themes/console/light/images/tabletile.png
Normal file
BIN
installer/resources/themes/console/light/images/tabletile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 227 B |
BIN
installer/resources/themes/console/light/images/warning.png
Normal file
BIN
installer/resources/themes/console/light/images/warning.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 803 B |
BIN
installer/resources/themes/i2plogo.png
Normal file
BIN
installer/resources/themes/i2plogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
Reference in New Issue
Block a user