Made by: Barbara Mc
CLICK on “Continue reading” below for code & Preview button!
Designer Comments:
I made this layout with scraps by Farrah's Designer Scraps. I made the backgrounds, contact and table titles 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*/
body /*Background*/ {
background: #c66f88 url(http://i235.photobucket.com/albums/ee49/barbplaytime5/MISC/2012/bless_hrt/233x224bgst.png) bottom center repeat fixed;color: #fff;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif;
}
a:link,
a:visited,
a:active {
font-family: Constantia, Georgia, Helvetica, FreeSans, sans-serif;
color: #666c3d;
font-size: 14px;
}
a:hover {
color: #c66f88 !important;
font-size: 14px !important;
}
.module_user_summary ul.nobullets li a,
.module_user_summary ul.nobullets li a:hover {
font-size: 10px !important;
}
#xg_body /*Contents*/ {
margin: auto;
margin-top: -10px;
width: 800px !important;
background: #edeadd url(http://i235.photobucket.com/albums/ee49/barbplaytime5/MISC/2012/bless_hrt/800x791.png);
color: #666c3d !important;
padding: 10px 0px 0px 0px !important;
border-left: 3px solid #666c3d !important;
border-right: 3px solid #666c3d !important;
border-bottom: 3px solid #666c3d !important;
border-top: 3px solid #666c3d !important;
-webkit-box-shadow: inset 0px 0px 0px 0px #666c3d !important;
box-shadow: inset 0px 0px 0px 0px #666c3d !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
#xg /*Wrap Background*/ {
margin: auto;
width: 800px !important;
background: transparent none !important;
border: none !important;
}
#xg_masthead /*Top Image*/ {
margin: auto;
display: block;
height: 382px;
width: 800px !important;
background: #c66f88 url(http://i235.photobucket.com/albums/ee49/barbplaytime5/MISC/2012/bless_hrt/800x284_4b.png)
left bottom no-repeat scroll;
border-left: 3px solid #666c3d !important;
border-right: 3px solid #666c3d !important;
border-bottom: 3px solid #666c3d !important;
border-top: 3px solid #666c3d !important;
-webkit-box-shadow: inset 0px 0px 0px 0px #666c3d !important;
box-shadow: inset 0px 0px 0px 0px #666c3d !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
padding: 0px !important;
}
#xg_sitename,
#xg_sitedesc /*This covers up the sitename text*/ { display: none }
#xg_navigation {
width: 800px !important;
padding-bottom: 10px;
border: 0px solid transparent;
}
#xg_navigation li.this { border-top: none !important }
#xg_navigation li {
border-right: none !important;
border-top: none !important;
}
#xg_navigation ul li a { background-color: transparent !important }
#xg_navigation /* Navbar*/,
#xg_navigation ul div.xg_subtab ul li a /*Subtab Font Properties*/ {
margin: auto;
background: transparent none top left repeat scroll !important;
}
#xg_navigation ul li a,
#xg_navigation ul div.xg_subtab ul li a /*NavBar Font Properties*/ {
font-family: Constantia, Georgia, Helvetica, FreeSans, arial, sans-serif !important;
font-size: 14px !important;
color: #666c3d !important;
font-weight: bold;
text-transform: none !important;
}
#xg_navigation ul li a {
border: 3px solid transparent !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
#xg_navigation ul div.xg_subtab ul li a { border: 3px solid !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: #edeadd url(http://i235.photobucket.com/albums/ee49/barbplaytime5/MISC/2012/bless_hrt/175x173tbbgs2t.png) repeat top left scroll !important;
color: #edeadd !important;
font-weight: bold;
border: 2px solid #666c3d !important;
-webkit-box-shadow: inset 0px 0px 2px 4px #666c3d;
box-shadow: inset 0px 0px 4px 2px #666c3d;
}
#xg_navigation li.this a span,
#xg_navigation li a:hover span {
border-bottom: none !important;
}
a.button,
button,
input.button,
.xg_module_head /*Bg of headers*/ {
background: #c66f88 url(http://i235.photobucket.com/albums/ee49/barbplaytime5/MISC/2012/bless_hrt/175x173tbbgs2t.png)
bottom center repeat scroll !important;
font-size: 15px !important;
color: #edeadd !important;
text-align: center;
border: 2px solid #666c3d !important;
-webkit-box-shadow: inset 0px 0px 4px 14px #666c3d !important;
box-shadow: inset 0px 0px 14px 4px #666c3d !important;
-webkit-box-shadow: inset 0px 0px 2px 4px #666c3d;
box-shadow: inset 0px 0px 4px 2px #666c3d;;
border-radius: 9px;
margin: auto !important;
padding: 4px !important;
}
.xg_module_head h2 /*Header Text*/ {
font-family: Constantia, Georgia, Helvetica, FreeSans, arial, georgia, Helvetica, FreeSans, sans-serif !important;
color: #edeadd !important;
font-size: 15px !important;
text-align: center;
font-weight: bold;
}
.xg_module {
background-color: transparent !important;
border: none !important;
}
.xg_module_body {
background: #edeadd url(http://i235.photobucket.com/albums/ee49/barbplaytime5/MISC/2012/bless_hrt/200x200c_bg.png) bottom left repeat scroll !important;
border: 2px solid #666c3d !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: inset 0px 0px 4px 4px #666c3d;
box-shadow: inset 0px 0px 4px 4px #666c3d;
color: #666c3d !important;
}
.xg_module_foot /*Bg of footers*/ {
background: #c66f88 url(http://i235.photobucket.com/albums/ee49/barbplaytime5/MISC/2012/bless_hrt/175x173tbbgs2t.png) bottom center repeat scroll !important;
font-size: 12px !important;
text-align: center;
border: 2px solid #666c3d !important;
-webkit-box-shadow: inset 0px 0px 4px 14px #666c3d !important;
box-shadow: inset 0px 0px 14px 4px #666c3d !important;
-webkit-box-shadow: inset 0px 0px 2px 4px #666c3d;
box-shadow: inset 0px 0px 4px 2px #666c3d;
border-radius: 9px;
}
.xg_module_foot a {
font-family: Tempus Sans ITC, Constantia, Georgia, Helvetica, FreeSans, arial, georgia, Helvetica, FreeSans, sans-serif !important;
color: #edeadd !important;
font-size: 12px !important;
text-align: center;
font-weight: bold;
}
.xg_module_foot a:hover {
color: #000 !important;
font-weight: bold;
}
#xn_bar /*Ning bar at top*/ {
background: #edeadd url(http://i235.photobucket.com/albums/ee49/barbplaytime5/MISC/2012/bless_hrt/200x200c_bg.png) top center repeat scroll !important;
top left repeat scroll !important;
color: #666c3d !important;
font-family: Tempus Sans ITC, Constantia, Georgia, Helvetica, FreeSans, , georgia, Helvetica, FreeSans, sans-serif !important;
}
#xg_foot {
width: 800px !important;
background-color: transparent !important;
background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Footer-2.png) !important;
background-repeat: no-repeat !important;
background-attachment: scroll !important;
background-position: center center !important;
}
textarea#xg_profiles_chatterwall_post_comment {
height: 153px !important;
width: 380px;
background: #edeadd url(http://i235.photobucket.com/albums/ee49/barbplaytime5/MISC/2012/bless_hrt/380x153cb.png) top center repeat scroll !important;
color: #666c3d !important;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif !important;
font-weight: bold;
font-size: 125%;
}
/*Start Changing BGComment by Sora */
#xg_profiles_chatterwall_post_comment_ifr {
opacity: 0.5 !important;
filter: alpha(opacity=50) !important;
height: 153px !important;
}
td.mceIframeContainer.mceFirst.mceLast {
background: #edeadd url(http://i235.photobucket.com/albums/ee49/barbplaytime5/MISC/2012/bless_hrt/380x153cb.png) top center repeat scroll !important;
height: 153px !important;
}
/*ENd Code by Sora*/
/* Resized comment area buttons */
.xg_widget_profiles_profile .xg_3col .xg_1col img,
.xg_widget_profiles_like .xg_3col .xg_1col img { max-width: 155px }
.html_editor_toolbar defaultSkin,
.xg_module_comment_wall #xg_profiles_chatterwall_post .texteditor { width: 385px !important }
.defaultSkin span.mceIcon,
.defaultSkin img.mceIcon,
.defaultSkin .mceButton {
height: 15px !important;
width: 15px !important;
}
/* End Resize */
/* Start Fixed top Nav */
#xg_navigation, #xn_bar {
position: fixed;
z-index: 50;
}
/* Navbar*/ #xg_navigation {
margin-top: -334px;
height: 30px;
overflow: hidden !important;
}
/*Ning bar at top*/ #xn_bar {
display: block;
height: 100px;
border: 3px solid #666c3d;
-webkit-box-shadow: inset 0px 0px 4px 14px #666c3d !important;
box-shadow: inset 0px 0px 14px 4px #666c3d !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
}
/* End Fixed Nav */
/*Start Welcome*/
.xg_widget_profiles_profile_show .xg_2col h1{
height: 280px !important;
background-color: #edeadd !important;
background-image: url(http://i235.photobucket.com/albums/ee49/barbplaytime5/MISC/2012/bless_hrt/402x280.png);
background-repeat: no-repeat;
background-position: bottom center;
background-attachment: scroll;
border: 1px solid #666c3d !important;
-webkit-box-shadow: inset 0px 0px 4px 14px #666c3d !important;
box-shadow: inset 0px 0px 14px 4px #666c3d !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
font-family: Constantia, Georgia, Helvetica, FreeSans;
color: #666c3d;
font-size: 18px;
text-align: center;
}
/*End Welcome___Generated@ SkemaholicsAnonymous.com*/
/*Start Account Links*/
.account-links {
height: 175px;
background-color: #edeadd !important;
background-image: url(http://i235.photobucket.com/albums/ee49/barbplaytime5/MISC/2012/bless_hrt/200x200c_bg.png) !important;
background-repeat: no-repeat !important;
background-position: bottom center !important;
background-attachment: scroll !important;
border: 1px solid #666c3d;
-webkit-box-shadow: inset 0px 0px 4px 14px #666c3d !important;
box-shadow: inset 0px 0px 14px 4px #666c3d !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
color: #666c3d !important;
text-align: left;
}
.account-links a {
font-family: Constantia, Georgia, Helvetica, FreeSans;
color: #666c3d;
font-size: 14px;
}
.account-links a:hover {
color: #fff;}
/*End Account Links___Generated@ SkemaholicsAnonymous.com*/
#xn_bar #xn_bar_menu_search_query,
.xg_status .input-container {
background-color: #edeadd !important;
border: 1px solid #666c3d;
color: #666c3d;
}
.input textarea,
input.textfield:focus,
input.password:focus,
input.file:focus,
textarea:focus,
select:focus,
select.quickpost,
#xn_bar input.text {
background-color: transparent !important;
color: #666c3d;
}
/* Start Pro Pic Border */
#xg_layout_column_1 .module_user_thumbnail .photo {
margin: 3px;
width:159px !important;
height:159px !important;
border:2px solid #666c3d;
-moz-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0 0 3px 3px #666c3d;
-webkit-box-shadow: 0 0 3px 3px #666c3d;
box-shadow: 0 0 3px 3px #666c3d;
}
/* End Pro Pic border */
/* Start Friend Border */
.module_members .xg_module_body li img{
height:35px !important;
width :35px !important;
}
.module_members .xg_module_body li {
display:inline;
height:35px !important;
width :35px !important;
border:4px groove #666c3d;
padding: 3px 3px 1px 3px;
margin: 4px;
overflow: center;
-moz-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0 0 3px 3px #666c3d;
-webkit-box-shadow: 0 0 3px 3px #c66f88;
box-shadow: 0 0 3px 3px #c66f88;
}
/* End Friend border */
.xg_span-5 { width: 180px !important }
.xg_ad { width: 800px }
.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-14,
.xg_span-16 {
width: 600px;
margin-left: 7px;
}
xg_3col first-child { width: 775px }
xg_colgroup last-child { width: 775px }
.xg_colgroup .first-child {
width: 600px;
margin-right: 5px !important;
}
.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_layout_column_1 {
margin-right: 5px;
width: 183px;
overflow: hidden;
}
.xg_last,
.last-child { margin: 0px }
.xg_span-4,
.xg_span-7 {
width: 185px;
display: inline;
overflow: hidden;
margin-left: -6px;
}
.xg_2col .feed-timestamp {
left: 300px;
top: 4px;
}
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;
}
#xg_head {
width: 805px !important;
margin: auto;
}
/*Layout Generated @ http://SkemaholicsAnonymous.com*/
Designer Comments:
I made this layout with scraps by Farrah's Designer Scraps. I made the backgrounds, contact and table titles 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.