From 0607a875140bda00b1c374ee6e0626f9ba6408bb Mon Sep 17 00:00:00 2001 From: z3d 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 74f0b6605..0db3ed7a5 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 6a2596818..debd97c13 100644 --- a/apps/susidns/src/jsp/index.jsp +++ b/apps/susidns/src/jsp/index.jsp @@ -33,11 +33,11 @@ - +
- +
- +

Huh? what addressbook?

@@ -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.

-

addressbook working scheme

-
- +

addressbook working scheme

+
+
+ diff --git a/installer/resources/themes/console/dark/console.css b/installer/resources/themes/console/dark/console.css index 2c91f1e05..a9e33febc 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 0c278476c..e9debf89b 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 d03e269a2..d185b9218 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 d4d4603a9..d72a23290 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;