I2P_Developers/i2p.itoopie
3
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

UI enhancements.

Browse Source
This commit is contained in:
z3d
2009-08-07 18:19:42 +00:00
parent 2436ea1131
commit e36f9b2273
10 changed files with 156 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
installer/resources/themes/console/classic/console.css
View File

@ -132,6 +132,10 @@ div.routersummary a:hover {
color: #f60;
}
div.routersummary input[type=text] {
text-align: right !important;
}
div.warning {
margin: 20px 20px 10px 260px;
padding: 0px 20px 20px 75px;
@ -176,6 +180,7 @@ div.main {
div.main li {
padding-bottom: 10px;
list-style: square;
}
div.main li:first-child {
@ -223,6 +228,11 @@ div.news a:link {
text-shadow: 0px 0px 1px rgba(128, 128, 48, 0.3);
}
div.news a:visited {
color: #f00 !important;
text-shadow: 0px 0px 1px rgba(128, 128, 48, 0.3);
}
div.news hr {
color: #cc7;
background: #cc7;
@ -331,11 +341,20 @@ table {
}
table hr {
padding: 1px 0;
padding: 0px 0;
color: #bbf;
background: #bbf;
border: 0px solid #bbf;
margin: 0px -5px;
height: 1px;
}
table tt {
font-size: 7.5pt;
}
th {
background-color: #def;
background-color: #fff;
padding: 8px 2px;
text-align: center;
border-bottom: 1px solid #88f;
@ -345,6 +364,10 @@ tt {
font-size: 8pt;
}
tt, pre {
font: 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
}
td {
padding: 4px;
}

20
installer/resources/themes/console/classic/ieshim.css
View File

@ -36,8 +36,10 @@ div.configure table {
}
h1 {
padding: 15px 10px 16px 10px !important;
padding: 15px 10px 16px -10px !important;
margin: 0 0px 0 175px !important;
background-color: #bbf !important;
color: #001;
}
h2 {
@ -97,6 +99,11 @@ div.routersummary {
border-left: 5px solid #bbf;
}
div.routersummary submit {
padding: 0;
margin-bottom: 5px;
}
div.news li {
padding-top: 0px 0px !important;
margin-bottom: -23px !important;
@ -131,4 +138,15 @@ div.configure hr{
input {
padding: 0;
}
div.graphspanel img {
border: 1px solid #99f;
margin: 6px 0 !important;
background: #ddf;
-moz-box-shadow: inset 0px 0px 1px 1px #99f;
}
div.graphspanel hr {
margin: 20px 0;
}

62
installer/resources/themes/console/dark/console.css
View File

@ -89,7 +89,7 @@ div.routersummary {
width: 175px;
padding: 10px;
text-align: center;
border: 1px solid #9999ff;
border: 1px solid #99f;
background: #003;
background: url(images/darkbluebg.png);
color: #eef;
@ -102,6 +102,28 @@ div.routersummary {
-moz-box-shadow: inset 0px 0px 1px 0px #eef;
}
div.routersummary input[type=text] {
text-align: right !important;
-moz-box-shadow: inset 1px 1px 1px 0px #000;
}
div.routersummary hr {
color: #99f;
background: #99f;
height: 1px;
border-bottom: 1px outset #bbf;
margin: 5px -10px 4px -10px;
}
div.routersummary hr {
color: #bbf;
background: #bbf;
height: 2px;
border-bottom: 1px outset #bbf;
margin: 8px -10px 7px -10px;
-moz-box-shadow: inset 0px -4px 2px 1px #001;
}
div.warning {
margin: 5px 20px 10px 240px;
padding: 0px 25px 20px 75px;
@ -254,6 +276,16 @@ table {
background: #003;
}
table hr {
padding: 0px 0;
color: #99f;
background: #99f;
border: 0px solid #99f;
margin: 0px 0px;
height: 1px;
display: none;
}
th {
padding: 6px 2px;
color: #eef;
@ -392,7 +424,7 @@ h2 {
color: #fff;
text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5);
letter-spacing: 0.05em;
background: #003 url('images/darkbluebg.png');
background: #003 url('images/titletile.png');
padding: 5px 10px 8px 10px;
wordwrap: none;
border: 1px solid #99f;
@ -435,9 +467,9 @@ h4 {
font-size: 11pt;
}
button {
button, button:visited {
font: bold 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
border: 1px outset #ddddc0;
border: 1px outset #77f;
padding: 1px 3px;
background: #bbf;
text-decoration: none;
@ -450,12 +482,23 @@ button {
text-align: center;
vertical-align: middle;
min-width: 76px;
-moz-box-shadow: inset 0px 1px 1px 0px #55f;
background: #003;
color: #99f;
}
button:hover {
border: 1px solid #f60;
-moz-box-shadow: inset 0px 1px 1px 0px #eef;
background: #001;
color: #f60;
}
button:active {
border: 1px inset #f60;
background: #f60;
color: #fff;
-moz-box-shadow: inset 0px 0px 0px 0px #f60;
}
.underline {
@ -488,9 +531,10 @@ sidebarlogo {
}
input {
border: 1px outset #bbf;
background: #bbf;
color: #002;
border: 1px outset #55f;
-moz-box-shadow: inset 0px 1px 1px 0px #55f;
background: #003;
color: #99f;
margin: 5px;
font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
padding: 1px 2px;
@ -502,9 +546,10 @@ input {
}
input:hover {
background: #003;
background: #001;
color: #f60;
border: 1px solid #f60;
-moz-box-shadow: inset 0px 1px 1px 0px #eef;
}
input:active {
@ -530,6 +575,7 @@ input[type=text] {
border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-box-shadow: inset 1px 1px 1px 0px #000;
}
input[type=text]:active, input[type=text]:hover {

BIN
installer/resources/themes/console/dark/images/titletile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

55
installer/resources/themes/console/light/console.css
View File

@ -105,6 +105,19 @@ div.routersummary {
-moz-box-shadow: inset 0px 0px 1px 0px #002;
}
div.routersummary input[type=text] {
text-align: right !important;
}
div.routersummary hr {
color: #eef;
background: #eef;
height: 2px;
border-bottom: 1px solid #eef;
margin: 8px -10px 7px -10px;
-moz-box-shadow: inset 0px 1px 1px 1px #001;
}
div.warning {
margin: 5px 20px 10px 240px;
padding: 0px 25px 20px 75px;
@ -226,6 +239,7 @@ div.configure {
border-radius: 4px;
border: 1px solid #000022;
-moz-box-shadow: inset 0px 0px 1px 0px #002;
min-width: 400px;
}
div.graphspanel {
@ -237,9 +251,9 @@ div.graphspanel {
border-radius: 4px;
border: 1px solid #000022;
-moz-box-shadow: inset 0px 0px 1px 0px #002;
text-align: center !important;
}
div.graphspanel img {
border: 1px solid #003;
padding: 2px;
@ -247,7 +261,7 @@ div.graphspanel img {
text-align: center !important;
background: #001;
-moz-box-shadow: inset 0px 0px 1px 1px #99f;
opacity: 0.9;
opacity: 0.8;
}
div.graphspanel img:hover {
@ -260,6 +274,10 @@ div.graphspanel img:hover {
opacity: 1;
}
div.graphspanel form {
text-align: left;
}
div.messages {
padding: 10px;
margin: 10px 0 20px 0;
@ -301,6 +319,16 @@ table {
font: 7pt/130% "Lucida Sans Unicode", Verdana, Bitstream Vera Sans", Tahoma, Helvetica, sans-serif;
}
table hr {
padding: 0px 0;
color: #99f;
background: #99f;
border: 0px solid #99f;
margin: 0px 0px;
height: 1px;
display: none;
}
th {
padding: 6px 2px;
color: #000;
@ -433,7 +461,7 @@ h2 {
font-size: 12pt;
color: #001;
letter-spacing: 0.05em;
background: #ddf url('images/lightbluetile.png');
background: #ddf url('images/titletile.png');
text-shadow: 0px 0px 1px rgba(0, 0, 64, 0.5);
padding: 7px 10px;
wordwrap: none;
@ -476,9 +504,9 @@ h4 {
button, button:visited {
font: bold 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
border: 1px outset #ddddc0;
border: 1px outset #999;
padding: 1px 3px;
background: #bbf !important;
background: #ddf !important;
text-decoration: none;
border-radius: 4px;
-moz-border-radius: 4px;
@ -488,18 +516,22 @@ button, button:visited {
margin: 0 1px;
text-align: center;
min-width: 80px;
-moz-box-shadow: inset 0px 2px 8px 0px #fff;
color: #006;
}
button:hover{
border: 1px solid #f60;
background: #f60 !important;
color: #fff;
-moz-box-shadow: inset 0px 0px 0px 1px #fff;
}
button:active{
border: 1px solid #f60;
background: #001 !important;
color: #f60;
-moz-box-shadow: inset 0px 0px 0px 1px #f60;
}
.underline {
@ -531,8 +563,8 @@ input {
}
input, input:visited {
border: 1px outset #bbf;
background: #bbf;
border: 1px outset #999;
background: #ddf;
color: #001;
margin: 5px;
font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
@ -542,6 +574,9 @@ input, input:visited {
border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-box-shadow: inset 0px 2px 8px 0px #fff;
color: #006;
opacity: 0.9;
}
@ -549,7 +584,9 @@ input:hover {
background: #f60;
color: #fff;
border: 1px solid #f60;
opacity: 0.9;
opacity: 1.0;
-moz-box-shadow: inset 0px 0px 0px 1px #fff;
}
input:active {
@ -557,6 +594,7 @@ input:active {
color: #f60;
border: 1px solid #f60;
opacity: 1.0;
-moz-box-shadow: inset 0px 0px 0px 1px #f60;
}
input[type=text] {
@ -595,6 +633,7 @@ select {
border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
text-align: left !important;
}
textarea {

BIN
installer/resources/themes/console/light/images/lightbluetile.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
installer/resources/themes/console/light/images/titletile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

14
installer/resources/themes/console/snark.css
View File

@ -56,8 +56,8 @@ body {
font-size: 9pt;
font-weight: bold;
text-align: left;
margin: 0 0 15px 0;
padding: 0px;
margin: 0 0px 10px 0px;
padding: 0;
border-spacing: 0px;
-moz-border-radius: 4px 0 0 0;
-khtml-border-radius: 4px;
@ -68,7 +68,7 @@ body {
background: #f40 url('../console/images/orangetile.png');
color: #531;
height: 64px;
width: 100%;
width: auto;
}
pre {
@ -95,7 +95,7 @@ th {
border-top: 1px outset #001;
border-bottom: 1px inset #001;
background: #f60 url('/themes/console/images/tabletitleorange.png') repeat-x;
text-align: left;
text-align: right;
whitespace: nowrap;
}
@ -107,7 +107,7 @@ th {
td {
padding: 5px;
text-align: left;
text-align: right;
}
.snarkTorrentEven {
background-color: #fb1;
@ -176,7 +176,7 @@ hr {
}
a:link{
color: #830;
color: #930;
text-decoration: none;
font-weight: bold;
word-wrap: break-word;
@ -189,7 +189,7 @@ a:visited{
}
a:hover{
color: #f40;
color: #900;
font-weight: bold;
}