Work on the classic theme i2ptunnels look and feel, mostly.

This commit is contained in:
z3d
2009-08-18 02:38:00 +00:00
parent 6a8dd0f053
commit 42b79c5a20
4 changed files with 128 additions and 104 deletions

View File

@@ -192,7 +192,7 @@
<div id="tunnelAdvancedNetworking" class="panel">
<div class="header">
<h4>Advanced networking options</h4>
<h4>Advanced networking options</h4><br />
<span class="comment">(NOTE: when this client proxy is configured to share tunnels, then these options are for all the shared proxy clients!)</span>
</div>
@@ -411,7 +411,8 @@
<div class="header"></div>
<div class="footer">
<div class="toolbox">
<span class="comment">NOTE: If tunnel is currently running, most changes will not take effect until tunnel is stopped and restarted</span>
<span class="comment">NOTE: If tunnel is currently running, most changes will not take effect until tunnel is stopped and restarted.</span>
<div class="separator"><hr /></div>
<input type="hidden" value="true" name="removeConfirm" />
<button id="controlSave" accesskey="S" class="control" type="submit" name="action" value="Save changes" title="Save Changes"><span class="accessKey">S</span>ave</button>
<button id="controlDelete" <%=(editBean.allowJS() ? "onclick=\"if (!confirm('Are you sure you want to delete?')) { return false; }\" " : "")%>accesskey="D" class="control" type="submit" name="action" value="Delete this proxy" title="Delete this Proxy"><span class="accessKey">D</span>elete</button>

View File

@@ -399,7 +399,8 @@
<div class="header"></div>
<div class="footer">
<div class="toolbox">
<span class="comment">NOTE: If tunnel is currently running, most changes will not take effect until tunnel is stopped and restarted</span>
<span class="comment">NOTE: If tunnel is currently running, most changes will not take effect until tunnel is stopped and restarted.</span>
<div class="separator"><hr /></div>
<input type="hidden" value="true" name="removeConfirm" />
<button id="controlSave" accesskey="S" class="control" type="submit" name="action" value="Save changes" title="Save Changes"><span class="accessKey">S</span>ave</button>
<button id="controlDelete" <%=(editBean.allowJS() ? "onclick=\"if (!confirm('Are you sure you want to delete?')) { return false; }\" " : "")%>accesskey="D" class="control" type="submit" name="action" value="Delete this proxy" title="Delete this Proxy"><span class="accessKey">D</span>elete</button>

View File

@@ -2,17 +2,9 @@ body {
margin: 0px;
padding: 0px;
text-align: center;
font-family : Arial, Helvetica, sans-serif;
background-color : #ffffff;
color : #000000;
font-size : 100%;
/* 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).
*/
font: 10pt/140% "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
background: #bbf;
color: #000;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@@ -28,17 +20,32 @@ h4, label {
float: left;
width: 150px;
height: 24px;
font-weight : bold;
font-weight: normal;
text-align: right;
font-size : 1.0em;
font-size: 8.5pt;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
h4 {
font-size : 1.2em;
text-align : center;
width : 750px;
font-size: 10.5pt;
text-align: center !important;
font-weight: bold;
border: 1px solid #77f;
border-top: 2px solid #77f;
margin: -6px 0 5px -10px !important;
padding: 5px 10px 25px 10px;
background: #fff;
text-shadow: 0px 0px 1px rgba(32, 32, 192, 0.3);
text-transform: uppercase;
white-space: nowrap;
width: 772px;
letter-spacing: 0.09em;
}
label {
font-style: italic;
margin: 0 3px 0 -3px;
}
a {
@@ -50,11 +57,11 @@ form {
}
textarea, input, select, button, a {
font-family : Arial, Helvetica, sans-serif;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size : 1.0em;
font: 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
float: left;
margin: 2px 0 5px 0;
}
button {
@@ -73,19 +80,21 @@ div.statusNotRunning {
float: left;
width: 82px;
height: 24px;
color : #dd0000;
color: #d00;
}
div.statusRunning {
float: left;
width: 82px;
height: 24px;
color : #00dd00;
color: #0d0;
}
div.statusStarting {
float: left;
width: 82px;
height: 24px;
color : #339933;
color: #393;
}
hr {
@@ -95,36 +104,38 @@ hr {
.separator, .subdivider {
clear: both;
height: 1px;
margin : 3px 0px 3px 0px;
border-bottom : 1px solid #ddddc0;
margin: 5px -8px 5px -8px;
border-bottom: 1px solid #aaf;
}
.subdivider {
border-bottom : 1px dashed #ddddc0;
border-bottom: 1px dotted #aaf;
margin: 0 0 10px 0;
}
.freetext {
width: 150px;
height: 22px;
border : 1px solid #aaaac0;
border: 1px solid #aaf;
}
.control {
margin : 0 4px 0 0;
margin: 2px;
padding: 0 0 4px 0;
overflow: hidden;
height: 20px;
width: 60px;
font-weight : normal;
background-color : #dddddd;
color : black;
font-weight: bold;
background: #ddd;
color: #000;
border: 1px outset #ddddc0;
text-align: center;
white-space: nowrap;
}
.control:hover {
background-color : #ffffed;
background: #229;
color: #fff;
}
.control:active {
@@ -132,22 +143,24 @@ hr {
}
.panel {
width : 760px;
width: 780px;
margin: 16px auto 16px auto;
padding: 5px 10px;
overflow: hidden;
text-align: left;
font-size : 0.8em;
background-color : #ffffef;
border : 4px solid #ffffd0;
font-size: 8pt;
background: #eef;
border: 4px solid #77f;
-moz-box-shadow: inset 0px 0px 0px 1px #99f;
}
.panel .footer {
float : right;
padding: 4px;
}
.toolbox {
float : right;
width: 100%;
}
.rowItem {
@@ -158,6 +171,7 @@ hr {
.comment {
font-style: italic;
white-space: nowrap;
}
.text {
@@ -166,6 +180,7 @@ hr {
padding: 2px 0 0 2px;
float: left;
margin: 0;
font-weight: bold;
}
.accessKey {
@@ -173,10 +188,15 @@ hr {
}
#globalOperationsPanel {
background-color : #ffefef;
border : 4px solid #ffd0d0;
background: #eef;
border: 4px solid #77f;
-moz-box-shadow: inset 0px 0px 0px 1px #900;
padding: 5px 5px 10px 5px;
text-align: right;
}
#globalOperationsPanel .control {
width : 100px;
width: 100px !important;
margin-top: 3px;
float: right;
}

View File

@@ -110,9 +110,11 @@
}
#tunnelListPage textarea {
width : 750px;
height : 100px;
width : 100%;
height : 88px;
padding : 0 0 0 4px;
color: green;
margin-bottom: 7px;
}
#tunnelListPage .footer .control {