
* Initial pass of the routerconsole revamp, starting with I2PTunnel and being progressively rolled out to other sections at later dates. Featuring abstracted W3C strict XHTML1.0 markup, with CSS providing layout and styling. * Implemented console themes. Users can create their own themes by creating css files in: {i2pdir}/docs/themes/console/{themename}/ and activating it using the routerconsole.theme={themename} advanced config property. Look at the example incomplete "defCon1" theme. Note: This is very much a work in progress. Folks might want to hold-off creating their own skins until the markup has solidified. * Added "routerconsole.javascript.disabled=true" to disable console client-side scripting and "routerconsole.css.disabled=true" to remove css styling (only rolled out in the i2ptunnel interface currently) * Fixed long standing bug with i2ptunnel client and server edit screens where tunnel count and depth properties would fail to save. Added backup quantity and variance configuration options. * Added basic accessibility support (key shortcuts, linear markup, alt and title information and form labels). * So far only tested on IE6, Firefox 1.0.6, Opera 8 and lynx.
179 lines
3.6 KiB
CSS
179 lines
3.6 KiB
CSS
/* 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 : 750px;
|
|
height : 100px;
|
|
padding : 0 0 0 4px;
|
|
}
|
|
|
|
#tunnelListPage .footer .control {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
#tunnelListPage .footer label {
|
|
text-align : right;
|
|
height : 24px;
|
|
width : 160px;
|
|
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;
|
|
}
|