This is my first theme ever. I used Pon&Zi images from
http://www.ponandzi.com.
I am not familiar with CSS code, so I tried tweaking Avlack base theme. I know this looks really simple. I just hope you would be willing to criticize my work and guide me as I learn.
Instructions:
Before proceeding, you may want to create a back up of your original CSS code.
1) Click Customize my Site
2) Click Custom CSS
3) Copy the code below:
4) Click Save
Code:
body {
background:transparent url(
http://images.multiply.com/multiply/style/avlack/bg_main.png) repeat scroll 0%;
color:#000000;
font-family:Arial,sans-serif;
font-size:13px;
}
/* HEADER */
table.globalnav {
background:transparent none repeat scroll 0%;
border:medium none;
margin:0pt auto;
width:840px;
}
/* title and nav bar */
div.owner_nav {
background:#000000 url(
http://images.mhieeihd.multiply.com/image/2/photos/3/orig/4/tweak.png?et=ZDHTT6Rta54B%2B7nYhB3hqQ&nmid=93839831) no-repeat scroll 0pt -10px;
border-color:#FFFFFF;
border-style:solid solid none;
border-width:10px 10px medium;
height:180px;
margin:20px auto 0pt;
padding:113px 0pt 0pt;
width:760px;
}
h1#page_owner_title {
background:transparent none repeat scroll 0%;
color:#000000;
font-size:38px;
font-weight:bold;
height:68px;
padding-left:30px;
}
h1 {
font-family:trebuchet MS,verdana,sans-serif;
margin-bottom:0px;
margin-top:0px;
}
/* NAVIGATION BAR */
div#subnavc {
background-color:transparent;
border-top:4px solid transparent;
height:5px;
padding:60px;
width:auto;
}
/* content - ITEM BOXES */
div#page_start {
border-color:#FFFFFF;
border-style:none solid;
border-width:medium 10px;
margin:0pt auto;
padding:0pt;
width:760px;
}
td#maincontent {
background-color:#FFFFFF;
margin:0pt;
padding:30pt 25px 0pt 0pt;
}
.itembox {
background:#DCDCDC none repeat scroll 0%;
border-color:#808080;
border-style:solid none none;
border-width:4px medium medium;
color:#000000;
margin:5px;
overflow:visible;
padding:5px;
width:auto;
}
/*title box*/
.itemboxsub {
color:#8B4513;
font-family:trebuchet;
font-size:35px;
font-weight:bold;
}
/*Post Date (inside title boxez)*/
.itemsubsub {
color:#8B4513;
font-size:10px;
font-weight:normal;
line-height:10px;
text-align:right;
}
/*Post Date (inside boxez)*/
.posteddate {
color:#666666;
}
/* RIGHT RAIL */
td.rail {
background-color:#FFFFFF;
margin:0pt;
padding:0pt;
padding-bottom:10px;
width:139px;
}
.railstart {
background:transparent url(
http://images.mhieeihd.multiply.com/image/3/photos/3/500x500/5/edit.png?et=TBFwox%2CnjdfjLva3daprHw&nmid=93839831) no-repeat scroll -30px 0pt;
height:27px;
margin-top:10px;
position:relative;
width:159px;
z-index:1000;
}
.railbody {
background:#EEEEEE none repeat scroll 0%;
border:medium none;
font-size:12px;
padding:15px;
position:relative;
width:129px;
z-index:1000;
}
.railend {
background:#484848 none repeat;
height:2px;
width:159px;
}
.railsep {
background:#AABBDD none repeat scroll 0%;
height:1px;
margin:12px 0pt;
}
/ *FOOTER */
div#ownedfooter {
background-color:#DDDDDD;
border-color:#999999;
border-style:solid none none;
border-width:1px medium medium;
color:#666666;
font-size:10px;
margin:0pt auto;
padding:10px 0pt;
width:780px;
}
/* VIEWING HISTORY */
div.stats div.infobox .boxbody {
border:1px solid #D7D9DD;
}
div.stats .infobox {
background-color:#F4F6F8;
}
div.stats {
color:#666666;
}
h4 {
font-size:14px;
margin-bottom:4px;
margin-top:0px;
}
div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#191970;
}
/* LINKS */
a, a:visited, a:link {
color:#191970;
}
/* PHOTO ALBUM */
.album {
color:#000000;
float:left;
font-size:13px;
text-align:center;
}
/*Linear View*/
.itemboxalbum {
background:#FFFFFF none repeat scroll 0%;
border-color:#C7DC4E;
border-style:dotted none none;
border-width:1px medium medium;
color:#666666;
margin:0px;
overflow:visible;
padding:5px;
}
/*OTHER LINKS & TEXT*/
/*other pages - owner post administration*/
a.mine, a.mine:link, a.mine:visited {
background:transparent none repeat scroll 0%;
border:medium none;
color:#B40B0B;
}
/*other pages - visitor post functions*/
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
background:transparent none repeat scroll 0%;
border:medium none;
color:#0B5EB4;
}
/*other pages - navigation links*/
div.relatedlinks {
color:#999999;
font-size:11px;
text-align:left;
}
/*Tag:*/
div.relatedlinks {
color:#999999;
font-size:11px;
text-align:left;
}
/*text for uploading videos from other sites*/
div.add_sublabel {
color:#999999;
font-size:11px;
margin-top:3px;
}
/*links for uploading videos from other sites*/
div.add_sublabel a, div.add_sublabel a:link, div.add_sublabel a:visited {
color:#999999;
}
div.add_sublabel a:hover {
color:#5F9EA0;
}
/*TABLE VIEW*/
/*border do not removed yet*/
.tablediv1 th {
background-color:#999999;
color:#000000;
font-size:12px;
font-weight:normal;
text-align:center;
}
.tablediv1 tr {
background-color:#EEEEEE;
font-size:12px;
}
.bodysummary {
color:#666666;
}
/* PROFILE PAGE */
/* text */
.pad6r {
color:#000000;
}
/* text size for many parts of the site */
table {
font-size:12px;
}
/* text label */
.label {
font-weight:bold;
}
/* text legend */
legend {
color:#000000;
font-weight:bold;
}