[Sage] Sage Styles -- Mango and Kplus

[theresa]

Two stylesheets for Sage
Hope you like???;)

/* Mango -- soft colors */
html * {
         -moz-box-sizing: border-box;
}

html {
         background-color: #bbacbb;
}

body {
         margin: 0px;
         color: #222;
         font-family: verdana;
}


a:link        { text-decoration: none; color: #436976; font-weight: bold; }
a:visited    { text-decoration: none;  color: #867986;font-weight: bold; }
a:hover        { text-decoration: underline; }
a:active    { text-decoration: none; }


#rss-header {
         background-color: #cce7cc;
         border: 3px solid #8cacbb;
         -moz-border-radius: 0.75em;
         padding: 6px 8px;
         margin: 10px 2% 10px 2%;
         font-weight: bold;
}

#rss-title {
         font-size: 14pt;
         line-height: 18px;
         margin: 0px;
         padding: 0px;
}

#rss-desc {
         font-size: 12pt;
         margin: 0px;
         padding: 5px 0px 0px 20px;
}


h2.item-title {
         background-color: #dee7ec;
         font-size: 12pt;
         font-weight: normal;
         line-height: 18px;
         padding: 5px 5px 8px 40px;
         margin: 9px 0px ;
}
h2.item-title:hover {background-color: #dcdcdc;}
span.item-ordinal {
         font-weight: bold;
         margin-left:-30px ! important;
         float:left;
}

div {
         font-family:"Courier New";
         font-size:12pt ! important;
         width:570px ! important;
         margin-left: auto ! important;
         margin-right:auto ! important;
}

div.blockquote{max-width:440px ! important;
         line-height:130% ! important;}
blockquote{max-width:440px ! important;
         line-height:130% ! important;}
.indent{max-width:440px ! important;
         line-height:130% ! important;}

div.item {
         background-color: #cccccc;
         border: 2px solid #8cacbb;
         -moz-border-radius: 0.75em;
         margin: 10px 2% 10px 2%;
         padding: 0px;
         }
div.item-desc {
         line-height:150% ! important;
         margin: 0px;
         padding: 2px 15px 10px 15px;
         max-width:540px ! important;
}
div.item-desc p {
         line-height:150% ! important;
         margin: 0px;
         padding: 2px 15px 10px 15px;
         max-width:540px ! important;
}
div.item-desc > div {
         line-height:150% ! important;
         margin: 0px;
         padding: 2px 15px 10px 15px;
         max-width:540px ! important;
}

div.item-pubDate {
         font-size: small ! important;
         margin: 0px;
         padding: 2px 4px 10px 330px;
         width: 80%;
}

div.item-technorati {
         background-color: #dee7ec;
         margin: 0px 0px 0px 0px;
         padding: 0px;
         height:0px;
         max-width:100%;
         text-align: right;
         visibility:hidden;
}

img {
         margin: 5px;
}


/*  End Mango */








/*  Kplus is a Kingery clone */
html *
{
-moz-box-sizing: border-box;
}
html
/* General Html formatting */
{
line-height: 1.3;
background-color: #123;
}
body
/* Body formatting */
{
background:#123;
color: #222;
font-family: verdana;
font: "Trebuchet MS",Verdana,Arial,Sans-serif;
margin:0;
}
#rss-header + .item {margin-top:55px;}
#rss-header
/* This is the global title of the site. rss-title and rss-desc are
children to this one */
{
position: fixed; /* change to 'relative' to make it scroll */
background-color: #357;
color:#abc;
border: 1px solid #cccccc;
height: 3em;
overflow:hidden;
float:left;
width:100%;
}
#rss-header:hover {
width:100%;
height: auto;
overflow:visible;
visibility:visible;
}
#rss-title
/* The RSS header properties. Basically the where the */
{
/*background-color: red; *//* uncomment to see effect */
color:white;
font-size: large;
margin: 0px;
padding: 10px;
}
#rss-title a
{
color:white
}
#rss-desc
/* The description of the RSS. Not all sites have this, but a lot do. */
{
/* color: red; */ /* uncomment to see what it does */
font-size: 0.75em;
margin: 0px;
padding: 20px;
}
span.item-ordinal
/* The news's entry number properties */
{
/* color: red; */ /* uncomment to see what it does */
padding-right: 0.2em;
}

div.item
/* Global news table properties */
{
background-color: #000000; /* uncomment to see effect */
background-color: #fff;
border: 1px solid #8cacbb;
border: 1px solid #000000;
width: 96%; /* if you want it to be one right after another instead
comment or remove this line */
min-width: 14em;
margin: 0px 0px 6px 2%;
padding: 0px;
float: left;
}

/*Changes the feed title background when you hover over it so you can
see where you are*/
div.item:hover h2.item-title {
background-color: #CCCCCC;
}
div.item-pubDate
/* Date which it was released */
{
/* background-color: #FF0000; */ /* Uncomment to see where it is */
font:small "Trebuchet MS",Verdana,Arial,Sans-serif;
margin: 0px;
width: 80%;
float: left;
height:auto;
overflow:visible;
padding: 8px 10px;
visibility:visible;
text-align: right;
}
div.item-technorati
/* Bottom cell where respond bubble is */
{
margin: 0px;
float: left;
text-align: left;
height:auto;
overflow:visible;
padding: 8px 10px;
visibility:visible;
}
div.item-desc
/* The news's body properties */
{
/* color: red; */ /* uncomment to see what it does */
font-size: small;
margin: 0;
height:auto;
overflow:visible;
padding: 8px 10px;
visibility:visible;
}
div.item:hover div.item-desc,
div.item:hover div.item-pubDate,
div.item:hover div.item-technocrati {
height:auto;
overflow:visible;
padding: 8px 10px;
visibility:visible;
}
h2.item-title
/* The div.item's header properties */
{
background-color: #dee7ec; /* change around to see what cell it's
changing */
font-size: small;
font-weight: normal;
line-height: 1.1;
margin: 0px;
padding: 5px 5px 8px 8px;
height:auto;
overflow:visible;
}
/* Paragraph tag */
p {
margin: 0px 0px 10px 0px;
}
p.item-desc a:link
/*Paragraph and paragraph link properties */
{
color: #029;
}
a:link
/* Link properties */
{
text-decoration: none;
color: /*#436976*/red;
}
a:visited
/* Visited link properties */
{
text-decoration: none;
color: #537986;
}
a:hover
/* Over link properties */
{
text-decoration: underline;
}
a:active
/* Link as it is being clicked properties */
{
text-decoration: none;
}


/*  End Kplus */