Made by:
Sora Tan
CLICK on “MORE” below for code & Preview button!
NingTheme
/* Start Code by Sora @soracreations.blogspot.com*/
body {
background-color: #fff !important;
background-image:url(http://i383.photobucket.com/albums/oo273/MeShiang/Themes/body_birdie.jpg) ;
background-repeat:no-repeat;
background-position:1050px bottom;
background-attachment: fixed;
font: normal 7pt "Arial", sans-serif;
color: #808080;
line-height: 1.5;
}
#xn_bar, .xg_ningbarbg {
background-color:transparent !important;
background-image: url(http://i383.photobucket.com/albums/oo273/MeShiang/Themes/topbar-1.png);
background-repeat: repeat-x ;
background-position : bottom center ;
height:42px;
}
#xg_body , #xg{
margin-top:10px;
background-color:transparent !important;}
#xn_bar{
position:fixed;
width:100%;
top:0;
z-index:1000;
right:0;}
#xn_bar li a {
color:#dedede !important;
}
#xn_bar li a:hover {
color:#fff !important;
}
#xg_navigation{
position:absolute;
top:20px;
left:250px;
height:30px;
width:600px;
z-index:999;
background:#fff url(http://i383.photobucket.com/albums/oo273/MeShiang/Themes/nav_birdie.jpg) no-repeat center right;
padding:25px;padding-bottom:10px;}
#xg_navigation a {
color: #e6e6e5;
letter-spacing: -1px;
font:bold 14px century gothic !important;
margin-left:-10px !important;
}
#xg_navigation a:after {
content: " | ";
margin-left:3px;
margin-right:0px;
}
#xg_navigation ul div.xg_subtab this a {
color : #000 !important;
background:transparent !important; }
#xg_navigation ul div.xg_subtab ul li a:before {
content: "♥";
color: #ee011f;
padding-right: 5px;
}
#xg_navigation ul div.xg_subtab {
margin-top: 5px !important;
width: 150px !important;
}
#xg_navigation ul div.xg_subtab ul li:last-cgu-child { margin-top:0px !important;}
#xg_navigation ul div.xg_subtab ul li a {
background-color: transparent !important;
background-image: url(http://i383.photobucket.com/albums/oo273/MeShiang/bodytext-1.png);
background-position: 0 0;
background-repeat: repeat;
color: #919191;
}
#xg_navigation a:hover {
color: #c7d563;
}
#xg_navigation ul div.xg_subtab ul li a:hover {
background-image: url(http://i383.photobucket.com/albums/oo273/MeShiang/body_text_mokona.png);
background-position: 0 0;
background-repeat: repeat;
color: #fff !important;
}
#xg_sitename, #xg_sitedesc , ul.nobullets.last-child{display:none !important;}
#xg_masthead {position:absolute; top:100px; left:100px; width:955px; background-color:transparent ! important; background-image: url(http://i383.photobucket.com/albums/oo273/MeShiang/Themes/header_birdie.jpg) !important; background-repeat: no-repeat; background-position: top center;}
#xg_masthead, #xg_masthead a {
height: 278px;
min-height: 278px;
background-color:transparent;
}
body a {
color: #c7d563;
text-transform:lowercase !important;
letter-spacing: -1px;
font:italic 10pt georgia; }
.xg_module_foot a{ background:transparent !important;color:#000 !important;}
.xg_module_foot a:hover {color :#c7d563!important;
}
body a:hover {
color: #fdc702;
text-decoration:none;
letter-spacing: 1px;
}
.xg_widget_profiles_profile_show .xg_3col .xg_2col, .xg_widget_profiles_profile_apps .xg_3col .xg_2col {
margin-right:2px;
overflow-x:hidden;
overflow-y:hidden;
padding-bottom:0;
padding-left:20px;
padding-right:6px;
padding-top:0;
width:600px !important;
}
.xg_widget_profiles_profile .xg_3col .xg_1col {
margin-left:0px;
overflow-x:hidden;
overflow-y:hidden;
width:300px;
padding-right:50px !important;
padding-left:60px !important;
}
.xg_last, .last-child {
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
}
.xg_2col .feed-timestamp {
left:500px;
top:4px;
}
.xg_widget_profiles_profile_show .xg_3col .xg_2col img {
max-width: 580px;
}
.xg_widget_profiles_profile_show .xg_3col .xg_2col .xg_reset img {
max-width: 550px;
}
.xg_widget_profiles_profile_show
.xg_column.xg_span-4.xg_last{ display:none;}
.xg_module_body.profile.vcard {
padding-left:30px;}
/* left Column*/
#xg_layout_column_1 {
position:absolute;
top:350px;
left:0px;
padding-top:100px;
padding-left:0px;
padding-right:0px;
height:auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 10px;
border:8px solid #fff;
background:#fff url(http://i383.photobucket.com/albums/oo273/MeShiang/Themes/desc_birdie.jpg) no-repeat center 0px;}
#xg_layout_column_1 .xg_module_body {
background:transparent !important;
}
#xg_layout_column_1 .xg_module_head {
background:transparent!important;
border-bottom:1px dashed #000;}
#xg_layout_column_1 .xg_module_head h2 {
font: normal 12pt arial; letter-spacing: 1px;color: #888;
line-height:120%;
letter-spacing: 1px;text-transform: lowercase ;
}
#xg_layout_column_1 .xg_module_head h2:before{
content: " ♥ ";
color:#ee011f ;
}
div.xg_module.module_user_summary ,#xg_layout_column_1 div.xg_module.module_forum {width:200px !important;margin-left:-50px; padding-left:150px;padding-bottom:100px;background:transparent url(http://i383.photobucket.com/albums/oo273/MeShiang/Themes/layout2_birdiebottom.jpg) left bottom no-repeat;}
.module_user_summary .xg_module_body.xg_module_body.profile.vcard{
width:150px !important;background:transparent !important ;
border:0px solid #cecece !important;}
.xg_module_body.profile.vcard dl.last-child {
margin-left:-30px;
padding-bottom:5px;
margin-bottom:10px;
color:#808080;
letter-spacing:-1px;
font:normal 10pt georgia;
text-transform:lowercase;
padding-left:10px;
margin-top:0px;
}
.module_user_summary .photo{
width:165px;
height:165px;
margin-left:10px;
border: 1px solid #ecebea;
margin-bottom:5px;
padding:4px;
}
.xg_module_body.profile.vcard dl.last-child dd a {float:right !important; -webkit-transition: .6s; font: bold 11px arial; letter-spacing: 1px;color: #888; margin-bottom:8px;padding-bottom:8px; border-bottom: 1px solid #ececec; width:150px !important;}
.xg_module_body.profile.vcard dl.last-child dd a:hover { color: #C7D663; border-bottom: 1px solid #ddd; }
.xg_module_body.profile.vcard dl.last-child dt.fn span.fn {
color: #993366;
font: italic 14pt georgia, sans-serif;
letter-spacing: -2px;
text-transform: lowercase;
}
.xg_module_body.profile.vcard dl.last-child dt.fn {
padding-bottom:10px;margin-top:0px;}
.module_members
{background:transparent url(http://i383.photobucket.com/albums/oo273/MeShiang/Themes/layout2_birdietoo.jpg) no-repeat bottom right; padding-bottom:125px;width:200px !
important;padding-right:120px;}
.module_members .xg_module_body {
padding-left:6px;}
.module_members .xg_module_body li {
display:inline;
border:1px solid #cecece;
margin: 2px;
}
.module_members .xg_module_body li:hover {
border:1px solid #414040;
}
/* Right Column*/
#xg_layout_column_2 {
left:380px;
position:absolute;
top:180px;
padding-bottom:50px;
background:transparent!important;
margin-left:25px;margin-top:150px;}
#xg_layout_column_2 .xg_module_body {
font: 11px arial;color: #5e5e5e !important;line-height: 150%;}
#xg_layout_column_2 .xg_module_head {background: #fff url(http://i383.photobucket.com/albums/oo273/MeShiang/Themes/module_header_birdie.jpg) no-repeat left 8px; }
#xg_layout_column_2 .xg_module_head h2 {
font:italic 20pt georgia;
line-height: 120%;
padding-left:20px;
letter-spacing: -3px;
color:#000;
}
#xg_layout_column_2 .xg_module_head h2:after{
content: " }} ";
color:#adadad;
}
#xg_layout_column_2 .xg_module_head {border-bottom:1px dashed #111;}
#xg_layout_column_2 .xg_module_body {
background:#fff !important;
}
.xg_widget_profiles_profile_show .xg_2col h1 {text-align: center; background-color: transparent !important; padding-top:15px;
;padding-bottom:15px;margin-bottom:10px;min-height:35px; font:10px normal arial; }
.xg_widget_profiles_profile_show .xg_2col h1:before,.xg_widget_profiles_profile_show .xg_2col h1:after {
content: ' " ' ; color:#999999}
ul.navigation.easyclear {display:none!important;
}
#xg #xg_body h1 {
-webkit-transition-duration:1s;
text-align: right;
font: italic 25pt georgia, arial;
letter-spacing:-2pt;
text-transform: lowercase;
line-height:75%;
color:#000;}
#xg #xg_body h1:hover {
color:#e52b2b; -webkit-transition-duration:1s;}
.status-bar {background-color: #fff ;
background-image: url(http://i383.photobucket.com/albums/oo273/MeShiang/Themes/tick.png)!important;
background-repeat:no-repeat ; background-position:left 10px; font-size: 10px; color: #000; padding-left:15px;border:1px #cecece dashed; width:505px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.status-bar:hover { -webkit-transition-duration:1s;background-color:#eeeeee !important;border:1px #000 solid; }
a.button, p.edit a.button, button, .swatch_group button, input.button {
background:#fff;
border:1px solid #000;
background:#000;
color:#fff!important;
font-size:11px;
-moz-border-radius:5px;
font-family:century gothic,arial;
}
button:hover, .swatch_group button:hover, a.button:hover, p.edit a.button:hover, input.button:hover {
border:1px solid #ffcc00;
background:#ffcc00;
color:#000!important;
}
#xg_profiles_chatterwall_list{
height : 300px;
overflow : auto;
position:relative;
margin : 3px;
text-align : center;
font-size : 10px;
}
/* xg_foot */
#xg_foot{
background:#19181e !important;
position:fixed;
width:100%;
bottom:0px;
right:0;
z-index:1000;
color:#fff;
padding-top:2px;
height:8px;
font-size:8px;
font-family:georgia }
#xg_foot a{
letter-spacing :1px;
font-size:10px;
color:#fdc800;
}
#xg_foot a:hover{
letter-spacing :2px;
color : #94c5e6;
}
#xg_foot .right:before {
content : "Layout Design : Little Birdie by SoraCreations | ";
color : #fff ;
font-style :italic;
letter-spacing :1px;}
#xg_lightborder {color : #cecece !important;}
h2 { font: italic 19px Georgia; letter-spacing: -1px; color: #333; margin-top: 2px }
h3 { font: bold 18px arial; letter-spacing: -1px;color: #C7D663 }
.xg_dock { bottom:20px !important;}
.xg_module_body {background:#fff !important;}
#xg_layout_column_2 .xg_module_body img {
padding:4px !important;
border: 1px solid #e2e2e2; }
/* End Code by Sora Tan*/
Designer Comments:
My Ning Submission to Jensocial.com's competitions
Full Download Picture : http://soracreations.blogspot.com/2011/02/ning-theme-little-birds-love.html