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

More CSS tweaks and an intial stab at taming susidns' unruly layout!

Browse Source
This commit is contained in:
z3d
2009-07-20 11:18:31 +00:00
parent 0de2f492d1
commit 0607a87514
6 changed files with 75 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
apps/susidns/src/css.css
View File

@ -1,10 +1,16 @@
body {
font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
background-color: #eef;
color:#001;
}
p { p {
font-family:Verdana,Tahoma,Arial,Helvetica;
color:black; color:black;
line-height:12pt; line-height:12pt;
margin-left:5mm; margin-left:5mm;
margin-right:5mm; margin-right:5mm;
font-size:10pt; font-size:10pt;
text-align: justify;
} }
span.addrhlpr { span.addrhlpr {
@ -12,7 +18,7 @@ span.addrhlpr {
} }
h3 { h3 {
font-family:Verdana,Tahoma,Arial,Helvetica;
color:black; color:black;
font-size:12pt; font-size:12pt;
letter-spacing:2pt; letter-spacing:2pt;
@ -20,22 +26,19 @@ h3 {
font-weight:bold; font-weight:bold;
} }
body {
background-color: white;
color:black;
}
a { a {
color:#327BBF; color:#327BBF;
text-decoration:none; text-decoration:none;
font-weight: bold;
} }
a:hover { a:hover {
text-decoration:underline; text-decoration:underline;
font-weight: bold;
} }
th { th {
font-family:Verdana,Tahoma,Arial,Helvetica;
color:black; color:black;
line-height:12pt; line-height:12pt;
margin-left:5mm; margin-left:5mm;
@ -44,7 +47,7 @@ th {
} }
td { td {
font-family:Verdana,Tahoma,Arial,Helvetica;
color:black; color:black;
line-height:12pt; line-height:12pt;
margin-left:5mm; margin-left:5mm;
@ -54,7 +57,7 @@ td {
} }
li { li {
font-family:Verdana,Tahoma,Arial,Helvetica;
color:black; color:black;
line-height:12pt; line-height:12pt;
margin-left:5mm; margin-left:5mm;
@ -91,4 +94,43 @@ p.messages {
p.footer { p.footer {
font-size:7pt; font-size:7pt;
text-align: center;
}
.illustrate {
margin: 10px;
padding: 10px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
border: 1px solid #001;
font-size: 10pt;
-moz-box-shadow: inset 0px 0px 1px 0px #002;
background: #fff;
}
.page {
margin: 10px;
padding: 10px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
border: 1px solid #001;
font-size: 10pt;
-moz-box-shadow: inset 0px 0px 1px 0px #002;
background: #fff;
}
.page {
background-color: #fff;
color:#001;
margin: 20px;
padding: 10px 20px 20px 20px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
border: 1px solid #001;
font-size: 10pt !important;
line-height: 160% !important;
-moz-box-shadow: inset 0px 0px 1px 0px #002;
} }

11
apps/susidns/src/jsp/index.jsp
View File

@ -33,11 +33,11 @@
<link rel="stylesheet" type="text/css" href="css.css"> <link rel="stylesheet" type="text/css" href="css.css">
</head> </head>
<body> <body>
<div class="page">
<div id="logo"> <div id="logo">
<img src="images/logo.png" alt="susidns logo" border="0"/> <img src="images/logo.png" alt="susidns logo" border="0"/>
</div> </div>
<hr>
<div id="navi"> <div id="navi">
<p>addressbooks <p>addressbooks
<a href="addressbook.jsp?book=master">master</a> | <a href="addressbook.jsp?book=master">master</a> |
@ -49,7 +49,7 @@
overview overview
</p> </p>
</div> </div>
<hr>
<div id="content"> <div id="content">
<h3>Huh? what addressbook?</h3> <h3>Huh? what addressbook?</h3>
<p> <p>
@ -74,11 +74,12 @@ The router also uses a private addressbook (privatehosts.txt, not shown in the p
Hosts in the private addressbook can be accessed by you but their addresses are never distributed to others. Hosts in the private addressbook can be accessed by you but their addresses are never distributed to others.
The private addressbook can also be used for aliases of hosts in your other addressbooks. The private addressbook can also be used for aliases of hosts in your other addressbooks.
</p> </p>
<p><img src="images/how.png" border="0" alt="addressbook working scheme"/></p> <p><center><img src="images/how.png" border="0" alt="addressbook working scheme" title="How the addressbook works" class="illustrate" /></center></p>
</div> </div>
<hr>
<div id="footer"> <div id="footer">
<p class="footer">susidns v${version.version} &copy; <a href="${version.url}">susi</a> 2005</p> <p class="footer">susidns v${version.version} &copy; <a href="${version.url}">susi</a> 2005</p>
</div> </div>
</div>
</body> </body>
</html> </html>

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

@ -104,7 +104,7 @@ div.warning {
margin: 5px 20px 10px 240px; margin: 5px 20px 10px 240px;
padding: 0px 25px 20px 75px; padding: 0px 25px 20px 75px;
background: #005; background: #005;
border: 1px solid #d00; border: 1px solid #99f;
text-align: left; text-align: left;
color: #fff; color: #fff;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -114,6 +114,7 @@ div.warning {
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;
-moz-box-shadow: inset 0px 0px 0px 1px #f00;
} }
div.main { div.main {

18
installer/resources/themes/console/dark/default.css
View File

@ -21,25 +21,27 @@ div {
box-sizing: border-box; box-sizing: border-box;
} }
h4, label { label {
margin: 0; margin: 0;
padding: 4px; padding: 5px 4px 4px 4px;
float: left; float: left;
width: 150px; width: 120px;
/* height : 24px; */ /* height : 24px; */
font-weight: bold; font-weight: normal;
text-align: right; text-align: right;
font-size: 1.0em; font-size: 8pt;
font-style: italic;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
h4 { h4 {
font-size: 14px; font-size: 14px;
font-weight: bold !important;
text-align: center; text-align: center;
width: 100%;
border: 1px solid #99f; border: 1px solid #99f;
margin: 5px 0 15px 0; margin: 5px 0 15px 0;
padding: 5px 10px;
background: #004 url(images/tabletitledark.png) repeat-x; background: #004 url(images/tabletitledark.png) repeat-x;
text-transform: uppercase; text-transform: uppercase;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.9); text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.9);
@ -214,11 +216,13 @@ hr {
} }
.text { .text {
height: 24px; /* height: 24px;*/
width: 150px; width: 150px;
padding: 4px 0 0 2px; padding: 4px 0 0 2px;
float: left; float: left;
margin: 0; margin: 0;
font-size: 9pt !important;
font-weight: bold;
} }
.accessKey { .accessKey {

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

@ -105,7 +105,7 @@ div.warning {
margin: 5px 20px 10px 240px; margin: 5px 20px 10px 240px;
padding: 0px 25px 20px 75px; padding: 0px 25px 20px 75px;
background: #fff; background: #fff;
border: 1px solid #d00; border: 1px solid #002;
text-align: left; text-align: left;
color: inherit; color: inherit;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -115,6 +115,7 @@ div.warning {
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;
-moz-box-shadow: inset 0px 0px 1px 0px #d00;
} }
div.main { div.main {

2
installer/resources/themes/console/light/default.css
View File

@ -37,7 +37,7 @@ label {
} }
h4 { h4 {
font-size: 13pt; font-size: 11pt;
font-weight: bold !important; font-weight: bold !important;
color: #001; color: #001;
text-align: center; text-align: center;