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 id="tunnelAdvancedNetworking" class="panel">
<div class="header"> <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> <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> </div>
@@ -411,7 +411,8 @@
<div class="header"></div> <div class="header"></div>
<div class="footer"> <div class="footer">
<div class="toolbox"> <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" /> <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="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> <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="header"></div>
<div class="footer"> <div class="footer">
<div class="toolbox"> <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" /> <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="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> <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 { body {
margin : 0px; margin: 0px;
padding : 0px; padding: 0px;
text-align : center; text-align: center;
font-family : Arial, Helvetica, sans-serif; font: 10pt/140% "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
background-color : #ffffff; background: #bbf;
color : #000000; color: #000;
font-size : 100%; -moz-box-sizing: border-box;
box-sizing: border-box;
/* 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 { 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 : 2px; padding: 2px;
float : left; float: left;
width : 150px; width: 150px;
height : 24px; height: 24px;
font-weight : bold; font-weight: normal;
text-align : right; text-align: right;
font-size : 1.0em; font-size: 8.5pt;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing : border-box; box-sizing: border-box;
} }
h4 { h4 {
font-size : 1.2em; font-size: 10.5pt;
text-align : center; text-align: center !important;
width : 750px; 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 { 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 : Arial, Helvetica, sans-serif; -moz-box-sizing: border-box;
-moz-box-sizing : border-box; box-sizing: border-box;
box-sizing : border-box; font: 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
font-size : 1.0em; float: left;
float : left; margin: 2px 0 5px 0;
} }
button { button {
float : none; float: none;
} }
textarea { textarea {
border : 1px solid #ddddc0; border: 1px solid #ddddc0;
} }
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: #d00;
} }
div.statusRunning { div.statusRunning {
float : left; float: left;
width : 82px; width: 82px;
height : 24px; height: 24px;
color : #00dd00; color: #0d0;
} }
div.statusStarting { div.statusStarting {
float : left; float: left;
width : 82px; width: 82px;
height : 24px; height: 24px;
color : #339933; color: #393;
} }
hr { hr {
display : none; display: none;
} }
.separator, .subdivider { .separator, .subdivider {
clear : both; clear: both;
height : 1px; height: 1px;
margin : 3px 0px 3px 0px; margin: 5px -8px 5px -8px;
border-bottom : 1px solid #ddddc0; border-bottom: 1px solid #aaf;
} }
.subdivider { .subdivider {
border-bottom : 1px dashed #ddddc0; border-bottom: 1px dotted #aaf;
margin: 0 0 10px 0;
} }
.freetext { .freetext {
width : 150px; width: 150px;
height : 22px; height: 22px;
border : 1px solid #aaaac0; border: 1px solid #aaf;
} }
.control { .control {
margin : 0 4px 0 0; margin: 2px;
padding : 0 0 4px 0; padding: 0 0 4px 0;
overflow : hidden; overflow: hidden;
height : 20px; height: 20px;
width : 60px; width: 60px;
font-weight : normal; font-weight: bold;
background-color : #dddddd; background: #ddd;
color : black; color: #000;
border : 1px outset #ddddc0; border: 1px outset #ddddc0;
text-align : center; text-align: center;
white-space : nowrap; white-space: nowrap;
} }
.control:hover { .control:hover {
background-color : #ffffed; background: #229;
color: #fff;
} }
.control:active { .control:active {
border : 2px inset; border: 2px inset;
} }
.panel { .panel {
width : 760px; width: 780px;
margin : 16px auto 16px auto; margin: 16px auto 16px auto;
overflow : hidden; padding: 5px 10px;
text-align : left; overflow: hidden;
font-size : 0.8em; text-align: left;
background-color : #ffffef; font-size: 8pt;
border : 4px solid #ffffd0; background: #eef;
border: 4px solid #77f;
-moz-box-shadow: inset 0px 0px 0px 1px #99f;
} }
.panel .footer { .panel .footer {
float : right;
padding : 4px; padding: 4px;
} }
.toolbox { .toolbox {
float : right; width: 100%;
} }
.rowItem { .rowItem {
width : 750px; width: 750px;
float : left; float: left;
margin : 0px; margin: 0px;
} }
.comment { .comment {
font-style : italic; font-style: italic;
white-space: nowrap;
} }
.text { .text {
height : 24px; height: 24px;
width : 150px; width: 150px;
padding : 2px 0 0 2px; padding: 2px 0 0 2px;
float : left; float: left;
margin : 0; margin: 0;
font-weight: bold;
} }
.accessKey { .accessKey {
text-decoration : underline; text-decoration: underline;
} }
#globalOperationsPanel { #globalOperationsPanel {
background-color : #ffefef; background: #eef;
border : 4px solid #ffd0d0; border: 4px solid #77f;
-moz-box-shadow: inset 0px 0px 0px 1px #900;
padding: 5px 5px 10px 5px;
text-align: right;
} }
#globalOperationsPanel .control { #globalOperationsPanel .control {
width : 100px; width: 100px !important;
} margin-top: 3px;
float: right;
}

View File

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