Skip to content

Instantly share code, notes, and snippets.

@CirKu17
Last active December 14, 2015 23:19
Show Gist options
  • Save CirKu17/5165054 to your computer and use it in GitHub Desktop.
Save CirKu17/5165054 to your computer and use it in GitHub Desktop.
Stylesheet for the Sage Firefox extension (Screenshot: https://i.minus.com/ibwuWuX0Z4YBUt.png )
/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
This stylesheet is made for Sage 1.2 (http://sage.mozdev.org).
Aim: a simple stylesheet with maximum functionality.
Original author: unknown
Adapted by Ben Branders {ben dot branders at gmail dot com}
Date: 2004-08-16
Adapted again by CirKu17
Feel free to modify and distribute this stylesheet.
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*/
html {
background-color: #000;
}
/* Standard settings: color, font, line-height etc */
body {
font-family: arial;
margin: 5em 1em 1em 1em;
color: #fff;
line-height: 1.1em;
}
/* Paragraph tag */
p {
margin: 0px 0px 10px 0px;
}
/* Links (if already visited, link is displayed darkred) */
a:link { text-decoration: none; color: #ccc; }
a:visited { text-decoration: none; color: #ccc; }
a:visited:hover { color: #ccc; border-bottom: 1px solid darkred; padding-bottom: 1px; }
a:hover { text-decoration: none; border-bottom: 1px solid lightgreen; padding-bottom: 1px; }
a:active { color: #f00; }
/* The feed header */
#rss-header {
position: relative; /* change to 'relative' to make it scroll */
font-family: arial;
color: #fff;
margin: -5em -1em -1em -1em;
text-align: center
}
#rss-header:hover {
opacity: 1;
}
#rss-header a {
color: #ccc;
}
#rss-header a:after {
font-size: 10px;
font-weight: normal;
color: #03c;
}
#rss-title {
font-size: 15px;
margin: 0;
}
#rss-desc {
font-size: 11px;
margin: 0px 0px 0px 0px;
}
/* Item title (+ ordinal number) */
h2.item-title {
font-size: 20px;
margin: -5px -5px 0px -5px;
padding: 5px;
}
div.item:hover h2.item-title {
margin: -5px -5px 0px -5px;
padding: 5px;
}
/* Ordinal number for each item */
span.item-ordinal {
display: block; /* Change to 'none' if you don't need this */
float: right;
color: #ccc;
font-size: 1.3em;
}
/* The item div (title + description) */
div.item {
margin: 2em 0px 1.5em 0px;
padding: 10px;
padding-bottom: 1.5em;
}
/* The item text */
div.item-desc {
font-size: 14px;
color: #fff;
margin: 0;
padding: 0;
}
/* Change of colors if you hover over the item */
div.item:hover {
padding-bottom: 1.5em;
}
/* Display the Technorati link */
div.item-technorati {
display: block; /* Change to 'none' if you don't need this */
float: right;
}
/* Display the date of the article (+hover) */
div.item-pubDate {
font-size: 0.7em;
display: block; /* Change to 'none' if you don't need this */
float: left;
color: #DCDCDC;
margin-top: 0.2em;
}
/* Display brackets before and after the pubDate */
div.item-pubDate:before {
content: "[ ";
color: #bbb;
}
div.item-pubDate:after {
content: " ]";
color: #bbb;
}
/* Highlight the pubDate if :hover over item */
div.item:hover div.item-pubDate {
font-weight: normal;
color: #DCDCDC;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment