Group's posts with tag: andros base
|  | instructions: 1.click "my site" 2.click "customize my site" 3.click "choose a theme" 4.base theme ANDROS 5.click "customize my site" again 6.click "custom css" 7.then paste the css codes below -fin-
/* BODY */ body { background:url(http://i305.photobucket.com/albums/nn235/tikangzkee/bg.jpg) fixed repeat; background-color: #000000; }
table.globalnav { border-top-width: 4px; border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; font-family:arial narrow; padding-right:10px; width:850px; font-color:#000000; }
/* TABLE */ div#page_start { background: url(); background-color: transparent; border-top-width: 6px; border-right-width: 6px; border-bottom-width: 6px; border-left-width: 6px; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; }
div.owner_nav { border-top-width: 6px; border-right-width: 6px; border-bottom-width: 6px; border-left-width: 6px; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; background: url(http://i305.photobucket.com/albums/nn235/tikangzkee/banner.jpg) repeat; padding-top: 110px; background-position: top center; background attachment: fixed; }
.railstart { margin-top: 0px; height: 0px; width: 159px; background: transparent url(); padding-top: 0px; }
.railend { filter:alpha(opacity=50); opacity:0.50; width: 159px; background: transparent url(); }
.railsep { filter:alpha(opacity=50); opacity:0.50; background-color:transparent; }
td.rail { filter:alpha(opacity=90); opacity:0.90; background-color:transparent; border-left: 2px solid #000000; }
div#rail { font-family:arial narrow; size: 10px; color:#000000; text-align:center; }
.railbody a, .railbody a:link, .railbody a:visited { filter:alpha(opacity=99); opacity:0.99; color:#000000; font-size:10px; }
.railbody { background-color:transparent; background-image: url(); padding:10pt 0px 24pt 0pt; font-family:arial narrow; color:#000000; }
/* ITEM BOX */ .itemboxsub { line-height:50px; background-color:none; font-family:arial narrow; font-weight:normal; font-size:10px; color:#000000; border-bottom: 2px solid #FFFFFF; max-width: 520px; }
.itemsubsub { background-image:url(); fixed no-repeat left; background-color:transparent; line-height:30px; color:#000000; font-family: arial narrow; size:10px; font-weight:normal; margin-top:20pt; }
.itemboxsub .cattitle { line-height:30px; background-image:url(); fixed no-repeat center; background-color: transparent; border: #000000; color:#000000; font-family:arial narrow; font-weight:normal; text-align: left; font-size:10px; }
.posteddate { color:#dbbe1a; }
.itembox { background-image:url(); filter:alpha(opacity=90); opacity:0.90; background-color: transparent; font-family: arial narrow; text-align: left; color:#FFFFFF; font-size: 10px; border-bottom: none; }
.itembox a { color:#dbbe1a; } .itembox a:visited { color:#dbbe1a; } .itembox a:link { color:#dbbe1a; } .itembox a:hover { color:#dbbe1a; }
/* CONTACT BOX */ .contactbox { background:transparent url() background-color:transparent; border:2px solid #FFFFFF; color:#00000; float:left; font-family:arial narrow; font-size:10px; text-align:center; }
div.contactbox { background:transparent url() border:2px solid #000000; color:#FFFFFF; float:left; font-family:arial narrow; font-size:10px; }
div#subnavc { background-color: none; filter:alpha(opacity=90); opacity:0.90; height:20px; width:500px; margin-right: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding:253px 0px 0px 0px; font-weight:normal; font-size: 10px; font-family: arial narrow; }
h1#page_owner_title { font-family: arial narrow; font-size: 7px; filter:alpha(opacity=90); opacity:0.90; padding: 0px 0px 0px; height: auto; background-color: transparent; font-size: 0px; font-family: arial narrow; font-style:normal; font-color:none; }
/* FOOTER */ div#ownedfooter{ font-family:arial narrow; color: #FFFFFF; border-top-width: 6px; border-right-width: 6px; border-bottom-width: 6px; border-left-width: 6px; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; background-color: #000000; background-image: url(); background-position: relative; background-repeat: repeat; padding: 10px; 0px; 0px; 0px; padding-top: 10px; }
/* GUEST-BOOK */
div#itemreplyform.replybox { filter:alpha(opacity=90); opacity:0.90; font-family: arial narrow; color:#000000; background-color: #ffffff; }
replybox.replyboxodd { font-family: arial narrow; color:#000000; }
textarea#body { font-family: arial narrow; color:#000000; size: 10px; font-weight: normal; border-image: 2px solid #000000; background-color: #000000; }
#home_guestbook .replybox { font-family: arial narrow; color:#000000; size: 10px; font-weight: normal; border-color: #ffffff -moz-use-text-color #ffffff; border-style: none none solid; border-width: medium medium 2px; } div.replybody { color:#000000; margin-left:10px; text-align:left; }
.replybox { filter:alpha(opacity=90); opacity:0.90; background-color:#ffffff; border-color:#000000 -moz-use-text-color #000000; border-width:2px medium medium; margin:0pt 0pt 5px; }
div.replyboxstamp { font-family: arial narrow; color:#000000; size: 10px; font-weight: normal; text-align:left; }
div.img.replybox { background-color: #000000; border:2px solid #000000; padding:5px; }
.quotet { background-color:#ffffff; border:2px solid #000000; color:#000000; font-family: arial narrow; }
.td.home_guestbook .replybox { border-width: 2px; border-style: solid; font-family: arial narrow; border-color: #000000; }
div#home_guestbook div.actionlinks { color: #FFFFFF; font-family: arial narrow; font-weight: normal; }
.rail .userlogo { border:3px solid #000000; background-color: #ffffff; }
.railbody div.userlogo { position: auto; background-color: #ffffff; }
div#itemreplyform.replybox { filter:alpha(opacity=99); opacity:0.90; background-color: #00000; font-weight: normal; } textarea#body { color:#000000; background-color: #ffffff; font-weight: normal; } #home_guestbook .replybox { background-color: #ffffff; color:#000000; size: 10px; font-weight: normal; } div.replybody { background-color: #ffffff; font-weight: normal; }
a.select, a.select:link, a.select:visited { background:transparent url() no-repeat center left; background-position: 7px; font-size:10px; font-weight:normal; color:#ae0000; height:40px; padding-left:20px; margin-top:5px; }
a.add, a.add:link, a.add:visited { background:transparent url() no-repeat center left; background-position: 7px; font-size:10px; color:#ae0000; font-weight:normal; height:40px; padding-left:20px; margin-top:5px; }
|
|  | [: how to install :]
choose "ANDROS" from the theme selection or just click: http://multiply.com/setup/pages/themes/andros copy the CSS code listed below and paste it to your CSS page or just click the link: http://multiply.com/setup/pages/upload-css
its my second creations hehe :p aun . ndi pa xa final .. hope you like it !
[:credits:] deviantart.
http://shizuru117.deviantart.com/art/Funny-Brushes-74710291
photobucket.
-------------------------------------------------------------------------- HERE's THE CODE
body { background: url(http://i236.photobucket.com/albums/ff9/mzharjhei/heat.jpg) repeat right; background-attachment: fixed; color: #50503f;
margin: 0;
width: auto;
}
a, a:visited, a:link { color: #50503f; }
.rail {
width: 159px;
}
.railstart {
display: none;
}
.railbody {
width: 139px;
font-size: 12px;
background: none;
border: none;
z-index: 1000;
}
.railsep {
height: 1px;
margin: 12px 0 12px 0;
background: none;
background-color:ff66cc; } table#table_reply textarea { background-color: #ffa3b0; color: #50503f; ;}
}
.railend {
display: none;
}
div#page_start_wrapper {
width: 770px;
margin: 0 auto;
background: url(http://i236.photobucket.com/albums/ff9/mzharjhei/Untitled-1-3.jpg);
}
div.owner_nav {
width: 770px;
margin: 0 auto;
margin-top: 20px;
height: 495px;
border: none;
background: url(http://i236.photobucket.com/albums/ff9/mzharjhei/1_857356665l-1.jpg); }
div#subnavc { background: transparent; background: none; width: auto; border-top: none; border-bottom: none; position: absolute; top:490px;
} div#subnav { padding: 0px; padding-left: 0px; background: none; border: none; height: auto;
}
a.topt, a:visited.topt, a:link.topt {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
color: ff66cc;
padding: 1px 7px 1px 7px;
font-weight: bold;
width: auto;
border: 1px solid #ffa3b0;
}
a.toptsel, a:visited.toptsel, a:link.toptsel {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
font-weight: bold;
color: ff66cc;
background: none;
background-color: #ffa3b0;
border: 1px solid #ffa3b0;
padding: 1px 7px 1px 7px;
width: auto;
}
h1#page_owner_title {
padding: 16px 0 6px 30px;
font-size: 30px;
height: 42px;
background-color: ff66cc;
background-color: #ecf2f9;
background-color: none;
background: none;
color: #50503f;
border: none;
font: 18pt Arial;
font-weight: bold;
}
div#page_start {
padding: 10px;
}
div#rail {
text-align: left;
width: 159px;
}
div#ownedfooterc {
background: url(http://i236.photobucket.com/albums/ff9/mzharjhei/strawberryshortbrownftr.jpg);
width: 770px;
height: 75px;
margin: 0 auto;
}
div#ownedfooter {
border: none;
background: none;
color: #fcd3cf;
padding: 0;
text-align: center;
font-size: 10px;
border-top: 1px solid #9b5a3c;
margin: 0 15px 0 15px;
}
div.stats {
border-bottom: none;
}
.itemboxsub {
color: #50503f;
/*
background-color: #ffa3b0;
background-color: #ffa3b0;
*/
font-weight: bold;
font-size: 22px;
border: none;
background: none;
}
.rolloverfordnd {
color: #50503f;
font-weight: bold;
font-size: 22px;
border: none;
background: none;
background-color: #ffa3b0;
max-width: 540px;
}
div#maincontentdiv, div#maincontentdiv table tbody tr td, div#maincontentdiv table tbody tr td div {
display: inline-block;
max-width: 540px !important;
}
td.icon {
padding-left: 5px;
}
.itemsubsub {
font-size: 10px;
font-weight: normal;
line-height: 1.2em;
text-align: left;
color: #50503f;
}
.itemstamp {
float: right;
font-size: 10px;
font-weight: normal;
margin: -5px 0 5px 0;
color: #50503f;
}
.itembox, .itemboxalbum {
padding: 10px 0 10px 0;
margin: 0px;
overflow: visible;
background: none;
background-color: #ffa3b0;
border: 1px solid #50503f;
border: none;
}
.itemactionspacer {
height: 30px; }
.userlogo {
background: url() no-repeat bottom right; border:5px outset #50503f; font-size:12px; }
.rail .userlogo {
border: 1px solid #50503f;
}
.caldiv1 { background-color: #ffa3b0; }
.caldiv1 td { font-size: 10px; }
.caldate { font-size: 13px; font-weight: bold;}
.cald { float:right; text-align: center; background-color: #ffa3b0; padding: 0px 4px 0px 4px; margin: -3px -3px 3px 3px; border: 1px solid #50503f; width: 20px}
.calevent { margin: 0px 0px 8px 0px; }
.caldiv1 td:hover { background-color: #ffa3b0; }
.caldiv1 th {
background-color: #ffa3b0;
color: #50503f;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited { color: #50503f; }
a.compose:hover {
text-decoration: underline;
}
span.fakelink {
color: #50503f;
}
.header {
border-top: 1px solid #ffa3b0;
border-bottom: 1px solid #ffa3b0;
width: 100%;
background: none;
background-color: #ffa3b0;
}
div#ownedheader a:link, div#ownedheader a:visited, div#ownedheader a { color: #50503f; }
.header a:link, .header a:visited, .header a { color: #50503f; }
.navinput {
border: 1px solid #9b5a3c;
color: #50503f;
}
.header .globalnav div.gndd a { color: #987048; border: 1px solid #9b5a3c;}
div.gndd {
background-color: #ffa3b0;
border: 1px solid #fcd3cf;
}
div.ddsep { background-color: #ffa3b0; }
div#rail div.userlogo {
/* width: 65px;
height: 65px;
margin: -88px 0 20px 63px; */
padding: 0;
border: none;
}
td.rail { background: url(); background-color: none; background-position: bottom left; background-repeat: no-repeat; padding: 0; margin: 0;
}
a.mine, a:link.mine, a:visited.mine {
font-size: 12px;
font-weight: normal;
color: #50503f;
}
div.viewmore {
margin: 0;
font-size: 12px;
border-top: 1px solid #9b5a3c;
border-bottom: 1px solid #9b5a3c;
}
div.itemactions {
border-top: 1px solid #9b5a3c;
border-bottom: 1px solid #9b5a3c;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
font-size: 12px;
font-weight: normal;
color: #50503f;
}
table.indextitle {display: none}
td#maincontent { padding: 0 20px 20px 20px;}
span.tagtitle {
color: #50503f;
}
.prevnext {
margin-top: -25px;
position: relative;
}
div.icon {
display: none;
float: left;
}
div.openbox {
margin: 0 0 5px 0;
}
div.guidebox {
background: none;
background-color: #ffa3b0;
border: 1px solid #9b5a3c;
}
.railbody { font-size:12px; color:#50503f; } div#rail { text-align:left; } body { cursor:url(),default;
} a,a:link,a:visited,a:active,a:hover { cursor: url(),default;
}
ul li { list-style-image: url(http://i236.photobucket.com/albums/ff9/mzharjhei/Untitled-2-1.jpg)
}
a.select, a.select:link, a.select:visited { background: url() no-repeat left; padding-left: 18px; color: #50503f;
} a.add, a.add:link, a.add:visited { background: url() no-repeat left; padding-left: 18px; color: #50503f; } .textarea-handle { height: 13px; width: 13px; cursor: n-resize; margin: 0; display: block; background: #ffa3b0; background: url() no-repeat bottom right;
} div#home_guestbook td#cell_submit input { background: url() no-repeat; width : 75px; height: 25px; border : none; font-family: Black Chancery; color: #50503f; background-color: #ffa3b0; font-weight: bold; font-size: 12px; text-align: center; padding:8px 3px 7px 10px; }
.railbody a, .railbody a:link, .railbody a:visited { color:#50503f; } .header .globalnav li.gnopt a img { display: none; } .header .globalnav li.gnoptsel a img { display: none; } .contactbox { background: transparent; background-color: transparent; border:1px solid #9b5a3c; color:#50503f; font-size:11px; }
tr.bg4, tr.bg2 { background-color: transparent; background-image: transparent; color: #ffa3b0; } .replybox { color: #50503f; padding: 6px; margin: 20px 3px 20px 3px; background: url() no-repeat bottom right; background-image: transparent; border: 1px solid #9b5a3c; font-weight: bold; font-family: Black Chancery; }
.replyboxread { background: transparent; background-image: url() repeat center; border-width: 1px; border: 1px solid #9b5a3c; border-color: none; color: #50503f; font-weight: bold; font-family: Black Chancery; } .quotet { background: transparent; background-image: none; border: none; color: #50503f; } div.stats .infobox { background: transparent; color: #50503f; border: 15px solid #ffa3b0; } div.infobox a, div.infobox a:link, div.infobox a:visited { color: #50503f; font-weight: lighter;
}
b.cn { display: inline; }
div#owner_nav b.cn { display: none; }
div#ownedfooter b.cn, .header b.cn { display: none; }
span.signoutid a.signout { color: #50503f; } |
|  | Base Theme: Andros
Customized by: caraljz Version: 1.0.1 (minor fix to title font size) Disclaimer: I do not own "tokidoki" or any of its trademarks, affiliates, etc.
Further Information: Anyone can use and/or modify this customized theme. Screen shots were taken with the following settings: Web Browser: Mozilla Firefox Screen Resolution: 1280x1024
Installation Instructions:
- Select entire css code in the section below. - Right click "Copy". - Go to your home page. - Click on "Customize My Site". - Go to the top yellow bar and click on "Choose a Theme". - Select the theme named "Andros". - After this, you'll be redirected to your home page. - Click on "Customize My Site" again. - Go to the top yellow bar and click on "Custom CSS". - Right click "Paste". - Click on "Save". _______________________________
The Customized CSS code is below. _______________________________
/*START*/
/* body */ div.bodywrap { background-color: #FFFFFF; background: none; }
div.contentwrapper { background-color: #FFFFFF; background: none; }
body { background: none; background-image:url(http://i267.photobucket.com/albums/ii299/herbrit/hgfdf.jpg); background-attachment: fixed; background-position: top right; background-repeat: repeat; background-color: transparent; }
/* part or rail where ads are */ .rail { background: none; background-color: #FFFFFF; color: #ffffff; }
.railstart { margin-top: 0px; background: none; background-color: #FFFFFF; color: #ffffff; border-color: #2B2B2B; margin-right: -1px; }
.railbody { background: none; width: 118px; background-color: #FFFFFF; color: #ffffff; }
.railend { background: none; background-color: #FFFFFF; color: #ffffff; }
div.header { background: none; border-color: #2B2B2B; background-color: #FFFFFF; border-bottom: 1px solid #2B2B2B; }
td.rail { background: none; border-color: #2B2B2B; background-color: #FFFFFF; color: #ffffff; }
td.leftnav { background: none; border-color: #FFFFFF; border-right-color: #2B2B2B; border-left-color: #2B2B2B; background-color:#FFFFFF; color: #ffffff; }
div.leftnavsep { border-color: #2B2B2B; }
div.railsep { background: #ffffff; }
td.leftnav a.mopt, td.leftnav a:link.mopt, td.leftnav a:visited.mopt, a.mopt, a:link.mopt, a:visited.mopt { color: #5EBDD0; }
td.leftnav a:hover.mopt, a:hover.mopt { text-decoration: none; background-color: #159FBB; color: #FFFFFF; }
/* site title */ h1#page_owner_title { background: url(http://i267.photobucket.com/albums/ii299/herbrit/tokilove.png); background-position: top left; background-repeat: no-repeat; background-color:transparent; height: 300px; width: 1000px; color: #FFFFFF; font-size: 1px; }
/* page title */ h1 { color: #2B2B2B; }
/* item title area */ .itemboxsub { background: none; background-color: #2B2B2B; border-color: #2B2B2B; /* item box titles */ color: #FFFFFF }
/* calendar editting */ .caldiv1 { background-color: #2B2B2B; }
.caldiv1 th { background-color: #FFFFFF; }
.caldiv1 td { background-color: #ffffff; }
.itemsubsub { background: none; background-color: #2B2B2B; /* item box detail */ color: #FFFFFF; }
/* item contents area */ .itembox { background: none; background-color: #FFFFFF; border-color: #2B2B2B; color: #2B2B2B; }
.itembox legend { color: #848484; }
.itemboxalbum { background: none; border: 1px solid #2B2B2B; background-color: #FFFFFF; color: #2B2B2B; }
div.relatedlinks { color: #2B2B2B }
.stats { background: none; background-color: #FFFFFF; border-color: #2B2B2B; color: #2B2B2B; }
/* links inside itemboxen */ .select a, .select a:visited, .select a:link, .select a:hover, .viewmore a, .viewmore a:visited, .viewmore a:link, .viewmore a:hover, .itembox a, .itembox a:visited, .itembox a:link, .itembox a.select, .itembox a:visited.select, .itembox a:link.select, .itembox a:hover.select { color: #3E8E02; }
a.select, a:visited.select, a:link.select, a:hover.select { color: #72C507; }
#uploadtools a, #uploadtools a:visited, #uploadtools a:link, #uploadtools a:hover { color: #72C507; } #importtools a, #importtools a:visited, #importtools a:link, #importtools a:hover { color: #72C507; }
.cattitle a, .cattitle a:visited, .cattitle a:link, .cattitle a:hover { color: #72C507; }
/* navigation and title bar */ div.owner_nav { background: none; background-color: #FFFFFF; border: 1px solid #2B2B2B; }
td#content-start { border-color: #2B2B2B; }
table.globalnav { background: none; background-color: #FFFFFF; }
table.globalnav h3 { color: #2B2B2B; }
.navinput { border: 1px solid #2B2B2B; background-color: #FFFFFF; color: #03ABCC; }
div.gndd { background: none; background-color: #FFFFFF; border: 1px solid #FFFFFF; color: #E0D14B; }
div.gndd a { border: 1px solid #FFFFFF; }
div.gndd a:hover { background-color: #ffffff; color: #0DB34F; }
div.ddsep { background-color: #03ABCC; }
h4#post_new_content_sections { color: #03ABCC; }
/* owner navigation links */ span.signoutid a, span.signoutid a:visited, span.signoutid a:link, span.signoutid:hover, a.signoutid, a.signout, a.signout:visited, a.signout:link, div#ownedfooter a, div#ownedfooter a:visited, div#ownedfooter a:link, li.gnopt a, li.gnopt a:visited, li.gnopt a:link { color: #03ABCC; }
li.gnoptsel { border-color: #2B2B2B; background-color: #ffffff; color: #03ABCC; }
li.gnoptsel a, li.gnoptsel a:visited, li.gnoptsel a:link, li.gnoptsel a:hover { color: #0DB34F; } td li.gnoptsel a, td li.gnoptsel a:visited, td li.gnoptsel a:link, td li.gnoptsel a:hover { color: #03ABCC; }
div#subnav li.gnoptsel { border-color: #2B2B2B; }
/* right rail links */ ul.sidelist a, ul.sidelist a:visited, ul.sidelist a:link { color: #159FBB; } .railbody a.raillink, .railbody a:link.raillink, .railbody a:visited.raillink { color: #159FBB; } .userlogo a, .userlogo a:hover, .userlogo a:visited, .userlogo a:link, td.rail div#rail div.userlogo a { color: #0b5eb4; } .userlogo, td.rail div#rail div.userlogo { border-color: #2B2B2B; }
/* protect poll dialog box fonts */ td#cell_ { color: #000000 }
tr#row_vote { color: #000000 }
div#ownedfooter { background: none; background-color: #FFFFFF; border-color: #2B2B2B; }
td#maincontent { color: #2B2B2B; }
a.go, a.go:visited, a.go:link { color: #2B2B2B; }
/* various classes to describe link colors throughout the main body */
a.post, a.post:visited, a.post:link, a.editlinks, a.editlinks:visited, a.editlinks:link, a.compose, a.compose:visited, a.compose:link, a.vopt, a.vopt:visited, a.vopt:link { color: #72C507; }
a.editlinks:hover { font-style: italic; }
.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:link, div.itemactions a, div.itemactions a:visited, div.itemactions a:link { color: #72C507 }
div.header li.gnoptsel { background: none; border: none; background-color: #FFFFFF; color: #0DB34F; padding: 2px 0 2px 0; margin: 2px 6px 2px 6px; }
div.header li.gnoptsel b.cn { background: none; }
/*END*/ |
| |