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;}