Made by: Barbara Mc
CLICK on “Continue reading” below for code & Preview button!
Designer Comments:
Re-Post to update coding: I made this layout with a cool tag by Michelle. Thank you Michelle:} I animated the layout's banner, and made the bg, comment box and headers with PDN/PSP/Animation Shop. 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.
CLICK on “Continue reading” below for code & Preview button!
NingTheme
/*Layout Generated @ http://SkemaholicsAnonymous.com*/
.xg_widget_profiles_profile_show .xg_2col h1 {background-color:#131313 !important; background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/hallo/2010/hallo_2_fright_night/200x200nb1.png"); background-repeat: repeat; background-attachment: fixed; font-family: kristen itc; color: #636363 !
important; font-size:20px;
border: solid 1px; border-color: #ffffff;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px; }
#xg_navigation /* Navbar*/ {margin: 0}
.status-bar {background-color:#939192 !important; color: #000000 !important;
font-family: kristen itc; font-size: 130%; border: solid 2px; border-color: #000000 !important;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;}
body /*Background*/
{background:#131313 url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/hallo/2010/hallo_2_fright_night/68x414bg.png") center repeat fixed;
color:#000000;
font-family: kristen itc;}
a:link, a:visited, a:active
{font-family:kristen itc;
color:#ffffff;
font-size:12px;
font-weight: bold;}
a:hover
{color:#000000;
font-size:12px;}
.xg_lightborder {border-style: solid; border-color: #000000 !important}
.profile dl {background-color: transparent; background-image: url("none"); background-repeat: repeat; background-position: center}
#xg_body /*Contents*/
{width: 785px; background:#131313 url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/hallo/2010/hallo_2_fright_night/800x1000tbbg.jpg") center repeat fixed;
color:#000000;
padding-right:5px}
#xg /*Wrap Background*/
{width: 800px; background:#transparent url(none) top left repeat fixed;
border:1px solid #ffffff;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px}
#xg_masthead /*Top Image*/
{margin: auto;
display: block;
height:533px;
width: 800px;
background:transparent url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/hallo/2010/hallo_2_fright_night/800x533wmani2.gif") center no-repeat scroll;}
#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: 0;
background:#131313 url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/hallo/2010/hallo_2_fright_night/200x200nb1.png") top center repeat scroll;
border: solid 1px; border-color: #ffffff !important;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
#xg_navigation ul li a /*NavBar Font Properties*/
{font-family: kristen itc;
font-size:12px!important;
color:#636363 !important;
font-weight: bold;}
#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:#636363 url("none") repeat center scroll;
color:#ffffff !important;
font-weight:bold;
border: solid 1px; border-color: #000000 !important;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px}
.xg_module_head /*Bg of headers*/
{background:#131313 url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/hallo/2010/hallo_2_fright_night/200x200nb1.png") center repeat scroll;
border:1px solid #ffffff;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px}
.xg_module_head h2 /*Header Text*/
{font-family:kristen itc;
color:#636363;
font-size:12px;
font-weight: bold;}
.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_colgroup first-child last-child{width: 800px}
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_1col, .xg_2col, .xg_3col, .xg_4col {
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;
}
.input textarea {width:250px}
.xg_module_body
{background:#939192 url("none") top left repeat fixed;
border:1px solid #ffffff;
color:#000000;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;}
.xg_module_foot /*Bg of footers*/
{background-color:#131313 !important; background-image:url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/hallo/2010/hallo_2_fright_night/200x200nb1.png");
font-family:kristen itc;
font-size:12px;
border:1px solid #ffffff;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px}
.xg_module_foot a
{color:#636363;
font-size:12px;
font-weight: bold;}
.xg_module_foot a:hover
{color:#ffffff;
font-weight: bold;}
#xn_bar /*Ning bar at top*/
{background:transparent;
color:#ffffff !important;
font-family:kristen itc;}
#xg_foot {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}
textarea#xg_profiles_chatterwall_post_comment
{height:344px !important;
width:380px;
background:#131313 url(http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/hallo/2010/hallo_2_fright_night/380x344wmani.gif) center no-repeat scroll;
color:#000000 !important;
font-family: kristen itc;
font-weight: bold;
font-size: 125%;}
/*Start Changing BGComment by Sora */
#xg_profiles_chatterwall_post_comment_ifr {
opacity: 0.5;
filter:alpha(opacity=50);
height: 344px !important;
}
td.mceIframeContainer.mceFirst.mceLast {
background: #131313 url(http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/hallo/2010/hallo_2_fright_night/380x344wmani.gif) top left no-repeat fixed;
height: 344px; }
/*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;
}
#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/hallo/2010/hallo_2_fright_night/274x194ani.gif"); top left no-repeat; width:274px; height:194px; position:fixed; bottom:30px; left:0px }
a.button, button, input.button {background-color: #131313; background-image:url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/hallo/2010/hallo_1/400x412ani1bg.gif"); background-repeat: repeat;
font-family: kristen itc;
font-size:14px;
color: #636363;
font-weight: bold;
border:1px solid #ffffff;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;}
a.button:hover, button:hover, input.button:hover
{background-color: #636363; background-image:url("none"); background-repeat: repeat;
font-family: kristen itc;
color: #000000;
font-weight: bold;
border:2px solid #000000;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px}
.xg_span-16{
width: 600px
}
.xg_span-4{
width: 180px;
display:inline;
overflow: hidden
}
/*Layout Generated @ http://SkemaholicsAnonymous.com*/
Designer Comments:
Re-Post to update coding: I made this layout with a cool tag by Michelle. Thank you Michelle:} I animated the layout's banner, and made the bg, comment box and headers with PDN/PSP/Animation Shop. 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.