Made by:
AnGella
CLICK on “Continue reading” below for code & Preview button!
NingTheme
body /*Background*/{
background-color: #300a0a;
background-image: none;
background-position: center;
background-repeat: repeat;
background-attachment: fixed;
color: #355a0c;
font-family: Arial, Helvetica, FreeSans, sans-serif;
}
a:link, a:visited, a:active {font-family: Eurostile, Century Gothic, IrisUPC, Segoe script, arial; color: #8d1313; text-decoration: none; font-size: 15px}
a:hover {color: #597420; 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: #300a0a;
font-size: 20px
}
.xg_lightfont {
color: #300a0a;
}
.xg_lightborder {
border-style: solid;
border-color: #300a0a;
}
#xg_body /*Contents*/{
width: 790px;
background-color: transparent !important;
background-image:none;
background-repeat: repeat;
background-attachment: fixed;
color: #300a0a; font-size:100%
}
#xg /*Head Background*/{
margin: auto;
width: 800px;
background-color: #8e714f;
background-image: none;
background-repeat: repeat;
background-position: center center;
background-attachment: fixed;
border: 2px solid #300a0a;
box-shadow: 0 0 34px #8e714f;
}
#xg_masthead /*Top Image*/
{display: block;
height: 590px;
width: 800px;
background-color: transparent;
background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Christmas2009/800px-Chess_gameboard.png);
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: -575px;
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-color: #597420;
background-image: none;
border: 3px solid #300a0a;
box-shadow: inset 0 0 14px #300a0a;
color: #300a0a !important;
}
#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: #300a0a !important;
}
#xg_navigation ul li a /*NavBar Font Properties*/{
background-color:transparent;
font-family:Eurostile, Century Gothic, IrisUPC, Segoe script, arial;
font-size:18px;
color: #300a0a;
font-weight:normal;
border: 3px solid transparent;
}
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-color: #8d1313;
background-image: none;
background-attachment: scroll;
background-repeat: repeat;
background-position: bottom right;
border: 3px solid #300a0a;
box-shadow: inset 0 0 14px #300a0a;
color: #300a0a !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: #355a0c;
background-image: none;
border: 3px solid #300a0a;
box-shadow: inset 0 0 14px #300a0a;
Background-repeat: repeat;
background-position: center;
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-color: #355a0c;
background-image: none;
background-attachment: scroll;
background-repeat: repeat;
background-position: bottom right;
border: 3px solid #300a0a;
box-shadow: inset 0 0 14px #300a0a;
color: #300a0a;
}
.xg_module_head h2 {
color: #300a0a;
font-size: 18px;
font-weight: normal;
}
.module_about a.button {
width: 145px
}
.xg_widget_profiles_profile_show .xg_2col h1 {
text-align: center;
}
.xg_status .input-container {
background-color: transparent;
border: 0px solid #300a0a;
}
.xg_widget_profiles_profile_show .xg_2col h1,
.xg_module_body{
background-color: #8e714f;
background-image: none;
background-position: top center;
background-repeat: repeat;
border: none;
color: #300a0a;
}
.xg_module_foot /*Bg of footers*/{
background-color: #8d1313;
background-image: none;
border: 3px solid #300a0a;
box-shadow: inset 0 0 14px #300a0a;
color: #300a0a;
}
.xg_module_foot a{
color: #300a0a;
font-family: Eurostile, Century Gothic, IrisUPC, Segoe script, arial;
}
.xg_module_foot a:hover {
color: #8d1313;
}
#xn_bar /*Ning bar at top*/{
display: block;
height: 75px;
background-color: #8e714f !important;
background-image: none;
font-family: Eurostile, Century Gothic, IrisUPC, Segoe script, arial;
border-bottom: solid 3px #300a0a;
box-shadow: 0 0 44px #8e714f;
}
#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: #8d1313;
font-family: Eurostile, Century Gothic, IrisUPC, Segoe script, arial;
font-size: 8px;}
textarea#xg_profiles_chatterwall_post_comment {
width:380px !important;
background-color: #8d1313;
color:#FFFFFF !important;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif;
font-weight: bold;
font-size: 125%;
box-shadow: inset 0 0 44px #300a0a;
}
.html_editor_toolbar defaultSkin,
.xg_module_comment_wall #xg_profiles_chatterwall_post .texteditor{
width: 380px !important;
}
.defaultSkin span.mceIcon,
.defaultSkin img.mceIcon,
.defaultSkin .mceButton {
height: 15px !important;
width: 15px !important;
}
.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;
}
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_ad {
width: 800px;
}
Designer Comments:
I got the image used in this layout from:
Levente Fulop
