Batman Multiply Theme
This theme has black background and with cool hovering style when you hover on the body page. This this is called Batman Multiply theme. Hope you like it guys.

Batman Customized Theme
Back up any old theme codes first before installing new theme
Base theme Avlack
How to install:
Click Customize my site > click custom CSS > Copy existing code and save > Click customize site again > Choose Theme > Select Avlack theme > Click Customize my site > click custom CSS > Replace CSS with theme code
/*work release under:http://creativecommons.org/licenses/by/3.0/ph/ */
body {
background: url(http://images.marviepons.multiply.com/image/2/photos/24/orig/25/16414.jpg?et=8lZX%2CsDmAfNhz%2BAG7xBXdA&nmid=88645074) fixed;
}
a, a:visited, a:link {
color: #FFD700;
}
.rail {
width: 159px;
padding-right: 10px;
}
.railstart {
margin-top: 10px;
height: 27px;
width: 159px;
background: url() no-repeat top left;
background-position: -30px 0;
z-index: 1000;
position: relative;
}
.railbody iframe {
margin-left: 5px;
}
.railbody {
padding: 15px;
width: 129px;
font-size: 12px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background: none;
border: none;
z-index: 1000;
position: relative;
background-color: transparent;
}
.railsep {
height: 1px;
margin: 12px 0 12px 0;
background: none;
background-color: #abd;
}
.railend {
height: 2px;
width: 159px;
background: none;
background-color: none;
}
td.rail {
background-color: transparent;
padding: 0;
margin: 0;
}
div.owner_nav {
border: none;
margin: 0 auto;
margin-top: 20px;
height: 310px;
height: 130px;
width: 760px;
border:3px outset FFD700;
border-bottom: none;
padding: 113px 0 0 0;
background: none;
background-color: transparent;
background-position: 0 -10px;
border:0px dotted #FFD700;
/*-moz-opacity:0.70;
filter:alpha(opacity=70);
opacity:0.70;
-khtml-opacity:0.70;
*/
;
}
div#subnavc {
width: auto;
height: 20px;
background-color: transparent;
border-top:0px solid #fff;
padding: 4px;
}
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;
font-weight: bold;
color: #FFD700;
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: #FFD700;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
background: none;
}
li.gnopt a, li.gnopt a:visited, li.gnopt a:link {
color: #FFD700;
}
li.gnoptsel {
border-color: #abd;
border-color: #ccc;
}
h1#page_owner_title {
font-size: 35px;
background-color: none;
background: none;
color: #FFD700;
font-weight: bold;
height: 68px;
padding-left: 12px;
}
div#page_start {
padding: 0;
width: 760px;
border: 0px 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.stats {
border-bottom: none;
}
.itemboxsub {
color: #7c9606;
color: #FFD700;
font-weight: normal;
font-size: 24px;
font-family: serif;
border: none;
padding: 0;
background: none;
max-width: 550px;
}
.rolloverfordnd {
color: #7c9606;
color: FFD700;
font-weight: normal;
font-size: 24px;
font-family: serif;
border: none;
padding: 0;
background: none;
background-color: none;
max-width: 550px;
}
.itemshadow {
max-width: 550px;
}
.itemsubsub {
font-size: 10px;
font-weight: normal;
line-height: 10px;
text-align: right;
color: #8da217;
color: #FFD700;
}
.itemstamp {
float: right;
font-size: 10px;
font-weight: normal;
margin: -5px 0 5px 0;
margin: 0;
color: #FFD700;
}
.itembox {
border: none;
padding: 5px;
margin: 0px;
overflow: visible;
background: url()repeat-x;
background-color: #000;
color: #F0E68C;
border:1px outset #FFD700;
-moz-opacity:0.70;
filter:alpha(opacity=70);
opacity:0.70;
-khtml-opacity:0.70;
}
.itemboxalbum {
border: none;
padding: 5px;
margin: 0px;
overflow: visible;
background: none;
background-color: transparent;
color: #FFD700;
border-top: 1px solid #FFD700;
}
.itemactionspacer {
height: 30px;
}
a.mine, a.mine:link, a:visited.mine {
color: #FFD700;
border: 0px outset #FFD700;
background: none;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
color: #FFD700;
border: none;
background: none;
}
a.go, .go {
color: #FFD700;
border: none;
background: none;
}
.rail .userlogo {
border: 0px solid #999;
}
.caldiv1 {
background-color: #ccc;
}
.caldiv1 td {
font-size: 10px;
}
.caldate {
font-size: 13px;
font-weight: bold;
}
.cald {
float:right;
text-align: center;
background-color: #DAA520;
padding: 0px 4px 0px 4px;
margin: -3px -3px 3px 3px;
border: 0px solid #ccc;
width: 20px;
}
.calevent {
margin: 0px 0px 8px 0px;
}
.caldiv1 td:hover {
background-color: #DAA520;
}
.caldiv1 th {
background-color: #DAA520;
color: #FFD700;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited {
color: #FFD700;
}
table.globalnav {
border: none;
background: none;
}
.header .globalnav ul.gnopt a, div.header table.globalnav a.select {
color: #FFD700;
}
div.header table.globalnav h3 {
color: #FFD700;
}
.navinput {
border: none;
color: #FFD700;
background-color:transparent;
}
table.indextitle {
display: none;
}
td#maincontent {
padding: 0 25px 0 0;
margin: 0;
background-color: transparent;
}
div.header {
width: 780px;
margin: 0 auto;
background: none;
}
.infobox {
background-color: transparent;
}
div.infobox .boxbody {
border: 0px solid #8da217;
background-color:transparent;
}
div.gndd {
color: #FFD700;
background-color: transparent;
border: 3px outset #FFD700;
}
div.ddsep {
background-color: transparent;
}
div.gndd a {
font-weight: bold;
border: 0px solid #333;
}
div.gndd a:hover {
background-color: transparent;
}
ul li {
list-style-image: url();
}
div.guidebox {
background: none;
background-color: transparent;
color: #FFD700;
border:0px dotted #c7dc4e;
}
div.add_sublabel a:hover {
color: #FFD700;
}
span.signoutid a, span.signoutid a:visited, span.signoutid a:link, span.signoutid:hover, a.signoutid, a.signout, a.signout:visited, a.signout:link {
color: #FFD700;
}
div.prevnextphoto {
-moz-border-radius: 0;
background-color: transparent;
border: none;
border-bottom: 1px dotted #c7dc4e;
padding: 0 5px 5px 5px;
margin-bottom: 0 -5px 10px -5px;
color: #000;
font-family: serif;
}
div.prevnextphoto a, div.prevnextphoto a:link, div.prevnextphoto a:visited {
font-weight: normal;
font-size: 14px;
color: #859515;
}
div.prevnextphoto table td {
font-weight: bold;
font-size: 14px;
color: #8da217;
}
div.stats .infobox {
background-color: #000;
border: 0px outset #FFD700;
}
/* Viewing History Links */
div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#FFD700;
}
/* text color stats section */
div.stats {
color: #FFD700;
}
#home_guestbook .replybox {
overflow:auto;
}
.replybox textarea {
background:transparent url() no-repeat scroll right bottom;
color: #FFD700;
font-size:13px;
font-weight:bold;
border-color: #FFD700;
}
.replyboxstamp, .posteddate{
color: #B8860B;
}
.replybox, .replyboxodd, .replyboxread {
background: transparent url() no-repeat scroll right bottom;
border-color: #FFD700;
border-style: outset;
border-width: 3px;
color: #FFD700;
font-weight: bold;
font-size: 12px;
}
/*Designers name*/
div#ownedfooter {
margin: 0;
border:none;
background-color: transparent;
color: #FFD700;
padding: 40px;
text-align: center;
font-size: 10px;
height:0px;
background: url(http://img329.imageshack.us/img329/6986/ownme9.png)
no-repeat bottom right;
}
.userlogo {
background-color: #000;
border: 1px dotted #FFD700 ! important;
font-size: 12px;
font-weight: bold;
}
.userlogo a, .userlogo a:visited, .userlogo a:link {
color: #FFD700;
font-weight: bold;
}
.railbody p, h4, h1{
color: #FFD700;
}
.railbody p i, .railbody p b {
display:block;
}
a.select, a.select:link, a.select:visited {
background:transparent url();
background-position: bottom left;
background-repeat: no-repeat;
}
.add, a.add:link, a.add:visited{
background:transparent url();
background-position: bottom left;
background-repeat: no-repeat;
}
li.gnopt a img, li.gnoptsel a img {
display: none;
}
.itemboxsub .icon img {
display: none;
}
ul.sidelist li, ul.sidelist li a {
list-style-image: none;
background: none;
}
