Made by: Barbara Mc
CLICK on “Continue reading” below for code & Preview button!
Designer Comments:
I made this layout with scraps from http://scrapsbymere.blogspot.com . I made the banner, backgrounds,comment box and welcome box with PDN/PSP/Animation Shop. This layout was made to be used on individual 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: #000000;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/quotes/2012/life_a_dream_bl/250x380bgst.png");
background-position: top right;
background-repeat: repeat;
background-attachment: fixed;
color: #9da6cd;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif, sans-serif !important;}
a:link, a:visited, a:active {
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif, sans-serif !important;
color: #9da6cd;
text-decoration: none;
font-size: 15px;
font-weight: bold;}
a:hover {
color: #000000;
text-decoration: underline;
font-size: 15px}
h1 {font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif, sans-serif !important;
color: #000000 !important;
text-shadow: 0 2px 1px #9da6cd; font-size: 15px;text-align: center!important;}
h2 {font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif, sans-serif !important;
color: #000000; !important; text-shadow: 0 2px 1px #9da6cd; font-size: 15px;text-align: center!important;}
.xg_lightfont {color: #000000;}
.xg_lightborder {border-style: solid; border-color: #000000;}
#xg_body /*Contents*/{
width: 790px;
background-color: #000000;
background-image: url("");
background-repeat: repeat;
background-attachment: fixed;
color: #ffffff; font-size:100%;
border: solid 0px #172a72;
box-shadow: outset 0 0 24px #000000;
}
#xg /*Head Background*/{
margin: auto;
width: 800px;
background-color: #000000;
background-image: none;
background-repeat: repeat;
background-position: center center;
background-attachment: fixed;
border: 0px solid #000000;
box-shadow: 0 0 24px #000000;
}
#xg_masthead /*Top Image*/
{display: block;
height: 505px;
width: 800px;
background-color: #000000;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/quotes/2012/life_a_dream_bl/800x405.png");
background-repeat: no-repeat;
background-position: bottom center;
border-bottom: 0px solid #172a72 !important;
box-shadow: 0 0 24px #000000;
}
#xg_sitename, #xg_sitedesc /*This covers up the sitename text*/
{display: none}
#xg_navigation /* Navbar*/{
margin-top: -480px;
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 , #172a72 , #172a72) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#172a72), to(#172a72));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#172a72',endColorstr='#172a72');
border: solid 0px #000000;
-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 4px #000000;
}
#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: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif, sans-serif !important;
font-size:10px;
color: #9da6cd;
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 , #172a72 , #172a72) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#172a72), to(#172a72));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#172a72',endColorstr='#172a72');
color: #9da6cd !important;
border: 0px solid #000000;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: inset 0 0 4px #000000;
}
#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 !important;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/quotes/2012/life_a_dream_bl/34x32.png");
Background-repeat: no-repeat;
background-position: center;
padding-bottom: 30px;
color: #ffffff !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 , #172a72 , #172a72) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#172a72), to(#172a72));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#172a72',endColorstr='#172a72');
background-repeat: repeat;
background-attachment: scroll;
background-position: top right;
color: #000000 !important;
text-shadow: 0 1px 1px #9da6cd;
text-align: center!important;
border: solid 0px #172a72;
-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 #000000;
}
.xg_module_head h2 {color: #000000;
text-shadow: 0 0px 0px #000000;
font-size: 18px;
font-weight: bold;}
.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-color: #000000;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/quotes/2012/life_a_dream_bl/151x202tbbgst.png");
background-attachment: scroll;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif, sans-serif !important;
color: #000000; font-size: 12px;
border: solid 0px;
border-color: #000000;
-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 14px #000000;}
.xg_module_foot /*Bg of footers*/
{background:-moz-linear-gradient(center top , #172a72 , #172a72) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#172a72), to(#172a72));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#172a72',endColorstr='#172a72');
background-repeat: repeat;
background-attachment: scroll;
background-position: top right;
padding-bottom: 25px;
border: solid 0px #172a72;
-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 #000000;
color: #000000;
text-shadow: 0 0px 0px #000000;
text-align: center!important; }
.xg_module_foot a
{color: #000000;
text-shadow: 0 0px 0px #000000;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: right bottom;
padding-bottom: 25px;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif, sans-serif !important;
font-weight: bold;}
.xg_module_foot a:hover {
color: #9da6cd;
}
#xn_bar /*Ning bar at top*/{
display: block;
height: 100px;
background:-moz-linear-gradient(center top , #000000 , #172a72) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#000000), to(#172a72));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#172a72');
color: #9da6cd !important;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif, sans-serif !important;
border-bottom: solid 0px #172a72;
box-shadow: 0 0 28px #000000; }
#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: #000000;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif, sans-serif !important;
font-size: 8px;}
textarea#xg_profiles_chatterwall_post_comment
{height:180px !important;
width:380px;
background:#000000 url("http://i235.photobucket.com/albums/ee49/barbplaytime5/quotes/2012/life_a_dream_bl/380x180cbwm.png") center no-repeat scroll;
color:#9da6cd !important;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif, sans-serif !important;
font-weight: bold;
font-size: 125%;
border: solid 0px #000000;
box-shadow: inset 0 0 14px #000000;
text-shadow: 0 1px 1px #000000;
}
/*Start Changing BGComment by Sora */
#xg_profiles_chatterwall_post_comment_ifr {
opacity: 0.5;
filter:alpha(opacity=50);
height: 180px !important;
}
td.mceIframeContainer.mceFirst.mceLast {
background: #000000 url("http://i235.photobucket.com/albums/ee49/barbplaytime5/quotes/2012/life_a_dream_bl/380x180cbwm.png") top left no-repeat fixed;
height: 180px; }
/*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("none"); top left no-repeat; width:315px; height:308px; position:fixed; bottom:30px; left:0px }
.xg_ad { width: 800px;}
/*Start Welcome*/
.xg_widget_profiles_profile_show .xg_2col h1 {
height: 190px;
background-color: #000000 !important;
background-image: url("http://i235.photobucket.com/albums/ee49/barbplaytime5/quotes/2012/life_a_dream_bl/402x190wb.png");
background-repeat: no-repeat;
background-position: bottom center;
background-attachment: scroll;
border: 0px #000000 solid;
box-shadow: outset 0 0 14x #000000;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif, sans-serif !important;
color: #000000 !important;
text-shadow: 0 1px 1px #9da6cd;
font-size: 18px;
text-align: center;
}
/*End Welcome___Generated@ SkemaholicsAnonymous.com*/
Designer Comments:
I made this layout with scraps from http://scrapsbymere.blogspot.com . I made the banner, backgrounds,comment box and welcome box with PDN/PSP/Animation Shop. This layout was made to be used on individual profiles. No other website has my permission to host this layout or the images used in the layout.
Continue reading →