I2P Address: [http://git.idk.i2p]

Skip to content
Snippets Groups Projects
Commit 0607a875 authored by z3d's avatar z3d
Browse files

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

parent 0de2f492
No related branches found
No related tags found
No related merge requests found
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 { ...@@ -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 { ...@@ -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 { ...@@ -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 { ...@@ -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 { ...@@ -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;
} }
\ No newline at end of file
...@@ -33,11 +33,11 @@ ...@@ -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 @@ ...@@ -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 ...@@ -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>
...@@ -104,7 +104,7 @@ div.warning { ...@@ -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 { ...@@ -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 {
......
...@@ -21,25 +21,27 @@ div { ...@@ -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 { ...@@ -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 {
......
...@@ -105,7 +105,7 @@ div.warning { ...@@ -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 { ...@@ -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 {
......
...@@ -37,7 +37,7 @@ label { ...@@ -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;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment