diff options
Diffstat (limited to 'styles/box/box.css')
| -rw-r--r-- | styles/box/box.css | 278 |
1 files changed, 278 insertions, 0 deletions
diff --git a/styles/box/box.css b/styles/box/box.css new file mode 100644 index 0000000..d2ed7e3 --- /dev/null +++ b/styles/box/box.css @@ -0,0 +1,278 @@ +/* + * Author: Stefan Ritter <xeno@thehappy.de> + */ + +body { + background: #444444; + background-image: url("background.png"); + font-family: Fixed; + font-size: .7em; + color: #CCCCCC; + margin: auto; + margin-top: 14px; + margin-bottom: 10px; + padding-bottom: 25px; + width: 600px; + border: 1px solid #000000; +} + +img { + border: 0px; +} + +a { + color: #66CC00; +} + +/* HEADER */ + +div.header { + height: 30px; + width: 600px; + margin: auto; + text-align: center; + background: #222222; + border-top: 1px solid #333333; + border-bottom: 1px solid #000000; +} + +a.header_link { + text-decoration: none; +} + +span.header_subtitle { + color: #999999; + margin-top: -12px; +} + +/* RSS and ATOM */ + +div.rss { + position: absolute; + top: 1px; + padding-left: 585px; +} + +a.rss_link { + text-decoration: none; +} + +div.atom { + position: absolute; + top: 1px; + padding-left: 553px; +} + +a.atom_link { + text-decoration: none; +} + +/* PAGES */ + +div.pages { + position: absolute; + top: 47px; + width: 600px; + height: 16px; + margin: auto; + background: #222222; + border-top: 1px solid #333333; + border-bottom: 1px solid #000000; + /* Ugly transparency */ + /* + filter:alpha(opacity=50); + -moz-opacity:0.5; + opacity:0.5; + */ +} + +div.pages_title { + display: none; +} + +ul.pages_list { + text-align: center; + list-style-type: none; + margin-top: 1px; + padding: 0px; +} + +li.pages_list_entry { + display: inline; +} + +a.pages_list_entry { + text-decoration: none; + color: #FFFFFF; +} + +/* MONTHS */ + +div.months { + position: absolute; + top: 60px; + margin-left: -185px; + width: 180px; +} + +div.months_title { + display: none; +} + +ul.months_list { + text-align: right; + list-style-type: none; +} + +/* LINKS */ + +div.linklist { + position: absolute; + margin-left: 564px; + top: 60px; + width: 180px; +} + +div.linklist_title { + display: none; +} + +ul.linklist_list { + text-align: left; + list-style-type: none; +} + +/* ENTRIES */ + +div.entries { + position: relative; + top: 15px; + width: 580px; + /* background: #333333; */ + padding-left: 10px; + padding-top: 5px; + padding-right: 10px; +} + +div.entry { + margin-top: 6px; + background: #444444; + border: 1px solid #000000; +} + +div.entry_title { + margin-left: 5px; + margin-top: 5px; +} + +a.entry_title { + text-decoration: none; +} + +div.entry_date { + margin-top: -12px; + margin-right: 5px; + float: right; + color: #666666; +} + +div.entry_content { + margin-left: 10px; + margin-right: 10px; + margin-top: 10px; + text-indent: 1em; +} + +div.entry_comment { + margin-left: 5px; + margin-bottom: 5px; +} + +a.entry_comment { + text-decoration: none; +} + +div.entry_border_bottom { + background: #444444; + height: 10px; +} + +/* COMMENTS */ + +div.comments { + width: 580px; + /* background: #333333; */ + padding-left: 20px; + padding-top: 25px; +} + +div.comment { + border: 1px solid #000000; + background: #414141; + width: 560px; + margin-bottom: 10px; +} + +div.comment_author { + color: #66CC00; + padding-top: 5px; + padding-left: 5px; +} + +div.comment_date { + margin-top: -12px; + margin-right: 5px; + float: right; + color: #666666; +} + +div.comment_content { + margin-left: 10px; + margin-bottom: 10px; + width: 540px; +} + +div.submit_comment { + border: 1px solid #000000; + background: #444444; + width: 555px; + padding-left: 5px; + margin-top: 15px; +} + +label.submit_comment_name { + color: #CCCCCC; + font-size: 12px; + display: block; +} + +input.submit_comment_name_input { + width: 100px; + margin-left: 10px; +} + +label.submit_comment_text { + color: #CCCCCC; + font-size: 12px; + display: block; +} + +textarea.submit_comment_textarea { + width: 520px; + margin-left: 10px; +} + +label.submit_comment_quiz { + color: #CCCCCC; + font-size: 12px; + display: block; +} + +input.submit_comment_quiz_input { + width: 20px; + margin-left: 10px; +} + +input.submit_comment_button { + margin: 10px; +} |