gideonstar
/
blogthon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Design: 

Entries are now floating around the sidebar if there is not enough space for the
maxwidth.
This commit is contained in:
Stefan Ritter 2009-03-03 23:54:23 +01:00
parent b1e6cb9b65
commit 622aec5bad
2 changed files with 22 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
blogthon.cgi
View File

@ -71,7 +71,7 @@ if newest_first:
else: else:
entries.sort() entries.sort()
print ' <div class="sidebar">' print ' <div class="screen"><div class="sidebar">'
if staticpages == "True": if staticpages == "True":
staticpages = [] staticpages = []
@ -163,7 +163,7 @@ else: # Show regular entry
if not month_display and not post_display and not allentries_display and entry_counter == entries_per_page: # Display pagelist if not month_display and not post_display and not allentries_display and entry_counter == entries_per_page: # Display pagelist
print ' <div class="entry"><a href=?a=1>View all entries...</a></div>' print ' <div class="entry"><a href=?a=1>View all entries...</a></div>'
print ' </div>' print ' </div></div>'
print ' </body>' print ' </body>'
print '</html>' print '</html>'

33
styles/blogthon.css
View File

@ -17,8 +17,8 @@ a:link, a:active, a:visited, a:hover {
} }
a.title:link, a.title:hover, a.title:active, a.title:visited { a.title:link, a.title:hover, a.title:active, a.title:visited {
position: absolute; position: absolute;
text-align: center; text-align: center;
width: 100%; width: 100%;
height: 25px; height: 25px;
background-image: url(blogthon_img/title_background.png); 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; color: #FC3;
} }
.screen {
position: relative;
margin: auto;
top: 30px;
}
.content { /* Container for entrytitle and entry */ .content { /* Container for entrytitle and entry */
position: absolute; margin-left: 15px;
top: 30px;
left: 6px;
width: 600px;
} }
.entrytitle { .entrytitle {
font-family: Verdana; font-family: Verdana;
font-weight: bold; font-weight: bold;
font-size: 16px; font-size: 14px;
color: #335599; color: #335599;
text-decoration: underline; text-decoration: underline;
} }
a.entrytitle:link, a.entrytitle:hover, a.entrytitle:visited, a.entrytitle:active { a.entrytitle:link, a.entrytitle:hover, a.entrytitle:visited, a.entrytitle:active {
font-family: Verdana; font-family: Verdana;
font-weight: bold; font-weight: bold;
font-size: 16px; font-size: 12px;
color: #335599; color: #335599;
text-decoration: underline; text-decoration: underline;
} }
@ -54,14 +58,15 @@ a.entrytitle:link, a.entrytitle:hover, a.entrytitle:visited, a.entrytitle:active
font-family: Verdana; font-family: Verdana;
font-size: 12px; font-size: 12px;
color: #FFF; color: #FFF;
margin-left: 15px; margin: 15px;
width: 600px;
} }
.sidebar { .sidebar {
position: absolute; margin-right: 15px;
right: 6px; margin-left: 20px;
top: 30px; margin-bottom: 20px;
background: #0F0; float: right;
} }
.sidebarentry { .sidebarentry {
@ -69,6 +74,8 @@ a.entrytitle:link, a.entrytitle:hover, a.entrytitle:visited, a.entrytitle:active
font-size: 12px; font-size: 12px;
color: #5577BB; color: #5577BB;
text-align: center; text-align: center;
padding-left: 8px;
padding-right: 8px;
background: #111; background: #111;
} }