/* {--friendster-layouts.com css code start--} */
/*DONT LEAVE ME HERE LAYOUT BY:
SHIKA_WASHIO@YAHOO.COM*/
/*dont copy*/
/* HIDDEN TOP NAVIGATIONS */
#logo, #mainnav, #subnav, #search {
display: none !important;
}
/* FriendsterMagic - remove logo */
#logo {display:none;background:transparent;}
/* FriendsterMagic remove search form*/
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
/* FriendsterMagic - remove footer */
#footer_container {display: none;}
#footer {display: none;}
/* FriendsterMagic - hide the connection box */
#meettrail{display:none;background:transparent;}
/* FriendsterMagic - hide google ads */
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}
/* FriendsterMagic - hide report abuse */
.reportabuse{display:none;}
/* FriendsterMagic - remove featured sponsor */
#marketing_bg{display:none;background:transparent;}
#navigation div { background:;; }
/* CUSTOMIZED SCROLLBAR COLOR */
body {
scrollbar-face-color: ff99cc; scrollbar-arrow-color: #ff3399; scrollbar-highlight-color: 993300; scrollbar-shadow-color: 993300; scrollbar-3dlight-color: 993300; scrollbar-track-color: 993300; scrollbar-darkshadow-color: #ff6699;
}
#navigation div { background:;; }
/* MAIN */
.controlpanel .q {
background: url(http://i241.photobucket.com/albums/ff319/fs-layouts1/fslybg/2008/04/dont/dont.gif) no-repeat center left;
padding: 0 0 0 25px;}
/* MORE ABOUT */
.usercontent .q{
background: url(http://i241.photobucket.com/albums/ff319/fs-layouts1/fslybg/2008/04/dont/dont.gif) no-repeat left;
padding: 0 0 0 16px;}
/* LEFT SIDE SCROLLBAR AND INTERCHANGE BOXES POSITION */
body {
direction: rtl;
}
.controlpanel, .photos, .blogs, .reviews, .moreabout, .testimonials, .publiccomments, .scrapbook {
direction: ltr;
}
#meettrail, .friends, .myfans, .fanof, .groups {
direction: ltr;
}
#navigation {
direction: ltr !important;
}
/* FRIENDS NAME BG */
.commonbox .dr { background-color:transparent; }
body {border-style: ridge; border-top-color: 993300;
border-bottom-color: 993300; border-left-color: 993300;
border-right-color: 993300; border-top-width: 20px;
border-bottom-width: 20px; border-left-width: 25px;
border-right-width: 25px;}
/* PAGE BACKGROUND */
body {
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/dont_leave_me_here_by_foreveryouurs.jpg);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-color: ffffff;
scrollbar-face-color: #000000; scrollbar-highlight-color: ffcccc; scrollbar-shadow-color: ff99cc; scrollbar-3dlight-color: #ffcc99; scrollbar-arrow-color: #ff3399; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #ff6699;
cursor: url("http://www.123cursors.com/freecursors/8372.ani"),default;
}
#navdivider {display:none;background:transparent;}
#content_friends_2_2 {overflow-y:scroll; height:300}
/* SCROLLING SCRAPBOOK BOX */
#content_scrapbook_1_8 {
padding: 2px 2px 2px 2px;
overflow: auto;
width: 100%;
height: 250px;
}
/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
text-align: center;
}
/* GLOBAL FONTS, PROFILE TEXT AND CONTENTS */
body, td, tr, div, p {
color: 993300;
font: '10 to 16'px 'Verdana, Arial, Comic Sans MS, etc...';
text-align: center;
}
/* GLOBAL LINKS */
a:link, a:visited, a:active, a:hover {
font-size: '10 to 16'px;
font-weight: normal;
color: 993300;
text-decoration: none;
}
a:hover {
font-size: '10 to 16'px;
font-weight: bold;
color: 993300;
text-decoration: underline;
}
a.action:link, a.action:visited, a.action:hover, a.action:active {
color: 993300;
}
a:hover {
color: 993300;
text-decoration: underline;
}
/* GLOBAL BOXES */
.commonbox { border-width:2px; border-color: ff99cc; border-style:dashed; background-color:transparent; }
/* MASTER BOXES */
.commonbox {
border-width: 10px;
border-color: 993300;
border-style: dashed;
background-color: transparent;
background-attachment: fixed;
background-position: center;
background-repeat: repeat;
filter:alpha(opacity=80);
}
.commonbox .evenrow {
background-color; #000000;
filter:xray(opacity=80;);
}
/* MASTER HEADERS */
h1 {
text-align: center;
font-size: 125%;
color: 993300;
background-color: transparent;
width: auto;
}
h2 {
text-align: center;
font-size: '110 to 125'%;
color: #FC618D;
background-color: transparent;
width: auto;
}
.commonbox h1, .commonbox h2 {
background-color: transparent;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/headerdontleave.jpg);
background-repeat: repeat;
height: 24px;
line-height: 24px;
padding-left: 11px;
}
/* CONTROL PANEL: BOX */
.controlpanel {
border-width: '1 to 10'px;
border-color: 993300;
border-style: groove;
background-color: transparent;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: center center;
background-repeat: repeat;
filter:alpha(opacity=85);
-moz-opacity:0.8;opacity: 0.8;
}
}
/* CONTROL PANEL: USER PHOTO */
.imgblock200 {
width: 200px;
background: transparent;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/headerdontleave.jpg);
background-position: center center;
background-attachment: fixed;
background-repeat: repeat;
border: 6px ridge 993300;
text-align: center;
margin-bottom: 5px;
filter:alpha(opacity=85);
-moz-opacity:0.8;opacity: 0.8;
}
.imgblock200 img {
margin: 0 auto;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
font-size: '10 to 16'px;
color: ff99cc;
}
.controlpanel .data {
font-size: '10 to 16'px;
color: ff99cc;
}
.controlpanel ul.data, .minicontrolpanel ul.data {
font-weight: bold;
margin-bottom: 15px;
}
.controlpanel ul.data li, .minicontrolpanel ul.data li {
margin-bottom: 5px;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
.controlpanel a.more, .minicontrolpanel a.more {
font-weight: bold;
background: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/headerdontleave.jpg) no-repeat 0 50%;
padding-left: 8px;
margin-top: -5px;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a:hover {
font-size: '9 to 12'px;
color: #ff66cc;
border-color: 993300;
background-color: transparent;
background-repeat: repeat;
text-decoration: underline;
}
#controlPanelButtons {
width: 200px;
margin-top: 3px;
padding-bottom: 1px;
}
#controlPanelButtons li {
display: inline;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-size: '9 to 12'px;
color: 993300;
width: 100px;
text-align: center center;
float: left;
display: inline;
background: transparent;
border: '1 to 2'px 'solid, outset, ridge, etc...' #HEX VALUE;
margin: 0 -1px -1px 0;
padding: 6px 0;
}
#controlPanelButtons a:hover {
color: #F592AE;
background: #HEX VALUE;
}
/* BOX: MORE ABOUT ME */
.moreabout {
border-width: '1 to 10'px;
border-color: 993300;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: center center;
background-repeat: repeat;
filter:alpha(opacity=85);
-moz-opacity:0.8;opacity: 0.8;
}
.moreabout .q {
font-size: '10 to 16'px;
}
/* BOX: MY PHOTO GALLERY */
.photos {
border-width: 6px;
border-color: 993300;
border-style: groove;
background-color: transparent;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: center center;
background-repeat: repeat;
filter:alpha(opacity=85);
-moz-opacity:0.8;opacity: 0.8;
}
.flogridp .flogriditem {
margin-left: 16.5px;
width: 100px;
height: 75px;
background: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/headerdontleave.jpg) repeat;
}
/* PHOTOBLOCKS */
.ir { background-image:url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/headerdontleave.jpg); width:100px; height:75px;
border-style: ridge;
border-color: 993300;
border-width: 4px;
background-attachment:fixed;
background-position:center; background-repeat:repeat; margin:0px;0px;20px;0px; }
/* BOX: MY FRIENDS */
.friends {
border-width: 8px;
border-color: 993300;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: center center;
background-repeat: repeat;
filter:alpha(opacity=85);
-moz-opacity:0.8;opacity: 0.8;
}
/* BOX: MY VIDEOS */
.videos {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: center center;
background-repeat: repeat;
}
/* BOX: MY GROUPS */
.groups {
border-width: 8px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: center center;
background-repeat: repeat;
margin-top: -14px;
width: 300px;
filter:alpha(opacity=85);
-moz-opacity:0.8;opacity: 0.8;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
border-width: 6px;
border-color: 993300;
border-style: dashed;
background-color: transparent;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: center center;
background-repeat: repeat;
filter:alpha(opacity=85);
-moz-opacity:0.8;opacity: 0.8;
}
/* BOX: MY PUBLICCOMMENTS */
.publiccomments {
border-width: 8px;
border-color: 993300;
border-style: dashed;
background-color: transparent;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: center center;
background-repeat: repeat;
filter:alpha(opacity=85);
-moz-opacity:0.8;opacity: 0.8;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: center center;
background-repeat: repeat;
width: 580px;
filter:alpha(opacity=85);
-moz-opacity:0.8;opacity: 0.8;
}
/* BOX: FAN OF */
.fanof {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: center center;
background-repeat: repeat;
filter:alpha(opacity=85);
-moz-opacity:0.8;opacity: 0.8;
}
/* BOX: MY FANS */
.myfans {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: center center;
background-repeat: repeat;
filter:alpha(opacity=85);
-moz-opacity:0.8;opacity: 0.8;
}
/* BOX: MY REVIEWS */
.reviews {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: center center;
background-repeat: repeat;
filter:alpha(opacity=85);
-moz-opacity:0.8;opacity: 0.8;
}
/* BOX: MY BLOGS */
.blogs {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: center center;
background-repeat: repeat;
filter:alpha(opacity=85);
-moz-opacity:0.8;opacity: 0.8;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
border-width: '1 to 10'px;
border-color: #HEX VALUE;
border-style: 'solid, groove, ridge, etc...';
background-color: transparent;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: center center;
background-repeat: repeat;
filter:alpha(opacity=85);
-moz-opacity:0.8;opacity: 0.8;
}
/* MISC: VIEW ALL and EDIT LINKS */
.commonbox .viewall, .commonbox .editlink {
padding: 4px 11px;
font-weight: bold;
}
.commonbox .editlink {
float: right;
}
/* MISC: SMALL PHOTOS */
.imgblock75 {
width: 75px;
height: 75px;
border: 3px ridge 993300;
background: transparent;
overflow: hidden;
}
.imgblock75 img {
height: 75px;
margin: 0 auto;
}
.ir {
background: transparent;
border: 3px ridge 993300;
text-align: center;
overflow: hidden;
}
/* MISC: SMALL PHOTO NAMES */
.dr {
text-align: center;
background: transparent;
padding: 3px 0;
border-top: none;
white-space: nowrap;
}
/* CURSOR: LINKS */
a,a:link,a:visited,a:active,a:hover {
cursor:url("http://www.123cursors.com/freecursors/8372.ani"),default;
}
/* NAVIGATION BOX */
#navigation {
height: 50px !important;
position: relative !important;
margin: 10px 0 30px 0 !important;
padding: 280px 0 0 0 !important;
border: '0'px 'none' !important;
font-family: 'Comic Sans MS' !important;
line-height: 1.0em !important;
background: transparent !important;
background: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/bannerdontleave.jpg) !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
#navLang {
font-size: '10 to 12'px;
text-align: right;
margin: 5px 15px 0;
}
#navLang a {
font-size: '10 to 12'px;
padding: 0 3px;
}
#navLang a:hover {
font-size: '10 to 12'px;
}
#navLang span.selLang {
background: transparent;
padding: 0 3px;
}
.languagePanel {
margin: 0;
padding: 7px 10px !important;
border: 2px 'solid, ridge, groove, etc...' #HEX VALUE;
background: #HEX VALUE;
position: absolute;
z-index: 2000 !important;
text-align: left;
}
.languagePanel div, .languagePanel input {
margin: 3px 0;
}
.languagePanel h2 {
color: 993300;
font-size: 14px;
margin-bottom: 5px;
}
.languagePanel {
width: 280px;
left: 680px;
top: 10px;
line-height: 16px;
}
.languagePanel .promptButton {
background: transparent;
border: 1px solid #HEX VALUE;
color: 993300;
width: 60px;
}
#navBg {
position: absolute !important;
width: 100% !important;
height: 85px !important;
}
#navBar {
position: relative !important;
}
#navdivider {
width: auto !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
border: none !important;
}
/* SHOUTOUT BOX AND FONT */
.controlpanel .so, .minicontrolpanel .so {
margin: 0 -20px 10px 0;
width: 257px;
position: relative;
background: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg) repeat-y right center;
color: #HEX VALUE;
font-weight: bold;
border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
}
.controlpanel .so a, .minicontrolpanel .so a {
color: 993300;
}
.controlpanel .so div#cpShoutoutBox, .controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutBox, .minicontrolpanel .so div#cpShoutoutEditBox {
padding: 7px 7px 5px 7px;
margin: 0;
}
.controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutEditBox {
display: none;
}
.controlpanel .sol, .minicontrolpanel .sol {
position: absolute;
left: -5px;
top: 8px;
width: 6px;
height: 11px;
background: url() no-repeat;
}
.controlpanel .sob, .minicontrolpanel .sob {
width: 257px;
height: 2px;
background: url() no-repeat;
line-height: 0;
font-size: 0;
}
.controlpanel .label, .minicontrolpanel .label {
text-align: left;
font-weight: bold;
margin: 10px 0 3px 0;
color: 993300;
}
/* ONE COLUMN FRIENDS LIST */
.friends div .boxcontent {
width: 100%;
text-align: left;
margin-left: 100px;
}
.friends .flogrid75 {
text-align: left;
width: 75px;
}
.friends div .viewall a {
text-align: center;
width: 100%;
padding-left: 30px;
}
/* CUSTOMIZED RECENT UPDATES BOX */
.user_tracker {
width: 95%;
font-size: 16px;
background: transparent;
background: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: center center;
background-repeat: repeat;
border: 3px groove 993300;
color: #ff66cc;
}
.user_tracker ul li a, .user_tracker ul li a:link, .user_tracker ul li a:active, .user_tracker ul li a:hover, .user_tracker ul li a:visited {
margin-left: 5px;
font-size: 10px;
font-weight: normal;
color: 993300;
text-decoration: none;
}
.user_tracker ul li a:hover {
font-size: 16px;
font-weight: bold;
color: 993300;
text-decoration: underline;
}
/* HOVER BACKGROUND EFFECT */
a:hover, a.navbar:hover {
background-image:url(YOUR GIF IMAGE URL HERE);
}
a:hover img {
background-image:url(YOUR GIF IMAGE URL HERE);
filter:none;
}
/* MAIN PHOTO HOVER CHANGE */
.imgblock200 a:hover img {
opacity:.0;
filter: alpha(opacity=100);
margin: 0 auto;
}
.imgblock200 a:hover {
background-image: url(YOUR IMAGE URL HERE);
background-position: center center;
background-repeat: no-repeat;
text-align: center;
margin-bottom: 5px;
}
/* MOREABOUT SCROLLINGBOX */
#content_6 {
padding: 2px 2px 2px 2px;
overflow: auto;
width: 100%;
height: 250px;
}
/* PUBLICCOMMENTS SCROLLINGBOX */
#content_18 {
padding: 2px 2px 2px 2px;
overflow: auto;
width: 100%;
height: 582px;
}
/* TESTIMONIALS CONTENT SCROLLINGBOX */
.publiccomments div div .dtd {
width: 100%;
}
.publiccomments div div .dtd ul {
padding: 2px 2px 2px 2px;
overflow: auto;
border: '1 to 10'px 'solid, outset, ridge, etc...' #ff0066;
width: 400px;
height: 100px;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: top center;
background-repeat: repeat;
}
/* PUBLICCOMMENTS CONTENT SCROLLINGBOX */
.publiccomments div div .dtd {
width: 100%;
}
.publiccomments div div .dtd ul {
padding: 2px 2px 2px 2px;
overflow: auto;
text-align: center;
border: 4px 993300;
width: 400px;
height: 100px;
background-color: transparent;
background-image: url();
background-position: center center;
background-repeat: repeat;
}
.commonbox .evenrow {
background-color: #000000;
}
/* TESTIMONIALS IMAGES */
.commonbox .imgblock75 { background-image:url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg); width:100px; height:75px;
border-style: ridge;
border-color: 993300;
border-width: 4px;
background-attachment: fixed;
background-position:center; background-repeat:repeat; margin:0px;0px;20px;0px; }
/* CUSTOMIZED NEW COMMENT BOX FORM */
#quickcomment {
border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
background-color: transparent;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: center center;
background-repeat: repeat;
}
.pc_textarea {
width: 500px;
height: 150px;
background-color: transparent;
border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
color: #HEX VALUE;
font-family: 'Verdana, Arial, Comic Sans MS, etc...';
font-size: '10 to 16'px;
font-weight: normal;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
border-style: ridge;
border-width: 4px;
border-color: EC32B7;
background-attachment: fixed;
background-position: left;
background-repeat: no-repeat;
background-color: transparent;}
/* MAIN PHOTO HOVER CHANGE */
.imgblock200 a:hover img {
opacity:.0;
filter: invert(opacity=100);
margin: 0 auto;
}
.imgblock200 a:hover {
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesdontleave.jpg);
background-position: center center;
background-repeat: repeat;
text-align: center;
margin-bottom: 5px;
}
/* IMAGE EFFECTS */
a:hover img { filter:fliph(Opacity=100,FinishOpacity=0,Style=2); }
/* {--friendster-layouts.com css code end--} */
