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

@ -1,182 +1,202 @@
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).
*/
-moz-box-sizing : border-box;
box-sizing : border-box;
margin: 0px;
padding: 0px;
text-align: center;
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;
}
div {
-moz-box-sizing : border-box;
box-sizing : border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
h4, label {
margin : 0px;
padding : 2px;
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;
margin: 0px;
padding: 2px;
float: left;
width: 150px;
height: 24px;
font-weight: normal;
text-align: right;
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 {
text-decoration : none;
text-decoration: none;
}
form {
margin : 0px;
margin: 0px;
}
textarea, input, select, button, a {
font-family : Arial, Helvetica, sans-serif;
-moz-box-sizing : border-box;
box-sizing : border-box;
font-size : 1.0em;
float : left;
-moz-box-sizing: border-box;
box-sizing: border-box;
font: 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
float: left;
margin: 2px 0 5px 0;
}
button {
float : none;
float: none;
}
textarea {
border : 1px solid #ddddc0;
border: 1px solid #ddddc0;
}
br {
clear : left;
clear: left;
}
div.statusNotRunning {
float : left;
width : 82px;
height : 24px;
color : #dd0000;
float: left;
width: 82px;
height: 24px;
color: #d00;
}
div.statusRunning {
float : left;
width : 82px;
height : 24px;
color : #00dd00;
float: left;
width: 82px;
height: 24px;
color: #0d0;
}
div.statusStarting {
float : left;
width : 82px;
height : 24px;
color : #339933;
float: left;
width: 82px;
height: 24px;
color: #393;
}
hr {
display : none;
display: none;
}
.separator, .subdivider {
clear : both;
height : 1px;
margin : 3px 0px 3px 0px;
border-bottom : 1px solid #ddddc0;
clear: both;
height: 1px;
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;
width: 150px;
height: 22px;
border: 1px solid #aaf;
}
.control {
margin : 0 4px 0 0;
padding : 0 0 4px 0;
overflow : hidden;
height : 20px;
width : 60px;
font-weight : normal;
background-color : #dddddd;
color : black;
border : 1px outset #ddddc0;
text-align : center;
white-space : nowrap;
margin: 2px;
padding: 0 0 4px 0;
overflow: hidden;
height: 20px;
width: 60px;
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 {
border : 2px inset;
border: 2px inset;
}
.panel {
width : 760px;
margin : 16px auto 16px auto;
overflow : hidden;
text-align : left;
font-size : 0.8em;
background-color : #ffffef;
border : 4px solid #ffffd0;
width: 780px;
margin: 16px auto 16px auto;
padding: 5px 10px;
overflow: hidden;
text-align: left;
font-size: 8pt;
background: #eef;
border: 4px solid #77f;
-moz-box-shadow: inset 0px 0px 0px 1px #99f;
}
.panel .footer {
float : right;
padding : 4px;
padding: 4px;
}
.toolbox {
float : right;
width: 100%;
}
.rowItem {
width : 750px;
float : left;
margin : 0px;
width: 750px;
float: left;
margin: 0px;
}
.comment {
font-style : italic;
font-style: italic;
white-space: nowrap;
}
.text {
height : 24px;
width : 150px;
padding : 2px 0 0 2px;
float : left;
margin : 0;
height: 24px;
width: 150px;
padding: 2px 0 0 2px;
float: left;
margin: 0;
font-weight: bold;
}
.accessKey {
text-decoration : underline;
text-decoration: underline;
}
#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 {