website/stylesheets/screen.css in journeta-0.0.5 vs website/stylesheets/screen.css in journeta-0.1.0
- old
+ new
@@ -1,138 +1,43 @@
+/* Copyright 2008 OpenRain, LLC. All rights reserved. */
+
body {
- background-color: #E1D1F1;
- font-family: "Georgia", sans-serif;
- font-size: 16px;
- line-height: 1.6em;
- padding: 1.6em 0 0 0;
- color: #333;
+background-color: #ffffff;
+font-family: "Georgia", sans-serif;
+font-size: 16px;
+line-height: 1.6em;
+color: #333;
+background-position: 0px 0px;
+background-repeat: repeat-x;
+background-image: url(../images/content_side.png);
+background-color: #faf3c0;
}
-h1, h2, h3, h4, h5, h6 {
- color: #444;
-}
-h1 {
- font-family: sans-serif;
- font-weight: normal;
- font-size: 4em;
- line-height: 0.8em;
- letter-spacing: -0.1ex;
- margin: 5px;
-}
-li {
- padding: 0;
- margin: 0;
- list-style-type: square;
-}
-a {
- color: #5E5AFF;
- background-color: #DAC;
- font-weight: normal;
- text-decoration: underline;
-}
-blockquote {
- font-size: 90%;
- font-style: italic;
- border-left: 1px solid #111;
- padding-left: 1em;
-}
-.caps {
- font-size: 80%;
-}
-#main {
- width: 45em;
- padding: 0;
- margin: 0 auto;
-}
-.coda {
- text-align: right;
- color: #77f;
- font-size: smaller;
-}
+h1, h2, h3 {font-weight: bold;}
+h1 {font-size: 24pt; color: #194c38;}
+h2 {font-size: 18pt; color: #194c38;}
+h3 {color: #697c68;}
+em {color: #ffffff; font-size: 140%;}
+a {color: #fbf5d0; text-decoration: none;}
-table {
- font-size: 90%;
- line-height: 1.4em;
- color: #ff8;
- background-color: #111;
- padding: 2px 10px 2px 10px;
- border-style: dashed;
-}
+.clear { clear: both;}
+.code { font-family: monospace; margin: 10px; font-size: 10pt; color: #ff8; background-color: #111; }
+.clickable { cursor: pointer; cursor: hand; }
-th {
- color: #fff;
-}
+#header_side {background-position: 0px 0px;background-repeat: repeat-x;background-image: url(../images/header_side.jpg);float: left;position: absolute;width: 100%;height: 97px;z-index: -1;}
-td {
- padding: 2px 10px 2px 10px;
-}
+#header { background-position: 0px 0px; background-repeat: repeat-x; background-image: url(../images/header.jpg); margin: 0 auto; width: 700px; height: 97px; }
+#header #name {color: #ffffff; font-size: 48pt; padding: 40px 0 0 10px; }
+#header ol {list-style: none; position: absolute; top: 77px; font-size: 10pt;margin-left: 10px;}
+#header li { display: inline; color: #f0f0f0;margin-left:10px;}
-.success {
- color: #0CC52B;
-}
+#content_wrapper { background-position: 0px 0px; background-repeat: repeat-y; background-image: url(../images/content_shadow.png); width: 729px; margin: 0 auto;}
-.failed {
- color: #E90A1B;
-}
+#content { width: 700px; background-color: #ffffff; margin-left: 15px; }
+#content ol {list-style-type: none; margin-left: 20px;}
+#content li {margin-top: 10px;}
+#content #blurb { width: 320px; float: right; margin: 10px; clear: none; font-size: 16pt; color: #d8d8d8;}
+#content #guts > div {margin:20px; padding: 10px; }
+#content #guts p {padding-bottom: 20px; display: block;}
+#content #banner { background-position: 0px 0px; background-repeat: no-repeat; background-image: url(../images/banner.jpg); width: 700px; height: 202px;}
-.unknown {
- color: #995000;
-}
-pre, code {
- font-family: monospace;
- font-size: 90%;
- line-height: 1.4em;
- color: #ff8;
- background-color: #111;
- padding: 2px 10px 2px 10px;
-}
-.comment { color: #aaa; font-style: italic; }
-.keyword { color: #eff; font-weight: bold; }
-.punct { color: #eee; font-weight: bold; }
-.symbol { color: #0bb; }
-.string { color: #6b4; }
-.ident { color: #ff8; }
-.constant { color: #66f; }
-.regex { color: #ec6; }
-.number { color: #F99; }
-.expr { color: #227; }
-
-#version {
- float: right;
- text-align: right;
- font-family: sans-serif;
- font-weight: normal;
- background-color: #B3ABFF;
- color: #141331;
- padding: 15px 20px 10px 20px;
- margin: 0 auto;
- margin-top: 15px;
- border: 3px solid #141331;
-}
-
-#version .numbers {
- display: block;
- font-size: 4em;
- line-height: 0.8em;
- letter-spacing: -0.1ex;
- margin-bottom: 15px;
-}
-
-#version p {
- text-decoration: none;
- color: #141331;
- background-color: #B3ABFF;
- margin: 0;
- padding: 0;
-}
-
-#version a {
- text-decoration: none;
- color: #141331;
- background-color: #B3ABFF;
-}
-
-.clickable {
- cursor: pointer;
- cursor: hand;
-}
-
+#sidebar { float: right; width: 300px; margin: 20px; clear: none; background-color: #FDFEEE; padding: 10px;}