Made by: AnGella
CLICK on “Continue reading” below for code & Preview button!
Designer Comments:
Original image from Bobobo1618
CLICK on “Continue reading” below for code & Preview button!
NingTheme
body /*Background*/
{background:#373041 url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/ApophysisGreen1.png) bottom center repeat-x fixed;
color:#e5e6f0;
font-family: Constantia, georgia, Helvetica, FreeSans, sans-serif, Arial;
font-size: 12px;
text-shadow: 0 2px 2px #d5daaa;}
a:link, a:visited, a:active, .xg_lightfont {
font-family: Constantia, Georgia, Helvetica, FreeSans, arial;
font-size:14px;
font-weight:bold;
color: #d5daaa;
text-shadow: 0 3px 3px #d5daaa;
}
a:hover,
#xg_sitename a:hover
{color:#5b5f3c;
text-shadow: 0 3px 3px #5b5f3c;
}
.module_user_thumbnail {max-width:170px !important;max-height:170px !important; margin:5px;}
.module_user_thumbnail, .xg_widget_profiles_profile_show .xg_3col .xg_1col img.photo {max-width:165px !important;max-height:165px !important; margin:3px;}
.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-color: #5b5f3c !important; color: #d5daaa; background-image:none; background-repeat: repeat; background-position: center center; background-attachment: scroll;
text-shadow: 0 1px 1px #999;
}
.input textarea:hover, select.quickpost:hover, #xn_bar #xn_bar_menu_search_query:hover {
background-color: #d5daaa !important; color: #5b5f3c; background-image:none; background-repeat: repeat; background-position: center center; background-attachment: scroll;
font-weight:bold;
text-shadow: 0 1px 1px #999;
}
#xg_body /*Contents*/{
background:transparent none top center repeat fixed;
font-family: Constantia, georgia, Helvetica, FreeSans, sans-serif, Arial;
}
#xg /*Wrap Background*/{
background:transparent none top center repeat fixed;
border:0px solid #373041;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}
#xg_masthead /*Top Image*/
{margin: auto;
display: block;
height:0px;
width: 955px;
background: transparent none bottom left no-repeat scroll;
padding-bottom: 10px;
}
#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*/{
overflow: hidden;
background-color: transparent; background-image:none; background-repeat: repeat; background-attachment: scroll;
}
#xg_navigation ul div.xg_subtab ul li a /*Subtab Font Properties*/{
background-color: #5b5f3c;
background-image:url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/ApophysisGreenHdr.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: top center;
border:3px groove #d5daaa;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: 0 0 12px #191c27;
}
#xg_navigation ul li a,
#xg_navigation ul div.xg_subtab ul li a /*NavBar Font Properties*/{
color: #d5daaa;
font-family: Constantia, Georgia, Helvetica, FreeSans, arial;
font-size:16px;
font-weight:bold;
text-shadow: 0 3px 3px #000 !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: #5b5f3c;
background-image:url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/ApophysisGreenHdr.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: top center;
color: #ffffff;
border:3px groove #d5daaa;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: 0 0 12px #d5daaa;
text-shadow: 0 3px 3px #000 !important;}
.xg_module_head /*Bg of headers*/
{background-color: #5b5f3c;
background-image:url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/ApophysisGreenHdr.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: top center;
color: #d5daaa;
font-family: Constantia, Georgia, Helvetica, FreeSans, arial; font-weight:bold;
border:3px groove #d5daaa;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: 0 0 8px #d5daaa;}
.xg_module_head h2 /*Header Text*/{
margin-left: 4px;
font-family: Constantia, Georgia, Helvetica, FreeSans, arial;
color:#d5daaa;
font-size:14px;
font-weight: bold;
text-shadow: 0 3px 3px #000;}
.xg_module_body
{margin-top: 15px;
background-color: transparent; color: #ffffff;}
.xg_module{
background:transparent none top center repeat fixed;
padding: 2px;
border:3px groove #d5daaa;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: 0 0 8px #d5daaa;
}
.xj_submit,
.xg_module_foot /*Bg of footers*/{
background-color: #5b5f3c;
background-image:url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/ApophysisGreenHdr.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: top center;
color: #ffffff;
font-family: Constantia, Georgia, Helvetica, FreeSans, arial;
font-weight:bold;
border:3px groove #d5daaa;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: 0 0 8px #d5daaa;}
.xg_module_foot a {
color: #d5daaa;
font-family: Constantia, Georgia, Helvetica, FreeSans, arial; font-size:12px; font-weight:bold;
text-shadow: 0 3px 3px #000;
}
#xn_bar /*Ning bar at top*/{
background:transparent !important;
color:#d5daaa !important;
}
#xg_foot /* Ning Footer*/{
margin: auto;
width: 930px;
height: 15px;
background-color: #5b5f3c !important;
background-image:url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/ApophysisGreenHdr.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: top center;
color: #d5daaa;
font-family: Constantia, Georgia, Helvetica, FreeSans, arial;
font-size:12px;
font-weight:bold;
text-shadow: 0 3px 3px #000;
border:3px groove #d5daaa;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: 0 0 8px #d5daaa;}
.status-bar{
background-color: #5b5f3c;
font-family: Constantia, Georgia, Helvetica, FreeSans, arial;
font-size:14px;
font-weight:bold;
color: #d5daaa;
text-shadow: 0 3px 3px #000;
border:3px groove #d5daaa;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: 0 0 8px #d5daaa;
}
.feed-story .feed-story-body{
background-color: #5b5f3c;
background-image:none;
background-repeat: repeat-x;
background-attachment: scroll;
background-position: top center;
margin; 5px;
overflow: hidden;
color: #d5daaa;
border:3px groove #d5daaa;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: 0 0 8px #d5daaa;
}
.xg_widget_profiles_profile_show .xg_2col h1{
background-color: #5b5f3c;
font-family: Constantia, Georgia, Helvetica, FreeSans, arial;
font-size:28px !important;
text-align: center;
font-weight:bold;
color: #d5daaa;
text-shadow: 0 2px 2px #d5daaa;
border:3px groove #d5daaa;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: 0 0 8px #d5daaa;
}
textarea#xg_profiles_chatterwall_post_comment /*Width has changed to 530px*/
{height: 250px !important; width: 530px; background-image: none; font-family: Arial; color: #ffffff; font-weight: bold; font-size: 25px; background-color: transparent; background-repeat: repeat; background-position: bottom right;}
/*Start Changing BGComment by Sora */
#xg_profiles_chatterwall_post_comment_ifr {
opacity: 0.5;
filter:alpha(opacity=50);
height: 250px !important;
}
td.mceIframeContainer.mceFirst.mceLast {
background: transparent none bottom right no-repeat scroll;
height: 250px; }
/*ENd Code by Sora*/
#xg_navigation /*Changed Margin*/{
height: 40px;
}
#xn_bar /*Ning bar at top Changed Width*/{
width: 955px;
margin: auto;
}
/*Start Account Links*/
.account-links {
margin-top: 0px;
height: 180px;
background-color: transparent !important;
background-image: none;
background-repeat: no-repeat;
background-position: bottom center;
background-attachment: scroll;
text-align: left;
}
.status-bar .input-container {
background: #5b5f3c !important;
border: none;
}
/*End Account Links___Generated@ SkemaholicsAnonymous.com*/
Designer Comments:
Original image from Bobobo1618
I just love this Layout many because it’s freash..and the colours very well done..
I loved this from the get go. Super:}