Stars Hearts Butterfly

Full animation
Download here or copy text below

/*Design by aDy*/<br />/*http://www.digli-layouts.co.cc*/<br /><br /><br />/* GLOBAL STYLES */<br />body {<br />background: url(http://www34.indowebster.com/e4fe1587fbb427bae538c5bfad6add19.gif)#000000;<br />background-attachment:fixed;<br />background-position:center;<br /><br />/* scrollbar colours */<br />scrollbar-face-color: #212121;<br />scrollbar-highlight-color: #404040;<br />scrollbar-shadow-color: #000000;<br />scrollbar-3dlight-color: #616161;<br />scrollbar-arrow-color: #A1A1A1;<br />scrollbar-track-color: #000000;<br />scrollbar-darkshadow-color: #000000;<br />padding-top: 16px; /* distance between top of page and content */<br />padding-bottom: 20px; /* distance between bottom of page and content */<br />}<br /><br />body:hover{<br />/*background: url(http://www4.indowebster.com/ff44f73e595664a1016f56f7c70e91aa.png)#3B0000 repeat-x;<br />background-attachment:scroll;<br />background-position:top;*/<br /><br />}<br />a,a:link,a:visited,a:active,a:hover {<br /> cursor:url("http://digli.com/images/smiley/hero.gif"),default;<br />}<br />body {<br />cursor:crosshair;<br />}<br />a,a:link,a:visited,a:active,a:hover {<br />cursor: move;<br />}<br />/* Top Menu Links */<br />a.top_menu_item:link { color:#FFFFFF; text-decoration: none; }<br />a.top_menu_item:visited { color: #FFFFFF; text-decoration: none; }<br />a.top_menu_item:hover { color: #FFFFFF; text-decoration: underline; }<br /><br />/* LOGGED IN Menu Links */<br />a.menu_item:link { color: #FFFFFF; text-decoration: none; }<br />a.menu_item:visited { color: #FFFFFF; text-decoration: none; }<br />a.menu_item:hover { color: #FFFFFF; text-decoration: underline; }<br /><br />/* Global Links */<br />a:link { color: white; text-decoration: none;}<br />a:visited { color: white; text-decoration: none; }<br />a:hover { color: white; text-decoration: underline;}<br /><br />/* Content Box */<br />td.content {<br />background: transparent;<br />background-position:bottom right;<br />/* distance between outer borders and content box */<br />border:0px solid #000000;<br />padding-top: 0px;<br />padding-right: 0px;<br />padding-left: 0px;<br />padding-bottom: 0px;<br /><br />}<br /><br />/* Applies to most interior content */<br />div, td {<br />background:transparent;<br />background-position:center;<br />font-family: Candara; /* almost global font */<br />font-size: 14px;<br />color: white;<br />font-weight:bolder;<br />padding: 1px; /* distance between global element borders and their content */<br />line-height: 140%; /* distance between lines of text */<br />text-align:justify;<br /><br />}<br /><br />div, td:hover{<br /> /*background:url(http://i191.photobucket.com/albums/z208/tamakianddillon/emo_girl.jpg)#000000 no-repeat;<br /> background-position:bottom left;*/<br />}<br /><br /><br />/* TOP Menu */<br />td.topbar2, td.topbar2_right {<br />/*border-top:0px;<br />border-left:0px;<br />border-right:0px;<br />border-bottom:3px;<br />border-style:dashed;<br />border-color:black;*/<br />background: url(http://www.digli.com/uploads_user/1000/323/10543.jpg);<br /><br />font-weight: bold;<br />font-size: 16px;<br />padding: 10px 8px 10px 8px;<br />color: #FFFFFF;<br />}<br /><br />td.topbar2:hover, td.topbar2_right:hover{<br />/*border-top:0px;<br />border-left:0px;<br />border-right:0px;<br />border-bottom:3px;<br />border-style:dashed;<br />border-color:blue;*/<br />}<br /><br />/* User Logged In Menu */<br />td.menu {<br /><br />background:transparent;<br />border-top:0px;<br />border-left:0px;<br />border-right:0px;<br />border-bottom:3px;<br />border-style:dashed;<br />border-color:black;<br />padding-top:10px;<br />text-align:center;<br />}<br /><br />td.menu:hover{<br />border-top:0px;<br />border-left:0px;<br />border-right:0px;<br />border-bottom:3px;<br />border-style:dashed;<br />border-color:blue;<br />text-align:center;<br />}<br /><br />/* User Logged in Menu Items */<br />td.menu_item {<br />background:transparent;<br />padding-top: 0px;<br />padding-right: 6px;<br />padding-bottom: 0px;<br />padding-left: 6px;<br />font-size: 11px;<br />font-weight: bold;<br />font-family: arial;<br />background-position: bottom;<br />text-align:center;<br />}<br /><br /><br /><br />/* User Logged in Menu Shadows */<br />td.shadow {<br />background: none;<br />visibility:hidden;<br />text-align:center;<br />}<br /><br />td.shadow img {<br />display: none;<br />visibility:hidden;<br />}<br /><br />/* Yourname's profile Bar */<br />div.page_header {<br />font-size: 30px;<br />font-family:Century Gothic;<br /> font-weight: regular;<br /> color: silver;<br /> /*background:url(http://images.cooltext.com/509273.gif)no-repeat;*/<br /> background-position:center;<br /> margin-bottom: 0px;<br /> padding-top: 0px;<br /> padding-left: 6px;<br /> height:50px;<br /> text-align:right;<br />}<br /><br />/* Global Headers - Titles */<br />td.header {<br />padding: 4px 6px 4px 4px;<br />border: 0px solid #666666;<br />/*border-bottom: none;*/<br />font-family:Century;<br />font-size:18;<br />font-weight: bold;<br />text-decoration:overline;<br />background: url(http://www.digli.com/uploads_user/1000/323/10543.jpg);<br />color: silver;<br />text-align:center;<br />}<br /><br />/* PROFILE STYLES */<br /><br />/* Profile Box */<br />td.profile {<br />background: transparent;<br />border-top: 0px;<br />border-left:1px;<br />border-right:1px;<br />border-bottom:1px; /* adjust the width for styling of content borders */<br />border-color: white;<br />border-style: solid;<br />margin-bottom: 0px;<br />/* padding values to vary the distance between interior element borders and their content */<br />padding-top: 12px;<br />padding-right: 22px;<br />padding-bottom: 12px;<br />padding-left: 22px;<br />}<br /><br />td.profile:hover{<br />background:url(http://www36.indowebster.com/c6692f2c3809801a8ae413edd54d84ce.gif);<br />background-position:top;<br />opacity:0.7;<br />border-top: 0px;<br />border-left:2px;<br />border-right:2px;<br />border-bottom:2px; /* adjust the width for styling of content borders */<br />border-color: blue;<br />border-style: dashed;<br />}<br /><br />/* Recent Activity */<br />div.profile_action {<br />border-bottom-width: 1px;<br /><br /><br />border-bottom-style: dashed;<br />border-bottom-color: silver;<br />font-size: 14px;<br />}<br /><br />div.profile_action:hover {<br />border-bottom-width: 2px;<br />border-bottom-style: dashed;<br />border-bottom-color: silver;<br />}<br /><br />/* Profile Photo */<br />td.profile_photo {<br />/*border: 2px dashed blue;*/<br />padding: 4px;<br />background-color: #555555;<br />border:2px;<br />border-color: blue;<br />border-style: dashed;<br />}<br /><br />img.photo {<br /><br />border: 2px;<br />border-color: blue;<br />border-style: dashed;<br />}<br /><br />/* Menu Options (below your profile image) */<br />table.profile_menu {<br />opacity:0px; <br />border: 0px;<br />font-size:16px;<br />}<br /> <br />td.profile_menu1 a {<br />background:url(http://www.digli.com/uploads_user/1000/323/10543.jpg);<br />border: 0px solid orange;<br />padding: 5px 5px 5px 7px;<br />font-size: 16px;<br />font-weight: regular;<br />}<br /> <br />td.profile_menu1 a:hover {<br /><br />color: #FFFFFF;<br />font-weight: bold;<br />border:2px dashed #000000;<br />background:lightblue;<br />}<br /><br />/* Comments Section */<br />td.profile_viewcomments_postcomment {<br />padding: 1px;<br />color: #cccccc;<br />border: 0px solid #CCCCCC;<br />background: transparent;<br />}<br /><br />td.profile_postcomment {<br />padding: 18px;<br />border: 0px dashed orange;<br />border-bottom: 2px solid silver;<br />background:transparent;<br />text-align:center;<br />}<br /><br />/*td.profile_postcomment:hover{<br />background:transparent;<br />}*/<br />td.profile_postcomment:hover{<br />border:0px;<br />border-bottom: 1px dashed #9ED738;<br />}<br /><br />td.profile_comment_author {<br />padding: 5px 7px 5px 7px;<br />background:transparent;<br />border:0px;<br />border-bottom:2px;<br />border-style:dashed;<br />boder-color:silver;<br /><br />}<br /><br />textarea {<br />color: Maroon;<br />height:270px;<br />background:#FFFFFF;<br />background-position:center;<br />border: 3px dashed blue;<br />padding: 12px;<br />font-family:candara;<br />font-size: 20px;<br />text-align:center;<br />text-decoration:overline;<br />opacity:0.7;<br />}<br /><br />textarea:hover{<br />background:url(./profile_css/images/ellie_angel/trans_bg.png);<br />background-position:center;<br />}<br />img.signup_code {<br />background: #ffffff;<br />padding: 0px;<br />border-width: 2px;<br />border-color: #000000;<br />}<br /><br />#dhtmltooltip {<br />background: #555555;<br />border: 1px solid #AAAAAA;<br />}<br /><br />/* Events Section */<br />div.profile_event_spacer {<br />border-top: 2px solid #555555;<br />margin: 0px 0px 0px 0px;<br />padding: 4px;<br />}<br />td.profile_event_popup_title {<br />font-size: 11pt;<br />vertical-align: bottom;<br />font-weight: bold;<br />padding: 10px;<br />}<br /><br />td.profile_event_popup2 {<br />background: #ffffff;<br />width: 640px;<br />padding: 8px;<br />}<br /><br />td.profile_event_transparent {<br />background: #000000;<br />opacity: 0.5;<br />filter: alpha(opacity=20);<br />-moz-opacity: 0.2;<br />}<br />/* FOOTER */<br />td.footer {<br />background:none;<br />color: white;<br />border:0px;<br />border-bottom:2px;<br />border-style:dashed;<br />border-color:black;<br />font-size:16px;<br />opacity:0px;<br />text-align:center;<br />} <br /><br />td.footer:hover{<br />background:url(http://www.digli.com/uploads_user/1000/323/10543.jpg);<br />border:0px;<br />border-bottom:2px;<br />border-style:dashed;<br />border-color:blue;<br />font-size:16px;<br />}