Home

Dark Purple - Giving My Butterflies Next

MySpace Layout

Dark Purple - Giving My Butterflies MySpace Layout

Preview MySpace Layout Report Icon

Report Not Working

Like this layout? Easily add it to your profile by using this tool:

<div class="credits"> 
<a href="http://www.url.com/image.gif" target="_blank" title="Get your layout at CoolChaser.com"><img src="http://www.coolchaser.com/images/favicon_s.gif" border=0 style="vertical-align:text-bottom;" alt="CoolChaser.com"></a>  Layout by <a href="http://url.com/image.gif" target="_blank">CoolChaser</a> 
</div>
<div class="cool">
  <a href="http://www.url.com/image.gif" target="_blank"><img src="http://www.coolchaser.com/images/banner_xray.png" border="0" alt="CoolChaser"></a>
</div>

<div class="cc_banner">   
</div>         <style>
/* Basics
==================================== */
     
body {
	font-size: 1px; line-height: 1px; font-family: Verdana, Arial, sans-serif; 
	background-color:e5e5e5;
	background-image:url(http://www.coolchaser.com/background/view/3763490);
	background-attachment: fixed;
	background-position:center center;
	background-repeat:no-repeat;  
	}
	
.cool {
  position: absolute; 
  left:0px; 
  top:0px; 
  width:45px; 
  height:137px; 
  z-index:8;
  }

p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important}

a, a:link, a:visited {color:F35485; text-decoration: none;}

a:hover {color:76996E; text-decoration: none}

img {border: none}

br {line-height: 10px;}  
br + br
{
 line-height:0;
}

u {text-decoration: none; }

table table table br { line-height:15px; }

* html table table table.latestBlogEntry br { line-height:0; } 
.friendSpace br { line-height:0; }

form {border-width:0px;background-color:none;}

input {background-color:transparent !important}
                                             
table {border-collapse:separate;}

table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}

table table table td {background-color:transparent;margin:0px;padding:0; vertical-align:top ! important;}
* html table table table td {padding: 0 12px 15px 12px;}   
 
table table table table {border-width:0px; background-color: transparent; margin:0px; padding:0px; background-image: none;} 
table table table table table{ border-color:ffffff;}

table table table table td {padding:3px 0;margin:0px; }
table table table table table td { padding:0 2px 0 0;}

table table table {
	margin:0px; 
	max-width: 453px;
	width: 100% !important; 
	padding: 0 12px 14px 13px;
	}
		
* html table table table { padding:0;}
		
body td table, body div table {margin-top: 0;}

font {color:386093;font-size:10px}

a font:hover {color:000000}

a.navbar:link, a.navbar:visited {color:FFFFFF}

a.navbar:hover {color:CCCCCC}

table tr td table tr td font {display: inline;}

table tr td table a.navbar {font-size: 10px;}

.text {color:000000;font-size:11px}

a.text:link, a.text:visited {color:FFFFFF}

a.text:hover {color:CCCCCC}

.contactTable {width: auto !important;}

* html .contactTable, *html .userProfileURL {width: 294px !important;}

.contactTable td {padding: 0px; margin: 0px; text-align: center;  }

.contactTable span.whitetext12 { left: 0;}
* html .contactTable .whitetext12 {margin-left: 25px;}

.contactTable td table {  
	height:150px;
	background-color: transparent; 
	background-position: center; 
	background-repeat: no-repeat;     
	}

.contactTable a {padding: 0px; margin: 0px 5px 1px 0px; display: block; background-color: transparent;  }
.contactTable a { height: 30px; width: 134px;} 
.contactTable img { display:none; visibility:hidden;} 
.contactTable a img { 
	border: 0px;          
	display: block; 
	visibility: visible; 
	}  
               
.contactTable a img { width:120px; margin-top:6px; margin-left:8px;}
        
.nametext, .whitetext12, .orangetext15, .btext { 
	margin: 14px 0px 4px 0px; 
	width:auto; 
	display: block; 
}

* html .nametext, * html .whitetext12, * html table.userProfileURL strong { width:267px; }

.orangetext15, .btext {
	width:auto;
	}

