This is a very simple theme based on the Avlack theme. I barely did any editing to it.
Here's how to install the theme:
Note: If you want to be able to restore the previous theme, remember to backup the CSS file that is already installed on the settings page, if available.
I've been thinking about making this theme for some time when I was looking at the photos
Raven took before. So much so that I asked him ahead of time a month ago ... general permission for any of the pics! hehehe. So, here it is. The background pic is a phonecam pic, as I recall, and the kitten pic was taken with his digital SLR.
Here is the CSS for this theme:
/***********************************************
Tawny kitty theme
By: Slvrdlphn
13 October 2006
Photos courtesy of Raven taken by him using his phonecam just for kicks
************************************************/
body {
background: url(http://images.slvrdlphn.multiply.com/image/0/photos/38/500x500/2/wall.JPG?et=cuykOvRMiC7x0Dua1mxsqA);
background-repeat: repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
a, a:visited, a:link {
color: #A2732F;
font-weight: bold;
}
.rail {
width: 159px;
padding-right: 10px;
}
.railstart {
margin-top: 10px;
height: 27px;
width: 159px;
background: url(http://images.slvrdlphn.multiply.com/image/0/photos/38/1200x120/2/wall.JPG?et=bR7yVghURhzQgCT2cuSsvw) repeat top left;
background-position: -30px 0;
z-index: 1000;
position: relative;
border-bottom: 2px solid #000000;
}
.railbody {
padding: 15px;
width: 129px;
font-size: 12px;
z-index: 1000;
position: relative;
background-color: transparent;
background: none;
}
.railsep {
height: 1px;
margin: 12px 0 12px 0;
background: none;
background-color: #FFCC00;
}
.railend {
height: 1px;
width: 159px;
background: none;
background-color: #FFCC00;
}
td.rail {
padding: 0;
margin: 0;
}
div.owner_nav {
height: 120px;
width: 760px;
background: url(http://images.slvrdlphn.multiply.com/image/0/photos/38/orig/3/kitty-sm.jpg?et=hzIlrxPJtZoWRiBH9coQoQ) no-repeat top right;
background-color: #000000;
}
div#subnavc {
width: auto;
background-color: #000000;
background-image: url(http://images.slvrdlphn.multiply.com/image/0/photos/38/1200x120/2/wall.JPG?et=bR7yVghURhzQgCT2cuSsvw);
background-repeat: repeat;
font-size: 16px;
font-style: normal;
}
div#subnav {
padding: 1px;
padding-left: 5px;
background: none;
border: none;
height: auto;
}
a.topt, a:visited.topt {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
color: #fff;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
}
a.toptsel, a:visited.toptsel {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
font-weight: bold;
color: #fff;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
background: none;
}
li.gnopt a, li.gnopt a:visited, li.gnopt a:link {
color: #0b5eb4;
}
li.gnoptsel {
background-color: transparent;
}
h1#page_owner_title {
font-size: 40px;
background-color: none;
background: none;
color: #fff;
font-weight: bold;
height: 68px;
padding-left: 12px;
font-family: "Monotype Corsiva";
}
div#page_start {
padding: 0;
width: 760px;
border: 10px solid #fff;
border-top: none;
border-bottom: none;
margin: 0 auto;
}
div#rail {
text-align: left;
width: 159px;
}
a.gnoptsel, a:visited.gnoptsel {
margin: -2px 0 0 0;
width: 84px;
}
div#ownedfooter {
margin: 0 auto;
padding: 10px 0 10px 0;
width: 780px;
border: none;
font-size: 10px;
background-color: #FFFFFF;
border-top-color: none;
}
div.stats {
border-bottom: none;
}
.itemboxsub {
color: #666;
font-weight: bold;
font-size: 36px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: none;
padding: 0;
background: none;
max-width: 550px;
}
.rolloverfordnd {
color: #666;
color: #666;
font-weight: bold;
font-size: 36px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: none;
padding: 0;
background: none;
max-width: 550px;
background-color: #FFCC66;
}
.itemshadow {
max-width: 550px;
}
.itemsubsub {
font-size: 10px;
font-weight: normal;
line-height: 10px;
text-align: right;
color: #8da217;
color: #666;
}
.itemstamp {
float: right;
font-size: 10px;
font-weight: normal;
margin: 0;
margin: 0;
color: #FF9900;
}
.itembox {
border: none;
padding: 5px;
margin: 0px;
overflow: visible;
background: none;
background-color: #fff;
color: #666;
}
.itemboxalbum {
border: none;
padding: 5px;
margin: 0px;
overflow: scroll;
background: none;
background-color: #fff;
color: #666;
border-top: 1px dotted;
border-top-color: #FFCC66;
}
.itemactionspacer {
height: 30px;
}
a.mine, a.mine:link, a:visited.mine {
color: #b40b0b; border: none; background: none;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
color: #0b5eb4; border: none; background: none;
}
a.go, .go {
color: #FF9900; border: none; background: none;
}
.rail .userlogo {
border: 1px solid #FFCC66;
}
.caldiv1 {
background-color: #FFFFFF;
background: none;
}
.caldiv1 td { font-size: 10px; }
.caldate {
font-size: 13px;
font-weight: bold;}
.cald {
float:right;
text-align: center;
background-color: #fff;
padding: 0px 4px 0px 4px;
margin: -3px -3px 3px 3px;
border: 1px solid #ccc;
width: 20px}
.calevent { margin: 0px 0px 8px 0px; }
.caldiv1 td:hover { background-color: #fff; }
.caldiv1 th {
background-color: #ccc;
color: #000;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited { color: #fff; }
table.globalnav {
border: none;
background: none;
}
.header .globalnav ul.gnopt a { color: #fff; }
.navinput {
border: none;
color: #666;
}
table.indextitle {display: none;}
td#maincontent { padding: 0 25px 0 0; margin: 0; background-color: #fff; }
div.header {
width: 780px;
margin: 0 auto;
background: none;
}
.infobox { background-color: #FFCC66; }
div.infobox .boxbody {
border: 1px solid #FFCC66;
}
div.gndd {
background-color: #333;
border: 1px solid #FFCC66;
}
div.ddsep { background-color: #ccc; }
div.gndd a {
font-weight: bold;
border: 1px solid #FFCC66;
}
div.gndd a:hover {
background-color: #999;
}
li {
list-style-type: square;
list-style-position: inside;
}
div.guidebox {
background: none;
background-color: #fff;
color: #666;
border: 1px dotted #FFCC66;
}
div.add_sublabel a:hover {
color: #FF9900;
}