From f4bb15c5905ac827682ab5bb64150e4ffed75a8f Mon Sep 17 00:00:00 2001 From: Pascal Turbing Date: Mon, 7 Dec 2009 17:55:33 +0100 Subject: New Style: technology (beta) --- styles/technology/bg.png | Bin 0 -> 405 bytes styles/technology/header.png | Bin 0 -> 28133 bytes styles/technology/technology.css | 301 +++++++++++++++++++++++++++++++++++++++ 3 files changed, 301 insertions(+) create mode 100644 styles/technology/bg.png create mode 100644 styles/technology/header.png create mode 100644 styles/technology/technology.css (limited to 'styles') diff --git a/styles/technology/bg.png b/styles/technology/bg.png new file mode 100644 index 0000000..1f9ee92 Binary files /dev/null and b/styles/technology/bg.png differ diff --git a/styles/technology/header.png b/styles/technology/header.png new file mode 100644 index 0000000..f5dddc5 Binary files /dev/null and b/styles/technology/header.png differ diff --git a/styles/technology/technology.css b/styles/technology/technology.css new file mode 100644 index 0000000..b9ffced --- /dev/null +++ b/styles/technology/technology.css @@ -0,0 +1,301 @@ +/* +* Author: Pascal Turbing +*/ +* { + margin: 0px; +} + + +body { + background: #606060; + background-image: url(bg.png); + background-repeat: repeat-x; + width: 800px; + margin: 20px auto 20px; + font-family: "Sans Serif"; +} + +a { + text-decoration: none; +/* color: #ddd; */ +} + +img { + border: none; +} + +.header { + background-color: black; + background-image: url(header.png); + background-repeat: no-repeat; + border:1px solid black; + padding: 5px; + margin-bottom: 10px; + height: 96px; +} + .header_link { + text-decoration: none; + color: #eee; + font-size: 1.3em; + font-weight: bold; + margin-top: 25px; + margin-left: 180px; + display: block; + } + + div.header_subtitle { + color: #aaa; + font-size: 0.8em; + margin-left: 210px; + } + +.rss, .atom { + visibility: hidden; + display: none; +} + +.pages { + background: #bbb; + border: 1px solid black; + width: 140px; + position: absolute; + top: 168px; + height: 18px; + padding: 4px; + text-align: center; + overflow: hidden; + font-size: 0.8em; +} + +.pages:hover { + height: auto; +} + li.pages_list_entry { + border: 1px solid black; + margin-left: -38px; + font-size: 0.7em; + margin-top: 2px; + display: block; + } + li.pages_list_entry:first-child { + margin-top: 20px; + } + + li.pages_list_entry a { + display: block; + color: black; + } + li.pages_list_entry a:hover { + background: #999; + } + +.months { + background: #bbb; + border: 1px solid black; + width: 140px; + position: absolute; + top:138px; + padding: 4px; + text-align: center; + height: 18px; + overflow: hidden; + font-size: 0.8em; +} + +.months:hover { + height: auto; +} + li.months_list_entry { + border: 1px solid black; + margin-left: -38px; + font-size: 0.7em; + margin-top: 2px; + display: block; + } + li.months_list_entry:first-child { + margin-top: 20px; + } + li.months_list_entry a { + display: block; + color: black; + } + li.months_list_entry a:hover { + background: #999; + } + +.linklist { + background: #bbb; + width: 180px; + position: absolute; + top: 138px; + margin-left: 610px; + padding: 4px; + text-align: center; + border: 1px solid black; +} + + li.linklist_list_entry { + font-size: 0.7em; + border: 1px solid black; + margin-left: -38px; + margin-top: 2px; + display: block; + } + li.linklist_list_entry:first-child { + margin-top: 20px; + } + li.linklist_list_entry a { + display: block; + color: black; + } + li.linklist_list_entry a:hover { + background: #999; + } + +.entries { + background: none; + border: 1px solid black; + width: 440px; + position: relative; + left: 156px; + padding: 4px; +} + + .entry { + margin-top: 8px; + background: #888; + padding-top: 6px; + } + + .entry:first-child { + margin-top: 0px; + } + + div.entry_title { + padding: 2px; + padding-left: 6px; + background: #bbb; + margin-left: 10px; + border: 1px solid #444; + border-right: none; + } + + a.entry_title { + font-size: 0.9em; + font-weight: bold; + text-decoration: none; + color: #333; + } + + .entry_date { + color: #555555; + font-size: 0.7em; + padding-left: 20px; + } + + .entry_content { + padding: 10px; + padding-left: 15px; + font-size: 0.85em; + } + + div.entry_comment { + text-align: right; + padding: 4px 10px 4px; + } + + a.entry_comment { + text-decoration: none; + color: #444; + font-size: 0.6em; + } + +div.comments { + border: 1px solid black; + background: #888; + width: 440px; + padding: 4px; + position: relative; + left: 156px; + margin-top: 10px; +} + + div.comment { + background: #666666; + margin-bottom: 10px; + padding-top: 8px; + color: black; + } + + div.comment_author { + padding: 2px; + padding-left: 6px; + background: #888; + margin-left: 10px; + border: 1px solid black; + border-right: none; + } + + div.comment_date { + color: #252525; + font-size: 0.7em; + padding-left: 20px; + } + + div.comment_content { + padding: 10px; + padding-left: 15px; + font-size: 0.85em; + } + + div.submit_comment { + background: #666666; + padding: 10px; + padding-left: 15px; + margin-top: 15px; + } + + label.submit_comment_name { + font-size: 0.8em; + display: block; + } + + input.submit_comment_name_input { + width: 100px; + margin-left: 10px; + margin-top: 4px; + border: none; + background: #999; + } + + label.submit_comment_text { + font-size: 0.8em; + display: block; + margin-top: 4px; + } + + textarea.submit_comment_textarea { + width: 380px; + margin-left: 10px; + margin-top: 4px; + border: none; + background: #999; + } + + label.submit_comment_quiz { + font-size: 0.8em; + display: block; + margin-top: 4px; + } + + input.submit_comment_quiz_input { + width: 40px; + margin-left: 10px; + border: none; + background: #999 + } + + input.submit_comment_button { + margin: 10px; + border: 2px solid #888; + } -- cgit v1.2.3