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 scraps by designerscraps.com and lacarolitasdesignz.blogspot.com. I made and 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
body /*Background*/{
background-color: #081d33;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/hallo/2010/Witch_In_Training_2/244x226bg1.gif");
background-position: center;
background-repeat: repeat;
background-attachment: fixed;
color: #081d33; font-family: Arial, Helvetica, FreeSans, sans-serif;}
a:link, a:visited, a:active {font-family: Eurostile, Century Gothic, IrisUPC, Segoe script, arial; color: #081d33; text-decoration: none; font-size: 15px}
a:hover {color: #eaca4b; text-decoration: underline; font-size: 15px}
h1 {font-family: Eurostile, Century Gothic, IrisUPC, Segoe script, arial; font-size: 25px }
h2 {font-family: Eurostile, Century Gothic, IrisUPC, Segoe script, arial; color: #ffffff; font-size: 20px}
.xg_lightfont {color: #ffffff;}
.xg_lightborder {border-style: solid; border-color: #ffffff}
#xg_body /*Contents*/{
width: 785px;
background-color: transparent !important; background-image:none; background-repeat: repeat; background-attachment: fixed;
color: #ffffff; font-size:100%}
#xg /*Head Background*/{
margin: auto;
width: 800px;
background-color: transparent;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/hallo/2010/Witch_In_Training_2/100x100tbbg.gif");
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: #ffffff }
#xg_masthead /*Top Image*/
{display: block;
height: 600px;
width: 800px;
background-color: transparent;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/hallo/2010/Witch_In_Training_2/800x500wmani_3d.gif");
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: -550px;
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 , #570806, #081d33) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#570806), to(#081d33));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#570806',endColorstr='#081d33');
border: ridge 1px #ffffff;
-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*/
{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:Eurostile, Century Gothic, IrisUPC, Segoe script, arial; font-size:14px; color: #ffffff; font-weight:normal}
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 , #570806, #081d33) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#570806), to(#081d33));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#570806',endColorstr='#081d33');
border: 1px solid #ffffff;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
color: #eaca4b !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
{background-color: transparent;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/hallo/2010/Witch_In_Training_2/21x20nb.gif");
Background-repeat: no-repeat;
background-position: center;
padding-bottom: 30px;
color: #eaca4b !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 , #570806, #081d33) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#570806), to(#081d33));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#570806',endColorstr='#081d33'); background-repeat: repeat-x; background-attachment: scroll; background-position: top right;
border: solid 1px #ffffff;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
color: #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 , #570806, #570806) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#570806), to(#570806));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#570806',endColorstr='#570806');
background-attachment: scroll; font-family: Arial; 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: #ffffff}
.xg_module_foot /*Bg of footers*/
{background:-moz-linear-gradient(center top , #570806, #081d33) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#570806), to(#081d33));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#570806',endColorstr='#081d33'); background-repeat: no repeat;
background-attachment: scroll;
background-position: right bottom;
padding-bottom: 25px;
border: solid 1px #ffffff;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
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: Eurostile, Century Gothic, IrisUPC, Segoe script, arial}
.xg_module_foot a:hover {
color: #eaca4b;
}
#xn_bar /*Ning bar at top*/{
display: block;
height: 100px;
background:-moz-linear-gradient(center top , #570806, #081d33) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#570806), to(#081d33));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#570806',endColorstr='#081d33'); background-repeat: repeat-x; color: #ffffff !important; font-family: Eurostile, Century Gothic, IrisUPC, Segoe script, arial; border-bottom: solid 1px #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: Eurostile, Century Gothic, IrisUPC, Segoe script, arial;
font-size: 8px;}
textarea#xg_profiles_chatterwall_post_comment
{height:380px !important;
width:380px;
background:#081d33 url(http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/hallo/2010/Witch_In_Training_2/380x380wmcb.gif) center no-repeat scroll;
color:#ffffff !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: 380px !important;
}
td.mceIframeContainer.mceFirst.mceLast {
background: #081d33 url(http://i235.photobucket.com/albums/ee49/barbplaytime5/holidays/hallo/2010/Witch_In_Training_2/380x380wmcb.gif) 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/hallo/2010/Witch_In_Training_2/295x308si_ani2.gif"); top left no-repeat; width:295px; height:308px; position:fixed; bottom:30px; left:0px }
Designer Comments:
Re-Post to update coding: I made this layout with scraps by designerscraps.com and lacarolitasdesignz.blogspot.com. I made and 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.