Part 2 - "the incredible CSS mod"

This commit is contained in:
Disco-STU 2009-05-19 20:08:08 +02:00
parent 9d29d665f9
commit 476d0892b6
1 changed files with 53 additions and 16 deletions

View File

@ -6,7 +6,7 @@ body {
font-family: Verdana, Times New Roman, Courier New; font-family: Verdana, Times New Roman, Courier New;
font-size: 12px; font-size: 12px;
margin: 0px; margin: 0px;
padding: 0px; min-width: 800px;
} }
img { img {
@ -39,7 +39,7 @@ div.header {
a.header_link { a.header_link {
text-decoration: none; text-decoration: none;
color: #395434; color: #AA4444;
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
} }
@ -49,7 +49,7 @@ div.rss {
height: 25px; height: 25px;
position: absolute; position: absolute;
top: 15px; top: 15px;
right: 41px; right: 50px;
} }
a.rss_link { a.rss_link {
@ -117,18 +117,34 @@ div.pages {
div.months { div.months {
float: right; float: left;
width: 100px; width: 25%;
text-align: right;
margin-top: 10px;
margin-left: -25%;
margin-bottom: 40px;
position: relative;
right: -100%;
} }
div.months_title { div.months_title {
text-align: center;
color: #999999; color: #999999;
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: 14px;
letter-spacing: 1px; letter-spacing: 1px;
border-bottom: 2px solid #AA4444;
width: 150px;
margin-left: auto;
margin-right: auto;
} }
div.months_list { div.months_list {
border-top: 2px solid #DFDFDF;
border-bottom: 2px solid #AA4444;
width: 140px;
margin-left: auto;
margin-right: auto;
} }
ul.months_list { ul.months_list {
@ -136,8 +152,7 @@ div.months {
list-style-type: none; list-style-type: none;
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
padding: 0px; margin-left: -30px;
margin-left: -40px;
} }
li.months_list_entry { li.months_list_entry {
@ -153,33 +168,50 @@ div.months {
} }
div.months_footer { div.months_footer {
margin-left: 900px;
float: none; float: none;
} }
div.linklist { div.linklist {
float: right; clear: left;
width: 100px; float: left;
margin-top: 10px;
width: 25%;
text-align: right;
margin-left: -25%;
position: relative;
right: -100%;
} }
div.linklist_title { div.linklist_title {
text-align: center;
color: #999999; color: #999999;
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: 14px;
letter-spacing: 1px; letter-spacing: 1px;
border-bottom: 2px solid #AA4444;
width: 150px;
margin-left: auto;
margin-right: auto;
} }
div.linklist_list { div.linklist_list {
border-top: 2px solid #DFDFDF;
border-bottom: 2px solid #AA4444;
width: 140px;
margin-left: auto;
margin-right: auto;
} }
ul.linklist_list { ul.linklist_list {
margin-left: 900px;
text-align: center; text-align: center;
list-style-type: none; list-style-type: none;
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
padding: 0px; margin-left: -30px;
margin-left: -40px;
} }
li.linklist_list_entry { li.linklist_list_entry {
@ -191,25 +223,24 @@ div.linklist {
text-decoration: none; text-decoration: none;
font-size: 12px; font-size: 12px;
font-style: italic; font-style: italic;
} }
div.linklist_footer { div.linklist_footer {
float: none;
} }
div.entries { div.entries {
width: 600px; width: 75%;
min-height: 400px; margin-left: 25px;
margin-left: 5px;
padding: 3px; padding: 3px;
} }
div.entry { div.entry {
margin-top: 10px; margin-top: 10px;
margin-bottom: 30px; margin-bottom: 30px;
padding-left: 15px;
border-left: 10px dotted #AA4444;
} }
div.entry_title { div.entry_title {
@ -223,6 +254,10 @@ div.entries {
color: #AA4444; color: #AA4444;
} }
a.entry_title:hover {
color: #CC6666;
}
div.entry_date { div.entry_date {
font-size: 10px; font-size: 10px;
display: inline; display: inline;
@ -245,3 +280,5 @@ div.entries {
color: #AAAAAA; color: #AAAAAA;
} }
div.entry_border_bottom {
}