/* * Author: Stefan Ritter */ 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; }