zzz/i2p.i2p
1
0
Fork 0
forked from I2P_Developers/i2p.i2p
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Updates to midnight console theme from dr|z3d

Browse Source
This commit is contained in:
str4d
2012-08-07 06:03:35 +00:00
parent 31ea4a7093
commit 0a4031cd7b
3 changed files with 265 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
installer/resources/themes/console/midnight/console.css
View File

@@ -46,6 +46,7 @@ div.logo {
background-color: #00000A; background-color: #00000A;
-moz-box-shadow: inset 0 0 0 2px #00000A; -moz-box-shadow: inset 0 0 0 2px #00000A;
-khtml-box-shadow: inset 0 0 0 2px #00000A; -khtml-box-shadow: inset 0 0 0 2px #00000A;
border-radius: 3px;
} }
div.logo hr { div.logo hr {
@@ -84,6 +85,7 @@ div.warning {
background-repeat:no-repeat; background-repeat:no-repeat;
-moz-box-shadow: inset 0 0 0 1px #f60; -moz-box-shadow: inset 0 0 0 1px #f60;
-khtml-box-shadow: inset 0 0 0 1px #f60; -khtml-box-shadow: inset 0 0 0 1px #f60;
border-radius: 3px 3px 0 0;
} }
div.warning a:link { div.warning a:link {
@@ -105,24 +107,50 @@ div.warning a:active {
} }
div.warning hr { div.warning hr {
color: #fb7; color: #99f;
background: #fb7; background: #99f;
height: 1px; height: 1px;
border: 0 solid #fb7; border: 0 solid #99f;
margin: 10px 0; margin: 10px 0;
} }
div.warning h3 { div.warning h3 {
border: 0; border: 0;
border-bottom: 1px solid #fb7; border-bottom: 1px solid #99f;
padding-bottom: 10px; padding-bottom: 10px;
padding-left: 0; padding-left: 0;
font-variant: small-caps;
text-transform: capitalize; text-transform: capitalize;
font-size: 12.5pt; font-size: 11pt;
background: none !important; background: none !important;
border-radius: 0 !important;
} }
.warning p {
padding: 0;
}
.warning b {
font-size: 8.5pt;
}
.proxyfooter {
border: 1px solid #99f;
margin: -16px 25px 20px 260px;
border-radius: 0 0 3px 3px;
background: #002;
}
.proxyfooter p {
font-size: 7pt;
text-align: right;
padding: 0 5px;
margin: 3px 3px 5px 3px;
line-height: 110%;
}
.proxyfooter i {
font-style: normal !important;
}
/* console error messages */ /* console error messages */
div.sorry { div.sorry {
@@ -139,6 +167,7 @@ div.sorry {
background-image: url("../images/errortriangle.png"); background-image: url("../images/errortriangle.png");
background-position: 15px center; background-position: 15px center;
background-repeat: no-repeat; background-repeat: no-repeat;
border-radius: 0 0 3px 3px;
} }
div.sorry hr { div.sorry hr {
@@ -201,7 +230,7 @@ div.routersummary h3 {
font-size: 8.5pt; font-size: 8.5pt;
letter-spacing: 0.01em; letter-spacing: 0.01em;
margin: -6px 0 -6px 0; margin: -6px 0 -6px 0;
padding: 3px 0; padding: 3px 0 2px;
background: #002; background: #002;
text-transform: uppercase; text-transform: uppercase;
background: #002 url("images/titles.png") repeat-x !important; background: #002 url("images/titles.png") repeat-x !important;
@@ -272,7 +301,9 @@ div.routersummary td:first-child {
.routersummary form { .routersummary form {
margin: 0; margin: 0;
} }
div.newsheadings { div.newsheadings {
text-align: right; text-align: right;
margin: 0 7px 0 -20px; margin: 0 7px 0 -20px;
@@ -528,6 +559,7 @@ div.configure tr {
div.configure li:first-child, div.main li:first-child { div.configure li:first-child, div.main li:first-child {
margin-top: 0; margin-top: 0;
padding-top: 0;
} }
div.configure li:last-child { div.configure li:last-child {
@@ -539,12 +571,11 @@ div.configure h2:first-child {
} }
.configure form { .configure form {
margin: 20px 15px; margin: 20px 15px;
} }
.sidebarconf input[type="image"] { .sidebarconf input[type="image"] {
margin: 2px; margin: 2px;
padding: 1px; padding: 1px;
} }
.sidebarconf th:nth-child(1) { .sidebarconf th:nth-child(1) {
@@ -591,17 +622,19 @@ div.messages {
background: #000; background: #000;
border: 1px solid #99f; border: 1px solid #99f;
border-right: 0; border-right: 0;
margin: -1px -15px 10px -16px; margin: -6px -15px 10px -16px;
text-align: center; text-align: center;
font-size: 9pt; font-size: 9pt;
font-weight: bold; font-weight: bold;
color: #474; color: #474;
-moz-box-shadow: inset 0 0 4px 2px #00000A; -moz-box-shadow: inset 0 0 4px 2px #00000A;
background: url("../images/info_rhombus.png") no-repeat scroll 18px center #000;
} }
div.messages li, div.messages ul { div.messages li, div.messages ul {
padding: 10px 0 0 5px; padding: 10px 0 0 5px;
margin: -10px 0 0 0; margin: -10px 0 0 0;
list-style: none;
} }
div.main li b{ div.main li b{
@@ -611,7 +644,10 @@ div.main li b{
} }
div.error { div.error {
color: #d00000; color: #d00;
background: url("../images/errortriangle.png") no-repeat scroll 5px center #000;
padding: 10px 10px 10px 45px;
text-align: left;
} }
div.notice { div.notice {
@@ -660,6 +696,7 @@ h2 {
background: #000008; background: #000008;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.07em; letter-spacing: 0.07em;
} }
h3 { h3 {
@@ -686,11 +723,6 @@ thead, tfoot, th {
background: #002 url("images/titles.png") repeat-x center center !important; background: #002 url("images/titles.png") repeat-x center center !important;
} }
.proxyfooter{
font-size: 7pt;
display: none !important;
}
table { table {
border-collapse: collapse; border-collapse: collapse;
border: 1px solid #99f; border: 1px solid #99f;
@@ -780,20 +812,29 @@ div.ag2 {
div.app { div.app {
float: left; float: left;
padding: 0; padding: 0;
min-width: 80px; min-width: 60px;
text-align: center !important; text-align: center !important;
border: 1px solid #339; border: 1px solid #55a;
border-top: 1px solid #77b;
border-left: 1px solid #77b;
margin: 3px; margin: 3px;
border-radius: 3px; border-radius: 3px;
background: -moz-linear-gradient(top, #001, #000);
}
div.app:hover {
border: 1px solid #f60;
background: #000;
} }
div.app:last-child { div.app:last-child {
margin-bottom: 10px; margin-bottom: 10px;
} }
div.app a:link { div.app a:link, div.app a:link:hover, div.app a:link:visited, div.app a:link:active {
font-size: 8pt !important; font-size: 8pt !important;
text-transform: lowercase; text-transform: lowercase;
text-decoration: none;
} }
div.appgroup { div.appgroup {
@@ -819,7 +860,7 @@ table.search {
img.app { img.app {
height: 32px; height: 32px;
width: 32px; width: 32px;
padding: 6px; padding: 6px 15px 0;
} }
img.app2p { img.app2p {
@@ -847,20 +888,27 @@ td.app {
} }
.applabel { .applabel {
background: #003; background: #001;
font-size: 8pt; font-size: 8pt;
margin: -5px -3px -3px; margin: -5px -3px -3px;
padding: 2px 5px; padding: 2px 5px;
text-align: center; text-align: center;
min-width: 80px; min-width: 60px;
border-top: 1px solid #003; border-top: 1px solid #000;
border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;
background: -moz-linear-gradient(top, #000, #001);
} }
.applabel:hover, .appimg { .applabel:hover {
border-top: 1px solid #000;
}
.applabel:hover {
background: #000; background: #000;
} }
.appimg {}
/* end home page */ /* end home page */
tt { tt {
@@ -1192,6 +1240,11 @@ p img:first-child {
opacity: 0.7; opacity: 0.7;
} }
/* opera targetted hack */
x:-o-prefocus, .langbox img {
margin-bottom: 4px;
}
.langbox img:hover { .langbox img:hover {
opacity: 1; opacity: 1;
} }

11
installer/resources/themes/console/midnight/default.css
View File

@@ -15,7 +15,7 @@ body {
body.iframed { body.iframed {
background: transparent url('../dark/images/transparent.gif') !important; background: transparent url('../dark/images/transparent.gif') !important;
padding-top: 5px; padding: 15px 0 0;
} }
div { div {
@@ -71,7 +71,8 @@ textarea, input, select, button, a {
float: left; float: left;
margin: 2px 0 5px 0; margin: 2px 0 5px 0;
background: #001; background: #001;
color: #eef; color: #eef;
border-radius: 3px;
} }
button { button {
@@ -150,8 +151,8 @@ hr {
} }
.control:hover { .control:hover {
background: #229; background: #77f;
color: #fff; color: #fff !important;
text-decoration: none; text-decoration: none;
} }
@@ -222,7 +223,7 @@ hr {
} }
#globalOperationsPanel .control { #globalOperationsPanel .control {
width: 100px !important; min-width: 100px !important;
margin-top: 3px; margin-top: 3px;
float: right; float: right;
} }

360
installer/resources/themes/console/midnight/i2ptunnel.css
View File

@@ -1,180 +1,180 @@
/* 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 #accessField,
#tunnelEditPage #optionsField { #tunnelEditPage #optionsField {
height: 48px; height: 48px;
width: 150px; width: 150px;
} }
#tunnelEditPage #tunnelOptionsField { #tunnelEditPage #tunnelOptionsField {
height: 96px; height: 96px;
width: 150px; width: 150px;
} }
#tunnelEditPage #targetField label, #tunnelEditPage #targetField label,
#tunnelEditPage #accessField label, #tunnelEditPage #accessField label,
#tunnelEditPage #tunnelOptionsField label, #tunnelEditPage #tunnelOptionsField label,
#tunnelEditPage #optionsField label{ #tunnelEditPage #optionsField label{
height: 48px; height: 48px;
width: 150px; width: 150px;
} }
#tunnelEditPage #reachField, #tunnelEditPage #reachField,
#tunnelEditPage #hostField, #tunnelEditPage #hostField,
#tunnelEditPage #depthField, #tunnelEditPage #depthField,
#tunnelEditPage #countField, #tunnelEditPage #countField,
#tunnelEditPage #optionsHostField { #tunnelEditPage #optionsHostField {
width: 304px; width: 304px;
margin-right: 4px; margin-right: 4px;
} }
#tunnelEditPage #portField, #tunnelEditPage #portField,
#tunnelEditPage #optionsPortField, #tunnelEditPage #optionsPortField,
#tunnelEditPage #backupField, #tunnelEditPage #backupField,
#tunnelEditPage #varianceField { #tunnelEditPage #varianceField {
width: 150px; width: 150px;
} }
#tunnelEditPage #reachField label, #tunnelEditPage #reachField label,
#tunnelEditPage #hostField label, #tunnelEditPage #hostField label,
#tunnelEditPage #portField label, #tunnelEditPage #portField label,
#tunnelEditPage #optionsHostField label, #tunnelEditPage #optionsHostField label,
#tunnelEditPage #optionsPortField label, #tunnelEditPage #optionsPortField label,
#tunnelEditPage #depthField label, #tunnelEditPage #depthField label,
#tunnelEditPage #countField label, #tunnelEditPage #countField label,
#tunnelEditPage #backupField label, #tunnelEditPage #backupField label,
#tunnelEditPage #varianceField label { #tunnelEditPage #varianceField label {
text-align: left; text-align: left;
} }
#tunnelEditPage #otherField label { #tunnelEditPage #otherField label {
width: 300px; width: 300px;
} }
#tunnelEditPage #reachableByOther, #tunnelEditPage #reachableByOther,
#tunnelEditPage #tunnelDepth, #tunnelEditPage #tunnelDepth,
#tunnelEditPage #tunnelQuantity, #tunnelEditPage #tunnelQuantity,
#tunnelEditPage #targetHost, #tunnelEditPage #targetHost,
#tunnelEditPage #clientHost { #tunnelEditPage #clientHost {
width: 306px; width: 306px;
} }
#tunnelEditPage #port { #tunnelEditPage #port {
width: 80px; width: 80px;
} }
#tunnelEditPage #targetPort, #tunnelEditPage #targetPort,
#tunnelEditPage #clientPort, #tunnelEditPage #clientPort,
#tunnelEditPage #tunnelBackupQuantity, #tunnelEditPage #tunnelBackupQuantity,
#tunnelEditPage #tunnelVariance { #tunnelEditPage #tunnelVariance {
width: 150px; width: 150px;
} }
#tunnelEditPage #shared, #tunnelEditPage #shared,
#tunnelEditPage #connectDelay, #tunnelEditPage #connectDelay,
#tunnelEditPage #startOnLoad { #tunnelEditPage #startOnLoad {
width: 16px; 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: 88px; height: 60px;
padding: 0 0 0 4px; padding: 0 0 0 4px;
color: green; color: green;
margin-bottom: 7px; margin: 5px 0 10px;
} }
#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;
} }
/* 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
** screen readers. (and lynx!) ** screen readers. (and lynx!)
*/ */
#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 .portHeaderField label,
#tunnelListPage .typeHeaderField label, #tunnelListPage .typeHeaderField label,
#tunnelListPage .interfaceHeaderField label, #tunnelListPage .interfaceHeaderField label,
#tunnelListPage .targetHeaderField label, #tunnelListPage .targetHeaderField label,
#tunnelListPage .previewHeaderField label, #tunnelListPage .previewHeaderField label,
#tunnelListPage .statusHeaderField label { #tunnelListPage .statusHeaderField label {
text-align: left; text-align: left;
width: 150px; width: 150px;
height: 24px; height: 24px;
float: left; float: left;
} }
#tunnelListPage .targetField, #tunnelListPage .targetField,
#tunnelListPage .targetField .text, #tunnelListPage .targetField .text,
#tunnelListPage .targetHeaderField, #tunnelListPage .targetHeaderField,
#tunnelListPage .targetHeaderField label { #tunnelListPage .targetHeaderField label {
width: 300px; width: 300px;
} }
#tunnelListPage .descriptionField, #tunnelListPage .descriptionField,
#tunnelListPage .destinationField { #tunnelListPage .destinationField {
width: 750px; width: 750px;
} }
#tunnelListPage .descriptionField .text, #tunnelListPage .descriptionField .text,
#tunnelListPage .destinationField .text { #tunnelListPage .destinationField .text {
width: 450px; width: 450px;
} }
#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;
} }