Mailreader kickoff

1 files changed, 199 insertions, 0 deletions

diff --git a/style.css b/style.css
new file mode 100644
index 0000000..b820e63
--- /dev/null
+++ b/style.css
@@ -0,0 +1,199 @@
+body {
+  background-color: #ffcc00;
+  margin:0;
+}
+
+#header {
+  background-image: url(anonbox.png);
+  background-repeat: no-repeat;
+  background-attachment: absolute;
+  background-position: 20px 8px;
+  width:100%;
+  height:75px;
+  border-bottom:1px solid silver;
+  background-color: #ffcc00;
+  z-index: 1;
+}
+
+#content {
+  background-color: #ffffff;
+  padding-top: 20px;
+  margin: 0;
+  width:100%;
+  z-index: 0;
+}
+  
+#footer {
+  background-color: #ffcc00;
+  border-top:1px solid silver;
+  margin: 0;
+  padding-top: 4px;
+  text-align: center;
+  width: 100%;
+  height: 30px;
+  font-size: small;
+  z-index: 1;
+}
+
+dl {
+  margin-bottom: 0px;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+dt {
+  font-variant:small-caps;
+  border-top:1px solid silver;
+  color: #667766;
+  padding-top:4px;
+}
+
+dd {
+  padding-top:20px;
+}
+
+p {
+  margin: 0px;
+  padding: 0px;
+  padding-bottom: 10px;
+}
+
+code {
+  font-size: small;
+}
+
+.lang {
+  border-top:2px solid white;
+  border-bottom:2px solid white;
+  border-left:3px solid white;
+  border-right:3px solid white;
+  z-index: 1;
+}
+
+.langbox {
+  border-top:1px solid silver;
+  position: relative;
+  z-index: 2;
+  top: 69px;
+  left: 20px;
+  margin-right: 10px;
+  float: left;
+}
+
+.knotenmain {
+  border:none;
+  position: relative;
+  z-index: 3;
+  bottom: -6px;
+  right: 25px;
+  float: right;
+}
+
+.knoten {
+  border:none;
+  position: absolute;
+  z-index: 1;
+  top: 76px;
+  right: 25px;
+  float: right;
+}
+
+.action {
+  border-top:1px solid silver;
+  position: relative;
+  z-index: 1;
+  top: 69px;
+  left: 20px;
+  margin-right: 10px;
+  padding: 2px 3px 2px 3px;
+  float: left;
+  background-color: white;
+  font-size: small;
+  text-transform: uppercase;
+}
+
+a:link {
+  color: #0000aa;
+  border: none;
+  text-decoration: none;
+}
+
+a:visited {
+  color: #000022;
+  border: none;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+.eMail {
+  border: dotted;
+  border-color: silver;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 10px;
+  padding: 10px;
+  padding-bottom: 20px;
+  width: 80%;
+}
+
+.eMailHeader {
+  border: none;
+  padding: 10px;
+  margin-bottom: 10px;
+  background-color: #f0f0f0;
+}
+
+.eMailHeaderVisible {
+  font-size: large;
+  color: black;
+}
+
+a.eMailHeaderVisible {
+  color: black;
+  text-decoration: underline;
+}
+
+.eMailHeaderInvisible {
+  padding-left: 8px;
+  font-size: 0.7em;
+  color: #606060;
+}
+
+.eMailPlaintext {
+  font-family: Times;
+  border-bottom: dotted;
+  border-color: silver;
+}
+
+.eMailBody {
+  padding: 5px;
+}
+
+.data-uri-image {
+  position: relative;
+  left: 25px;
+  clear: right;
+  margin-bottom: 5px;
+}
+
+.data-uri-image-hint {
+  font-size: small;
+  color: silver;
+}
+
+.data-uri-download {
+  width: 400px;
+  border: dotted;
+  border-color: silver;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  padding: 5px;  
+}
+
+.vspace {
+  height: 10px;
+  background: 0xffffff;
+}