New Style: technology (beta)

This commit is contained in:
Pascal Turbing 2009-12-07 17:55:33 +01:00
parent 3391a3671e
commit f4bb15c590
3 changed files with 301 additions and 0 deletions

BIN
styles/technology/bg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 405 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

View File

@ -0,0 +1,301 @@
/*
* Author: Pascal Turbing <pascal@turbing.de>
*/
* {
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;
}