New Style: technology (beta)
This commit is contained in:
Pascal Turbing
parent
3391a3671e
commit
f4bb15c590
Binary file not shown.
|
After Width: | Height: | Size: 405 B |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
|
|
@ -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;
|
||||
}
|
||||
Loading…
Reference in New Issue