Blog smart objects - How to change the css style sheets
By Alfred

Most standards-compliant browsers will allow you to view CSS files. Are you using Internet Explorer, perchance?

Right-click one of the following links, choose 'Save Target As...' and then open the saved file in a text editor such as Notepad.

 
http://www.serifwebresources.com/render/blog_brown.css
 
http://www.serifwebresources.com/render/blog_blue.css
 
http://www.serifwebresources.com/render/blog_monochrome.css
 
http://www.serifwebresources.com/render/blog_narrow.css
 
http://www.serifwebresources.com/render/blog_limegreen.css
 
http://www.serifwebresources.com/render/blog_black.css
 
http://www.serifwebresources.com/render/blog_professional.css
 
http://www.serifwebresources.com/render/blog_webplus10.css
 
http://www.serifwebresources.com/render/blog_meadows.css
 
http://www.serifwebresources.com/render/blog_art_mono.css

Alfred

Serif forum thread  Blog does not display properly

blog.art.mono.css

body {margin: 0; overflow: auto; background: url('/media/blogs/splash.jpg') no-repeat; background-attachment: fixed}
div#header {height: 64px; margin: 4px 2px 4px 15px; background: white; border: 1px solid black;
filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75}
div#header h1 {margin:-1px 0px 0px 15px}
div#header a {color: black !important; text-decoration: none; font-size: 22px}
div#header p {padding: 0 0 4px 15px; color: #444 !important}
div#container {height: 100%; padding-top: 20px}
div#content {float: left; margin: 4px 2px 4px 15px; width: 450px; overflow: hidden; background: white;
filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; border: 2px dotted black;}
div.blogpost {padding: 12px; border: 0px !important}
span.title {font-weight: bold}
span.postedby, span.postedat {color: #444 !important}
div.excerpt {padding: 2px 8px 2px 8px;}
div.postfooter {padding: 4px; background: black; color: white !important}
div.postfooter a {color: white !important}
img.rssimg {border: 0; position: relative; top: 2px; padding-right: 3px}
div#right {margin-top: 4px; float: right; width: 30%; border: 2px dotted black}
div.rightheader {padding: 8px 2px 2px 8px; font-weight: bold}
ul.rightul span {color: #005 !important}
div#blogphotodiv {text-align: center}
img#blogphoto {width: 200px; margin: 12px 0px 4px 0px}
div#blogblurb {margin-bottom: 28px; padding: 6px; color: black !important}
p#blurbname {margin: 1px 1px 3px 1px; font-weight: bold}
p#blurbdesc {margin: 0px}
ul.rightul {list-style-type: none; padding: 5px; margin: 8px 0px 4px 4px}
div#rightrssdiv {padding: 5px}
li.rightyear {margin-top: 14px; margin-left: 10px}
div#footer {clear: both; width: 100%}
a {color: #005}