body /*Background*/{
background-color: #000000;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/2011/Halloween/Karma_Reaper/691x691bg3_2_r_2.png");
background-position: top right;
background-repeat: repeat:no-repeat;
background-attachment: fixed;
color: #ffffff; font-family: kristen itc;}
a:link, a:visited, a:active {font-family: kristen itc; color: #cd0000; text-decoration: none; font-size: 15px}
a:hover {color: #ffffff; text-decoration: underline; font-size: 15px}
h1 {font-family: kristen itc; font-size: 25px }
h2 {font-family: kristen itc; color: #ffffff; font-size: 20px}
.xg_lightfont {color: #ffffff;}
.xg_lightborder {border-style: solid; border-color: #5d5d5d}
#xg_body /*Contents*/{
width: 785px;
background-color: #000000 !important; background-image:none; background-repeat: repeat; background-attachment: fixed;
color: #ffffff; font-size:100%}
#xg /*Head Background*/{
margin: auto;
width: 800px;
background-color: #000000;
background-image: url("none");
background-repeat: repeat;
background-position: center center;
background-attachment: fixed;
border: solid 3px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
border-color: #5d5d5d;
}
#xg_masthead /*Top Image*/
{display: block;
height: 825px;
width: 800px;
background-color: transparent;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/2011/Halloween/Karma_Reaper/800x725.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: -800px;
width: 800px !important;
height: 47px;
overflow: hidden !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 , #000000, #5d5d5d) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#000000), to(#5d5d5d));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#5d5d5d');
border: solid 1px #5d5d5d;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
box-shadow: inset 0 0 8px #ffffff;
}
#xg_navigation /* Navbar*/,
#xg_navigation ul div.xg_subtab ul li a /*Subtab Font Properties*/
{background-color: transparent;
background-image:none; background-repeat: repeat; background-attachment: scroll;
color: #ffffff !important}
#xg_navigation ul li a /*NavBar Font Properties*/
{background-color:transparent; font-family:kristen itc; font-size:12px; color: #ffffff; font-weight:bold}
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 , #5d5d5d, #000000) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#5d5d5d), to(#000000));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d5d5d',endColorstr='#000000');
border: 1px solid #5d5d5d;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
color: #ffffff !important;
box-shadow: inset 0 0 8px #ffffff;
}
#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
{background-color: transparent;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/2011/Halloween/Karma_Reaper/52x20nbh.png");
Background-repeat: no-repeat;
background-position: center;
padding-bottom: 30px;
color: #cd0000 !important;
}
.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 , #000000, #5d5d5d) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#000000), to(#5d5d5d));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#5d5d5d'); background-repeat: repeat-x; background-attachment: scroll; background-position: top right;
border: solid 1px #5d5d5d;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
color: #ffffff !important;
box-shadow: inset 0 0 8px #ffffff;
}
.xg_module_head h2 {color: #ffffff; font-size: 18px; font-weight: normal}
.module_about a.button {
width: 185px
}
.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 , #000000, #5d5d5d) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#000000), to(#5d5d5d));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#5d5d5d');
background-attachment: scroll; font-family: kristen itc; color: #ffffff;
border: solid 1px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px; border-color: #5d5d5d;
box-shadow: inset 0 0 8px #ffffff;}
.xg_module_foot /*Bg of footers*/
{background:-moz-linear-gradient(center top , #000000, #5d5d5d) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#000000), to(#5d5d5d));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#5d5d5d'); background-repeat: no repeat;
background-attachment: scroll;
background-position: right bottom;
padding-bottom: 25px;
border: solid 1px #5d5d5d;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
box-shadow: inset 0 0 8px #ffffff;
color: #ffffff; }
.xg_module_foot a
{color: #ffffff;
background-image: url("none"); background-repeat: repeat; background-attachment: scroll; background-position: right bottom;
padding-bottom: 25px;
font-family: kristen itc}
.xg_module_foot a:hover {
color: #cd0000;
}
#xn_bar /*Ning bar at top*/{
display: block;
height: 100px;
background:-moz-linear-gradient(center top , #000000, #5d5d5d) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#000000), to(#5d5d5d));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#5d5d5d'); background-repeat: repeat-x; color: #ffffff !important; font-family: kristen itc; border-bottom: solid 3px #000000; box-shadow: inset 0 0 8px #ffffff; }
#xg_foot /* Ning Footer*/{
width: 780px;
background-color: transparent !important; background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Footer-2.png); background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
color: #ffffff;
font-family: kristen itc;
font-size: 8px;}
textarea#xg_profiles_chatterwall_post_comment
{height:380px !important;
width:380px;
background:#000000 url(http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/2011/Halloween/Karma_Reaper/380x380wm.png) center no-repeat scroll;
color:#ffffff !important;
font-family: kristen itc;
font-weight: bold;
font-size: 125%;
box-shadow: inset 0 0 8px #ffffff;
text-shadow: 0 1px 1px #ffffff;
}
/*Start Changing BGComment by Sora */
#xg_profiles_chatterwall_post_comment_ifr {
opacity: 0.5;
filter:alpha(opacity=50);
height: 380px !important;
}
td.mceIframeContainer.mceFirst.mceLast {
background: #2a0f0e url(http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/2011/Halloween/Karma_Reaper/380x380wm.png) top left no-repeat fixed;
height: 380px; }
/*ENd Code by Sora*/
.html_editor_toolbar defaultSkin,
.xg_module_comment_wall #xg_profiles_chatterwall_post .texteditor {
width: 380px !important;
}
#xg_profiles_chatterwall_post_comment, #xg_profiles_chatterwall_post_comment_ifr{ margin-top: 14px !important;
}
.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-16{width: 600px}
xg_3col first-child
{width: 775px}
xg_colgroup last-child
{width: 775px}
.xg_colgroup .first-child
{width: 600px;
margin:0px}
.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_widget_profiles_profile .xg_3col .xg_1col {
width:183px;
overflow: hidden
}
.xg_last, .last-child {
margin: 0px;
}
.xg_span-4{
width: 175px;
display:inline;
overflow: hidden
}
.xg_2col .feed-timestamp {
left:300px;
top:4px;
}
.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:155px;}
#xj_baz17246 /*The code for the side image was written by
[email protected] This attribution must not be removed for legal purposes*/
{background:url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/2011/Halloween/Karma_Reaper/315x308siwm.png"); top left no-repeat; width:315px; height:308px; position:fixed; bottom:30px; left:0px }
/*Start Welcome*/
.xg_widget_profiles_profile_show .xg_2col h1 {
height: 200px;
background-color: #transparent !important;
background-image: url(http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/2011/Halloween/Karma_Reaper/402x200wel3.png);
background-repeat: no-repeat;
background-position: bottom center;
background-attachment: scroll;
border: 2px #5d5d5d solid;
font-family: kristen itc;
color: #cd0000 !important;
font-size: 12px;
text-align: center;
} /*End
[email protected] SkemaholicsAnonymous.com*/
.xg_ad { width: 800px; }
I made this layout with scraps from designsbyvaybs.blogspot, KSRTD and lacarolitasdesignz.blogspot. If I missed someone please let me know so I can add it to my credits. I made the layout's banner, comment box and headers with PDN/PSP. This layout was made to be used on individual Ning profiles. No other website has my permission to host this layout or the images used in the layout.