Made by: AnGella
CLICK on “Continue reading” below for code & Preview button!
Designer Comments:
Image by Lise.
CLICK on “Continue reading” below for code & Preview button!
NingTheme
body /*Background*/{
background-color: #08090c;
background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/RequestImages/DarkDreamsBg1.png);
background-repeat: repeat-x;
background-position: bottom center;
background-attachment: fixed;
color: #b0b7c8; font-family: Arial, Helvetica, FreeSans, sans-serif;}
a:link, a:visited, a:active {font-family: Eurostile, Century Gothic, IrisUPC, Segoe script, arial; color: #8bb253; text-decoration: none; font-size: 15px}
a:hover {color: #b0b7c8; 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: #c0c0ff; font-size: 20px}
.xg_lightfont {color: #8bb253}
.xg_lightborder {border-style: solid; border-color: #b0b7c8}
#xg_body /*Contents*/{
width: 790px;
background-color: transparent !important; background-image:none; background-repeat: repeat; background-attachment: fixed;
color: #b0b7c8; font-size:100%}
#xg /*Head Background*/{
margin: auto;
width: 800px;
background-color: transparent !important; background-image: url(http://i25.tinypic.com/af7d53.jpg); background-repeat: repeat; background-position: center center; background-attachment: fixed;
border: solid 2px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px; border-color: #b0b7c8 }
#xg_masthead /*Top Image*/
{display: block;height: 700px; width: 800px; background-color: transparent; background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/RequestImages/DarkDreams2.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: -650px;
width: 800px !important;
height: 50px;
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{
border: ridge 1px #8bb253;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
}
a.button, button, input.button,
.input textarea:hover, select.quickpost:hover, #xn_bar #xn_bar_menu_search_query:hover,
#xg_navigation /* Navbar*/,
#xg_navigation ul div.xg_subtab ul li a /*Subtab Font Properties*/
{background-color: transparent !important; background-image:none; background-repeat: repeat; background-attachment: scroll;
color: #b0b7c8 !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: #b0b7c8; font-weight:normal}
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: transparent;
border: 1px ridge #b0b7c8;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
color: #b0b7c8 !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: transparent;
background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/RequestImages/DarkDreamsNav2.png);
Background-repeat: no-repeat;
background-position: center;
padding-bottom: 30px;
color: #8bb253 !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: transparent !important; background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/RequestImages/DarkDreamsNav.png); background-repeat: repeat-x; background-attachment: scroll; background-position: top right;
border: solid 2px #0e1422;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
color: #8bb253;
}
.xg_module_head h2 {color: #8bb253; font-size: 18px; font-weight: normal}
.module_about a.button {
width: 145px
}
.xg_module_body{
background:-moz-linear-gradient(center top , #000000, #353d50) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#000000), to(#353d50));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#353d50');
background-attachment: fixed; font-family: Arial; color: #b0b7c8;
border: solid 2px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px; border-color: #0e1422}
.xg_module_foot /*Bg of footers*/
{background-color: transparent !important; background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/RequestImages/DarkDreamsNav2.png); background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom;
padding-bottom: 15px;
border: solid 2px #0e1422;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
color: #fad1f8; }
.xg_module_foot a
{color: #b0b7c8;
font-family: Eurostile, Century Gothic, IrisUPC, Segoe script, arial}
.xg_module_foot a:hover {
color: #8bb253;
}
#xn_bar /*Ning bar at top*/{
display: block;
height: 100px;
background-color: #070a11 !important; background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/RequestImages/DarkDreamsNav.png); background-repeat: repeat-x; color: #fad1f8 !important; font-family: Eurostile, Century Gothic, IrisUPC, Segoe script, arial; border-bottom: solid 2px #b0b7c8; }
#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: #b0b7c8 !important;
font-family: Eurostile, Century Gothic, IrisUPC, Segoe script, arial;
font-size: 8px;}
textarea#xg_profiles_chatterwall_post_comment
{height:175px !important;
width:380px;
background:#000000 url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/RequestImages/DarkDreams2Cmt.png) top left no-repeat scroll;
color:#FFFFFF;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif;
font-weight: bold;
font-size: 125%;}}
.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}
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;
}
.input button {
bottom:0;
left:275px;
margin-right:0;
max-width:110px;
overflow:hidden;
padding:0.35em 0.5em 0.4em;
position:absolute;
}
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: 385px !important;
}
.defaultSkin span.mceIcon,
.defaultSkin img.mceIcon,
.defaultSkin .mceButton {
height: 15px !important;
width: 15px !important;
}
/*Start Changing BGComment by Sora */
#xg_profiles_chatterwall_post_comment_ifr {
opacity: 0.5;
filter:alpha(opacity=50);
height: 175px !important;
}
td.mceIframeContainer.mceFirst.mceLast {
background: transparent url('http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/RequestImages/DarkDreams2Cmt.png') center no-repeat scroll;
height: 175px; }
/*ENd Code by Sora*/
.xg_ad {
width: 800px;
}
Designer Comments:
Image by Lise.
Great job, both of you, love the kitty:}
Very cool AnGella. I love it. Glad you could use the image. I should just give you all my tags and let you go wild with them… LMAO Well done hon. Love it.
I’d love to do a bunch of them! 🙂
looks wicked cool! nice job to both 🙂 i love the cat eyes on top
Really awesome, wish I could make layouts like that! xx
who says you can’t? all it takes is some practice and playing with the generators and you’ll get it 🙂
That is AWESOME!!!!