table table table table .orangetext15 { margin-bottom:4px;}
	
* html .orangetext15, * html .btext	{ width:390px;}

table tr td table tr td table tr td div strong {display: block; width: 270px;}

.whitetext12 { margin-top:0;}
.blacktext12 { display: block;  margin-bottom:0px !important;}
.NOTES { content:"view all of your friend's link"; }

a.redlink:link {display: block; border-width: 3px 0px 0px 0px;  padding-top: 3px;}        
a.redlink:active, a.redlink:visited, a.redlink:link { display:inline; }

.NOTES { content:"firefox hack to make tables not to have a huge gap"; }
td.text {text-align:left;}

table table tr td {
	line-height:1.4em; 
}

table.userProfileURL strong { margin-top:-5px; margin-right:8px !important; }
table.userProfileURL { text-align:center;}     
table.userProfileURL table {margin-top:-7px;  margin-right:-5px;}   
 table table table.userProfileURL {padding-bottom:0;}
*html table table table.userProfileURL td {padding-bottom: 0;}

table.userProfileDetail .whitetext12, table.contactTable  .whitetext12{ margin-top:3px;}
table table table.blurbs span.orangetext15, table table table.friendSpace .orangetext15 { display:none; }  
table table table.blurbs table {margin-top:-18px;}   
table table table.blurbs table table { margin:0; width:auto !important; padding:0;}
table table table.blurbs table span.orangetext15 { display:block; margin-bottom:0px;}

table table table.extendedNetwork {  padding:0; }

table table table.extendedNetwork td { height:75px; padding:0;}

table table table.contactTable { padding:0;}
table table table.contactTable span.whitetext12{ display:none; }.contactTable .text {font-size:1px !important;}
table table table.contactTable td.text {height:0px !important}

.a {fix extended network border}   
table table td.text table { border-collapse:collapse; }

td.text table.blurbs,  
td.text table.latestBlogEntry,
td.text table.friendSpace, 
td.text table.friendsComments,
table table td.text table table,
table.friendSpace td.text table, 
table.friendsComments td.text table { border-collapse:separate; margin-top:0px; }

.a { ie fix } 
* html table table td.text table td { padding:0;} 
* html table table td.text table td table td { padding:0 !important;}  
* html td.text table.blurbs td,  
* html td.text table.latestBlogEntry td,
* html td.text table.friendSpace td, 
* html td.text table.friendsComments td,
* html table.friendSpace td.text table td, 
* html table.friendsComments td.text table td {
  padding: 0 12px 15px 12px; 
}       
div table {
  width:100%;  
}               
div table div, div table table { width:auto;}
body div table td form input.srchTextfld { width:auto !important; }
/* User Submit
==================================== */
body {
	background-color:e5e5e5 !important;
}

