Asian Element : Multiply Theme

3rd Theme
this works perfectly fine in firefox but not in internet explorer.

Theme Features

  • Your site title will appear at the center of the theme banner/picture.
  • Footer is customized base on the theme
  • Mouse cursor is originally made for this website.
  • Mouse cursor has hover effect.
  • Site navigators are placed at the top left of the page vertically.

Anyone can use the theme “Asian Element” if they like it. It’s for everyone. Comments are appreciated.

Let’s do it step by step just click the links i had provided.

step 1: go to you My Site. (your site)
step 2: Click customize my site. it is found at your right side rail box.
step 3: scroll your right scroll bar at the very top of your page. click the Choose theme. if you haven’t seen it here is the link.http://multiply.com/setup/pages/themes. and choose Avlack Theme. don’t worry if you will see that your page will become color white and baby blue or just plain white.
step 4: Do step 2 once again. then click the CUSTOM CSS link. http://multiply.com/setup/pages/upload-css.
step 5: paste the CSS codes that you had copied at the box, then click the preview button if you want to see your site before saving it or if save it if you are contented with you site appearance. :)

Note: always do the the “choose theme” 1st then the customization of theme last because if you do the choose theme last, your desired theme will not appear.

……..……..
CODES BEGINS HERE:

div.contentwrapper {
background: transparent;
background-attachment: fixed;
}
div.bodywrap {
background: transparent;
}

.itembox div#item_body {
text-align: justify;
}
.tablediv1 tr.bg2, .tablediv1 tr:hover.bg2 {
background: none;
max-width: 100px;
}
.railbody .userlogo a {
color: #42661a;
}
body {
background: url(’http://img.photobucket.com/albums/v340/gotta_be_cool12/multiply%20themes/gaisha/black.jpg’)!important;
color: transparent!important;
font-family: Trebuchet MS, sans-serif,;
padding: 0;
height: 100%;
font-size: 13px;
margin: 0 auto;
margin-top: 25px;
margin-bottom: 15px;
background: #1a4d00;
background-attachment: fixed;
background-repeat: no-repeat!mportant;
cursor: url(http://img.photobucket.com/albums/v340/gotta_be_cool12/multiply%20themes/gaisha/cursor.gif),default;
}
a,a:link,a:visited,a:active,a:hover {
cursor: url(http://img.photobucket.com/albums/v340/gotta_be_cool12/multiply%20themes/gaisha/cursor2.gif),default;
}
div.contentwrapper {
background: transparent;
border: none;
}
div.bodywrap {
background: transparent;
}
a, a:visited, a:link {
color: #68730c;
}
a:hover { color: #fff;
text-decoration: none;
}
.rail {
width: 159px;
padding-right: 10px;
}
.railstart {
margin-top: -50px;
height: 45px;
width: 150px;
background: transparent;
background-position: -30px 0;
z-index: 1000;
position: relative;
}
.railbody iframe {
margin-left: 5px;
}
.railbody {
padding: 5px;
padding-left: 10px;
width: 125px;
font-size: 12px;
color: transparent;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background: transparent;
border: none;
z-index: 1000;
position: relative;
background-color: transparent;
}
.railsep {
height: 1px;
margin: 12px 0 12px 0;
background: none;
background-color: #727272;
}
.railend {
height: 2px;
width: 159px;
background: none;
background-color: transparent;
}
td.rail {
background-color: transparent;
padding: 0;
margin: 0;
}
div.owner_nav {
border: 1px 1px 1px 1px;
border-color:#D8D8D;
margin: 0 auto;
margin-top: 20px auto;
height: 380px;
width: 820px;
padding: 1px 0 0 0;
background: url(’http://img.photobucket.com/albums/v340/gotta_be_cool12/multiply%20themes/gaisha/nang-phaya-suea-klong-nancopy1.png’) no-repeat;
background-color: #000000;
background-position: center;
}
div#subnavc {
background:transparent;
padding: -40pt 0pt 40pt 0pt;
height: 70px;
border:none;
margin-left: 15px;
margin-top: -75px;
width:50px;
}
a.topt, a.topt:visited, a.topt:link {
color:#999966;
font-family: Trebuchet MS, sans-serif;
font-size: 11pt;
font-weight: bold;
height:auto;
margin:0px;
width:auto;
line-height: 20pt;
border-left: 6px solid #c6c6c6;
margin-top:1px;
margin-bottom:1px;
}
a.toptsel, a.toptsel:visited, a.toptsel:link, a.topt:hover, a.topt:hover, a.topt:hover, a.toptsel:hover {
color:#c9eca4;
font-family: Trebuchet MS, sans-serif;
font-size: 11pt;
font-weight: bold;
height:auto;
margin:0px;
width:auto;
line-height: 20pt;
border-left: 6px solid #c9eca4;
margin-top:1px;
margin-bottom:1px;
}
/* SITE TITLE */
h1#page_owner_title {
font-size: 36px;
font-family:  lucida handwriting, monotype corsiva;
font-weight: 900;
color: #ACFA58;
height: 22px;
background: none;
border-color: #D8D8D8;
padding-left: 420px;
padding-top: 80px;
}
div#page_start {
padding: 17px 0 0 0;
width: 840px;
background: none;
background-color: #000000;
border: none;
border-top: none;
border-bottom: none;
margin: -2px auto;
}
div#rail {
text-align: left;
width: 150px;
}
a.gnoptsel, a:visited.gnoptsel {
margin: -2px 0 0 0;
width: 84px;
}
div#ownedfooter {
margin: 0 auto;
padding: 0px 0 0px 0;
width: 840px;
height: 200px;
border: none;
border-top: none;
font-size: 10px;
color: #000000;
background-image: url(http://img.photobucket.com/albums/v340/gotta_be_cool12/multiply%20themes/gaisha/footer-2.png);
background-repeat: no-repeat;
background-color: #000000;
background-position: center;
}
div.stats {
border-bottom: none;
}
.itemboxsub {
color: #D0F5A9;
font-weight: bold;
font-size: 24px;
font-family: Trebuchet MS;
border: 1px solid #A4A4A4;
border-bottom: none;
padding: 0;
background: none;
background-color: #151515;
max-width: 650px;
-moz-border-radius: 0px 20px 0px 0px;
}
.itemboxsub .cattitle {
font-size: 20px;
}
.rolloverfordnd {
color: #7c9606;
color: #666;
font-weight: normal;
font-size: 24px;
font-family: Trebuchet MS;
border: none;
padding: 0;
background: none;
background-color: red;
max-width: 550px;
}
.itemshadow {
max-width: 650px;
}
.itemsubsub {
font-size: 10px;
font-weight: normal;
line-height: 10px;
text-align: right;
color: #354144;
}
.itemstamp {
float: right;
font-size: 10px;
font-weight: normal;
margin: -5px 0 5px 0;
margin: 0;
color: #8da217;
}
.itembox {
font-size: 12px;
border: 1px solid #9a9a78;
padding: 10px;
margin: 0px;
overflow: visible;
background: transparent;
background-color: #D8D8D8;
color: #39432f;
border-top: none;
width-max: 600px;
-moz-border-radius: 0px 0px 0px 20px;
}
.itemboxalbum {
border: none;
padding: 5px;
margin: 0px;
overflow: visible;
background: none;
background-color: #fff;
color: #354144;
border-top: 1px solid #9a9a78;
}
.itemactionspacer {
height: 30px;
}
a.mine, a.mine:link, a:visited.mine {
color: #417006;
border: none;
background: none;
}
.replyboxstamp {
float: none;
text-align: left;
padding: 2;
font-size: 12px;
font-weight: normal;
color: #0B0B0B;
margin-bottom: 5px;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
color: #417006;
border: none;
background: none;
}
a.go, .go {
color: #417006;
border: none;
background: none;
}
.rail .userlogo {
border: 1px solid #b5d790;
}
table.globalnav {
border: none;
background: transparent;
}
.header .globalnav ul.gnopt a, div.header table.globalnav a.select {
color: #d7ee82;
}
div.header table.globalnav h3 {
color: #d7ee82;
}
.navinput {
border: none;
color: #417006;
}
table.indextitle {
display: none;
}
td#maincontent {
padding: 0 20px 0 20px;
margin: 0;
background-color: transparent;
}
div.header {
width: 780px;
margin: 0px;
background: none;
}
.infobox {
background-color: transparent;
}
div.infobox .boxbody {
border: 1px solid #8da217;
}
div.gndd {
color: #417006;
background-color: #333;
border: 1px solid #ccc;
}
div.ddsep {
background-color: #ccc;
}
div.gndd a {
font-weight: bold;
border: 1px solid #333;
}
div.gndd a:hover {
background-color: #fff;
}
ul li {
list-style-image: none;
}
div.guidebox {
background: none;
background-color: #fff;
color: #417006;
border: 1px dotted #c7dc4e;
}
div.add_sublabel a:hover {
color: #fff;
}
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: #d7ee82;
}
div.prevnextphoto {
-moz-border-radius: 0;
background-color: transparent;
border: none;
border-bottom: 1px dotted #585858;
padding: 0 5px 5px 5px;
color: #000;
font-family: Trebuchet MS;
}
div.prevnextphoto a, div.prevnextphoto a:link, div.prevnextphoto a:visited {
font-weight: normal;
font-size: 14px;
color: #417006;
}
div.prevnextphoto table td {
font-weight: bold;
font-size: 14px;
color: #417006;
}
.userlogo {
background-color: transparent;
color: #000;
width: 100px;
padding: 11px;
border: 1px groove  #585858;
font-size: 10px;
text-align: center;
}
/* TITLE BOXES */
.itemboxsub .icon img {
display: none;
}
/* ISOLATED OVER REPLY */
.replybox, .replyboxodd, .replyboxread {
overflow-x: auto;
border-top: 1px groove #585858;
overflow-x: auto;
}
.replybox, .replyboxread, .quotet {
overflow: auto;
}
/* MOVING MAIN MENU */
table {
font-size: 12px;
max-width: 825px;
margin-left: 0px;
}
/* HIDE PRIVATE INFO */
.railbody b {
display: none;
}
ul.sidelist li.contacts {
display: none;
}
/* MERUBAH WARNA HIJAU KETIKA KLIK VIEW ALL */
h1 {
font-size: 24px;
margin-top: 0px;
margin-bottom: 4px;
color: #ccc;
font-weight: normal;
font-family: Trebuchet MS, sans-serif;
}
/*SET CALENDAR MP*/
.caldiv1 {
background-color: #ccc;
}
.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: #574f4f;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited {
color: #fff;
}
/* background table */
.caldiv1 {
background-color:transparent;
}
/* table’s header */
.caldiv1 th {
background-color:transparent;
color:#999999;
font-size:10px;
font-weight:normal;
text-align:center;
}
/* day view*/
.caldiv1 td.calday {
background-color:transparent;
}
.caldiv1 td {
font-size:10px;
}
/* links boxes */
.calday a, .calday a:visited, .calday a:link {
color:#1d591d;
}
.calday a:hover {
color:#333333;
text-decoration:none;
}
/*when mouse is over the block*/
.caldiv1 td:hover {  background-color:none;
}
/*little blocks top right ov any block in day view*/
.cald
{  background-color:transparent;
border:1px solid #1d591d;
text-align:center;
}
/* mouse over the little boxes top right */
.cald:hover {  background-color:#1d591d;
}
/* Links in little boxes top right */
.cald a, .cald a:link, .cald a:visited {
color:#1d591d;
}
.cald a:hover {
color:#ccffcc;
background-color: transparent;
}
.caldate {
font-size:13px;
font-weight:bold;
}
/* year view - month links */
.caltitle a, .caltitle a:link, .caltitle a:visited {
color: CCCCCC;
}
/* Other */
/* navigation - the month* /
.itemboxsub {
color:black;
font-family: Trebuchet MS;
font-size:24px;
font-weight:normal;
}
/* Links for previous and next Month */
a.go, a.go:visited a.go:link, .go {
background:transparent none repeat scroll 0%;
border:none;
color: #1d591d;
font-size:12px;
}
/* links bar for choosing the view - all view */
a.vopt, a.vopt:link, a.vopt:visited {
color:#ffffff;
font-size:12px;
}
/* links bar for choosing the view - selected view */
a.voptsel, a.voptsel:link, a.voptsel:visited {
background-color:transparent;
border:1px none #D7D9DD;
color:black;
}
/* links bar for choosing the view - all view */
a.vopt, a.vopt:link, a.vopt:visited {
color:#469e46;
font-size:12px;
}
/* links bar for choosing the view - selected view */
a.voptsel, a.voptsel:link, a.voptsel:visited {
background-color:transparent;
border:1px none #D7D9DD;
color:#1d591d;
}
/* DELETE REPLY*/
.replydeleted {
display:none;
}
div.vopt {
margin-bottom: 8px;
color: #999;
}
.voptlabel {
color: #999999;
font-weight: bold;
margin-right: 10px;
}
.thumb2, span.insertedphoto .thumb2 {
float: left;
margin: 0 10px 2px 0;
border: 1px solid #000;
max-width: 100px;
max-height:100px;
}
.tablediv1 th {
background-color: #f1f2ed;
color: #000000;
font-size: 13px;
font-weight: bold;
text-align: center;
}
/* NO IMAGE FOR GLOBAL NAV */
ul.gnopt img {
display: none;
}
/*POSTDATE COLOR*/
.posteddate {
color: #454b57;
}
/*INFOBOX*/
div.stats .infobox { background-color: transparent;
}
div.stats div.infobox .boxbody { border: none;
}
div.stats .infobox { background-color: transparent;
}
div.stats div.userlogo {
border: 1px solid #8c8c71;
}
div.infobox a, div.infobox a:link, div.infobox a:visited {
color: #bbb8aa;
}
/* REPLY BOX */
.replybox {
color: #000;
font-size: 14px;
font-weight: bold!important;
background: url(http://img.photobucket.com/albums/v340/gotta_be_cool12/multiply%20themes/gaisha/black.jpg);
margin: 0 0 10px 0;
border: 1px solid #8c8c71;
background-color:#848484;
}
textarea {
display: block;
font-family: Trebuchet MS, Verdana, sans-serif;
font-size: 12px;
color: #ccc;
}
.replybox textarea {
color: #000;
border: 1px solid #8c8c71;
background-color: #F2F2F2;
opacity: 0.85;
}
.replyboxread {
padding: 5px;
margin: 0 0 10px 0;
background: transparent;
background-position: -25px -25px;
border: #2f2f2f;
background-color: #c9eca4;
border-top: 1px solid #5d5d5d;
color: #000;
}
.quotet { color: #000;
background: transparent;
background-position: -25px -25px;
border: 1px solid #9a9a7d;
background-color: #e5f4d5;
opacity: 0.8;
}
a.linkopacity img {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
-khtml-opacity: 0.8;
}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
/* ALBUM */
.album {
border: 1px groove #585858;
-moz-border-radius: 8px;
background:  #ac9eca4;
padding: 6px 6px 0px 6px;
text-align: center;
margin: 10px;
color:#000;
-moz-border-radius: 3px 0px 19px 0px;
}
div.albumthumbnails {
padding: 10px;
margin: 0px;
overflow: visible;
background-color:  #c9eca4;
color:#000;
border: 1px groove  #585858;
max-width: 650px;
-moz-border-radius: 3px 0px 19px 0px;
}
/* HS */
.userlogo {
-moz-border-radius:8px;
background:none;
color: #000;
width: 100px;
padding: 5px;
border: 1px groove #585858;
text-align:center;
-moz-border-radius: 3px 0px 19px 0px;
}
/* CONTACT */
div.contactbox {
border: 1px groove #585858;
-moz-border-radius: 8px;
background:  transparent;
padding: 6px 6px 0px 6px;
text-align: center;
margin: 10px;
color: #000;
text-align:center;
-moz-border-radius: 3px 0px 19px 0px;
}

END OF CODES

Leave a Reply