new fof style

| | Comments (1)

Willy Morin posted his stylesheet for Feed On Feeds, the (web based) rss reader that I use. However his files were uploaded in some weird compression routine so I've reloaded them up as a zip file which can be downloaded here.
As I also use the non frames version I edited the css slightly and saved it as fof.css in the fof directory (as well as keeping his download in the frames directory). The edits I made are in the extended entry.

/*
* ----------------------------------------------------------------------------
* "THE BEER-WARE LICENSE" (Revision 42):
* Willy Morin (kaiska@sunflowerz.org) wrote this file. As long as you retain this
* notice you can do whatever you want with this stuff. If we meet some day,
* and you think this stuff is worth it, you can buy me a beer in return
*
* Willy Morin
* http://www.sunflowerz.org
* ----------------------------------------------------------------------------
*/ 

body
{
font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

a
{
color: #57a;
}

a:hover
{
color: #f60;
}

p
{
margin: 5px 5px 10px 5px;
padding: 3px;
text-align: center;
color: #555;
background: #fff;
border: 1px solid #eee;
-moz-border-radius: 10px;
}

.clearer
{
clear: both;
}

.header
{
background: #eee url('img/feed.png') 5px no-repeat;
padding: 5px 5px 5px 60px;
-moz-border-radius: 10px 10px 0 0;
height: 45px;
}

.body
{
border: 1px solid #ddd;
border-top: 1px solid #bbb;
padding: 0px 10px;
margin-bottom: 20px;
font-size: 0.9em;
line-height: 1.4em;
-moz-border-radius: 0px 0px 10px 10px;
}

.body p
{
margin: 10px 0;
padding: 0;
color: #000;
background: #fff;
text-align: left;
border: 0;
-moz-border-radius: 0;
}

.header
{
background: #eee url('img/feed.png') 5px no-repeat;
padding: 5px 5px 5px 60px;
-moz-border-radius: 10px 10px 0 0;
height: 45px;

}

.header h1
{
float: left;
font-size: 1em;
font-weight: bold;
margin: 0;
}

.header h1 a
{
color: #c74;
}

.header h1 a, .header h2 a
{
text-decoration: none;
}

.header h2
{

float: right;
clear: right;
margin: 10px 0 0 0;
height: 20px;
padding: 3px 28px 0 0;
background: url(img/website.png) no-repeat right;
font-size: 0.75em;
font-weight: bold;
text-decoration: none;

}
a.feed {position:absolute;
right:10px;}
.meta
{
font-size: 0.75em;
color: #555;
float: left;
clear: left;
position: relative;
top: 14px;
}

.controls
{
color: #ddd;
padding-right: 1px;
float: right;
clear: right;
position: relative;
}

.controls a
{
display: block;
background: url(img/flag.png) no-repeat;
float: left;
text-decoration: none;
text-indent: -9999px;
width: 15px;
}

#panel-page table
{
border-collapse: collapse;
width: 95%;
margin: 0 auto;
}

.heading
{
border-bottom: 1px solid #ccc;
font-size: 1em;
background: #e5e5e5;
text-transform: capitalize;
}

#panel-page td
{
font-size: 0.9em;
padding: 5px 2px;
text-align:center;
}

.odd-row
{
background: #eee;
}

.unread
{
color: #f60;
}

.item
{
clear: both;
}

.menu ul
{
padding: 1px;
margin: 0;
}

.menu li
{
display: inline;
padding: 5px;
}

.nowrap
{
white-space: nowrap;
}

/* Misc */
code, pre, tt
{
font-size: 1em;
font-family: "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
}

code
{
display: block;
background: #eee;
padding: 5px;
border: 1px solid #ddd;
border-left: 6px solid #ccc;
}

1 Comments

Thanx so much for commenting on my charity day and for helping raise $$$!

I'll do my best to stop by here often:)

Flirt

Categories

Pages

Powered by Movable Type 4.1

About this Entry

This page contains a single entry by published on February 4, 2005 8:08 PM.

Firefox extensions was the previous entry in this blog.

site design and trackback closure is the next entry in this blog.

Find recent content on the main index or look in the archives to find all content.