Add some tinsel to the css.
This commit is contained in:
z3d
@ -1,302 +1,306 @@
|
|||||||
body {
|
body {
|
||||||
margin : 0px;
|
margin: 0px;
|
||||||
padding : 0px;
|
padding: 0px;
|
||||||
text-align : center;
|
text-align: center;
|
||||||
font-family : "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
|
font-family: "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
|
||||||
background-color : #001;
|
background-color: #001;
|
||||||
color : #000000;
|
color: #000000;
|
||||||
font-size : 11pt;
|
font-size: 11pt;
|
||||||
|
/* we've avoided Tantek Hacks so far,
|
||||||
/* we've avoided Tantek Hacks so far,
|
|
||||||
** but we can't avoid using the non-w3c method of
|
** but we can't avoid using the non-w3c method of
|
||||||
** box rendering. (and therefore one of mozilla's
|
** box rendering. (and therefore one of mozilla's
|
||||||
** proprietry -moz properties (which hopefully they'll
|
** proprietry -moz properties (which hopefully they'll
|
||||||
** drop soon).
|
** drop soon).
|
||||||
*/
|
*/
|
||||||
-moz-box-sizing : border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing : border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
div {
|
div {
|
||||||
-moz-box-sizing : border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing : border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
h4, label {
|
h4, label {
|
||||||
margin : 0;
|
margin: 0;
|
||||||
padding : 4px 2px 2px 0px;
|
padding: 4px 2px 2px 0px;
|
||||||
float : left;
|
float: left;
|
||||||
width : 150px;
|
width: 150px;
|
||||||
/* height : 24px; */
|
/* height : 24px; */
|
||||||
font-weight : bold;
|
font-weight: bold;
|
||||||
text-align : right;
|
text-align: right;
|
||||||
font-size : 1.0em;
|
font-size: 1.0em;
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing : border-box;
|
box-sizing: border-box;
|
||||||
padding: 5px 0 !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
font-size : 14px;
|
font-size: 14px;
|
||||||
text-align : center;
|
text-align: center;
|
||||||
width : 100%;
|
width: 100%;
|
||||||
border: 1px solid #99f;
|
border: 1px solid #99f;
|
||||||
margin: 5px 0 15px 0;
|
margin: 5px 0 15px 0;
|
||||||
background: url(images/tabletitledark.png);
|
background: url(images/tabletitledark.png);
|
||||||
background-color: #002;
|
background-color: #002;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.9);
|
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.9);
|
||||||
letter-spacing: 0.08em;
|
letter-spacing: 0.08em;
|
||||||
-moz-box-shadow: inset 0px 0px 4px 0px #009;
|
-moz-box-shadow: inset 0px 0px 4px 0px #009;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
-moz-border-radius: 4px;
|
-moz-border-radius: 4px;
|
||||||
-webkit-border-radius: 4px;
|
-webkit-border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration : none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
form {
|
form {
|
||||||
margin : 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea, input, select, button, a {
|
textarea, input, select, button, a {
|
||||||
font-family : "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
|
font-family: "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
|
||||||
-moz-box-sizing : border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing : border-box;
|
box-sizing: border-box;
|
||||||
font-size : 1.0em;
|
font-size: 1.0em;
|
||||||
float : left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
float : none;
|
float: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
border : 1px solid #9999ff;
|
border: 1px solid #9999ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
br {
|
br {
|
||||||
clear : left;
|
clear: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
div.statusNotRunning {
|
div.statusNotRunning {
|
||||||
float : left;
|
float : left;
|
||||||
width : 82px;
|
width : 82px;
|
||||||
height : 24px;
|
height : 24px;
|
||||||
color : #dd0000;
|
color : #dd0000;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
div.statusRunning {
|
div.statusRunning {
|
||||||
float : left;
|
float : left;
|
||||||
width : 82px;
|
width : 82px;
|
||||||
height : 24px;
|
height : 24px;
|
||||||
color : #00dd00;
|
color : #00dd00;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
div.statusStarting {
|
div.statusStarting {
|
||||||
float : left;
|
float : left;
|
||||||
width : 82px;
|
width : 82px;
|
||||||
height : 24px;
|
height : 24px;
|
||||||
color : #339933;
|
color : #339933;
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
|
|
||||||
div.statusNotRunning {
|
div.statusNotRunning {
|
||||||
float : left;
|
float: left;
|
||||||
width : 78px;
|
width: 78px;
|
||||||
height : 24px;
|
height: 24px;
|
||||||
overflow : hidden;
|
overflow: hidden;
|
||||||
color : #dd0000;
|
color: #dd0000;
|
||||||
padding-top: 24px;
|
padding-top: 24px;
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
background: url('images/console_status_stopped.png') 0 0 no-repeat;
|
background: url('images/console_status_stopped.png') 0 0 no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.statusRunning {
|
div.statusRunning {
|
||||||
float : left;
|
float: left;
|
||||||
width : 78px;
|
width: 78px;
|
||||||
height : 24px;
|
height: 24px;
|
||||||
overflow : hidden;
|
overflow: hidden;
|
||||||
color : #00dd00;
|
color: #00dd00;
|
||||||
padding-top: 24px;
|
padding-top: 24px;
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
background: url('images/console_status_running.png') 0 0 no-repeat;
|
background: url('images/console_status_running.png') 0 0 no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.statusStarting {
|
div.statusStarting {
|
||||||
float : left;
|
float: left;
|
||||||
width : 78px;
|
width: 78px;
|
||||||
height : 24px;
|
height: 24px;
|
||||||
overflow : hidden;
|
overflow: hidden;
|
||||||
color : #339933;
|
color: #339933;
|
||||||
padding-top: 24px;
|
padding-top: 24px;
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
background: url('images/console_status_starting.png') 0 0 no-repeat;
|
background: url('images/console_status_starting.png') 0 0 no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
display : none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.separator, .subdivider {
|
.separator, .subdivider {
|
||||||
clear : both;
|
clear: both;
|
||||||
height : 1px;
|
height: 1px;
|
||||||
margin : 3px 0px 3px 0px;
|
margin: 3px 0px 3px 0px;
|
||||||
border-bottom : 1px solid #99f;
|
border-bottom: 1px solid #99f;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subdivider {
|
.subdivider {
|
||||||
border-bottom : 1px solid #99f;
|
border-bottom: 1px solid #99f;
|
||||||
padding: 5px 0px 0px 0px;
|
padding: 5px 0px 0px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.freetext {
|
.freetext {
|
||||||
width : 150px;
|
width: 150px;
|
||||||
/* height : 22px; */
|
/* height : 22px; */
|
||||||
border : 1px solid #9999ff;
|
border: 1px solid #9999ff;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
margin: 4px 0 2px 4px;
|
margin: 4px 0 2px 4px;
|
||||||
background-color: #002;
|
background-color: #002;
|
||||||
font-family: "Lucida Console", Courier, mono;
|
font-family: "Lucida Console", Courier, mono;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.control {
|
.control {
|
||||||
margin : 0 0 0 4px;
|
margin: 0 0 0 4px;
|
||||||
padding : 0 0 2px 0;
|
padding: 0 0 2px 0;
|
||||||
overflow : hidden;
|
overflow: hidden;
|
||||||
height : 20px;
|
height: 20px;
|
||||||
width : 60px;
|
width: 60px;
|
||||||
font-weight : normal;
|
font-weight: normal;
|
||||||
background-color : #bbbbff;
|
background-color: #bbbbff;
|
||||||
color : black;
|
color: black;
|
||||||
border : 1px outset #ddddc0;
|
border: 1px outset #ddddc0;
|
||||||
text-align : center;
|
text-align: center;
|
||||||
white-space : nowrap;
|
white-space: nowrap;
|
||||||
-moz-border-radius: 4px;
|
-moz-border-radius: 4px;
|
||||||
border 1px solid #000022;
|
margin-top: 8px;
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 8px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.control:link {
|
.control:link {
|
||||||
color: #001;
|
color: #001;
|
||||||
}
|
}
|
||||||
|
|
||||||
.control:hover {
|
.control:hover {
|
||||||
|
border: 1px solid #eeeeff;
|
||||||
border: 1px solid #eeeeff;
|
background-color: #003;
|
||||||
background-color: #003;
|
color: #ff6600;
|
||||||
color:#ff6600
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.control:active {
|
.control:active {
|
||||||
border : 2px inset;
|
border: 2px inset;
|
||||||
}
|
}
|
||||||
|
|
||||||
.control:visited {
|
.control:visited {
|
||||||
color: #001;
|
color: #001;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel {
|
.panel {
|
||||||
width : 800px;
|
width: 800px;
|
||||||
margin : 16px auto 16px auto;
|
margin: 16px auto 16px auto;
|
||||||
overflow : hidden;
|
overflow: hidden;
|
||||||
text-align : left;
|
text-align: left;
|
||||||
font-size : 0.8em;
|
font-size: 0.8em;
|
||||||
color: white;
|
color: white;
|
||||||
background-color : #002;
|
background-color: #002;
|
||||||
background: url(images/darkbluebg.png);
|
background: url(images/darkbluebg.png);
|
||||||
-moz-border-radius: 4px 4px 4px 4px;
|
-moz-border-radius: 4px 4px 4px 4px;
|
||||||
border: 1px solid #99f;
|
border: 1px solid #99f;
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel .footer {
|
.panel .footer {
|
||||||
float : right;
|
float: right;
|
||||||
padding : 4px;
|
padding: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toolbox {
|
.toolbox {
|
||||||
float : right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rowItem {
|
.rowItem {
|
||||||
width : 750px;
|
width: 750px;
|
||||||
float : left;
|
float: left;
|
||||||
margin : 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment {
|
.comment {
|
||||||
font-style : italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
height : 24px;
|
height: 24px;
|
||||||
width : 150px;
|
width: 150px;
|
||||||
padding : 4px 0 0 2px;
|
padding: 4px 0 0 2px;
|
||||||
float : left;
|
float: left;
|
||||||
margin : 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accessKey {
|
.accessKey {
|
||||||
text-decoration : underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
#globalOperationsPanel {
|
#globalOperationsPanel {
|
||||||
background-color : #003;
|
background-color: #003;
|
||||||
border : 1px solid #f22;
|
border: 1px solid #f22;
|
||||||
background: url(images/lightbluetile.png);
|
background: url(images/lightbluetile.png);
|
||||||
-moz-box-shadow: inset 0px 0px 4px 0px #f00;
|
-moz-box-shadow: inset 0px 0px 4px 0px #f00;
|
||||||
padding: 5px 20px 11px 10px !important;
|
padding: 5px 20px 11px 10px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#globalOperationsPanel .control {
|
#globalOperationsPanel .control {
|
||||||
width : 100px;
|
width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
-moz-border-radius: 4px 4px 4px 4px;
|
-moz-border-radius: 4px 4px 4px 4px;
|
||||||
border 1px solid #ff0000;
|
border: 1px solid #ff0000;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:link{color:#99f}
|
a:link{
|
||||||
a:visited{color:#7bb}
|
color: #99f;
|
||||||
a:hover{color:#ff6600}
|
}
|
||||||
a:active{color:#900}
|
|
||||||
|
a:visited{
|
||||||
|
color: #7bb;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover{
|
||||||
|
color: #ff6600;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:active{
|
||||||
|
color: #900;
|
||||||
|
}
|
||||||
|
|
||||||
input {
|
input {
|
||||||
background-color: #002;
|
background-color: #002;
|
||||||
color: #eef;
|
color: #eef;
|
||||||
margin: 0 2px 0 2px;
|
margin: 0 2px 0 2px;
|
||||||
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
|
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
border: 1px solid #99f;
|
border: 1px solid #99f;
|
||||||
padding: 0px 2px 1px 2px;
|
padding: 0px 2px 1px 2px;
|
||||||
background-color: #001;
|
text-decoration: none;
|
||||||
text-decoration: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
input hover {
|
input hover {
|
||||||
background-color: #f00;
|
background-color: #f00;
|
||||||
color: #eef;
|
color: #eef;
|
||||||
margin: 0 2px 0 2px;
|
margin: 0 2px 0 2px;
|
||||||
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
|
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
border: 1px solid #99f;
|
border: 1px solid #99f;
|
||||||
padding: 0px 2px 1px 2px;
|
padding: 0px 2px 1px 2px;
|
||||||
background-color: #001;
|
text-decoration: none;
|
||||||
text-decoration: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
select {
|
select {
|
||||||
background-color: #001;
|
background-color: #001;
|
||||||
color: #eef;
|
color: #eef;
|
||||||
margin: 8px 2px 0 2px;
|
margin: 8px 2px 0 2px;
|
||||||
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
|
font-family: "Lucida Sans Unicode", Verdana, Tahoma, Helvetica, sans-serif;
|
||||||
border: 1px solid #99f;
|
border: 1px solid #99f;
|
||||||
}
|
}
|
||||||
|
|
||||||
form {
|
form {}
|
||||||
}
|
|
||||||
@ -1,138 +1,105 @@
|
|||||||
/* I2P Tunnel Edit Page
|
/* I2P Tunnel Edit Page
|
||||||
*/
|
*/
|
||||||
|
|
||||||
#tunnelEditPage input {
|
#tunnelEditPage input {
|
||||||
width : 458px;
|
width: 458px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage select {
|
#tunnelEditPage select {
|
||||||
width : 308px;
|
width: 308px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage option[selected] {
|
#tunnelEditPage option [ selected ] {
|
||||||
color: green;
|
color: green;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #targetField,
|
#tunnelEditPage #targetField, #tunnelEditPage #accessField, #tunnelEditPage #optionsField {
|
||||||
#tunnelEditPage #accessField,
|
height: 48px;
|
||||||
#tunnelEditPage #optionsField {
|
width: 150px;
|
||||||
height : 48px;
|
|
||||||
width : 150px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #tunnelOptionsField {
|
#tunnelEditPage #tunnelOptionsField {
|
||||||
height : 96px;
|
height: 96px;
|
||||||
width : 150px;
|
width: 150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #targetField label,
|
#tunnelEditPage #targetField label, #tunnelEditPage #accessField label, #tunnelEditPage #tunnelOptionsField label, #tunnelEditPage #optionsField label{
|
||||||
#tunnelEditPage #accessField label,
|
height: 48px;
|
||||||
#tunnelEditPage #tunnelOptionsField label,
|
width: 150px;
|
||||||
#tunnelEditPage #optionsField label{
|
|
||||||
height : 48px;
|
|
||||||
width : 150px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #reachField,
|
#tunnelEditPage #reachField, #tunnelEditPage #hostField, #tunnelEditPage #depthField, #tunnelEditPage #countField, #tunnelEditPage #optionsHostField {
|
||||||
#tunnelEditPage #hostField,
|
width: 304px;
|
||||||
#tunnelEditPage #depthField,
|
margin-right: 4px;
|
||||||
#tunnelEditPage #countField,
|
|
||||||
#tunnelEditPage #optionsHostField {
|
|
||||||
width : 304px;
|
|
||||||
margin-right: 4px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #portField,
|
#tunnelEditPage #portField, #tunnelEditPage #optionsPortField, #tunnelEditPage #backupField, #tunnelEditPage #varianceField {
|
||||||
#tunnelEditPage #optionsPortField,
|
width: 150px;
|
||||||
#tunnelEditPage #backupField,
|
|
||||||
#tunnelEditPage #varianceField {
|
|
||||||
width : 150px;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #reachField label,
|
#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 {
|
||||||
#tunnelEditPage #hostField label,
|
text-align: left;
|
||||||
#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 {
|
#tunnelEditPage #otherField label {
|
||||||
width : 300px;
|
width: 300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #reachableByOther,
|
#tunnelEditPage #reachableByOther, #tunnelEditPage #tunnelDepth, #tunnelEditPage #tunnelQuantity, #tunnelEditPage #targetHost, #tunnelEditPage #clientHost {
|
||||||
#tunnelEditPage #tunnelDepth,
|
width: 306px;
|
||||||
#tunnelEditPage #tunnelQuantity,
|
|
||||||
#tunnelEditPage #targetHost,
|
|
||||||
#tunnelEditPage #clientHost {
|
|
||||||
width : 306px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #port {
|
#tunnelEditPage #port {
|
||||||
width : 80px;
|
width: 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #targetPort,
|
#tunnelEditPage #targetPort, #tunnelEditPage #clientPort, #tunnelEditPage #tunnelBackupQuantity, #tunnelEditPage #tunnelVariance {
|
||||||
#tunnelEditPage #clientPort,
|
width: 150px;
|
||||||
#tunnelEditPage #tunnelBackupQuantity,
|
|
||||||
#tunnelEditPage #tunnelVariance {
|
|
||||||
width : 150px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #shared,
|
#tunnelEditPage #shared, #tunnelEditPage #connectDelay, #tunnelEditPage #startOnLoad {
|
||||||
#tunnelEditPage #connectDelay,
|
width: 16px;
|
||||||
#tunnelEditPage #startOnLoad {
|
|
||||||
width : 16px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage label {
|
#tunnelEditPage label {
|
||||||
width : 150px;
|
width: 150px;
|
||||||
font-weight : bold;
|
font-weight: bold;
|
||||||
text-align : right;
|
text-align: right;
|
||||||
float : left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* I2P Tunnel List Page
|
/* I2P Tunnel List Page
|
||||||
*/
|
*/
|
||||||
|
|
||||||
#tunnelListPage .rowItem {
|
#tunnelListPage .rowItem {
|
||||||
width : 150px;
|
width: 150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage select {
|
#tunnelListPage select {
|
||||||
width : 150px;
|
width: 150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage textarea {
|
#tunnelListPage textarea {
|
||||||
width : 100%;
|
width: 100%;
|
||||||
height : 100px;
|
height: 100px;
|
||||||
padding : 0 0 0 4px;
|
padding: 0 0 0 4px;
|
||||||
margin: 1px 0 4px 0;
|
margin: 1px 0 4px 0;
|
||||||
background-color: #000088;
|
background-color: #000088;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-family : "Lucida Console", "Andale Mono", "Courier New", Courier, mono;
|
font-family: "Lucida Console", "Andale Mono", "Courier New", Courier, mono;
|
||||||
border: 1px inset #002;
|
border: 1px inset #002;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage .footer .control {
|
#tunnelListPage .footer .control {
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage .footer label {
|
#tunnelListPage .footer label {
|
||||||
text-align : right;
|
text-align: right;
|
||||||
height : 24px;
|
height: 24px;
|
||||||
width : 360px;
|
width: 360px;
|
||||||
float : left;
|
float: left;
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Use Leary and Langridge content replacement methods (LIR)
|
/* Use Leary and Langridge content replacement methods (LIR)
|
||||||
** to embed accessibility information into the document.
|
** to embed accessibility information into the document.
|
||||||
** Should allow the lists to be rendered nicely by
|
** Should allow the lists to be rendered nicely by
|
||||||
@ -140,45 +107,33 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
#tunnelListPage label {
|
#tunnelListPage label {
|
||||||
height : 0;
|
height: 0;
|
||||||
width : 0;
|
width: 0;
|
||||||
overflow : hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage .nameHeaderField label,
|
#tunnelListPage .nameHeaderField label, #tunnelListPage .portHeaderField label, #tunnelListPage .typeHeaderField label, #tunnelListPage .interfaceHeaderField label, #tunnelListPage .targetHeaderField label, #tunnelListPage .previewHeaderField label, #tunnelListPage .statusHeaderField label {
|
||||||
#tunnelListPage .portHeaderField label,
|
text-align: left;
|
||||||
#tunnelListPage .typeHeaderField label,
|
width: 150px;
|
||||||
#tunnelListPage .interfaceHeaderField label,
|
height: 28px;
|
||||||
#tunnelListPage .targetHeaderField label,
|
float: left;
|
||||||
#tunnelListPage .previewHeaderField label,
|
|
||||||
#tunnelListPage .statusHeaderField label {
|
|
||||||
text-align : left;
|
|
||||||
width : 150px;
|
|
||||||
height : 28px;
|
|
||||||
float : left;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage .targetField,
|
#tunnelListPage .targetField, #tunnelListPage .targetField .text, #tunnelListPage .targetHeaderField, #tunnelListPage .targetHeaderField label {
|
||||||
#tunnelListPage .targetField .text,
|
width: 300px;
|
||||||
#tunnelListPage .targetHeaderField,
|
|
||||||
#tunnelListPage .targetHeaderField label {
|
|
||||||
width : 300px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage .descriptionField,
|
#tunnelListPage .descriptionField, #tunnelListPage .destinationField {
|
||||||
#tunnelListPage .destinationField {
|
width: 750px;
|
||||||
width : 750px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage .descriptionField .text,
|
#tunnelListPage .descriptionField .text, #tunnelListPage .destinationField input {
|
||||||
#tunnelListPage .destinationField input {
|
width: 590px;
|
||||||
width : 590px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage .descriptionField label,
|
#tunnelListPage .descriptionField label, #tunnelListPage .destinationField label {
|
||||||
#tunnelListPage .destinationField label {
|
text-align: right;
|
||||||
text-align : right;
|
width: 150px;
|
||||||
width : 150px;
|
height: 24px;
|
||||||
height : 24px;
|
float: left;
|
||||||
float : left;
|
|
||||||
}
|
}
|
||||||
@ -1,255 +1,229 @@
|
|||||||
body {
|
body {
|
||||||
margin : 0px;
|
margin: 0px;
|
||||||
padding : 0px;
|
padding: 0px;
|
||||||
text-align : center;
|
text-align: center;
|
||||||
font-family : "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
|
font-family: "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
|
||||||
background-color : #eeeeff;
|
background-color: #eeeeff;
|
||||||
color : #000000;
|
color: #000000;
|
||||||
font-size : 11pt;
|
font-size: 11pt;
|
||||||
|
/* we've avoided Tantek Hacks so far,
|
||||||
/* we've avoided Tantek Hacks so far,
|
|
||||||
** but we can't avoid using the non-w3c method of
|
** but we can't avoid using the non-w3c method of
|
||||||
** box rendering. (and therefore one of mozilla's
|
** box rendering. (and therefore one of mozilla's
|
||||||
** proprietry -moz properties (which hopefully they'll
|
** proprietry -moz properties (which hopefully they'll
|
||||||
** drop soon).
|
** drop soon).
|
||||||
*/
|
*/
|
||||||
-moz-box-sizing : border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing : border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
div {
|
div {
|
||||||
-moz-box-sizing : border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing : border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
h4, label {
|
h4, label {
|
||||||
margin : 0px;
|
margin: 0px;
|
||||||
padding : 6px 2px 2px 0px;
|
padding: 6px 2px 2px 0px;
|
||||||
float : left;
|
float: left;
|
||||||
width : 150px;
|
width: 150px;
|
||||||
height : 28px;
|
height: 28px;
|
||||||
font-weight : bold;
|
font-weight: bold;
|
||||||
text-align : right;
|
text-align: right;
|
||||||
font-size : 1.0em;
|
font-size: 1.0em;
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing : border-box;
|
box-sizing: border-box;
|
||||||
padding: 5px 0 !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
font-size : 14px;
|
font-size: 14px;
|
||||||
color: #001;
|
color: #001;
|
||||||
text-align : center;
|
text-align: center;
|
||||||
width : 100%;
|
width: 100%;
|
||||||
border: 1px solid #225;
|
border: 1px solid #225;
|
||||||
margin: 5px 0 15px 0;
|
margin: 5px 0 15px 0;
|
||||||
background: url(images/tabletitlelight.png);
|
background: url(images/tabletitlelight.png);
|
||||||
background-color: #002;
|
background-color: #002;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-shadow: 0px 0px 2px rgba(64, 64, 255, 0.9);
|
text-shadow: 0px 0px 2px rgba(64, 64, 255, 0.9);
|
||||||
letter-spacing: 0.08em;
|
letter-spacing: 0.08em;
|
||||||
-moz-box-shadow: inset 0px 0px 4px 0px #bbf;
|
-moz-box-shadow: inset 0px 0px 4px 0px #bbf;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
-moz-border-radius: 4px;
|
-moz-border-radius: 4px;
|
||||||
-webkit-border-radius: 4px;
|
-webkit-border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration : none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
form {
|
form {
|
||||||
margin : 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea, input, select, button, a {
|
textarea, input, select, button, a {
|
||||||
font-family : "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
|
font-family: "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
|
||||||
-moz-box-sizing : border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing : border-box;
|
box-sizing: border-box;
|
||||||
font-size : 1.0em;
|
font-size: 1.0em;
|
||||||
float : left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
float : none;
|
float: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
border : 1px solid #9999ff;
|
border: 1px solid #9999ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
br {
|
br {
|
||||||
clear : left;
|
clear: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
|
||||||
div.statusNotRunning {
|
div.statusNotRunning {
|
||||||
float : left;
|
float: left;
|
||||||
width : 82px;
|
width: 78px;
|
||||||
height : 24px;
|
height: 24px;
|
||||||
color : #dd0000;
|
overflow: hidden;
|
||||||
font-weight: bold;
|
color: #dd0000;
|
||||||
|
background: url('images/console_status_stopped.png') 0 0 no-repeat;
|
||||||
|
padding-top: 24px;
|
||||||
|
margin-top: 8px;
|
||||||
}
|
}
|
||||||
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;
|
|
||||||
background: url('images/console_status_stopped.png') 0 0 no-repeat;
|
|
||||||
padding-top: 24px;
|
|
||||||
margin-top: 8px;
|
|
||||||
}
|
|
||||||
div.statusRunning {
|
div.statusRunning {
|
||||||
float : left;
|
float: left;
|
||||||
width : 78px;
|
width: 78px;
|
||||||
height : 24px;
|
height: 24px;
|
||||||
overflow : hidden;
|
overflow: hidden;
|
||||||
color : #00dd00;
|
color: #00dd00;
|
||||||
background: url('images/console_status_running.png') 0 0 no-repeat;
|
background: url('images/console_status_running.png') 0 0 no-repeat;
|
||||||
padding-top: 24px;
|
padding-top: 24px;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.statusStarting {
|
div.statusStarting {
|
||||||
float : left;
|
float: left;
|
||||||
width : 78px;
|
width: 78px;
|
||||||
height : 24px;
|
height: 24px;
|
||||||
overflow : hidden;
|
overflow: hidden;
|
||||||
color : #339933;
|
color: #339933;
|
||||||
background: url('images/console_status_starting.png') 0 0 no-repeat;
|
background: url('images/console_status_starting.png') 0 0 no-repeat;
|
||||||
padding-top: 24px;
|
padding-top: 24px;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
display : none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.separator, .subdivider {
|
.separator, .subdivider {
|
||||||
clear : both;
|
clear: both;
|
||||||
height : 1px;
|
height: 1px;
|
||||||
margin : 3px 0px 3px 0px;
|
margin: 3px 0px 3px 0px;
|
||||||
border-bottom : 1px solid #225;
|
border-bottom: 1px solid #225;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subdivider {
|
.subdivider {
|
||||||
border-bottom : 1px solid #225;
|
border-bottom: 1px solid #225;
|
||||||
padding: 5px 0px 0px 0px;
|
padding: 5px 0px 0px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.freetext {
|
.freetext {
|
||||||
width : 150px;
|
width: 150px;
|
||||||
height : 22px;
|
height: 22px;
|
||||||
border : 1px solid #9999ff;
|
border: 1px solid #9999ff;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
margin: 4px 0 2px 4px;
|
margin: 4px 0 2px 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.control {
|
.control {
|
||||||
margin : 6px 0 0 4px;
|
margin: 6px 0 0 4px;
|
||||||
padding : 2px 0 2px 0;
|
padding: 2px 0 2px 0;
|
||||||
overflow : hidden;
|
overflow: hidden;
|
||||||
height : 22px;
|
height: 22px;
|
||||||
width : 60px;
|
width: 60px;
|
||||||
font-weight : normal;
|
font-weight: normal;
|
||||||
background-color : #bbbbff;
|
background-color: #bbbbff;
|
||||||
color : black;
|
color: black;
|
||||||
border : 1px outset #ddddc0;
|
border: 1px outset #ddddc0;
|
||||||
text-align : center;
|
text-align: center;
|
||||||
white-space : nowrap;
|
white-space: nowrap;
|
||||||
-moz-border-radius: 4px 4px 4px 4px;
|
-moz-border-radius: 4px;
|
||||||
border 1px solid #000022;
|
margin-top: 8px;
|
||||||
font-weight: bold;
|
|
||||||
margin-top: 8px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.control:hover {
|
.control:hover {
|
||||||
/*
|
/*
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color : #3333ff;
|
background-color : #3333ff;
|
||||||
border 0px none #000022;
|
border 0px none #000022;
|
||||||
*/
|
*/
|
||||||
border: 1px solid #eeeeff;
|
border: 1px solid #eeeeff;
|
||||||
background-color: #003;
|
background-color: #003;
|
||||||
color:#ff6600
|
color: #ff6600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.control:active {
|
.control:active {
|
||||||
border : 2px inset;
|
border: 2px inset;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel {
|
.panel {
|
||||||
width : 800px;
|
width: 800px;
|
||||||
margin : 16px auto 16px auto;
|
margin: 16px auto 16px auto;
|
||||||
overflow : hidden;
|
overflow: hidden;
|
||||||
text-align : left;
|
text-align: left;
|
||||||
font-size : 0.8em;
|
font-size: 0.8em;
|
||||||
background-color : #fff;
|
background-color: #fff;
|
||||||
background: url(images/lightbluetile.png);
|
background: url(images/lightbluetile.png);
|
||||||
-moz-border-radius: 4px 4px 4px 4px;
|
-moz-border-radius: 4px 4px 4px 4px;
|
||||||
border: 1px solid #002;
|
border: 1px solid #002;
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel .footer {
|
.panel .footer {
|
||||||
float : right;
|
float: right;
|
||||||
padding : 4px;
|
padding: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toolbox {
|
.toolbox {
|
||||||
float : right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rowItem {
|
.rowItem {
|
||||||
width : 750px;
|
width: 750px;
|
||||||
float : left;
|
float: left;
|
||||||
margin : 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment {
|
.comment {
|
||||||
font-style : italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
height : 24px;
|
height: 24px;
|
||||||
width : 150px;
|
width: 150px;
|
||||||
padding : 6px 0 0 2px;
|
padding: 6px 0 0 2px;
|
||||||
float : left;
|
float: left;
|
||||||
margin : 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accessKey {
|
.accessKey {
|
||||||
text-decoration : underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
#globalOperationsPanel {
|
#globalOperationsPanel {
|
||||||
background-color : #ddddff;
|
background-color: #ddddff;
|
||||||
border : 1px solid #f22;
|
border: 1px solid #f22;
|
||||||
-moz-box-shadow: inset 0px 0px 4px 0px #f00;
|
-moz-box-shadow: inset 0px 0px 4px 0px #f00;
|
||||||
padding: 5px 20px 11px 10px !important;
|
padding: 5px 20px 11px 10px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#globalOperationsPanel .control {
|
#globalOperationsPanel .control {
|
||||||
width : 100px;
|
width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
-moz-border-radius: 4px 4px 4px 4px;
|
-moz-border-radius: 4px;
|
||||||
border 1px solid #ff0000;
|
border: 1px solid #ff0000;
|
||||||
}
|
}
|
||||||
@ -2,138 +2,106 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
#tunnelEditPage input {
|
#tunnelEditPage input {
|
||||||
width : 458px;
|
width: 458px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage select {
|
#tunnelEditPage select {
|
||||||
width : 308px;
|
width: 308px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage option[selected] {
|
#tunnelEditPage option [ selected ] {
|
||||||
color: green;
|
color: green;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #targetField,
|
#tunnelEditPage #targetField, #tunnelEditPage #accessField, #tunnelEditPage #optionsField {
|
||||||
#tunnelEditPage #accessField,
|
height: 48px;
|
||||||
#tunnelEditPage #optionsField {
|
width: 150px;
|
||||||
height : 48px;
|
|
||||||
width : 150px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #tunnelOptionsField {
|
#tunnelEditPage #tunnelOptionsField {
|
||||||
height : 96px;
|
height: 96px;
|
||||||
width : 150px;
|
width: 150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #targetField label,
|
#tunnelEditPage #targetField label, #tunnelEditPage #accessField label, #tunnelEditPage #tunnelOptionsField label, #tunnelEditPage #optionsField label{
|
||||||
#tunnelEditPage #accessField label,
|
height: 48px;
|
||||||
#tunnelEditPage #tunnelOptionsField label,
|
width: 150px;
|
||||||
#tunnelEditPage #optionsField label{
|
|
||||||
height : 48px;
|
|
||||||
width : 150px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #reachField,
|
#tunnelEditPage #reachField, #tunnelEditPage #hostField, #tunnelEditPage #depthField, #tunnelEditPage #countField, #tunnelEditPage #optionsHostField {
|
||||||
#tunnelEditPage #hostField,
|
width: 304px;
|
||||||
#tunnelEditPage #depthField,
|
margin-right: 4px;
|
||||||
#tunnelEditPage #countField,
|
|
||||||
#tunnelEditPage #optionsHostField {
|
|
||||||
width : 304px;
|
|
||||||
margin-right: 4px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #portField,
|
#tunnelEditPage #portField, #tunnelEditPage #optionsPortField, #tunnelEditPage #backupField, #tunnelEditPage #varianceField {
|
||||||
#tunnelEditPage #optionsPortField,
|
width: 150px;
|
||||||
#tunnelEditPage #backupField,
|
|
||||||
#tunnelEditPage #varianceField {
|
|
||||||
width : 150px;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #reachField label,
|
#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 {
|
||||||
#tunnelEditPage #hostField label,
|
text-align: left;
|
||||||
#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 {
|
#tunnelEditPage #otherField label {
|
||||||
width : 300px;
|
width: 300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #reachableByOther,
|
#tunnelEditPage #reachableByOther, #tunnelEditPage #tunnelDepth, #tunnelEditPage #tunnelQuantity, #tunnelEditPage #targetHost, #tunnelEditPage #clientHost {
|
||||||
#tunnelEditPage #tunnelDepth,
|
width: 306px;
|
||||||
#tunnelEditPage #tunnelQuantity,
|
|
||||||
#tunnelEditPage #targetHost,
|
|
||||||
#tunnelEditPage #clientHost {
|
|
||||||
width : 306px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #port {
|
#tunnelEditPage #port {
|
||||||
width : 80px;
|
width: 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #targetPort,
|
#tunnelEditPage #targetPort, #tunnelEditPage #clientPort, #tunnelEditPage #tunnelBackupQuantity, #tunnelEditPage #tunnelVariance {
|
||||||
#tunnelEditPage #clientPort,
|
width: 150px;
|
||||||
#tunnelEditPage #tunnelBackupQuantity,
|
|
||||||
#tunnelEditPage #tunnelVariance {
|
|
||||||
width : 150px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage #shared,
|
#tunnelEditPage #shared, #tunnelEditPage #connectDelay, #tunnelEditPage #startOnLoad {
|
||||||
#tunnelEditPage #connectDelay,
|
width: 16px;
|
||||||
#tunnelEditPage #startOnLoad {
|
|
||||||
width : 16px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelEditPage label {
|
#tunnelEditPage label {
|
||||||
width : 150px;
|
width: 150px;
|
||||||
font-weight : bold;
|
font-weight: bold;
|
||||||
text-align : right;
|
text-align: right;
|
||||||
float : left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* I2P Tunnel List Page
|
/* I2P Tunnel List Page
|
||||||
*/
|
*/
|
||||||
|
|
||||||
#tunnelListPage .rowItem {
|
#tunnelListPage .rowItem {
|
||||||
width : 150px;
|
width: 150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage select {
|
#tunnelListPage select {
|
||||||
width : 150px;
|
width: 150px;
|
||||||
margin: 9px 0 0 4px;
|
margin: 9px 0 0 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage textarea {
|
#tunnelListPage textarea {
|
||||||
width : 100%;
|
width: 100%;
|
||||||
height : 100px;
|
height: 100px;
|
||||||
padding : 0 0 0 4px;
|
padding: 0 0 0 4px;
|
||||||
margin: 1px 0 4px 0;
|
margin: 1px 0 4px 0;
|
||||||
background-color: #000088;
|
background-color: #000088;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-family : "Lucida Console", "Andale Mono", "Courier New", Courier, mono;
|
font-family: "Lucida Console", "Andale Mono", "Courier New", Courier, mono;
|
||||||
border: 1px inset #002;
|
border: 1px inset #002;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage .footer .control {
|
#tunnelListPage .footer .control {
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage .footer label {
|
#tunnelListPage .footer label {
|
||||||
text-align : right;
|
text-align: right;
|
||||||
height : 24px;
|
height: 24px;
|
||||||
width : 360px;
|
width: 360px;
|
||||||
float : left;
|
float: left;
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Use Leary and Langridge content replacement methods (LIR)
|
/* Use Leary and Langridge content replacement methods (LIR)
|
||||||
** to embed accessibility information into the document.
|
** to embed accessibility information into the document.
|
||||||
** Should allow the lists to be rendered nicely by
|
** Should allow the lists to be rendered nicely by
|
||||||
@ -141,46 +109,34 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
#tunnelListPage label {
|
#tunnelListPage label {
|
||||||
height : 0;
|
height: 0;
|
||||||
width : 0;
|
width: 0;
|
||||||
overflow : hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage .nameHeaderField label,
|
#tunnelListPage .nameHeaderField label, #tunnelListPage .portHeaderField label, #tunnelListPage .typeHeaderField label, #tunnelListPage .interfaceHeaderField label, #tunnelListPage .targetHeaderField label, #tunnelListPage .previewHeaderField label, #tunnelListPage .statusHeaderField label {
|
||||||
#tunnelListPage .portHeaderField label,
|
text-align: left;
|
||||||
#tunnelListPage .typeHeaderField label,
|
width: 150px;
|
||||||
#tunnelListPage .interfaceHeaderField label,
|
height: 28px;
|
||||||
#tunnelListPage .targetHeaderField label,
|
float: left;
|
||||||
#tunnelListPage .previewHeaderField label,
|
padding-top: 4px;
|
||||||
#tunnelListPage .statusHeaderField label {
|
|
||||||
text-align : left;
|
|
||||||
width : 150px;
|
|
||||||
height : 28px;
|
|
||||||
float : left;
|
|
||||||
padding-top: 4px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage .targetField,
|
#tunnelListPage .targetField, #tunnelListPage .targetField .text, #tunnelListPage .targetHeaderField, #tunnelListPage .targetHeaderField label {
|
||||||
#tunnelListPage .targetField .text,
|
width: 300px;
|
||||||
#tunnelListPage .targetHeaderField,
|
|
||||||
#tunnelListPage .targetHeaderField label {
|
|
||||||
width : 300px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage .descriptionField,
|
#tunnelListPage .descriptionField, #tunnelListPage .destinationField {
|
||||||
#tunnelListPage .destinationField {
|
width: 750px;
|
||||||
width : 750px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage .descriptionField .text,
|
#tunnelListPage .descriptionField .text, #tunnelListPage .destinationField input {
|
||||||
#tunnelListPage .destinationField input {
|
width: 590px;
|
||||||
width : 590px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#tunnelListPage .descriptionField label,
|
#tunnelListPage .descriptionField label, #tunnelListPage .destinationField label {
|
||||||
#tunnelListPage .destinationField label {
|
text-align: right;
|
||||||
text-align : right;
|
width: 150px;
|
||||||
width : 150px;
|
height: 28px;
|
||||||
height : 28px;
|
float: left;
|
||||||
float : left;
|
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user