Made by: AnGella
CLICK on “Continue reading” below for code & Preview button!
Designer Comments:
Image from photobucket, was taken on the set for the Love You to Death video. Comment image from the end of the video. Animated by me.
CLICK on “Continue reading” below for code & Preview button!
NingTheme
body /*Background*/
{background:#000000 url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/GothicWallpaperGreen.png) bottom center repeat fixed;
color:#56edff;
font-family: Arial,Constantia, georgia, Helvetica, FreeSans, sans-serif;
font-size: 12px;
text-shadow: 0 2px 2px #072d5a;
}
.xg_theme #xg_themebody {
border-top: 0px;
}
.xg_module_foot a,
#xg_foot a:hover,
a:link, a:visited, a:active, .xg_lightfont {
font-family: Arial Black, arial,Constantia;
text-transform: uppercase;
font-size:12px !important;
font-weight:bold;
color: #4f6e0f;
text-shadow: 0 3px 3px #4f6e0f;
}
.xg_module_foot a:hover,
a:hover,
#xg_sitename a:hover
{color:#999999;
text-shadow: 0 3px 3px #999999;
}
#xn_bar input.text {
border:1px ridge #4f6e0f;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}
.module_user_thumbnail {
max-width:170px !important;
max-height:170px !important;
margin:5px;
}
.module_user_thumbnail, .xg_widget_profiles_profile_show .xg_3col .xg_1col img.photo {max-width:165px !important;max-height:165px !important; margin:3px;}
.input textarea, input.textfield:focus, input.password:focus, input.file:focus, textarea:focus, select:focus, select.quickpost, #xn_bar #xn_bar_menu_search_query, #xn_bar input.text{
background-color: #000000 !important; color: #4f6e0f; background-image:none; background-repeat: repeat; background-position: center center; background-attachment: scroll;
text-shadow: 0 1px 1px #999;
}
.input textarea:hover, select.quickpost:hover, #xn_bar #xn_bar_menu_search_query:hover {
background-color: #4f6e0f !important; color: #000000; background-image:none; background-repeat: repeat; background-position: center center; background-attachment: scroll;
font-weight:bold;
text-shadow: 0 1px 1px #999;
}
#xg_body /*Contents*/{
margin-top: -10px;
width: 800px !important;
background:#171f01 none top center repeat fixed !important;
font-family: Arial,Constantia, georgia, Helvetica, FreeSans, sans-serif;
padding: 10px 0px 0px 0px !important;
border-left: 3px solid #171f01 !important;
border-right: 3px solid #171f01 !important;
border-bottom: 3px solid #171f01 !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
box-shadow: 0 0 18px #4f6e0f;
}
#xg /*Wrap Background*/{
width: 805px !important;
background:transparent none !important;
border:none !important;
}
#xg_masthead /*Top Image*/{
margin: auto;
display: block;
width: 800px !important;
height:0px !important;
background: transparent none bottom center no-repeat scroll !important;
border-left: 3px solid #171f01 !important;
border-right: 3px solid #171f01 !important;
border-top: 3px solid #171f01 !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
padding: 0px !important;
}
#xg_sitename, #xg_sitedesc /*This covers up the sitename text*/
{display: none}
#xg_navigation /* Navbar*/,
#xg_navigation ul div.xg_subtab ul li a /*Subtab Font Properties*/{
margin: auto;
background-color: #171f01 !important;
background-image:none !important;
background-repeat: repeat;
background-attachment: scroll;
}
#xg_navigation{
height: 33px !important;
width: 800px !important;
overflow: hidden !important;
border-left: 3px solid #171f01 !important;
border-right: 3px solid #171f01 !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}
#xg_navigation li.this {
border-top: none !important;
}
#xg_navigation li {
border-right: none !important;
border-top: none !important;
}
#xg_navigation ul li a {
background-color: transparent !important;
border:1px solid transparent !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}
#xg_navigation ul li.this a,
#xg_navigation ul li a:hover, /*"This Page" highlight color*/
#xg_navigation ul div.xg_subtab ul li a /*Subtab Font Properties*/{
background-color: #000000 !important;
background-image:url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/GothicWallpaper.png) !important;
background-repeat: repeat-x !important;
background-attachment: scroll !important;
background-position: top center !important;
text-align: center !important;
color: #999999 !important;
border:1px solid #4f6e0f !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
box-shadow: 0 0 8px #4f6e0f;
}
#xg_navigation li.this a span,
#xg_navigation li a:hover span {
border-bottom: none !important;
}
#xg_navigation ul li a /*NavBar Font Properties*/{
color: #4f6e0f !important;
font-family: Arial Black, arial,Constantia !important;
text-transform: uppercase !important;
font-size:11px !important;
font-weight:bold !important;
text-shadow: 0 3px 3px #4f6e0f !important;
}
#xg_navigation ul div.xg_subtab ul li a:hover
{background-color: #000000 !important;
background-image:url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/GothicWallpaperGreen.png) !important;
background-repeat: repeat-x !important;
background-attachment: scroll !important;
background-position: center !important;
color: #4f6e0f !important;
border:2px solid #4f6e0f !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
box-shadow: 0 0 8px #4f6e0f !important;
text-shadow: 0 3px 3px #000000 !important;}
#xg_foot a{
color: #4f6e0f !important;
text-shadow: 0 3px 3px #000;
}
#xg_foot,
.xj_submit,
.xg_module_foot,
.xg_module_head /*Bg of headers*/{
background-color: #000000 !important;
background-image:url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/GothicWallpaper.png) !important;
background-repeat: repeat-x !important;
background-attachment: scroll !important;
background-position: center !important;
border:0px solid #4f6e0f !important;
border-bottom:1px solid #4f6e0f !important;
padding: 8px !important;
}
.xg_module_head h2 /*Header Text*/{
width: 100%;
font-family: Arial Black, arial,Constantia !important;
text-transform: uppercase !important;
text-align: center !important;
color:#4f6e0f !important;
font-size:12px !important;
font-weight: bold !important;
text-shadow: 0 3px 3px #4f6e0f;}
.xg_module_body{
background-color: transparent !important;
color: #999999 !important;
border: none !important;
}
.xg_module{
background: #000000 none top center repeat scroll !important;
border:1px solid #4f6e0f !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}
#xn_bar /*Ning bar at top*/{
background:transparent !important;
color:#4f6e0f !important;
}
.xg_status .input-container {
background-color: #000000 !important;
font-size:14px;
font-weight:bold;
color: #4f6e0f !important;
border:1px solid #4f6e0f !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 0 8px #4f6e0f;
}
.status-bar .input-container {
background: transparent !important;
border: none;
}
.feed-story .feed-story-body{
background-color: #171f01;
margin; 5px;
overflow: hidden;
color: #999999;
text-shadow: 0 3px 3px #000;
border:1px solid #4f6e0f;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 0 8px #4f6e0f;
}
.xg_widget_profiles_profile_show .xg_2col h1{
margin-left: -8px;
margin-right: -4px;
height: 635px;
padding-top: 10px !important;
background-color: #000000;
background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Music/SteeleCandleAnimated2-1.gif);
background-position: bottom center;
background-repeat: no-repeat;
font-family: Arial Black, arial,Constantia;
text-transform: uppercase;
text-indent: 5px;
font-size:16px !important;
text-align: center;
font-weight:bold;
color: #4f6e0f;
text-shadow: 0 3px 3px #4f6e0f;
border:0px solid #4f6e0f;
margin: auto;
}
textarea#xg_profiles_chatterwall_post_comment /*Width has changed to 530px*/{
margin-top: 15px !important;
height: 265px !important;
width: 380px;
background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Music/SteeleCandleLogAnimated-1.gif) !important;
font-family: Arial !important;
color: #ffffff !important;
font-weight: bold;
font-size: 25px !important;
background-color: transparent !important;
background-repeat: no-repeat !important;
background-position: bottom right !important;
}
.texteditor textarea {
border: none !important;
}
/*Start Changing BGComment by Sora */
#xg_profiles_chatterwall_post_comment_ifr {
margin-top: 15px !important;
opacity: 0.5;
filter:alpha(opacity=50);
height: 265px !important;
}
td.mceIframeContainer.mceFirst.mceLast {
background: #000000 url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Music/SteeleCandleLogAnimated-1.gif) bottom right no-repeat scroll !important;
height: 265px !important; }
/*ENd Code by Sora*/
#xg_foot,
#xg_footcontent{
margin: auto;
width: 780px !important;
border: none !important;
}
#xn_bar /*Ning bar Changed Width*/{
width: 795px !important;
margin: auto;
}
/*Start Account Links*/
.account-links {
padding-top: 160px;
background: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Music/TONLogAnimated2.gif) top center no-repeat scroll !important;
text-align: right;
}
.xg_widget_profiles_profile .xg_3col .xg_1col img,
.xg_widget_profiles_like .xg_3col .xg_1col img {
max-width: 155px;
}
.html_editor_toolbar defaultSkin,
.xg_module_comment_wall #xg_profiles_chatterwall_post .texteditor{
width: 385px !important;
}
.defaultSkin span.mceIcon,
.defaultSkin img.mceIcon,
.defaultSkin .mceButton {
height: 15px !important;
width: 15px !important;
}
.xg_span-5 {
width: 180px !important;
}
.xg_ad {
width: 800px;
}
.xg_2col .feed-timestamp {
left:300px;
top:4px;
}
.xg_widget_profiles_profile_show .xg_3col .xg_2col .xg_reset img {
max-width:323px;
}
.xg_widget_profiles_profile_show .xg_3col .xg_2col .comment img {
max-width:295px;
}
.xg_widget_profiles_profile_show .xg_3col .xg_2col .blogpost img {
max-width:323px;
}
.xg_widget_profiles_profile_show .xg_3col .xg_2col img {
max-width:323px;
}
.xg_widget_profiles .xg_2col .module_groups .clist li{
margin: 2px
}
.xg_span-14,
.xg_span-16{
width: 600px;
margin-left: 7px;
}
xg_3col first-child{
width: 775px;
}
xg_colgroup last-child{
width: 775px;
}
.xg_colgroup .first-child {
width: 600px;
margin-right: 5px !important;
}
.xg_widget_profiles_profile_show .xg_3col .xg_2col, .xg_widget_profiles_profile_apps .xg_3col .xg_2col {
padding:0 5px;
width:400px !important;
margin-right: 2px;
overflow: hidden;
}
#xg_layout_column_1 {
margin-right: 5px;
width:183px;
overflow: hidden
}
.xg_last, .last-child {
margin: 0px;
}
.xg_span-4,
.xg_span-7{
width: 185px;
display:inline;
overflow: hidden;
margin-left: -6px;
}
.xg_2col .feed-timestamp {
left:300px;
top:4px;
}
embed.xg_slideshow {
max-width: 380px ! important
}
.input textarea {
width:250px;
}
.module_about a.button {
margin:0 0 5px;
text-align:center;
white-space:normal;
width:143px;
}
#xg_head {
width: 805px !important;
margin: auto;
border: none !important;
}
Designer Comments:
Image from photobucket, was taken on the set for the Love You to Death video. Comment image from the end of the video. Animated by me.
About time you posted this ..I just love it you have done such a great job. Love the effects.. 🙂
You have out done your self on this one LOVE IT!!!!
Awesome and great job on the animation:}