Made by: AnGella
CLICK on “Continue reading” below for code & Preview button!
Designer Comments:
Main image by Ryan Mahle. Background and comment image by Oscar. Animated by me in Jasc Animation.
CLICK on “Continue reading” below for code & Preview button!
NingTheme
body /*Background*/
{background:#000000 url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/BonfireBg1.png) right top repeat fixed;
color:#da5e0c;
font-family: Constantia, georgia, Helvetica, FreeSans, sans-serif;
font-size: 12px;
text-shadow: 0 2px 2px #222222;}
.xg_module_foot a,
#xg_foot a:hover,
a:link, a:visited, a:active, .xg_lightfont {
font-family: Constantia, Georgia, Helvetica, FreeSans;
font-size:12px !important;
font-weight:bold;
color: #da5e0c;
text-shadow: 0 3px 3px #b11f00;
}
.xg_module_foot a:hover,
a:hover,
#xg_sitename a:hover
{color: #f1da59;
text-shadow: 0 3px 3px #da5e0c;
}
#xn_bar input.text {
border:1px ridge #da5e0c;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}
.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: #000000 !important; color: #da5e0c; background-image:none; background-repeat: repeat; background-position: center center; background-attachment: scroll;
text-shadow: 0 1px 1px #222;
}
.input textarea:hover, select.quickpost:hover, #xn_bar #xn_bar_menu_search_query:hover {
background-color: #da5e0c !important; color: #000000; 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*/{
margin-top: 565px;
width: 796px;
background:transparent none top center repeat fixed;
font-family: Constantia, Georgia, Helvetica, FreeSans;
}
#xg /*Wrap Background*/{
width: 800px;
background:#000000 none top center repeat fixed;
border: 1px solid #b11f00;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: 0 0 18px #da5e0c;
}
#xg_masthead /*Top Image*/
{margin: auto;
display: block;
height:585px;
width: 800px;
background: transparent url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/Bonfire.gif) bottom center no-repeat scroll;
}
#xg_sitename, #xg_sitedesc /*This hides 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{
margin-top: -575px;
height: 38px;
width: 800px;
}
#xg_navigation ul li.this a,
#xg_navigation ul li a:hover, /*"This Page"*/
#xg_navigation ul div.xg_subtab ul li a:hover /*Subtab*/{
background-color: #000000;
background-image:url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/BonfireHdr.gif);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center;
color: #f1da59;
border:1px solid #da5e0c;
-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 #da5e0c;
}
#xg_navigation ul li a /*NavBar Font Properties*/{
color: #da5e0c;
text-align: center;
font-family: Constantia, Georgia, Helvetica, FreeSans;
font-size: 15px !important;
font-weight:bold;
text-shadow: 0 3px 3px #000 !important;
}
#xg_navigation ul div.xg_subtab ul li a
{background-color: #000000;
background-image:none;
background-repeat: repeat-x;
background-attachment: scroll;
background-position: bottom center;
color: #f3470a;
border:1px solid #b11f00;
-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 #da5e0c;
text-shadow: 0 3px 3px #b11f00 !important;}
#xg_foot,
.xj_submit,
.xg_module_foot,
.xg_module_head {
background-color: #000000 !important;
background-image:none;
background-repeat: repeat-x;
background-attachment: scroll;
background-position: right center;
color:#da5e0c;
border:1px solid #b11f00;
-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 #da5e0c;
padding: 8px;
}
.xg_module_head h2 {
width: 100%;
font-family: Constantia, Georgia, Helvetica, FreeSans;
text-align: center !important;
color:#f3470a;
font-size:15px;
font-weight: bold;
text-shadow: 0 3px 3px #b11f00;}
.xg_module_body{
background-color: transparent; color: #b11f00;}
.xg_module{
background: #000000 none top center repeat scroll;
border:0px solid #b11f00;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}
#xn_bar /*Ning bar*/{
background: #000000 !important;
color:#da5e0c !important;
}
.status-bar{
background-color: #000000;
font-size:14px;
font-weight:bold;
color: #b11f00;
border:1px solid #b11f00;
-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 #da5e0c;
}
.status-bar .input-container {
background: transparent !important;
border: none;
}
.feed-story .feed-story-body{
background-color: #222222;
margin; 5px;
overflow: hidden;
color: #b11f00;
text-shadow: 0 3px 3px #000;
border:1px solid #b11f00;
-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 #da5e0c;
}
.xg_widget_profiles_profile_show .xg_2col h1{
background-color: #000000;
background-image: none;
background-position: top center;
background-repeat: no-repeat;
font-family: Constantia, Georgia, Helvetica, FreeSans;
text-indent: 5px;
font-size:25px !important;
text-align: center;
color: #f3470a;
text-shadow: 0 3px 3px #b11f00;
border:1px solid #b11f00;
-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 #da5e0c;
}
textarea#xg_profiles_chatterwall_post_comment /*Width has changed to 380px*/{
margin-top: 14px !important;
height: 340px !important;
width: 380px;
background-color: transparent;
background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/BonfireWelcome.gif);
background-repeat: repeat;
background-position: bottom right;
font-family: Arial;
color: #ffffff;
font-weight: bold;
font-size: 25px;
}
.texteditor textarea {
border: none !important;
}
.defaultSkin table {
background-color: #000000;
border: none !important;
}
.defaultSkin table.mceToolbar {
width: 380px !important;
height: 40px !important;
overflow: auto;
}
.defaultSkin .mceButton:hover{
background-color: #999999 !important;
background-image: none;
}
/*Start Changing BGComment by Sora */
#xg_profiles_chatterwall_post_comment_ifr {
margin-top: 14px !important;
opacity: 0.5;
filter:alpha(opacity=50);
height: 340px !important;
}
td.mceIframeContainer.mceFirst.mceLast {
background: #000000 url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/BonfireWelcome.gif) bottom right repeat scroll;
height: 340px; }
/*ENd Code by Sora*/
img.photo,
dl.comment img.photo {
border:1px solid #b11f00;
-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 #da5e0c;
}
.module_members .clist li{
width: 51px !important;
height: 51px !important;
}
.module_members .clist li .photo{
margin: 0px !important;
}
#xg_foot{
width: 780px;
}
#xn_bar {
width: 795px;
margin: auto;
}
/*Start Account Links*/
.account-links {
padding-bottom: 250px;
height: 110px;
background: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/BonfireAcct.gif) bottom center no-repeat scroll;
text-align: right;
}
.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;
margin-left: -2px;
}
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 {
margin-right: 3px;
width:183px;
overflow: hidden
}
.xg_last, .last-child {
margin: 0px;
}
.xg_span-4{
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;}
.html_editor_toolbar defaultSkin,
.xg_module_comment_wall #xg_profiles_chatterwall_post .texteditor {
width: 380px !important;
}
.defaultSkin table.mceToolbar {
width: 380px !important;
}
.xg_ad {
width: 795px;
}
#xj_StatusAndShareLink button.xj_submit {
width: auto;
_height: 26px;
margin-right: 6px;
}
.xg_module_activity{
height: 550px;
overflow: auto;
}
.xg_sprite-add {
display: none;
}
Designer Comments:
Main image by Ryan Mahle. Background and comment image by Oscar. Animated by me in Jasc Animation.
Continue reading →