multifarious mushrooms

I have been fiddling around with the css file which comes with my cutline theme. I felt it was too grey and black. The trouble is that it’s a lot of trial and error. I still have a problem in that links within a post do not show up as a link.

CSS Rounded Corners
By Courtnie Croft

This article is from Bravenet.com Professional Web Hosting
Host 10 Websites in One!
FREE Domain for life!
As low as $4.99 / month
Click Here

The HTML

<b class=”b1″></b><b class=”b2″></b><b class=”b3″></b><b class=”b4″></b>
<div class=”content”>
<div>content here</div>
</div>
<b class=”b4″></b><b class=”b3″></b><b class=”b2″></b><b class=”b1″></b>

Here is the CSS

.b1, .b2, .b3, .b4 {font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#000; margin:0 5px;}
.b2 {height:1px; background:#000; margin:0 3px;}
.b3 {height:1px; background:#000; margin:0 2px;}
.b4 {height:2px; background:#000; margin:0 1px;}
.content {background: #000;}
.content div {margin-left: 5px; color: #FFF;}

The CSS with border

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#FF5B0A; margin:0 5px;}
.b2 {height:1px; background:#000; border-right:2px solid #FF5B0A;
border-left:2px solid #FF5B0A; margin:0 3px;}
.b3 {height:1px; background:#000; border-right:1px solid #FF5B0A;
border-left:1px solid #FF5B0A; margin:0 2px;}
.b4 {height:2px; background:#000; border-right:1px solid #FF5B0A;
border-left:1px solid #FF5B0A; margin:0 1px;}
.content {background: #000; border-right:1px solid #FF5B0A;
border-left:1px solid #FF5B0A;}
.content div {margin-left: 5px; color: #FFF;}

This entry was posted on Monday, April 7th, 2008 at 11:39 pm and is filed under blogging, css, web 2.0, web design, word press. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.