From 0607a875140bda00b1c374ee6e0626f9ba6408bb Mon Sep 17 00:00:00 2001
From: z3d <z3d@mail.i2p>
Date: Mon, 20 Jul 2009 11:18:31 +0000
Subject: [PATCH] More CSS tweaks and an intial stab at taming susidns' unruly
layout!
---
apps/susidns/src/css.css | 62 ++++++++++++++++---
apps/susidns/src/jsp/index.jsp | 13 ++--
.../resources/themes/console/dark/console.css | 3 +-
.../resources/themes/console/dark/default.css | 18 +++---
.../themes/console/light/console.css | 3 +-
.../themes/console/light/default.css | 2 +-
6 files changed, 75 insertions(+), 26 deletions(-)
diff --git a/apps/susidns/src/css.css b/apps/susidns/src/css.css
index 74f0b66052..0db3ed7a5a 100644
--- a/apps/susidns/src/css.css
+++ b/apps/susidns/src/css.css
@@ -1,10 +1,16 @@
+body {
+ font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
+ background-color: #eef;
+ color:#001;
+}
+
p {
- font-family:Verdana,Tahoma,Arial,Helvetica;
color:black;
line-height:12pt;
margin-left:5mm;
margin-right:5mm;
font-size:10pt;
+ text-align: justify;
}
span.addrhlpr {
@@ -12,7 +18,7 @@ span.addrhlpr {
}
h3 {
- font-family:Verdana,Tahoma,Arial,Helvetica;
+
color:black;
font-size:12pt;
letter-spacing:2pt;
@@ -20,22 +26,19 @@ h3 {
font-weight:bold;
}
-body {
- background-color: white;
- color:black;
-}
-
a {
color:#327BBF;
text-decoration:none;
+ font-weight: bold;
}
a:hover {
text-decoration:underline;
+ font-weight: bold;
}
th {
- font-family:Verdana,Tahoma,Arial,Helvetica;
+
color:black;
line-height:12pt;
margin-left:5mm;
@@ -44,7 +47,7 @@ th {
}
td {
- font-family:Verdana,Tahoma,Arial,Helvetica;
+
color:black;
line-height:12pt;
margin-left:5mm;
@@ -54,7 +57,7 @@ td {
}
li {
- font-family:Verdana,Tahoma,Arial,Helvetica;
+
color:black;
line-height:12pt;
margin-left:5mm;
@@ -91,4 +94,43 @@ p.messages {
p.footer {
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;
}
\ No newline at end of file
diff --git a/apps/susidns/src/jsp/index.jsp b/apps/susidns/src/jsp/index.jsp
index 6a25968185..debd97c138 100644
--- a/apps/susidns/src/jsp/index.jsp
+++ b/apps/susidns/src/jsp/index.jsp
@@ -33,11 +33,11 @@
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
-
+<div class="page">
<div id="logo">
<img src="images/logo.png" alt="susidns logo" border="0"/>
</div>
-
+<hr>
<div id="navi">
<p>addressbooks
<a href="addressbook.jsp?book=master">master</a> |
@@ -49,7 +49,7 @@
overview
</p>
</div>
-
+<hr>
<div id="content">
<h3>Huh? what addressbook?</h3>
<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.
The private addressbook can also be used for aliases of hosts in your other addressbooks.
</p>
-<p><img src="images/how.png" border="0" alt="addressbook working scheme"/></p>
-</div>
-
+<p><center><img src="images/how.png" border="0" alt="addressbook working scheme" title="How the addressbook works" class="illustrate" /></center></p>
+</div>
+<hr>
<div id="footer">
<p class="footer">susidns v${version.version} © <a href="${version.url}">susi</a> 2005</p>
</div>
+</div>
</body>
</html>
diff --git a/installer/resources/themes/console/dark/console.css b/installer/resources/themes/console/dark/console.css
index 2c91f1e05f..a9e33febcc 100644
--- a/installer/resources/themes/console/dark/console.css
+++ b/installer/resources/themes/console/dark/console.css
@@ -104,7 +104,7 @@ div.warning {
margin: 5px 20px 10px 240px;
padding: 0px 25px 20px 75px;
background: #005;
- border: 1px solid #d00;
+ border: 1px solid #99f;
text-align: left;
color: #fff;
-moz-border-radius: 4px;
@@ -114,6 +114,7 @@ div.warning {
background-image:url("images/errortriangle.png");
background-position:15px center;
background-repeat:no-repeat;
+ -moz-box-shadow: inset 0px 0px 0px 1px #f00;
}
div.main {
diff --git a/installer/resources/themes/console/dark/default.css b/installer/resources/themes/console/dark/default.css
index 0c278476cd..e9debf89b1 100644
--- a/installer/resources/themes/console/dark/default.css
+++ b/installer/resources/themes/console/dark/default.css
@@ -21,25 +21,27 @@ div {
box-sizing: border-box;
}
-h4, label {
+label {
margin: 0;
- padding: 4px;
+ padding: 5px 4px 4px 4px;
float: left;
- width: 150px;
+ width: 120px;
/* height : 24px; */
- font-weight: bold;
+ font-weight: normal;
text-align: right;
- font-size: 1.0em;
+ font-size: 8pt;
+ font-style: italic;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
h4 {
font-size: 14px;
+ font-weight: bold !important;
text-align: center;
- width: 100%;
border: 1px solid #99f;
margin: 5px 0 15px 0;
+ padding: 5px 10px;
background: #004 url(images/tabletitledark.png) repeat-x;
text-transform: uppercase;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.9);
@@ -214,11 +216,13 @@ hr {
}
.text {
- height: 24px;
+/* height: 24px;*/
width: 150px;
padding: 4px 0 0 2px;
float: left;
margin: 0;
+ font-size: 9pt !important;
+ font-weight: bold;
}
.accessKey {
diff --git a/installer/resources/themes/console/light/console.css b/installer/resources/themes/console/light/console.css
index d03e269a27..d185b9218e 100644
--- a/installer/resources/themes/console/light/console.css
+++ b/installer/resources/themes/console/light/console.css
@@ -105,7 +105,7 @@ div.warning {
margin: 5px 20px 10px 240px;
padding: 0px 25px 20px 75px;
background: #fff;
- border: 1px solid #d00;
+ border: 1px solid #002;
text-align: left;
color: inherit;
-moz-border-radius: 4px;
@@ -115,6 +115,7 @@ div.warning {
background-image:url("images/errortriangle.png");
background-position:15px center;
background-repeat:no-repeat;
+ -moz-box-shadow: inset 0px 0px 1px 0px #d00;
}
div.main {
diff --git a/installer/resources/themes/console/light/default.css b/installer/resources/themes/console/light/default.css
index d4d4603a9f..d72a232904 100644
--- a/installer/resources/themes/console/light/default.css
+++ b/installer/resources/themes/console/light/default.css
@@ -37,7 +37,7 @@ label {
}
h4 {
- font-size: 13pt;
+ font-size: 11pt;
font-weight: bold !important;
color: #001;
text-align: center;
--
GitLab