table table table {
  border-width: 3; 
  border-style: double; 
  border-color: 000305; 
  background-color:transparent; 
  background-image:url(http://i196.photobucket.com/albums/aa261/seabreeze_rr/blue_butterfly_wp.jpg);
  background-position:top center;

filter:alpha(opacity=82.55813953488372); 
  -moz-opacity:0.8255813953488372; 
  opacity:0.8255813953488372; 
  -khtml-opacity:0.8255813953488372;

}

table table table table {filter:none !important; opacity:1 !important; }  
                 
.NOTES { contact table if necessary }

.contactTable {

}

.contactTable td table {
  background-image: url(http://i196.photobucket.com/albums/aa261/seabreeze_rr/bf_ct.jpg);

}
   	 
.contactTable a img, .contactTable img { 
	visibility:  hidden; 
	}

.NOTES { Text Style }
                              
body, table table tr td, table table div, li, p, .redtext, .blacktext10, .text, a.text:link, a.text:visited, 
a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited,
.lightbluetext8, a, a:link, a:visited, a.redlink:link, div, font, a.navbar:link, a.navbar:visited
{
  color:000305;
  font-family:Georgia !important; 
  font-size:12;

}    
            
a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited { font-weight:normal;}
            
.NOTES { header colors and fonts }

.nametext, .whitetext12, .orangetext15, .btext, .redbtext, 	.blacktext12, table.userProfileURL strong {  
	margin: 14px 0px 4px 0px;  
  color:323232;  
  font-size:14; 
  font-family:Georgia;

font-weight:bold;

text-align: left;   
}

.whitetext12 { margin-top:0; }   
               
.NOTES { network graphic if necessary }

.a {fix extended network border}   
table table td.text table {

}

td.text table.blurbs,  
td.text table.latestBlogEntry,
td.text table.friendSpace, 
td.text table.friendsComments,
table.friendSpace,
table.friendsComments
{ 
  background-color:transparent; 
  background-image:url(http://i196.photobucket.com/albums/aa261/seabreeze_rr/blue_butterfly_wp.jpg); 
  background-position:top left;
  background-position:top center; 
  background-repeat:repeat;

filter:alpha(opacity=82.55813953488372); 
  -moz-opacity:0.8255813953488372; 
  opacity:0.8255813953488372; 
  -khtml-opacity:0.8255813953488372; 
  }

table table td.text table table,
table.friendSpace td.text table, 
table.friendsComments td.text table {
  background:transparent;
}

span.blacktext12 {

color:000305;  
  font-size:14; 
  font-family:Georgia;

text-align: center;      
  padding-top: 30;

}

.blacktext12 { text-align:center; margin-top:0px;}

.nametext, .whitetext12, .orangetext15, .btext, table.userProfileURL strong {   
	background-color:transparent;
  background-image:url(http://i196.photobucket.com/albums/aa261/seabreeze_rr/butterfly-4.gif);
  background-position:top right;
  background-repeat:no-repeat;
	border-width: 1; 
  border-style: double; 
  border-color: 0;

}
     
.nametext {   
  color:002B49;  
  font-size:16; 
  font-family:Georgia;

font-weight:bold;

background-color:transparent;
  background-image:url(http://i196.photobucket.com/albums/aa261/seabreeze_rr/gumb_150x200.jpg);
  background-position:bottom center;
  background-repeat:no-repeat;
 border-width: 1; 
 border-style: solid;

}        
 
.NOTES { details heading color }
.lightbluetext8 { 
  color:AFB6BC; 
  font-size:12; 
  font-family:Georgia;

font-weight:normal;

}

.NOTES { Link Style }
     
a, a:link, a:visited, a.redlink:link, a.redlink:visited, a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.text:hover {
  color:80C5F3;    
  font-size:12; 
  font-family:Arial, Helvetica, sans-serif;

font-weight:normal;

text-decoration:none;

}

a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.text:hover {

}

a:hover, a.redlink:hover, a.navbar:hover,  a.text:hover {
  color:989DA0;
  font-size:12; 
  font-family:Arial, Helvetica, sans-serif;

text-decoration:underline;

}

a.navbar:hover,  a.text:hover {

}

.NOTES { content:'make font smaller for friends comments box';}
a.navbar:link, a.navbar:visited, a.navbar:hover, a.text:link, a.text:visited, a.text:hover { font-weight:normal; font-size:9px;}

*html table table table { height: .01%; }     
     
.cc_banner {

filter:alpha(opacity=82.55813953488372); 
  -moz-opacity:0.8255813953488372; 
  opacity:0.8255813953488372; 
  -khtml-opacity:0.8255813953488372;

width:751px;

margin-left:-365px;

left:50%;
  position:absolute;   
  top:165px;
}

* html .cc_banner {
  width:751px;   
  margin-left:-365px; 
}

body table {

}

* html body table {

}

body td table, body div table {
margin-top: 0;
}

.nametext, .whitetext12, .orangetext15, .btext, table.userProfileURL strong {   
  padding-top: 52; 
	padding-right:0;
	padding-bottom:11;
	padding-left:11;
	padding-left: 11;
}

.nametext {   
  padding-top: 70; 
	padding-right:10;
	padding-bottom:70;

}

</style>

Layout Info:

Layout ID:	#107,912
Rating:	Rated 0/5 (0 Votes) 1 2 3 4 5
Bookmark:
Tell a Friend: