Made by:
AnGella
CLICK on “Continue reading” below for code & Preview button!
NingTheme
/*Layout Generated @ http://SkemaholicsAnonymous.com*/
body /*Background*/ {
background: #000 url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Animals/story_of_blue_by_khaosdogBg1.png) bottom right repeat fixed;
color: #bdb9b1;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif;
}
a:link,
a:visited,
a:active {
font-family: Constantia, Georgia, Helvetica, FreeSans, sans-serif;
color: #bdb9b1;
font-size: 14px;
text-shadow: 0 1px 1px #bdb9b1;
}
a:hover {
color: #766c53 !important;
font-size: 14px !important;
}
.xg_lightfont {
color: #bdb9b1;
}
.module_user_summary ul.nobullets li a,
.module_user_summary ul.nobullets li a:hover {
font-size: 10px !important;
}
#xg_body /*Contents*/ {
margin: auto;
background-color: #000 !important;
background-image: none !important;
background-repeat: repeat !important;
background-position: bottom center !important;
background-attachment: fixed !important;
color: #bdb9b1 !important;
padding: 10px 0px 0px 0px !important;
border-left: 3px solid #766c53 !important;
border-right: 3px solid #766c53 !important;
border-bottom: 3px solid #766c53 !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: 0px 0px 14px 4px #766c53;
box-shadow: 0px 0px 14px 4px #766c53;
}
#xg /*Wrap Background*/ {
margin: auto;
background: transparent none !important;
border: none !important;
}
#xg_masthead /*Top Image*/ {
margin: auto;
display: block;
height: 0px;
background: #000 none bottom center no-repeat scroll;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: 0px 0px 14px 4px transparent;
box-shadow: 0px 0px 14px 4px transparent;
padding: 0px !important;
}
#xg_sitename,
#xg_sitedesc /*This covers up the sitename text*/ { display: none }
#xg_navigation {
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: #000 none top left repeat scroll !important;
}
#xg_navigation /* Navbar*/{
border: 3px solid #766c53 !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: inset 0px 0px 24px 4px #766c53;
box-shadow: inset 0px 0px 24px 4px #766c53;
}
#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: #bdb9b1 !important;
font-weight: bold;
text-transform: none !important;
text-shadow: 0 1px 1px #bdb9b1;
}
#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 #766c53 !important;
-webkit-box-shadow: inset 0px 0px 4px 4px #766c53;
box-shadow: inset 0px 0px 4px 4px #766c53;
}
#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: #766c53 none repeat top left scroll !important;
color: #bdb9b1 !important;
text-shadow: 0 1px 1px #000;
font-weight: bold;
border: 3px solid #766c53 !important;
-webkit-box-shadow: inset 0px 0px 4px 4px #000;
box-shadow: inset 0px 0px 4px 4px #000;
}
#xg_navigation li.this a span,
#xg_navigation li a:hover span {
border-bottom: none !important;
}
.xg_chat .xg_chatBar.xg_bottomBar a{
background: transparent none !important;
}
.xg_chat .xg_chatBar.xg_bottomBar a:hover{
color: #766c53 !important;
}
a.button,
button,
input.button,
.xg_module_head,
.xg_chat .xg_bottomBar,
.xg_chat .xg_titleBar /*Bg of headers*/ {
background: #766c53 none bottom center repeat scroll !important;
font-size: 15px !important;
color: #bdb9b1 !important;
border: 3px solid #766c53 !important;
-webkit-box-shadow: inset 0px 0px 8px 4px #000;
box-shadow: inset 0px 0px 8px 4px #000;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
margin: auto !important;
padding: 4px !important;
text-shadow: 0 1px 1px #bdb9b1;
}
.xg_module_head h2 /*Header Text*/ {
font-family: Constantia, Georgia, Helvetica, FreeSans, arial, georgia, Helvetica, FreeSans, sans-serif !important;
color: #bdb9b1 !important;
font-size: 15px !important;
font-weight: bold;
text-shadow: 0 1px 1px #bdb9b1;
}
.xg_module {
background-color: transparent !important;
border: none !important;
}
.xg_module_body {
background: #000 none bottom left repeat scroll !important;
border: 3px solid #766c53 !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow:inset 0px 0px 14px 4px #766c53;
box-shadow: inset 0px 0px 14px 4px #766c53;
color: #bdb9b1 !important;
text-shadow: 0 1px 3px #766c53;
}
.xg_module_foot /*Bg of footers*/ {
background: #766c53 none bottom center repeat scroll !important;
font-size: 12px !important;
border: 3px solid #766c53 !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: inset 0px 0px 8px 4px #000;
box-shadow: inset 0px 0px 8px 4px #000;
}
.xg_module_foot a {
font-family: Constantia, Georgia, Helvetica, FreeSans, arial, georgia, Helvetica, FreeSans, sans-serif !important;
color: #bdb9b1 !important;
font-size: 12px !important;
font-weight: bold;
text-shadow: 0 1px 1px #deb868;
}
.xg_module_foot a:hover {
color: #000 !important;
font-weight: bold;
}
#xn_bar /*Ning bar at top*/ {
background: transparent none top left no-repeat scroll !important;
color: #b06c1f !important;
font-family: Constantia, Georgia, Helvetica, FreeSans, , georgia, Helvetica, FreeSans, sans-serif !important;
}
textarea#xg_profiles_chatterwall_post_comment {
height: 200px !important;
background: #000 url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Animals/song_for_the_moon_by_khaosdogCmt.png) center no-repeat scroll !important;
color: #deb868 !important;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif !important;
font-weight: bold;
font-size: 125%;
-webkit-box-shadow: inset 0px 0px 34px 14px #000 !important;
box-shadow: inset 0px 0px 34px 14px #000 !important;
}
/*Start Changing BGComment by Sora */
#xg_profiles_chatterwall_post_comment_ifr {
opacity: 0.5 !important;
filter: alpha(opacity=50) !important;
height: 200px !important;
}
td.mceIframeContainer.mceFirst.mceLast {
background: #000 url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Animals/song_for_the_moon_by_khaosdogCmt.png) center no-repeat scroll !important;
height: 200px !important;
}
/*ENd Code by Sora*/
/*Start Welcome*/
.xg_widget_profiles_profile_show .xg_2col h1{
padding-bottom: 640px !important;
background-color: #000 !important;
background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Animals/song_for_the_moon_by_khaosdogB_435x650.png);
background-repeat: no-repeat;
background-position: bottom left;
background-attachment: scroll;
border: 3px solid #766c53 !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow:inset 0px 0px 14px 4px #766c53;
box-shadow: inset 0px 0px 14px 4px #766c53;
font-family: Constantia, Georgia, Helvetica, FreeSans;
color: #bdb9b1;
font-size: 20px;
text-align: center;
}
/*End Welcome___Generated@ SkemaholicsAnonymous.com*/
/*Start Account Links*/
.account-links {
padding: 10px;
height: 330px;
background-color: #000 !important;
background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Animals/song_for_the_moon_by_khaosdog_log.png) !important;
background-repeat: no-repeat !important;
background-position: bottom right !important;
background-attachment: scroll !important;
border: 3px solid #766c53 !important;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow:inset 0px 0px 14px 4px #766c53;
box-shadow: inset 0px 0px 14px 4px #766c53;
text-align: left;
}
.account-links a {
font-family: Constantia, Georgia, Helvetica, FreeSans;
color: #bdb9b1;
font-size: 14px;
}
.account-links a:hover {
color: #766c53 !important;
}
/*End Account Links___Generated@ SkemaholicsAnonymous.com*/
.feed-story .feed-story-body,
#xn_bar #xn_bar_menu_search_query,
.xg_status .input-container {
background-color: #000 !important;
border: 1px solid #766c53;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow:inset 0px 0px 6px 4px #766c53;
box-shadow: inset 0px 0px 6px 4px #766c53;
color: #bdb9b1;
}
.content-comment {
margin-left: 8px;
}
.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: #bdb9b1 !important;
}
/* Start Pro Pic Border */
#xg_layout_column_1 .module_user_thumbnail .photo {
margin: 3px;
width:159px !important;
height:159px !important;
border:4px ridge #766c53;
-moz-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0 0 3px 3px #766c53;
-webkit-box-shadow: 0 0 3px 3px #766c53;
box-shadow: 0 0 3px 3px #766c53;
}
/* 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 ridge #766c53;
padding: 3px 3px 1px 3px;
margin: 4px;
overflow: center;
-moz-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0 0 3px 3px #766c53;
-webkit-box-shadow: 0 0 3px 3px #766c53;
box-shadow: 0 0 3px 3px #766c53;
}
/* End Friend border */
/* Start Skinny columns */
#xg_body /*Contents*/ {
width: 800px !important;
}
#xg /*Wrap Background*/ {
width: 800px !important;
}
#xg_masthead /*Top Image*/ {
width: 800px !important;
}
#xg_navigation {
width: 800px !important;
}
#xg_footcontent {
width: 780px !important;
}
/* 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 */
.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_profile_show .xg_3col .xg_2col .module_feed img { margin-left: 8px; max-width: 370px; }
.xg_widget_profiles .xg_2col .module_groups .clist li { margin: 2px }
.xg_span-14,
.xg_span-16 {
width: 600px !important;
margin-left: 4px !important;
}
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 3px;
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;
}
#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;
}
/* End Skinny */
/* Start Float */
#column1{
width:185px !important;
float: right;
}
.xg_span-4 {
width:185px !important;
float: left;
}
.xg_span-16{
float: left;
margin-right: 6px;
}
.xg_last, .last-child{
float: left;
}
.xg_1col, .xg_2col, .xg_3col, .xg_4col {
display:inline;
float: right;
}
.xg_span-16 {
margin-left: -8px;
width: 600px;
}
/* End Float */
Designer Comments:
Art used with permission by:
Khaosdog.
