Slvrthoughts and Musings

Captured moments

Photo AlbumTheme: Tawny CatOct 14, '06 8:14 AM
for everyone
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;
}

theme
  
background
  
header
  


bigbadjamman wrote on Oct 14, '06
Hi Penny!
Errr.. where's that Theme you were telling me about.. ??
Hehe thanks.. regards! :D
slvrdlphn wrote on Oct 20, '06
Hi Penny!
Errr.. where's that Theme you were telling me about.. ??
Hehe thanks.. regards! :D
Sorry for the delay. Naghahanap pa po ng inspiration. I have your header na, but I'm stumped for a background. I might have to actually make one. hehehe

Tapusin ko lang 'tong deadlines.
bigbadjamman wrote on Oct 20, '06
Sorry for the delay. Naghahanap pa po ng inspiration. I have your header na, but I'm stumped for a background. I might have to actually make one. hehehe

Tapusin ko lang 'tong deadlines.
No worries Penny, take your time. Thanks! :D
slvrdlphn wrote on Oct 30, '06
My bad, the first link I posted was supposed to point to avlack and I accidentally pointed it to skyline. Oh,well. I've corrected it now.
Add a Comment
   
© 2008 Multiply, Inc.    About · Blog · Terms · Privacy · Corp Info · Contact Us · Help

Template design - Copyright © 2005 Sam Royama All rights reserved.