/*
Theme Name: Fresh Bananas, modified pretty much beyond recognition
Theme URI: http://www.nokrev.com/themes/fresh-bananas/
Description: Fresh Bananas is a theme with bright blues and reds, coincidentally missing any yellows. Should be fun to use. Most of the jokes in the source code are from HTML Dog Blog. Thanks! Of course, this theme is published under the same license as WordPress, available here.
Author: Jeff Wheeler (modified by Nikol Lohr)
Author URI: http://www.nokrev.com
*/
body {
background: #FFFFFF;
font-size: 76%;
margin: 0 0 20px;
padding: 0;
text-align: center; /* Used to center in IE */
}
/*
* Know knock.
* Who's there?
* Ie
* Ie who?
* Ie like to brake your sites!
* (Ie is pronounced like I...)
*/
/* ------------------------- */
/* -- Header --------------- */
/* ------------------------- */
#header {
background: url(images/box-repeat.gif) center;
margin: 0 auto 20px;
text-align: left;
width: 720px;
}
#header a {
background: url(images/box-bottom.gif) left bottom no-repeat;
color: #CCCCCC;
display: block;
font-size: 2.5em;
padding: 0px 20px 10px;
text-decoration: none;
}
#header a:hover { color: #CC0000; }
/* ------------------------- */
/* -- Text ----------------- */
/* ------------------------- */
/* Q: Why was the font tag an orphan?
* A: Because it didn't have a font-family. */
#text {
background: url(images/text-repeat.gif);
margin: 0 auto;
text-align: left;
width: 720px;
}
/*
* Main!
*/
#text #main {
background: url(images/text-top.gif) top left no-repeat;
color: #333;
float: left;
padding: 10px 10px 0 20px;
width: 505px;
}
/* Arg! A pirate is here with IE, beware when editing your CSS. Check in all versions of IE before publishing! */
/* Headers */
/* Begin Images */
p img {
padding: 20;
max-width: 100%;
border-width: thin;
border-style: solid;
margin: 6px 6px 0 0;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */
#text #main h1 {
color: #323C3C;
}
/* Paragraph */
#text #main p.meta {
color: #999;
}
/* Lists */
ul {
list-style-type: circle;
}
/* Q: Why did the XHTML actress turn down an Oscar?
* A: Because she refused to be involved in the presentation. */
/* Preformatted and Code */
pre {
background: #EFF29F; /* a nice yellow, but change as you like */
font-size: 1.2em; /* make it a bit larger for ease of reading */
padding: 5px;
}
code {
background: #EFF29F;
color: #000;
font-size: 1.2em;
}
pre code {
font-size: 1em; /* When people would place a code element in a pre, it would get very large */
}
/* Comments */
.comment {
list-style-type: none;
margin: 0;
}
/* Comment Form */
#reply label {
display: block;
}
/* Search Highlight */
.hilite {
background-color: #F17196 !important;
color: #fff;
}
/* Q: Why was the XHTML bird an invalid?
* A: Because it wasn't nested properly. */
/*
* Sidebar!
*/
#text #sidebar {
background: url(images/text-top.gif) top right no-repeat;
float: right;
padding: 5px 5px 0 5px;
width: 155px;
}
/* Headers */
#text #sidebar h1 {
font-size: 1px;
margin: 0;
padding: 0;
visibility: hidden;
}
#text #sidebar h2 {
color: #323C3C;
font-weight: normal;
margin: 10px 0 0;
}
/* Lists */
#text #sidebar ul {
list-style-type: none;
margin: 0;
padding: 0 0 0 1em;
}
/*
* Footer!
*/
#text #footer {
background: url(images/text-bottom.gif) bottom no-repeat;
clear: both;
color: #999999;
font-size: 0.8em;
padding: 0 20px 10px;
}
#text #footer p {
margin: 0;
}
/* Q: Why do CSS designers have too many children?
* A: Because they employ lots of child selectors. */
/* ------------------------- */
/* -- Fonts ---------------- */
/* ------------------------- */
#header {
font-family: "Arial", Verdana, sans-serif;
letter-spacing: 0.0em;
}
#text h1 {
font-size: 2.4em;
font-weight: normal;
letter-spacing: -1px;
}
#text h2 {
font-size: 1.8em;
font-weight: normal;
letter-spacing: -1px;
}
#text h3 {
font-size: 1.4em;
font-weight: normal;
}
#text p, #text #main ul, #text #main ol {
font-family: Ariel, Verdana, sans-serif;
line-height: 200%;
}
#text #sidebar ul {
font-family: Arial, Verdana, sans-serif;
line-height: 170%;
}
/* Why was the decapitated web page invalid?
* Because it didn't have a head. */
/*
* Links and their colors (is there a better place for this?)
*/
a {
color: #637677;
}
a:visited {
color: #669999;
}
a:hover {
color: #CC0000;
}
/*
* Header links
*/
h1 a, h1 a:visited {
border-bottom: 1px solid #ccc;
color: #666;
text-decoration: none;
}
h1 a:hover {
color: #637677;
}
/* W00T! A Hack for IE. Let's see if we can get our CSS at least mostly clean. Would be nice if they got the Box Model right at least... watch out when changing. */
/* Q: Why was IE5's 3-metre wide cell in the insane asylum smaller than IE6's 3-metre wide cell?
* A: Because the width of the cell included the padding. */
/* ------------------------- */
/* -- Hacks ---------------- */
/* ------------------------- */
/*
*
* We should all forget about CSS. Let's go back to the unusable web!
*/
/* #text #main */
* html #text #main
{
padding-top: 20px;
width: 505px; /* content width (for other browsers) */
}
/* #text #sidebar */
* html #text #sidebar /* this selector recognized by IE only */
{
width: 155px;
}
/* Q. What did the silly web developer order at the restaraunt?
* A. Tag Soup! */
#table {
margin: 0px;
padding: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}