[geeklog-cvs] geeklog: newpro: story styling
geeklog-cvs at lists.geeklog.net
geeklog-cvs at lists.geeklog.net
Sun Apr 15 17:52:33 EDT 2012
changeset 8598:ea91b01b3b56
url: http://project.geeklog.net/cgi-bin/hgwebdir.cgi/geeklog/rev/ea91b01b3b56
user: Rouslan Placella <rouslan at placella.com>
date: Sun Apr 15 22:52:04 2012 +0100
description:
newpro: story styling
diffstat:
public_html/layout/newpro/archivestorytext.thtml | 7 ++-
public_html/layout/newpro/css/story.css | 59 ++++++++++++----------
public_html/layout/newpro/featuredstorytext.thtml | 7 ++-
public_html/layout/newpro/storytext.thtml | 7 ++-
4 files changed, 49 insertions(+), 31 deletions(-)
diffs (244 lines):
diff -r 40693399b18a -r ea91b01b3b56 public_html/layout/newpro/archivestorytext.thtml
--- a/public_html/layout/newpro/archivestorytext.thtml Sun Apr 15 22:02:33 2012 +0100
+++ b/public_html/layout/newpro/archivestorytext.thtml Sun Apr 15 22:52:04 2012 +0100
@@ -11,6 +11,10 @@
<li>{edit_icon}</li>
</ul>
+ <div style="clear:both"></div>
+
+ <span class="story_image">{story_anchortag_and_image}</span>
+
<ul class="status">
<li>{story_date}</li>
<li>
@@ -27,8 +31,9 @@
</li>
</ul>
+ <div style="clear:both"></div>
+
<div class="story_introtext">
- <span class="story_image">{story_anchortag_and_image}</span>
{story_text_no_br}
</div>
diff -r 40693399b18a -r ea91b01b3b56 public_html/layout/newpro/css/story.css
--- a/public_html/layout/newpro/css/story.css Sun Apr 15 22:02:33 2012 +0100
+++ b/public_html/layout/newpro/css/story.css Sun Apr 15 22:52:04 2012 +0100
@@ -15,14 +15,14 @@
/* Container */
div#centerblocks div.storytext {
- margin: 0 0 2em 0;
- padding: 0;
- border-bottom: 1px solid #E7E7E7;
+ margin: 0 0 1em 0;
+ padding: 0 8px 1em;
+ border-bottom: 1px solid #ccc;
}
/* Story Title */
div#centerblocks div.storytext h2 {
- float: left;
+ float: {left};
margin: 0 0 1em 0;
padding: 0;
font-size: 110%;
@@ -32,10 +32,10 @@
/* Icon(email to friends, print, pdf) */
div#centerblocks div.storytext ul.icon {
list-style-type: none;
- float: right;
+ float: {right};
margin: 0;
padding: 0;
- text-align: right;
+ text-align: {right};
}
div#centerblocks div.storytext ul.icon li{
@@ -48,9 +48,10 @@
div#centerblocks div.storytext ul.status {
list-style-position: outside;
list-style-type: none;
- clear: both;
margin: 0 0 1em 0;
+ margin-{left}: 1em;
padding: 0;
+ float: {left};
}
div#centerblocks div.storytext ul.status li {
@@ -83,8 +84,8 @@
}
/* Topic Icon */
-div#centerblocks div.storytext div.story_introtext span.story_image {
- float: right;
+div#centerblocks div.storytext span.story_image {
+ float: {left};
width: 48px;
height: 48px;
margin: 0;
@@ -128,14 +129,14 @@
/* Container */
div#centerblocks div.featuredstorytext {
- margin: 0 0 2em 0;
- padding: 0;
- border-bottom: 1px solid #E7E7E7;
+ margin: 0 0 1em 0;
+ padding: 0 8px 1em;
+ border-bottom: 1px solid #ccc;
}
/* Story Title */
div#centerblocks div.featuredstorytext h2 {
- float: left;
+ float: {left};
margin: 0 0 1em 0;
padding: 0;
font-size: 110%;
@@ -145,10 +146,10 @@
/* Icon(email to friends, print, pdf) */
div#centerblocks div.featuredstorytext ul.icon {
list-style-type: none;
- float: right;
+ float: {right};
margin: 0;
padding: 0;
- text-align: right;
+ text-align: {right};
}
div#centerblocks div.featuredstorytext ul.icon li{
@@ -161,9 +162,10 @@
div#centerblocks div.featuredstorytext ul.status {
list-style-position: outside;
list-style-type: none;
- clear: both;
- margin: 0 0 1em 0;
+ margin: 0;
+ margin-{left}: 1em;
padding: 0;
+ float: {left};
}
div#centerblocks div.featuredstorytext ul.status li {
@@ -196,8 +198,8 @@
}
/* Topic Icon */
-div#centerblocks div.featuredstorytext div.story_introtext span.story_image {
- float: right;
+div#centerblocks div.featuredstorytext span.story_image {
+ float: {left};
width: 48px;
height: 48px;
margin: 0;
@@ -241,14 +243,14 @@
/* Container */
div#centerblocks div.archivestorytext {
- margin: 0 0 2em 0;
- padding: 0;
- border-bottom: 1px solid #E7E7E7;
+ margin: 0 0 1em 0;
+ padding: 0 8px 1em;
+ border-bottom: 1px solid #ccc;
}
/* Story Title */
div#centerblocks div.archivestorytext h2 {
- float: left;
+ float: {left};
margin: 0 0 1em 0;
padding: 0;
font-size: 110%;
@@ -258,10 +260,10 @@
/* Icon(email to friends, print, pdf) */
div#centerblocks div.archivestorytext ul.icon {
list-style-type: none;
- float: right;
+ float: {right};
margin: 0;
padding: 0;
- text-align: right;
+ text-align: {right};
}
div#centerblocks div.archivestorytext ul.icon li{
@@ -274,9 +276,10 @@
div#centerblocks div.archivestorytext ul.status {
list-style-position: outside;
list-style-type: none;
- clear: both;
margin: 0 0 1em 0;
+ margin-{left}: 1em;
padding: 0;
+ float: {left};
}
div#centerblocks div.archivestorytext ul.status li {
@@ -309,8 +312,8 @@
}
/* Topic Icon */
-div#centerblocks div.archivestorytext div.story_introtext span.story_image {
- float: right;
+div#centerblocks div.archivestorytext span.story_image {
+ float: {left};
width: 48px;
height: 48px;
margin: 0;
diff -r 40693399b18a -r ea91b01b3b56 public_html/layout/newpro/featuredstorytext.thtml
--- a/public_html/layout/newpro/featuredstorytext.thtml Sun Apr 15 22:02:33 2012 +0100
+++ b/public_html/layout/newpro/featuredstorytext.thtml Sun Apr 15 22:52:04 2012 +0100
@@ -11,6 +11,10 @@
<li>{edit_icon}</li>
</ul>
+ <div style="clear:both"></div>
+
+ <span class="story_image">{story_anchortag_and_image}</span>
+
<ul class="status">
<li>{story_date}</li>
<li>
@@ -27,8 +31,9 @@
</li>
</ul>
+ <div style="clear:both"></div>
+
<div class="story_introtext">
- <span class="story_image">{story_anchortag_and_image}</span>
{story_text_no_br}
</div>
diff -r 40693399b18a -r ea91b01b3b56 public_html/layout/newpro/storytext.thtml
--- a/public_html/layout/newpro/storytext.thtml Sun Apr 15 22:02:33 2012 +0100
+++ b/public_html/layout/newpro/storytext.thtml Sun Apr 15 22:52:04 2012 +0100
@@ -11,6 +11,10 @@
<li>{edit_icon}</li>
</ul>
+ <div style="clear:both"></div>
+
+ <span class="story_image">{story_anchortag_and_image}</span>
+
<ul class="status">
<li>{story_date}</li>
<li>
@@ -27,8 +31,9 @@
</li>
</ul>
+ <div style="clear:both"></div>
+
<div class="story_introtext">
- <span class="story_image">{story_anchortag_and_image}</span>
{story_text_no_br}
</div>
More information about the geeklog-cvs
mailing list