Made by: AnGella
CLICK on “Continue reading” below for code & Preview button!
Designer Comments:
Main and secondary images by Kr. B.
CLICK on “Continue reading” below for code & Preview button!
NingTheme
body /*Background*/
{background:#000000 url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/stripeWine.png) bottom center repeat fixed;
color:#555555;
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: #c00000;
text-shadow: 0 3px 3px #4A0707;
}
.xg_module_foot a:hover,
a:hover,
#xg_sitename a:hover
{color:#999999;
text-shadow: 0 3px 3px #999999;
}
#xn_bar input.text {
border:1px ridge #c00000;
-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: #c00000; 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: #c00000 !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: 530px;
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:10px solid #000000;
-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 #4A0707;
}
#xg_masthead /*Top Image*/
{margin: auto;
display: block;
height:585px;
width: 800px;
background: transparent url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/Absense1.png) 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: -590px;
height: 50px;
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 /*Subtab*/{
background-color: #000000;
background-image:url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/AbsenseHdr.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center;
text-align: center;
color: #999999;
border:1px solid #c00000;
-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 #c00000;
}
#xg_navigation ul li a /*NavBar Font Properties*/{
color: #c00000;
font-family: Edwardian Script ITC, Constantia, Georgia, Helvetica, FreeSans;
font-size: 20px !important;
font-weight:bold;
text-shadow: 0 3px 3px #000 !important;
}
#xg_navigation ul div.xg_subtab ul li a:hover
{background-color: #000000;
background-image:url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/AbsenseHdr.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: right center;
color: #c00000;
border:2px solid #c00000;
-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 #4A0707;
text-shadow: 0 3px 3px #000000 !important;}
#xg_foot,
.xj_submit,
.xg_module_foot,
.xg_module_head {
background-color: #000000;
background-image:url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/AbsenseHdr.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: right center;
border:1px solid #4A0707;
-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 #c00000;
padding: 8px;
}
.xg_module_head h2 {
width: 100%;
font-family: Edwardian Script ITC, Constantia, Georgia, Helvetica, FreeSans;
text-align: center !important;
color:#c00000;
font-size:20px;
font-weight: bold;
text-shadow: 0 3px 3px #4A0707;}
.xg_module_body{
background-color: transparent; color: #999999;}
.xg_module{
background: #000000 none top center repeat scroll;
border:0px solid #4A0707;
-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:#c00000 !important;
}
.status-bar{
background-color: #000000;
font-size:14px;
font-weight:bold;
color: #c00000;
border:1px solid #c00000;
-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 #c00000;
}
.status-bar .input-container {
background: transparent !important;
border: none;
}
.feed-story .feed-story-body{
background-color: #222222;
margin; 5px;
overflow: hidden;
color: #999999;
text-shadow: 0 3px 3px #000;
border:1px solid #c00000;
-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 #c00000;
}
.xg_widget_profiles_profile_show .xg_2col h1{
margin-left: -8px;
margin-right: -4px;
padding-top:625px !important;
background-color: #000000;
background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/Absense3.png);
background-position: top center;
background-repeat: no-repeat;
font-family: Edwardian Script ITC, Constantia, Georgia, Helvetica, FreeSans;
text-indent: 5px;
font-size:25px !important;
text-align: center;
font-weight:bold;
color: #c00000;
text-shadow: 0 3px 3px #4A0707;
border:0px solid #4A0707;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}
textarea#xg_profiles_chatterwall_post_comment /*Width has changed to 380px*/{
margin-top: 14px !important;
height: 280px !important;
width: 380px;
background-color: transparent;
background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/AbsenseCmt.png);
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: 280px !important;
}
td.mceIframeContainer.mceFirst.mceLast {
background: #000000 url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Bg/AbsenseCmt.png) bottom right repeat scroll;
height: 280px; }
/*ENd Code by Sora*/
#xg_foot{
width: 780px;
}
#xn_bar {
width: 795px;
margin: auto;
}
/*Start Account Links*/
.account-links {
padding-top: 10px;
height: 110px;
background: none top 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;
}
.module_about_user {
height: 375px;
overflow: auto;
}
.xg_module_activity{
height: 550px;
overflow: auto;
}
.xg_sprite-add {
display: none;
}
.xg_span-4 {
float: left;
width:185px;
margin-left: 4px;
}
.xg_span-16, .xg_last, .last-child {
margin-right: 1px;
}
.xg_1col, .xg_2col, .xg_3col, .xg_4col {
display:inline;
float: right;
}
.xg_span-16 {
margin-left: -6px;
}
Designer Comments:
Main and secondary images by Kr. B.
Beautifuly done Angella..
Love the effects and the colours..Lovely!! very well thought through!
wow i really love how the image continues down the side. very cool
Very cool, great, great job on putting it together:}