aboutsummaryrefslogtreecommitdiffstats
path: root/styles/blogthon.css
diff options
context:
space:
mode:
authorStefan Ritter <xeno@goliath.thehappy.de>2009-03-03 23:54:23 +0100
committerStefan Ritter <xeno@goliath.thehappy.de>2009-03-03 23:54:23 +0100
commit622aec5badede447a477aeeca07e0608821ced49 (patch)
tree40461ad53f4eee3ffb68aa3aeee6a4d285cfdc41 /styles/blogthon.css
parentb1e6cb9b65fbac7f036f3ab95bee0f65a984f378 (diff)
Design:
Entries are now floating around the sidebar if there is not enough space for the maxwidth.
Diffstat (limited to '')
-rw-r--r--styles/blogthon.css33
1 files changed, 20 insertions, 13 deletions
diff --git a/styles/blogthon.css b/styles/blogthon.css
index 280536a..5d6349a 100644
--- a/styles/blogthon.css
+++ b/styles/blogthon.css
@@ -17,8 +17,8 @@ a:link, a:active, a:visited, a:hover {
}
a.title:link, a.title:hover, a.title:active, a.title:visited {
- position: absolute;
- text-align: center;
+ position: absolute;
+ text-align: center;
width: 100%;
height: 25px;
background-image: url(blogthon_img/title_background.png);
@@ -28,24 +28,28 @@ a.title:link, a.title:hover, a.title:active, a.title:visited {
color: #FC3;
}
+.screen {
+ position: relative;
+ margin: auto;
+ top: 30px;
+}
+
.content { /* Container for entrytitle and entry */
- position: absolute;
- top: 30px;
- left: 6px;
- width: 600px;
+ margin-left: 15px;
}
.entrytitle {
font-family: Verdana;
font-weight: bold;
- font-size: 16px;
+ font-size: 14px;
color: #335599;
text-decoration: underline;
}
+
a.entrytitle:link, a.entrytitle:hover, a.entrytitle:visited, a.entrytitle:active {
font-family: Verdana;
font-weight: bold;
- font-size: 16px;
+ font-size: 12px;
color: #335599;
text-decoration: underline;
}
@@ -54,14 +58,15 @@ a.entrytitle:link, a.entrytitle:hover, a.entrytitle:visited, a.entrytitle:active
font-family: Verdana;
font-size: 12px;
color: #FFF;
- margin-left: 15px;
+ margin: 15px;
+ width: 600px;
}
.sidebar {
- position: absolute;
- right: 6px;
- top: 30px;
- background: #0F0;
+ margin-right: 15px;
+ margin-left: 20px;
+ margin-bottom: 20px;
+ float: right;
}
.sidebarentry {
@@ -69,6 +74,8 @@ a.entrytitle:link, a.entrytitle:hover, a.entrytitle:visited, a.entrytitle:active
font-size: 12px;
color: #5577BB;
text-align: center;
+ padding-left: 8px;
+ padding-right: 8px;
background: #111;
}