Trick-or-Treat

Layout Made by: WTLayouts

CLICK on “MORE” below for code & Preview button!

Click Button Below for Preview!

body /*Background*/{ 
background-color: #000000; 
background-image: url(http://i163.photobucket.com/albums/t297/wt317/2010/101360_SNM_09252010_SteampunkHalloweenBG.png); 
background-position: center; 
background-repeat: repeat; 
background-attachment: fixed; 
color: #555555; font-family: Arial, Helvetica, FreeSans, sans-serif;}
a:link, a:visited, a:active {font-family: Arial, Garamond, Verdana, Helvetica; color: #ffffff; text-decoration: none; font-size: 15px} 
a:hover {color: #000000; text-decoration: underline; font-size: 15px} 
h1 {font-family: Arial, Garamond, Verdana, Helvetica; font-size: 25px } 
h2 {font-family: Arial, Garamond, Verdana, Helvetica; color: #ffffff;; font-size: 20px}
.xg_lightfont {color: #ffffff;} 
.xg_lightborder {border-style: solid; border-color: #000000}
#xg_body /*Contents*/{ 
width: 955px; 
background-color: transparent !important; background-image:none; background-repeat: repeat; background-attachment: fixed; 
color: #000000; font-size:100%}
#xg /*Head Background*/{ 
margin: auto; 
width: 955px; 
background-color: transparent; 
background-image: url(http://i163.photobucket.com/albums/t297/wt317/Semi-transparent/black70.png); 
background-repeat: repeat; 
background-position: center center; 
background-attachment: fixed; 
border: solid 4px; 
-moz-border-radius-topleft:7px; 
-moz-border-radius-topright:7px; 
-moz-border-radius-bottomleft:7px; 
-moz-border-radius-bottomright:7px; 
border-color: #000000 }
#xg_masthead /*Top Image*/ 
{display: block; 
height: 688px; 
width: 955px; 
background-color: transparent; 
background-image: url(http://i163.photobucket.com/albums/t297/wt317/2010/101360_SNM_09252010_SteampunkHalloween-1.png); 
background-repeat: no-repeat; 
background-position: bottom center}
#xg_sitename, #xg_sitedesc /*This covers up the sitename text*/ 
{display: none}
#xg_navigation /* Navbar*/{ 
margin-top: -685px; 
width: 800px; 
}
#xg_navigation ul div.xg_subtab ul li { 
text-align: center !important; 
}
#xg_navigation, 
#xn_bar { 
position: fixed; 
z-index: 50; 
}
a.button, button, input.button, 
.input textarea:hover, select.quickpost:hover, #xn_bar #xn_bar_menu_search_query:hover{ 
background:-moz-linear-gradient(center top , #2A0D00, #552D00) repeat scroll 0 0 transparent; 
background:-webkit-gradient(linear, left top, left bottom, from(#2A0D00), to(#552D00)); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#2A0D00′,endColorstr=’#552D00′); 
border: ridge 1px #000000; 
-moz-border-radius-topleft:7px; 
-moz-border-radius-topright:7px; 
-moz-border-radius-bottomleft:7px; 
-moz-border-radius-bottomright:7px; 
}
#xg_navigation /* Navbar*/, 
#xg_navigation ul div.xg_subtab ul li a /*Subtab Font Properties*/{ 
border: 0px ridge #000000; 
-moz-border-radius-bottomleft:5px; 
-moz-border-radius-bottomright:5px; 
color: #ffffff !important; 
}
#xg_navigation ul div.xg_subtab ul li { 
margin-left: -250px; 
width: 100px; 
}
#xg_navigation ul div.xg_subtab ul{ 
margin-top: -40px; 
}
#xg_navigation ul li a /*NavBar Font Properties*/ 
{font-family:Tempus Sans ITC, Constantia, Georgia, Helvetica, FreeSans, Arial, sans-serif; 
font-size:12px!important; 
color: #ffffff !important; 
font-weight: bold;}
#xg_navigation ul li.this a, 
#xg_navigation ul li a:hover /*”This Page” highlight color*/{ 
background-color: transparent; 
background-image: url(none); 
Background-repeat: no-repeat; 
background-position: center; 
padding-bottom: 35px; 
color: #ffffff !important; 
}
#xg_navigation ul div.xg_subtab ul li a:hover{ 
background-color: #2A0D00; 
background-image: none; 
Background-repeat: no-repeat; 
background-position: center; 
color: #666666 !important; 
}
a.button:hover, button:hover, input.button:hover, 
.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:-moz-linear-gradient(center top , #552D00, #2A0D00) repeat scroll 0 0 transparent; 
background:-webkit-gradient(linear, left top, left bottom, from(#552D00)), to(#2A0D00); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#552D00′,endColorstr=’#2A0D00′); 
border: 1px ridge #ffffff; 
-moz-border-radius-topleft:5px; 
-moz-border-radius-topright:5px; 
-moz-border-radius-bottomleft:5px; 
-moz-border-radius-bottomright:5px; 
color: #ffffff !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:hover
.xg_widget_profiles_profile_show .xg_3col .xg_2col .blogpost img, 
.xg_widget_profiles_profile_show .xg_3col .xg_2col img { 
max-width: 475px; 
}
.xg_module_head /*Bg of headers*/ 
{background:-moz-linear-gradient(center top , #2A0D00, #552D00) repeat scroll 0 0 transparent; 
background:-webkit-gradient(linear, left top, left bottom, from(#2A0D00), to(#552D00)); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#2A0D00′,endColorstr=’#552D00′); background-repeat: repeat-x; background-attachment: scroll; background-position: top right; 
border: solid 2px #000000; 
-moz-border-radius-topleft:7px; 
-moz-border-radius-topright:7px; 
-moz-border-radius-bottomleft:7px; 
-moz-border-radius-bottomright:7px; 
color: #000000; 
}
.xg_module_head h2 {color: #000000; font-size: 18px; font-weight: normal}
.module_about a.button { 
width: 145px 
}
.xg_widget_profiles_profile_show .xg_2col h1 { 
text-align: center; 
}
.status-bar, 
.xg_widget_profiles_profile_show .xg_2col h1, 
.xg_module_body{ 
background:-moz-linear-gradient(center top , #552D00, #2A0D00) repeat scroll 0 0 transparent; 
background:-webkit-gradient(linear, left top, left bottom, from(#552D00)), to(#2A0D00); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#552D00′,endColorstr=’#2A0D00′); 
background-attachment: scroll; font-family: Arial; color: #000000; 
border: solid 2px; 
-moz-border-radius-topleft:7px; 
-moz-border-radius-topright:7px; 
-moz-border-radius-bottomleft:7px; 
-moz-border-radius-bottomright:7px; border-color: #000000}
.xg_module_foot /*Bg of footers*/ 
{background:-moz-linear-gradient(center top , #2A0D00, #552D00) repeat scroll 0 0 transparent; 
background:-webkit-gradient(linear, left top, left bottom, from(#2A0D00), to(#552D00)); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#2A0D00′,endColorstr=’#552D00′); 
Background-repeat: no-repeat; 
background-position: center; 
padding-bottom: 35px; 
border: solid 2px #000000; 
-moz-border-radius-topleft:7px; 
-moz-border-radius-topright:7px; 
-moz-border-radius-bottomleft:7px; 
-moz-border-radius-bottomright:7px; 
color: #000000; }
.xg_module_foot a 
{color: #000000; 
background-image: url(none); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; 
padding-bottom: 35px; 
font-family: Arial, Garamond, Verdana, Helvetica, arial}
.xg_module_foot a:hover { 
color: #ffffff; 
}
#xn_bar /*Ning bar at top*/{ 
display: block; 
height: 35px; 
background:-moz-linear-gradient(center top , #2A0D00, #552D00) repeat scroll 0 0 transparent; 
background:-webkit-gradient(linear, left top, left bottom, from(#2A0D00), to(#552D00)); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#2A0D00′,endColorstr=’#552D00′); background-repeat: repeat-x; color: #000000 !important; font-family: Arial, Garamond, Verdana, Helvetica, arial; border-bottom: solid 4px #000000; }
#xg_foot /* Ning Footer*/{ 
width: 98%; 
background-color: transparent !important; background-image: url(http://i163.photobucket.com/albums/t297/wt317/Bars/WT-gray-bar.png); background-repeat: repeat-x; 
background-attachment: scroll; 
background-position: top center; 
color: #b0b7c8; 
font-family: Arial, Garamond, Verdana, Helvetica, arial; 
font-size: 8px;}
textarea#xg_profiles_chatterwall_post_comment 
{height:240px; 
width:380px; 
background:#000000 url(none) center no-repeat scroll; 
color:#FFFFFF; 
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif; 
font-weight: bold; 
font-size: 125%;}
.input button { 
bottom:0; 
left:275px; 
margin-right:0; 
max-width:110px; 
overflow:hidden; 
padding:0.35em 0.5em 0.4em; 
position:absolute; 
}
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;}

Designer comments:

Images by our own awesome Member and new designer Susan NM !!! show her some love

Add to favorites

2 thoughts on “Trick-or-Treat”

Diamond September 26, 2010 at 9:37 AM

fab job! i love how you have the navbar so thin at the top…still working on that 🙁
AnGella October 27, 2010 at 4:24 PM

That is one hell of an image! Love the co operation. 😀

Skemaholics Anonymous

Layouts for Myspace and Ning

2 thoughts on “Trick-or-Treat”

Leave a Reply Cancel reply