some styles

14 years ago · 5432512dfd
3 changed files with 51 additions and 4 deletions
--- a/header.html
+++ b/header.html
@ -4,5 +4,10 @@
 <link rel="stylesheet" type="text/css" href="newsletter.css" />
 </head>
 <body>
+<div id="logo">
+  <a href="http://pad.ma/" title="Pad.ma Home">
+    <img src="iconAbout.png" alt="Public Access Digital Media Archive" />
+  </a>
+</div>


--- a/iconAbout.png
+++ b/iconAbout.png
--- a/newsletter.css
+++ b/newsletter.css
@ -3,13 +3,21 @@ body {
    padding: 0;
    font-size: 10pt;
    font-family: Arial;
+    background: #404040;
+    background-image: -moz-linear-gradient(top, #404040, #aaaaaa);
+    background-image: -webkit-gradient(linear, top, #404040, #aaaaaa);
 }
 #nav {
  position: fixed;
  left: 16px;
  top: 16px;
  margin: 0;
-  padding: 0;
+  padding: 10px;
+  border-radius: 8px;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  color: #000;
+  background: #A0A0A0;
 }
 #nav li {
  display: linline;
@ -18,11 +26,45 @@ body {
 .title {
    font-weight: bold;
 }
+
 #content {
-    width: 600px;
-    padding-left: 168px;
+  box-shadow: 0px 0px 1em;
+  -moz-box-shadow: 0px 0px 2em rgba(30,30,30,0.7);
+  -webkit-box-shadow: 0px 0px 2em rgba(30,30,30,0.7);
+  border-radius: 10px;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  background: #000;
+  color: #ccc;
+  width: 600px;
+  margin-left: 168px;
+  margin-top: 25px;
+  margin-bottom: 40px;
+  padding: 10px;
 }
+
 a {
-color: #00e;
+  color: #ffff00;
+  text-decoration: none;
+  outline: none;
 }

+a:hover {
+  color: #ffff00;
+  -moz-text-shadow: 1px 1px 1px #666;
+  -webkit-text-shadow: 1px 1px #666;
+  text-shadow: 1px 1px 1px #666;
+}
+
+
+#logo {
+  position: fixed;
+  top: 20px;
+  right: 20px;
+  width: 128px;
+  height: 128px;  
+}
+
+#logo a img {
+  border: 0px;
+}