ကြ်န္ေတာ္ ဒီေန႕ Flash Songs နဲ႕ ပက္သက္တာေလး တစ္ခု ေရးေပးပါမယ္..Flash Songs ေတြကို
ဝါသနာပါတဲ့ ႀကိဳက္ႏွစ္သက္တဲ႕ သူငယ္ခ်င္းေတြ အတြက္ အသံုးဝင္လိမ့္မယ္လို႕လည္းထင္ပါတယ္..
ကြ်န္ေတာ့္ ဒီဆုိဒ္မွာ Flash Songs လုပ္တဲ့ ေဆာ့ဝဲလ္ေတြ နည္းပညာေတြ လိုအပ္မယ္လို႕ ထင္တာေတြကို
ရွာျပီး တင္ေပးထားပါတယ္.. သူငယ္ခ်င္းေတြအတြက္ Flash Songs လုပ္ရတာ အဆင္ေျပမယ္လို႕
ထင္ပါတယ္.. လုပ္ျပီးသား သီခ်င္းေတြကို ဘယ္လို လင့္ခ်ိတ္ရတယ္ဆုိတာကို ဒီေနရာေလးမွာ
ေရးထားပါတယ္... ဒါမွ ကိုယ္သူငယ္ခ်င္းေတြကို လင့္ေပးလိုက္ရင္ သူတို႕လည္း ႀကည္႕လို႕ နားေထာင္လို႕
ရမွာပါ... အဲဒီသီခ်င္းကို ကိုယ့္ဆိုဒ္မွာတင္ခ်င္တာပဲျဖစ္ျဖစ္ Ning ဆိုဒ္ေတြမွာ တင္မယ္ဆိုလည္း
အတူတူပါပဲ ခုေနာက္ပိုင္းေတာ႕ Ning ဆိုဒ္ေတြထဲမွာ တစ္ေယာက္အိမ္ တစ္ေယာက္ လိုက္လည္ရင္
Flash သီခ်င္းေလးေတြနဲ႕ လက္ေဆာင္ေပးႀကတာ မ်ားလာပါတယ္..တစ္ခ်ဳိ႕က်ေတာ့လည္း
ကိုယ့္စာမ်က္ႏွာ ကိုယ့္အိမ္ေလးမွာ ကိုယ္ႀကိဳက္တဲ့ သီခ်င္းတို႕ ကိုယ္လုပ္ထားတဲ့ သီခ်င္းတို႕ကို
တင္ထားတတ္ႀကပါတယ္..အဲလို သူငယ္ခ်င္းတို႕လည္း သူမ်ားအိမ္ကို လုိက္လည္ရင္း Flash
သီခ်င္းေလးေတြ လက္ေဆာင္ေပးခ်င္တယ္။ ကိုယ့္အိမ္မွာ တင္ထားခ်င္ႀကတယ္ဆိုရင္ ဒီလိုေလး
လုပ္လုိက္ပါ..ပထမဦးဆံုး ဒီဆိုဒ္ www.freevideocoding.com ကို သြားပါမယ္..
သူ႕ Web Site စာမ်က္ႏွာကို ေအာက္က ပံုေလးလို ေတြ႕ရပါလိမ့္မယ္..
1. Flash (SWF) ႏွိပ္ပါ ။
2. Enter Media File Location (url): သင္အသံုးျပဳမယ့္ Flash Song ရဲ႕လင့္ကို ထည့္ပါ ။
3. Embed the Player ကိုေရြး ႏွိပ္ပါ ။
4. Media Player Width: နဲ႕ Media Player Height: ကေတာ့ သီခ်င္းရဲ႕ အလ်ား အနံပါ ။
ကိုယ္ အသံုးျပဳခ်င္သေလာက္ ဂဏာန္းမ်ားကို အတိုး အေလွ်ာ့ ျပင္ေရးႏုိင္ပါတယ္..
5. Playback Quality ကို High မွာထားေပးပါ ။
6. Support this free site with a link?: သူ႕ဆုိဒ္လင့္ကို မထည့္ခ်င္ဘူးဆိုရင္ No ပါ ။
7. အားလံုးသင္စိတ္တိုင္းက် ေရြးခ်ယ္ လုပ္ျပီးျပီးဆိုရင္ေတာ့ Make HTML ကို ႏွိပ္လုိက္ပါ ။
ေအာက္က ပံုမွာလို HTML ကုတ္ေတြ ထုတ္ေပးပါလိမ့္မယ္..
သူငယ္ခ်င္းတို႕ကို အဲလိုေလး လုပ္ရတယ္ဆိုတာကို ဗဟုသုတေလးတစ္ခု ရေစခ်င္လို႕ ေျပာျပတာပါ ။
ေဟာဒီလို ကုတ္ေတြ တစ္ခါတည္းေပးလုိက္ရင္လည္း ရပါတယ္ ။ အလုပ္မရွိလို႕ လက္ကျမင္းေက်ာထတာ
ဟိဟိ ဒီေအာက္က ကုတ္ေလးပါပဲ ...
<!-- START FreeVideoCoding.com -->
<embed src="http://api.ning.com/files
/Z7lsPWn3RMtzGsZG72B9wDF0Zpfy
YVkq*VRLt7ina3O6bFsqB1zUADPZFeU4hFZAnBGBmV2cb6lhFdlxqMPz0iVeNNywV5Jy/lovelar.swf" width="550" height="400" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
<!-- END FreeVideoCoding.com -->
အဲဒီကုတ္က <!-- START FreeVideoCoding.com --> နဲ႕ <!-- END FreeVideoCoding.com -->က
မထည့္လည္း ရပါတယ္..ခု အေပၚမွာ ေပးထားတဲ့ကုတ္ကို သူငယ္ခ်င္းတို႕ သံုးမယ္ဆိုရင္လည္း
ရတယ္ေနာ္...ဒီလိုေလး ျပင္ေရးလိုက္မယ္..ကြ်န္ေတာ္ ထည့္ထားတဲ့ Flash Song လင့္ေနရာမွာ
သူငယ္ခ်င္းတို႕ ထည့္ခ်င္တဲ့ သီခ်င္းလင့္ကို ထည့္လုိက္ပါ ။ width="550" height="400" ကိုေတာ့
သူငယ္ခ်င္းတို႕ စိတ္ႀကိဳက္အလ်ား အနံကို ေျပာင္းခ်င္ရင္ ေျပာင္းပါ ။
သီခ်င္းရဲ႕ အစနဲ႕ အဆံုးမွာ <center> </center>
ထည့္ထားတာက ကိုယ္ထည့္မယ့္ ေနရာမွာ အလယ္တည့္တည့္မွာ ေပၚေစခ်င္လို႕ပါ ။
<center><embed src=" သီခ်င္းလင့္ထည့္ရန္ " width="550" height="400" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></center>
သူငယ္ခ်င္း တစ္ေယာက္ကို လက္ေဆာင္ေပးမယ္ဆိုရင္ သူ႕စာမ်က္ႏွာ ( သူ႕အိမ္ ) ကို သြားလုိက္ပါ ။
ကြန္မန္႕ေဘာက္စ္ တစ္ခု ရွိပါတယ္..ေအာက္က ပံုေလးလိုပါ ။
အေပၚမွာ ေပးထားတဲ့ Flash Song ထည့္ဖို႕ကုတ္ကို ေကာ္ပီ ကူးယူလုိက္ပါ ။
ကြန္မန္႕ေဘာက္ရဲ႕ ညာဘက္အစြန္ဆံုးက HTML ဆိုတာကို အရင္ဆံုး တစ္ခ်က္ႏွိပ္ေပးပါ ။
ျပီးမွ ခုနCopy ကူးယူလာတဲ့ ကုတ္ကို Paste ခ်လုိက္ပါ ..အဲဒါဆိုရင္ေတာ့ မွတ္ခ်က္ထည့္မယ္ဆိုတာကို
ႏွိပ္ျပီးေတာ့ Flash Song လက္ေဆာင္ေပးလို႕ ရသြားပါျပီ
=====================================================
ကြ်န္ေတာ္ခု ေျပာမွာကေတာ့ ကိုယ့္စာမ်က္ႏွာ ကိုယ့္အိမ္ေလးမွာ Flash Song ေလးေတြ တင္ထားခ်င္တဲ့
သူေတြအတြက္ျဖစ္ပါတယ္...ပထမဦးဆံုး သူငယ္ခ်င္းတို႕ အိမ္ေလးမွာ စာေရးရန္ ေနရာဆိုတာေလးကို
ရွာလုိက္ပါ ။ ေအာက္က ပံုေလးကို ႀကည့္လိုက္ေပါ့ ။ အဲလိုမ်ဳိးေလးပါ ...အနီေရာင္နဲ႕ ဝုိင္းျပထားပါတယ္..
အေပၚက ပံုေလးမွာ ျမားျပထားတဲ့ ျပင္ရန္ ဒါမွမဟုတ္ +စာထည့္မယ္ တစ္ခုခုကို ႏွိပ္လုိက္ပါ..
သူငယ္ခ်င္းေတြအိမ္ကို သြားလည္တဲ့အခါ ေတြ႕ရတဲ့ ကြန္မန္႕ေဘာက္ေလးလို ထြက္လာပါလိမ့္မယ္..
HTML ဆိုတာကို အရင္ဆံုးႏွိပ္ျပီးမွ Flash Song ထည့္တဲ့ ကုတ္ကို Paste ျပီး သိမ္းရန္ဆိုတာကို
ႏွိပ္လုိက္ေပါ့ ....
ကဲ အဲဒါဆိုရင္ေတာ့ ဒီလိုေလး ေတြ႕ရမယ္ဗ်ာ ေတာ္ေတာ္ခက္တယ္ေနာ္ း)
ဒီအေပၚက ပံုေလးရဲ႕ ဘယ္ဘက္မွာ အနီေရာင္ အဝိုင္းေလးနဲ႕ ကြင္းျပထားတာကေတာ့ သူငယ္ခ်င္းတို႕
အိမ္ေလးမွာ ရွိေနတဲ႕ စာေရးရန္ ေနရာ မိမိဓါတ္ပံုမ်ား ကြန္မန္႕ေဘာက္ ေနာက္ဆံုးလုပ္ေဆာင္ခ်က္
အဲဒီေခါင္းစဥ္ေလးေတြေပၚမွာ ေမာက္ေထာက္လုိက္တာနဲ႕ အေပါင္းျမား ေလး ( 4 Headed Arrow )
ေပၚလာပါလိမ့္မယ္…ေမာက္နဲ႕ဖိဆြဲျပီးေတာ့ သူငယ္ခ်င္းတို႕ ထားခ်င္တဲ႕ေနရာမွာ ေရႊ႕ထားလို႕ရပါတယ္..
ခုေရးထားတာေတြက MM-Flash Song ဆိုဒ္မွရယ္ မဟုတ္ပါဘူး ဘယ္ Ning ဆုိဒ္မွာ မဆို လုပ္လို႕
ရပါတယ္..ေရးထားတဲ့စာခ်င္းေတာ့ တူခ်င္မွ တူမယ္ေပါ့ေလ..ခု ကြ်န္ေတာ္ လုပ္ျပထားတဲ့ အိမ္ပံုစံေလး
သူငယ္ခ်င္းတို႕ ႀကိဳက္လို႕ သံုးခ်င္တယ္ဆို ကုတ္ေပးလုိက္မယ္ေနာ္..Css Box ထဲ ထည့္ျပီး Save လုပ္ေပါ့ ။
/*----------------------------------------------------------------------
This file is generated whenever you customize the appearance of your
app. We recommend that you avoid editing this file directly; instead,
simply use or not use these styles in your app as desired.
For more information, contact support@ning.com.
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
Fonts
----------------------------------------------------------------------*/
/* Font (Body Text) */
body, select, input, button, textarea, .xg_theme-body-f {
font-family:/* %textFont% */ Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/* Font (Headings) */
h1, h2, h3, h4, h5, h6,
#xg_sitename,
.xg_theme-heading-f {
font-family:/* %headingFont% */ Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/*----------------------------------------------------------------------
Colors
----------------------------------------------------------------------*/
/* Main Color */
body,
#xg_navigation li.this a,
.xg_theme-body-t {
color:/* %moduleBodyTextColor% */ #000000;
}
a, .xg_theme-link-c {
color:/* %siteLinkColor% */ #FF0000;
}
a.button, button, input.button,
a.button:hover, button:hover, input.button:hover {
color:/* %buttonTextColor% */ #fff;
background:/* %siteLinkColor% */ #FF0000;
}
.xg_theme-button-c {
color:/* %buttonTextColor% */ #fff;
}
.xg_theme-button-bc {
background:/* %siteLinkColor% */ #FF0000;
}
.icon-color {
color:/* %iconColor% */ #FF0000;
}
/* Margins */
body {
background-color:/* %siteBgColor% */ #000000;
background-image:/* %siteBgImage% */ url(http://static.ning.com/socialnetworkmain/widgets/index/gfx/themes/Area%2051%20New/body-bg.jpg?v=201202072337);
background-repeat:/* %siteBgImage_repeat% */ repeat;
}
.xg_theme-body-bc {
background-color:/* %siteBgColor% */ #000000;
}
.xg_theme-body-bi {
background-image:/* %siteBgImage% */ url(http://static.ning.com/socialnetworkmain/widgets/index/gfx/themes/Area%2051%20New/body-bg.jpg?v=201202072337);
}
/* Header Background Color/Image */
#xg_head,
#xg_head a,
.xg_theme-header-c {
color:/* %pageHeaderTextColor% */ #FFFFFF;
}
#xg, .xg_headerbg {
background-color:/* %headBgColor% */ #000000;
background-image:/* %headBgImage% */ none;
background-repeat:/* %headBgImage_repeat% */ no-repeat;
}
.xg_theme-header-bc {background-color:/* %headBgColor% */ #000000;
}
.xg_theme-header-bi {background-image:/* %headBgImage% */ none;
}
/* Page */
#xg_body,
.xg_floating_container {
background-color:/* %pageBgColor% */ #000000;
background-image:/* %pageBgImage% */ none;
background-repeat:/* %pageBgImage_repeat% */ no-repeat;
}
.xg_theme-body-bc {
background-color:/* %pageBgColor% */ #000000;
}
.xg_theme-body-bi {
background-image:/* %pageBgImage% */ none;
}
#xg_navigation ul li.this a,
ul.page_tabs li.this {
background-color:/* %pageBgColor% */ #000000;
}
/* Module Headers */
.xg_module_head {
color:/* %moduleHeadTextColor% */ #000000;
background-color:/* %moduleHeadBgColor% */ #000000;
}
.xg_theme-modulehead-c {
color:/* %moduleHeadTextColor% */ #000000;
}
.xg_theme-modulehead-bc {
background-color:/* %moduleHeadBgColor% */ #000000;
}
/* Module Body */
.xg_module_body, .xg_theme-modulebody-bc {
background-color:/* %moduleBodyBgColor% */ #000000;
}
/* Media Players */
.xg_theme-mediabutton-c {
color:/* %mediaButtonLink% */ #797979;
}
.xg_theme-mediaplayer-bc {
color:/* %mediaPlayerBg% */ #FFFFFF;
}
.xg_theme-mediaplaylist-bc {
color:/* %mediaPlaylistBg% */ #e9eee8;
}
/* Ningbar */
/* %ningbarInvert% */
#xn_bar, .xg_theme-ningbar-bc {
background-color:/* %ningbarColor% */ #000000!important;
}
/* Footer */
#xg_foot, .xg_theme-footer-bc {
background-color:/* %ningbarColor% */ #000000!important;
}
/*----------------------------------------------------------------------
Misc
----------------------------------------------------------------------*/
.xg_theme .xg_user_generated p,
.xg_theme .xg_user_generated ol,
.xg_theme .xg_user_generated ul,
.xg_theme .xg_user_generated dl,
.xg_theme .xg_user_generated blockquote,
.xg_theme .xg_user_generated table,
.xg_theme .xg_user_generated h1,
.xg_theme .xg_user_generated h2,
.xg_theme .xg_user_generated h3,
.xg_theme .xg_user_generated h4,
.xg_theme .xg_user_generated h5,
.xg_theme .xg_user_generated h6 {
margin-bottom:/* %pMarginBottom% */ 1.5em
}
#xn_brand,
.xg_displaybrand {
display:/* %ningLogoDisplay% */ block!important;
}
/* this color is the average between moduleBodyTextColor and pageBgColor: */
.disabled,
.xg_lightfont {
color:/* %lightfont% */ #000000;
}
hr {
color: #e1e1e1;
background-color: #e1e1e1;
}
/* this color is (moduleBodyTextColor + (2 * pageBgColor))/3 */
.xg_lightborder {
border-style:solid;
border-color:/* %lightborder% */ #000;
}
/* this color is (moduleBodyTextColor + (5 * pageBgColor))/6 */
.xg_separator {
border-style:solid;
border-color:/* %separator% */ #000000;
}
div.xj_classic_sidebar {display:none;} /*不要顯示右欄*/
div.xg_span-16, div.xg_3col {width:935px;} /*整個內容區域的寬度*/
div#xg_layout_column_2 {width:735px;} /*中間主要的那一欄的寬度*/
div#xg_layout_column_1{float:right;}
div.xg_module_activity .xg_module_body {
height:375px;
overflow-y:scroll !important;
padding:0 10px;
}
div.xg_module_comment_wall .xg_module_body.xj_ajax {
height:500px;
overflow-y:scroll !important;
padding:0 10px;
}
.xg_widget_profiles_blog #comments dl.comment span.dy-avatar {
border: 1px solid #E6E6E6;margin:10px !important;padding: 20px;
}
.xg_widget_profiles_blog #comments dl.comment img.photo {
border: 1px solid #E6E6E6;margin:0px !important;padding: 0px;
}
/* Style Blog Comments */
/* Top Comment Form Background - border - and padding */
.xg_widget_profiles_blog #comment_form {
background: none repeat scroll 0 0 #F9F1D3;
border: 1px solid #e6e6e6;
margin: 0;
padding: 15px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; /* future proofing */
-khtml-border-radius: 20px; /* for old Konqueror browsers */
}
/* Background behind all comments. Transparent will help you separate the comments */
.xg_widget_profiles_blog #comments {
background: none repeat scroll 0 0 transparent;
height: 1%;
overflow: hidden;
padding: 15px;
}
.xg_widget_profiles_blog div.compact-editor .mceLayout {
width:90%!important;
}
/* Color of tiny status bar at bottom of Comment Form */
.xg_widget_profiles_blog div.compact-editor tr.mceLast td.mceStatusbar {
background-color: #F1F8FC;
}
/* Member Avatar for comments - - Add border and padding. */
.xg_widget_profiles_blog #comments dl.comment span.dy-avatar {
border: 1px solid #E6E6E6;
margin: 10px !important;
padding: 20px;
}
/* Padding, font size, and color of 'Comment by' Name and Date stamp */
.xg_widget_profiles_blog #comments dl.comment dt {
padding-left:75px;font-size:16px;color:#003366;
}
/* Insert Red Checkmark via Hex Code */
.xg_widget_profiles_blog #comments dl.comment dt:before {
content:"2713";color:#cc0000;
}
/* Padding and font size for Main Text in Blog Comment */
.xg_widget_profiles_blog #comments dl.comment dd {
padding-left:75px;font-size:16px;
}
/* Styling for each Comment Section */
.xg_widget_profiles_blog #comments dl.comment {
padding:25px;background-color:#F1F8FC;
margin-bottom:25px;
border:2px solid #e6e6e6;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; /* future proofing */
-khtml-border-radius: 20px; /* for old Konqueror browsers */
}
/* End Blog Styling */
/*START HOW TO MAKE MEMBER LIST PAGE STAND OUT */
.xg_list_members_feature{-moz-box-shadow: 5px 5px 10px #ffffff;
-webkit-box-shadow: 5px 5px 10px #ffffff;
box-shadow: 5px 5px 10px #ffffff;
filter: progid: DXImageTransform.Microsoft.Shadow(strength = 5, direction = 135, color = '#000000');
-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 135, Color = '#000000')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#250517', endColorstr = '#000000');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#250517', endColorstr = '#000000')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffe17a, #000000);
background-image: -ms-linear-gradient(top, #ffe17a, #000000);
background-image: -o-linear-gradient(top, #ffe17a, #000000);
background-image: -webkit-gradient(linear, center top, center bottom, from(#250517), to(#000000));
background-image: -webkit-linear-gradient(top, #250517, #000000);
background-image: linear-gradient(top, #250517, #000000);
/*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/
}
.members_list.easyclear{-moz-box-shadow: 5px 5px 10px #ffffff;
-webkit-box-shadow: 5px 5px 10px #ffffff;
box-shadow: 5px 5px 10px #ffffff;
filter: progid: DXImageTransform.Microsoft.Shadow(strength = 5, direction = 135, color = '#2B60DE');
-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 135, Color = '#2B60DE')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#250517', endColorstr = '#2B60DE');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#250517', endColorstr = '#2B60DE')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #250517, #2B60DE);
background-image: -ms-linear-gradient(top, #250517, #2B60DE);
background-image: -o-linear-gradient(top, #250517, #2B60DE);
background-image: -webkit-gradient(linear, center top, center bottom, from(#250517), to(#2B60DE));
background-image: -webkit-linear-gradient(top, #ffe17a, #2B60DE);
background-image: linear-gradient(top, #250517, #2B60DE);
/*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/
}
/*END HOW TO MAKE MEMBER LIST PAGE STAND OUT */
/* QUICK ADD LINK ICONS */
.quickadd-options-links a {
padding-left: 17px;
background-repeat: no-repeat;
background-image: url(http://static.ning.com/socialnetworkmain/widgets/index/gfx/icons/xg_sprite-666666.png);
_background-image: url(http://static.ning.com/socialnetworkmain/widgets/index/gfx/icons/ie6/xg_sprite-666666.png);
}
.quickadd-options-links a[data-value="post"] {
background-position: left -3251px;
}
.quickadd-options-links a[data-value="discussion"] {
background-position: left -3287px;
}
.quickadd-options-links a[data-value="event"] {
background-position: left -3321px;
}
.quickadd-options-links a[data-value="photo"] {
background-position: left -3463px;
}
.quickadd-options-links a[data-value="video"] {
background-position: left -3497px;
}
.quickadd-options-links a[data-value="music"] {
background-position: left -3394px;
}
.story_box {
background: #E00B3B;
float: right;
margin-right: 20px;
margin-top: 2em;
padding: 10px;
width: 300px;
}
/* Make Continue Stand out */
.xg_blog_list .xj_expandable:after{content:" »";}
.xg_blog_list .xj_expandable {
text-align:right;
font-size:1.0em;
color: #ff0000;
}
.xg_blog_list .xj_expandablek:hover {
color:#FFFF00;
font-style:arial;
font-size:1.1em;
font-family:Zawgyi-One;
text-decoration:none;
background:transparent url(http://themeworxmedia.com/pix/images/StarDust/whites_1.gif);}
.xg_widget_main .xg_module_activity .xg_module_foot .xg_show_activity_items {width:690px!important;}
.xg_list_photo{-webkit-box-shadow: inset 0px 0px 100px #1e81c8; /* webkit browser*/ -moz-box-shadow: inset 0px 0px 100px #1e81c8; /* firefox */ box-shadow: inset 0px 0px 100px;
}
#xg_navigation ul li.this a, ul.page_tabs li.this {
background-color:transparent;
font-size:0.8em;
text-align: CENTER;
}
#xg_navigation ul div.xg_subtab ul {
width:130px;
hight:10px;
}
#xg_navigation ul div.xg_subtab ul li a {
background-color:#000000 !important;
background: url(http://api.ning.com:80/files/ppVoRKe7v-hpxxhj5LYpDS5NQc2Zr%2Ao30qnzBfoge61zGYLJOgek9APcNuwpqlVdotVjI-nISHTdhGFeOTiBMiw1WR6bABdO/head22.jpg) !important;
background-repeat:repeat;
color:#ffffff;
font-size:0.8em;
border: 2px ridge #ffffff;
text-align: CENTER;
-moz-border-radius-topleft:18px;
-moz-border-radius-topright:18px;
-webkit-border-top-right-radius:18px;
-webkit-border-top-left-radius:18px;
-moz-border-radius-bottomleft:18px;
-moz-border-radius-bottomright:18px;
-webkit-border-bottom-right-radius:18px;
-webkit-border-bottom-left-radius:18px;
box-shadow:0px 1px 3px 0px #ffffff;
}
#xg_navigation ul div.xg_subtab ul li a:hover {
background-color:#ffff00 !important;
background: url(http://api.ning.com:80/files/ppVoRKe7v-hpxxhj5LYpDS5NQc2Zr%2Ao30qnzBfoge61zGYLJOgek9APcNuwpqlVdotVjI-nISHTdhGFeOTiBMiw1WR6bABdO/head22.jpg) !important;
background-repeat:repeat;
border-right: 0px solid #ffffff;
color:#00FFFF;
font-size:0.8em;
border: 2px ridge #00FFFF;
text-align: CENTER;
-moz-border-radius-topleft:18px;
-moz-border-radius-topright:18px;
-webkit-border-top-right-radius:18px;
-webkit-border-top-left-radius:18px;
-moz-border-radius-bottomleft:18px;
-moz-border-radius-bottomright:18px;
-webkit-border-bottom-right-radius:18px;
-webkit-border-bottom-left-radius:18px;
box-shadow:0px 1px 3px 0px #00FFFF;
}
.xg_module_body .feed-story:hover {background:url(http://api.ning.com:80/files/pS4ProJrwI-9t1iQXpyb0%2AtJk7OiN5sMaywvurCN62HE%2AR7NrUMPUnnvAatsYqrrRYcI6fywo7vq0Om2nW702b%2A-JtSpOSnk/blue.png) repeat scroll 0 0!important;
border-radius:6px;
-webkit-box-shadow: inset 0 0 10px #ffffff;
box-shadow: inset 0 0 10px #ffffff;}
.xg_blog_list h3 a{font-weight:normal;color:#ff0000;font-size:1.1em;}
.xg_blog_list h3 a:hover {
color:#FFFF00;
font-style:arial;
font-size:1.1em;
font-family:Zawgyi-One;
text-decoration:none;
background:transparent url(http://www.poqbum.com/animated_hover/images/grey_stars.gif);}
.xg_widget_main .detailed-leaderboard-module .xg_module_body {
height: 500px;overflow : auto;position:relative;
}
.detailed-leaderboard-module .photo{-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
-webkit-border-top-right-radius:12px;
-webkit-border-top-left-radius:12px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-webkit-border-bottom-right-radius:12px;
-webkit-border-bottom-left-radius:12px;
box-shadow:0px 1px 3px 0px #ffffff;
}
/** Add Hover Background Effect for Latest Activity, Blogs and Forums - HOME PAGE **/
.module_forum div.vcard:hover {background:url(http://api.ning.com:80/files/pS4ProJrwI-9t1iQXpyb0%2AtJk7OiN5sMaywvurCN62HE%2AR7NrUMPUnnvAatsYqrrRYcI6fywo7vq0Om2nW702b%2A-JtSpOSnk/blue.png) repeat scroll 0 0 transparent;
border-radius:6px;
-webkit-box-shadow: inset 0 0 10px #ffffff;
box-shadow: inset 0 0 10px #ffffff;}
.xg_widget_main .xg_3col .feed-story:hover {-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;-moz-box-shadow: 0px 0px 4px #000000;-webkit-box-shadow: 0px 0px 4px #000000;box-shadow: 0px 0px 4px #000000;filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff');-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff')";background-image: -moz-linear-gradient(top,#7adbff,#ffffff);background-image: -ms-linear-gradient(top,#7adbff,#ffffff);background-image: -o-linear-gradient(top,#7adbff,#ffffff);background-image: -webkit-gradient(linear,center top,center bottom,from(#7adbff),to(#ffffff));background-image: -webkit-linear-gradient(top,#7adbff,#ffffff);background-image: linear-gradient(top,#7adbff,#ffffff);-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;
-webkit-box-shadow: inset 0 0 10px #ffffff;
box-shadow: inset 0 0 10px #ffffff;}
.module_blog .blogpost:hover {background:url(http://api.ning.com:80/files/pS4ProJrwI-9t1iQXpyb0%2AtJk7OiN5sMaywvurCN62HE%2AR7NrUMPUnnvAatsYqrrRYcI6fywo7vq0Om2nW702b%2A-JtSpOSnk/blue.png) repeat scroll 0 0 transparent!important;}
/** End Hover Effect **/
.xg_module_activity .xg_module_body {height: 500px;overflow : auto;position:relative;}
/* Fix margin on SignUp-SignIn Pages */
.xg_theme #xg_themebody #xg.account div#xg_body {margin-left:auto!important;margin-right:auto!important;}
/* Fix LEAVE SITE link. It is located too close to Profile Question SAVE button. Add padding between link and SAVE button. Also add underline so it's obvious to member they are clicking on a link, for less accidental clicking. */
div#xg.xg_widget_profiles div.xg_module_body div.right p.buttongroup a.left {margin-right:55px;text-decoration:underline;}
/* Make Profile Questions Stand Out */
/* Color and Larger Font for Profile Questions */
.xg_widget_profiles .module_about_user dt {font-size:1.50em; color:#ff0000; font-weight:normal!important;}
/* Color for Profile Answers */
.xg_widget_profiles .module_about_user dl dd {color:#ffff00; font-weight:normal!important;}
/* Fix Blog Post Font */
.xg_blog .postbody { font-size: 1.4em!important;color:#0000ff;}
.xg_body .xg_user_generated { font-size: 1.4em!important;color:#ff0000;}
/* Forum and Blog Posts H3 Normal Font Weight */
.module_forum h3 a{font-weight:normal;color:#FF00FF;font-size:1.0em;}
.module_blog h3 a{font-weight:normal;color:#FF00FF;font-size:0.9em;}
.module_groups h3 a{font-weight:normal;}
.detailed-leaderboard-module h3 a{font-weight:normal;color:#FF00FF;font-size:0.9em;}
.xj_classic_canvas p {font-weight:normal;}
/* Thin Border Lines around and below Blog Posts, Forum Listings, Events */
.module_blog .blogpost {-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;-moz-box-shadow: 0px 0px 4px #000000;-webkit-box-shadow: 0px 0px 4px #000000;box-shadow: 0px 0px 4px #000000;filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff');-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff')";background-image: -moz-linear-gradient(top,#7adbff,#ffffff);background-image: -ms-linear-gradient(top,#7adbff,#ffffff);background-image: -o-linear-gradient(top,#7adbff,#ffffff);background-image: -webkit-gradient(linear,center top,center bottom,from(#7adbff),to(#ffffff));background-image: -webkit-linear-gradient(top,#7adbff,#ffffff);background-image: linear-gradient(top,#7adbff,#ffffff);-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;}
/* fb look on More button */
.xg_module_activity .xg_module_foot .xg_show_activity_items {
text-align:left;
width:90%;
font-size:1.2em;
margin-left:20px;
padding: 10px 15px;
background-color: #EDEFF4;
border: 1px solid #D8DFEA;
color: #3B5998;
cursor: pointer;
text-decoration: underline!important;
}
.xg_module_activity .xg_module_foot .xg_show_activity_items:hover {
background-color: #D8DFEA;
}
/************************* Forum Module Style ***********************/
/* Forum Text style */
.module_blog h3 {font-family: Myriad Pro;}
.module_blog .photo{-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
-webkit-border-top-right-radius:9px;
-webkit-border-top-left-radius:9px;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-webkit-border-bottom-right-radius:9px;
-webkit-border-bottom-left-radius:9px;
box-shadow:0px 1px 3px 0px #ffffff;
}
.module_blog .list {border-bottom:1px dashed #ff0000; padding-bottom:20px!important;box-shadow: 0 0 10px #ffffff; padding:20px; border-radius:6px; margin-bottom:20px!important;}
.module_blog .indent{margin:5px!important; text-align:justify;}
.module_blog .xj_expandable {margin:20px 0 0 0;}
/* Forum Text style */
/* Forum Background Color */
.xg_widget_main .module_blog {-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;-moz-box-shadow: 0px 0px 4px #000000;-webkit-box-shadow: 0px 0px 4px #000000;box-shadow: 0px 0px 4px #000000;filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff');-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff')";background-image: -moz-linear-gradient(top,#7adbff,#ffffff);background-image: -ms-linear-gradient(top,#7adbff,#ffffff);background-image: -o-linear-gradient(top,#7adbff,#ffffff);background-image: -webkit-gradient(linear,center top,center bottom,from(#7adbff),to(#ffffff));background-image: -webkit-linear-gradient(top,#7adbff,#ffffff);background-image: linear-gradient(top,#7adbff,#ffffff);-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;}
/* Forum Background Color *
/************************* Forum Module Style ***********************/
/* Chat TitleBar Background/Title Color */
.xg_chat .xg_titleBar {background-color:#003366!important;color:#E9F8FE;}
.xg_chatWindow {
/* Main Chat Background/Border Color */
background: none repeat scroll 0 0 #ffffff!important;
border: 1px solid #B7B7B7;
/* Chat Messages/Comments and Member Names Color */
color: #003366!important;
}
/* Add Shadow/border to images - member icons */
.xg_chatWindow img {
border: solid 1px #CCC;
-moz-box-shadow: 1px 1px 3px #999;
-webkit-box-shadow: 1px 1px 3px #999;
box-shadow: 1px 1px 3px #999;
}
/* Hover Sender Messages */
.xg_chatWindow li.message:hover {background-color:#E9F8FE;}
/* Hover Members Online */
.xg_chatWindow ul.xg_userList li.userEntry:hover {background-color:#E9F8FE;}
/* Alternate Chat Window Background Image, instead of color above */
.xg_chatWindow {color:#0000ff!important;
background: url(image%20link) background-repeat: repeat;
}
/************************* Forum Module Style ***********************/
/* Forum Text style */
.module_forum h3 {font-family: Myriad Pro;}
.module_forum .topic {border-bottom:1px double #ff0000; padding-bottom:20px!important;box-shadow: 0 0 10px #000000; padding:20px; border-radius:6px; margin-bottom:20px!important;}
.module_forum .indent{margin:5px!important; text-align:justify;}
.module_forum .xj_expandable {margin:20px 0 0 0;}
/* Forum Text style */
/* Forum Background Color */
.xg_widget_main .module_forum {-moz-box-shadow: inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #000000;
box-shadow: inset 0 0 10px #000000;
background-color:#E0FFFF!important;}
/* Forum Background Color *
/************************* Forum Module Style ***********************/
/** Add Shadow Around Special Content Paragraph Above Latest Activity **/
#abovela_insert img {max-width:600px!important;}
/* #abovela_insert {width:748px; -moz-box-shadow: 1px 1px 7px #000; */
/* -webkit-box-shadow: 1px 1px 4px #000; */
/* box-shadow: 1px 1px 4px #000; */
/* For IE 8 */
/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; */
/* For IE 5.5 - 7 */
/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
} */
.xg_widget_main_index .xg_module_activity .xg_module_head h2 {
/* background-color:#000000; */
background:url(http://www.animated-gifs.eu/sports-walk-run/0006.gif) no-repeat;
height:45px;
text-indent:40px;
padding-top:1px;
}
/** Members **/
.xg_widget_profiles_members .xg_headline .tb h1 {
/* background-color:#FFFFFF; */
background:url(http://api.ning.com/files/3kgYSl-dE2adrHBkFH9UoRuhxzoXDu1Wsg-MvzYkC7X1ZY%2AxmshfoV1bFE0BLT9YnUdvYU2SUckPllO9WD-WESfm8%2AjZGQ%2AV/family2.png) no-repeat;
text-indent:40px;
padding-top:1px;
}
/** Videos **/
.xg_widget_video .xg_headline .tb h1 {
/* background-color:#FFFFFF; */
background:url(http://api.ning.com/files/PzKWNY6uWdE0ZFZJcVc3v-hsCtOew6Wz73XVa5OaIetzmc2eV5h7IRCTS4ZnPWBgWO3UJBZ9OiRMX8EpmyJKuY04yQLKkUj8/videos.png) no-repeat;
text-indent:40px;
padding-top:1px;
}
/** Photos **/
.xg_widget_photo .xg_headline .tb h1 {
/* background-color:#FFFFFF; */
background:url(http://api.ning.com/files/OzDMhDq3qD-s-zSkMFV2soRLFl-Tr6SfJRniomoeCt-nq2Z%2ApWSoQ3fMQBJ6OZtn9od4a6n81nb9IW3YirVifHzZmjJXsF37/photos.png) no-repeat;
text-indent:40px;
padding-top:1px;
}
/** Groups **/
.xg_widget_groups .xg_headline .tb h1 {
/* background-color:#FFFFFF; */
background:url(http://api.ning.com/files/4qKdA5y1LU%2AE0rcBtnHBjxOlS%2AHscQaW03SF5O8zO1HaZqvwChqOLa-z4t0L9LJG7siGYDCVu0tFLm72QsnwKijpSSAqEyvR/groups.png) no-repeat;
text-indent:40px;
padding-top:1px;
}
/** Forum **/
.xg_widget_forum .xg_headline .tb h1 {
/* background-color:#FFFFFF; */
background:url(http://api.ning.com/files/zBZZ3mA40L8tQ%2AhjXDipZhO3Qls5Kp11YkjlicIgmy8ZMun2I278q549gPZz2SC0PKu9sM45n0MC-oTrvojPc7NRMWkjHxx9/forums.png) no-repeat;
text-indent:40px;
padding-top:1px;
}
/** Blogs **/
.xg_widget_profiles_blog .xg_headline .tb h1 {
/* background-color:#FFFFFF; */
background:url(http://api.ning.com/files/x03WEgh5AmUFs3CFp-IGnxnXb9LtmJMwd4w8cVqldpGMPf2nfhDmCgSoQ9NTbT4zZbRfQxh2Zk%2AKSfpVduF6WZBPBJqlf6%2AV/blogs.png) no-repeat;
text-indent:40px;
padding-top:1px;
}
/** Top Content - Leaderboard **/
.xg_widget_leaderboards .xg_headline .tb h1 {
/* background-color:#FFFFFF; */
background:url(http://api.ning.com/files/ESHS9ITgeKvK67vOLzLKVTI2A9TCuVTWvfXvSaXivFJTs550gS53b-DZDV234SShUfle7jjZtpipuhc4QGFVaHN6%2AbY57G1h/topcontent.png) no-repeat;
text-indent:40px;
padding-top:1px;}
.xg_headline .tb {padding-top:10px!important;}
/** JenSocial Magic SlideOut Message Box - You must be a member of JenSocial Premium Ning Tips Club, to use this code. Copyright © 2011 JenSocial.com **/
/** Outer Wrapper for Centering **/
#container_mbox {width:100%; z-index:9999!important;margin-left:30%;margin-right:30%;}
/** Overlay - do not edit **/
.overlayit{
background-color:transparent;
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:100;
}
/** Box Content Area **/
.boxit {
position:fixed;
/** If your box contains too much content, it will not be hidden. Change -700 below to adjust,and you must change this number in Custom Code Box too. Make them the same number. **/
top:-700px;
margin-left:auto!important;
margin-right:auto!important;
/* Content Area Background Color */
background-color:#000000;
/* Content Text Color */
color:#333333;
padding:20px;
border:2px solid #ccc;
-moz-border-radius: 20px;
-webkit-border-radius:20px;
-khtml-border-radius:20px;
-moz-box-shadow: 0 1px 5px #333;
-webkit-box-shadow: 0 1px 5px #333;
z-index:101;
-webkit-box-shadow: inset 0 0 10px #ffffff;
box-shadow: inset 0 0 10px #ffffff;
}
.boxit img {width:auto!important;}
/** Box X to Close Window **/
a.boxclose {
float:right;
width:26px;
height:26px;
/* Image for X to close box. You may want to upload to your Ning, and change URL below. Otherwise, do not edit. */
background:transparent url(http://api.ning.com/files/92z0Qhq1gv9bX3IYYvqnstAq32VKUgMW0VEHoyq23G7c7i6j%2AOAFqWRuVVgNe-N0KyPtXlLNpAzuOs5zn9XwewR2wDyD1S6U/cancel.png) repeat top left;
margin-top:-30px;
margin-right:-30px;
cursor:pointer;
}
/** Box Header Text **/
.boxit h1 {
border-bottom: 1px dashed #7F7F7F;
margin:-20px -20px 0px -20px;
padding:10px!important;
/** Header Text and Background Colors **/
background-color:#cc0000;
color:#ffffff;
/** Font Size **/
font-size: 18px!important;
-moz-border-radius:20px 20px 0px 0px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-khtml-border-top-left-radius: 20px;
-khtml-border-top-right-radius: 20px;
}
/** Button Image Location. The following CSS applies to the button clicked to open window - Only change left and top, if needed. **/
a.activate-it {
background-color: transparent;
cursor: pointer;
height:auto;
right: 0px;
position: fixed;
top: 30px;
width:auto;
z-index: 1;
}
/** End JenSocial Magic SlideOut Message Box **/
/** Tabbed Content **/
ul.jstabs {
margin: 0!important;
padding: 0!important;
float: left;
list-style: none;
height: 32px; /*--Height of jstabs--*/
border-bottom: 2px solid #999;
border-left: 2px solid #999;
width: 99%;
}
ul.jstabs li {
float: left;
margin: 0!important;
padding: 0!important;
height: 31px; /*--Subtract 1px from the height of the unordered list--*/
line-height:31px!important; /*-- Vertical align for text title within the tab--*/
border: 2px solid #999;
border-left: none;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
background: #ffffff; /*--Regular Tab Background Color--*/
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}
ul.jstabs li a {
text-decoration: none;
color: #ff0000; /*--Regular Tab Text Color--*/
display: block;
font-size: 1.1em; /*--Tab Text Font Size. 1.1em is a bit larger than your theme font-size for bulleted links. Change to px if you prefer.--*/
padding: 0 20px;
border: 0px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
outline: none;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}
ul.jstabs li a:hover {
background: #ff0000; /*--Hovered Tab Background Color--*/
color:#ffffff!important; /*--Hovered Tab Text Color--*/
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}
html ul.jstabs li.active, html ul.jstabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
background: #000000; /*--Active Hovered Tab Background Color--*/
color:#003366!important; /*--Active Hovered Tab Text Color--*/
border-bottom: 0px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}
.jstab_container {
border: 0px solid #999;
border-top: none;
overflow: hidden;
clear: both;
float: left;
background: #000000;
width: 99%;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}
.jstab_content {
background-color: transparent;
font-size: 12px; /*--Font-size of Content--*/
padding: 10px; /*--Content Background Area--*/
}
/** END Tabbed Content **/
/*********************************/
/***BLOCK QUOTE STYLE**/
blockquote {
padding: 10px;
border: 1px dashed #ffff00;
border-radius: 10px;
}
cite {
font-style: italic;
}
/***BLOCK QUOTE STYLE**/
/* CSS for Toggle Content */
.toggle_list {
margin: 0px;
padding: 0px;
width: 467px; /* Width of Content Area */
}
.toggle_head {
font-size:18px!important;
padding: 5px 30px;
cursor: pointer;
position: relative;
background: url(http://api.ning.com/files/hM9vYYr-9SE2sHOjYoZwkQWJBgei-ClIM5h2%2AQO14HDmAj8-1rqpf4MLJsvSjSeN2622KcyOEwBiyv5H4Jm%2AqXyLxM9cDltk/grnplus16.png) no-repeat scroll 3px 8px;
background-color:#D5EAF1; /* Header Background Color. Remove for none. */
margin:1px;
color:#003366; /* Header Text Color */
}
.toggle_body {
padding: 5px 10px 15px;
background-color:#F2FFE1; /* Body Background Color. Remove for none. */
color:#333333; /* Body Text Color */
border-bottom:dashed 1px #c0c0c0;
}
/* End CSS for Toggle Content */
/*** Custom Sign Up Button ***/
div.xg_signup big strong a {
background:url(http://api.ning.com:80/files/BICQiIgSjUlqU08-RoIOKofie-3jnJyktCxjFA2Ev%2ArPh0xpH4l7NOpibXAhkElX4zV1hKFNLa59ZtpDCsQURsa2A1JQSiCB/eee.png) no-repeat scroll center top transparent;
display:block;
height:38px;
margin-left:auto;
margin-right:auto;
text-indent:-9999em;
width:159px;
}
/* Hide Photo Module on home page */
.xg_widget_main_index .module_photo {display:none!important;}
.xg_widget_main_index .module_photo .xg_module_head h2 {display:none!important;}
div.xg_widget_main_index_index div.music {
display: none !important;
}
/* Hide Group Module on home page */
.xg_widget_main_index .module_groups {display:none!important;}
.xg_widget_main_index .module_groups .xg_module_head h2 {display:none!important;}
/* Hide Video Module on home page */
.xg_widget_main_index .module_video {display:none!important;}
.xg_widget_main_index .module_video .xg_module_head h2 {display:none!important;}
/* Special Background Color for Latest Activity Module home page */
.xg_widget_main .xg_module_activity .xg_module_body {-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;-moz-box-shadow: 0px 0px 4px #000000;-webkit-box-shadow: 0px 0px 4px #000000;box-shadow: 0px 0px 4px #000000;filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff');-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff')";background-image: -moz-linear-gradient(top,#7adbff,#ffffff);background-image: -ms-linear-gradient(top,#7adbff,#ffffff);background-image: -o-linear-gradient(top,#7adbff,#ffffff);background-image: -webkit-gradient(linear,center top,center bottom,from(#7adbff),to(#ffffff));background-image: -webkit-linear-gradient(top,#7adbff,#ffffff);background-image: linear-gradient(top,#7adbff,#ffffff);-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;}
.xg_widget_main .xg_module_activity span.feed-timestamp {margin-left:-8px;}
/* End Latest Activity background */
/* Adjust width between all home page modules, using margin-bottom */
.xg_widget_main .xg_module {margin-bottom:25px;}
.xg_widget_main .xg_module_activity {margin-bottom: 5px !important;}
/** Widen Forum, THE LIST, Latest Activity Home Page Modules (REMOVED WIDTH FROM FORUMS **/
.xg_widget_main div.module_forum {height:400px; overflow:auto; position:relative;border:1px solid #E6E6E6;}
.xg_widget_main .xg_module_activity .xg_module_body {width:718px!important; height:290px; overflow:auto; position:inherit;}
.xg_widget_main .xg_module_activity .xg_module_head {width:718px!important;}
.xg_widget_main .xg_module_activity span.feed-timestamp {height:20px;left:610px;position:absolute;text-align:right;top:6px;width:80px;color:#003366!important;-webkit-box-shadow: inset 0px 0px 100px #1e81c8; /* webkit browser*/ -moz-box-shadow: inset 0px 0px 100px #1e81c8; /* firefox */ box-shadow: inset 0px 0px 100px; -moz-border-radius: 20px;}
.xg_widget_main div.xg_module_activity img {width:32px; height:32px;}
.xg_widget_main .xg_3col .feed-story {min-height:34px!important; padding:1px 0 1px 42px!important;}
.xg_widget_main .xg_module_activity .xg_module_body .rich-64 .rich-detail {background-color:#e8fdcf; margin-left:40px;border:1px solid #E6E6E6;-webkit-box-shadow: inset 0px 0px 100px #1e81c8; /* webkit browser*/ -moz-box-shadow: inset 0px 0px 100px #1e81c8; /* firefox */ box-shadow: inset 0px 0px 100px;}
/** End Widen Forum and THE LIST Home Page Modules **/
/* Adjust Column that is pushed down by Latest Activity - pull up */
.xg_widget_main_index_index .xg_3col .xg_2col {
margin-top: 405px;}
/* Accordion Code */
h2.acc_trigger {
padding: 0; margin: 0 0 5px 0;
background: url(http://api.ning.com:80/files/v8d0kHRdUlQz5HXA9NnV0XXb8by%2Al1fp52zZptfsWPx09wQQ8KrafG32cenpf4IC5rabs8-g9XlpR-1CuQdYcFcnFAlZ3qr4/h2_trigger_a495.gif) no-repeat;
height: 46px; line-height: 46px;
width: 495px;
font-size: 1.55em;
font-weight: normal;
float: left;
}
h2.acc_trigger a {
color: #000000!important;
text-decoration: none;
display: block;
padding: 0 0 0 50px;
}
h2.acc_trigger a:hover {
color: #e6e6e6!important;
}
h2.active {background-position: left bottom;}
.acc_container {
margin: 0 0 5px; padding: 0;
overflow: hidden;
font-size: 12px;
width: 495px;
clear: both;
/* background: #f0f0f0; */
background: url(http://static.ning.com/socialnetworkmain/widgets/index/gfx/table/bg_alt.png) repeat scroll 0 0 transparent;
border: 1px solid #d6d6d6;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.acc_container .block {
padding: 20px;
width: 450px!important;
}
.acc_container h3 {
border-bottom: 1px dashed #CCCCCC;
font-size: 14px!important;
margin: 0 0 10px;
padding: 0 0 5px;
}
.acc_container img {
background: none repeat scroll 0 0 #DDDDDD;
border: 1px solid #CCCCCC;
float: left;
margin: 10px 15px 15px 0;
padding: 5px;
}
/* End Accordion Code */
/* Format Paid Access Member Message Page */
.paid-module-sitename {
float: none !important;
font-size: 18px !important;
}
.paid-module-tagline {display:none!important;}
.paid-module-prompt {
font-size: 12px !important;
font-weight: normal!important;
}
#xn_bar_menu {
color: #ffffff!important;
}
#xn_bar #xn_bar_menu a {color: #ffffff!important;
}
#xn_bar { width:100%;margin-right:auto;margin-left:auto;
background-color: #4876FF!important;
border-bottom: 1px solid #FFFFFF;
border-top: 0px solid #FFFFFF;
bottom: 0;
-moz-box-shadow: 3px 3px 8px #dadada;
-webkit-box-shadow: 3px 3px 8px #dadada;
box-shadow: 3px 3px 8px #dadada;
color: #333333;
height: 24px;
opacity: 0.94;
padding-bottom: 8px;
padding-top: 0;
}
/* apple-style search */
#xn_bar #xn_bar_menu_search_query {width:135px!important;}
#xn_bar_menu_search_query {color:#003366!important;
border: 0 none !important;
border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
-moz-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 4px 3px rgba(0, 0, 0, 0.5) inset;
outline: 0 none;
padding: 5px 9px !important;
}
.xg_status_wrapper {
-moz-transition: all 0.1s ease 0s;
background-color: #000000!important;
/* Border */
border: 2px solid #e6e6e6 !important;
/* Rounded Corners */
border-radius: 12px 12px 12px 12px;
padding: 20px 20px !important;
-webkit-box-shadow: inset 0 0 15px #ffffff;
box-shadow: inset 0 0 15px #ffffff;
}
/* Hovered Background Color */
.xg_status_wrapper:hover {
background-color: #363636!important;
}
/* SearchBar Background */
#xg_body .module_searchbar .xg_module_body {background-color: #000000;color:#ffffff!important;border: 1px solid #ffffff !important;
-webkit-box-shadow: inset 0 0 10px #ffffff;
box-shadow: inset 0 0 10px #ffffff;}
#xg_body .module_searchbar .xg_icon-search {
background: url(http://api.ning.com:80/files/1hwcjMgDJx5etcl1ZnWD45mCyX7qMadESKtunJY43ktHBd2xAqCAV7fwJ60BlRVsLubP0E9%2AH6THY3m4vHFUVcfYr2h-zFQA/search_btn.png) no-repeat scroll 0 0 transparent;
height: 21px;
width: 70px;
}
#xg_body .module_searchbar .xg_module_body a {color:#ffffff!important;}
/* Make Sign-In Box Stand Out */
.xg_module_body.account-links, #xg_module_account .xg_signup {
margin-bottom:6px;
-moz-box-shadow: 0 6px 12px #ababab;
-webkit-box-shadow: 0 6px 12px #ababab;
box-shadow: 0 6px 12px #ababab;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ababab')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ababab');
}
/* Move Pages Module Back To Top of Groups */
/* .xg_widget_groups .xg_module.module_page .xg_module_head {width:723px!important;} */
/* .xg_widget_groups .xg_module.module_page {position:absolute;top:570px!important;margin-left:0px!important;width:738px;z-index:999999;height: 140px;overflow : auto;} */
/* .xg_widget_groups .xg_module.xg_module_with_dialog {height:400px!important;} */
/*Consolidated Search by Glen @ www.creatorsnook.com*/
#cn-search-form{
text-align:center;
width:700px;
background: #000000; repeat scroll 0 0 #333333;
border-radius: 5px 5px 5px 5px;
margin: 5px 5px 4px;
min-height: 29px;
height:30px;
font-size: 20px;
padding:10px;
-webkit-box-shadow: inset 0 0 10px #ffffff;
box-shadow: inset 0 0 10px #ffffff;
}
.search-title{
float:left;
padding-right: 5px;
}
.cn-sengines{
float:left;
background: none repeat scroll 0 0 #FFFFFF !important;
border: 1px solid #CCCCCC;
color: #403F41;
float: left;
font-size: 13px;
height: 27px;
margin: 0;
width: 150px;
}
#inputTextboxId{
float:left;
background: none repeat scroll 0 0 #FFFFFF !important;
border: 1px solid #CCCCCC;
color: #403F41;
float: left;
font-size: 15px;
height: 25px;
margin: 0;
width: 400px;
padding-left:5px;
}
.cn-form-submit{
background: url(http://api.ning.com/files/1hwcjMgDJx5etcl1ZnWD45mCyX7qMadESKtunJY43ktHBd2xAqCAV7fwJ60BlRVsLubP0E9%2AH6THY3m4vHFUVcfYr2h-zFQA/search_btn.png) no-repeat scroll 0 0 #91BE0C;
border: 0px solid #4F4A4F;
border-radius: 0;
color: #FFFFFF!important;
float: left;
font-size:0;
height: 27px;
width: 75px;
margin: 0;
}
.cn-form-submit a, .cn-form-submit a:hover{
color:orange!important;
}
.space {height:232px;} /*Height of the Hero Area */
.module_text .xg_module_body {overflow:visible;}
#spotlight {margin-left:-245px;width:740px;}
#spotlight img, #spotlight embed, #spotlight object {padding:0; margin:0; max-width:741px;}
/* Scroll Group Discussion List */
.xg_widget_groups .module_forum .xg_module_body {height: 500px;overflow : auto;position:relative;}
/* Hide Music Module on home page */
.xg_widget_main_index .module_music {display:none!important;}
.xg_widget_main_index .module_music .xg_module_head h2 {display:none!important;}
/* Rotate 5 degrees on hover */
.xg_widget_profiles_members div.member_item img:hover, .xg_widget_profiles_friend div.member_item img:hover {
-webkit-transform:rotate(-15deg);
-moz-transform:rotate(-15deg);
-opera-transform:rotate(-15deg);
}
div.xg_widget_profiles_profile .online {background:url(http://api.ning.com/files/zbC6Rx1flaEpOuKmdtT6t2SGGZaFAOfjW5kzYh8VPKqpi54U7fnISPTI6%2AqW63xwc533TFzy5wC-Z-tikV8p20T8lmuWz5Z4/onlinenow_aolsm.gif?v=201004051300) no-repeat scroll 0px 50% transparent!important;width:20px;height:20px;}
.module_members .online {background:url(http://api.ning.com/files/R6Wth-E2uG16jl2pI7gorLeJv7eaQJPZbzLK4SKcyx5i44B0Q2gr5dhVbpRKIZFAghn6Sp6kE%2AkM3pmIf-QX3XqaWy9T8d2z/onlinestatus4.gif) no-repeat scroll 25px 50% transparent !important;
height:35px !important;}
/* .module_members .online{background:url(http://api.ning.com/files/TIXTY38-YK9TwZ5%2AXc425R-02jG6z93cUcYq%2AxSTVhHqq9knvmDd07OSTTq-UMQK482Mm9iYi9cmHN7uBW%2AzYH50wCqGec66/onlinenow_aol.gif?v=201004051300) no-repeat scroll 10px 50% transparent!important;height:25px!important;} */
/* .module_members .online{background:url(http://api.ning.com/files/YH0HaDWZdn%2AtCzokprs-LuuBzsdQ0kkF-yQqEfo3xR6BkM2GmhpkPNKGGnmmLPpc9YJbfzxp1ZZQebKoSfhUeb9DStPaCWxR/onlinestatus.gif) no-repeat scroll 10px 50% transparent!important;width:35px!important;height:25px!important;} */
/* .module_members .online{background:url(http://api.ning.com/files/xl4%2A6mKfYgMB3GBJt0OpUkRGUzaaOJql%2A9JhWF3Ag-XmCRJvYEyJV3Cud5JP9QRGfs88NzFo56qCtzGxJ4Tv0KRWNm4Zz%2AWM/onlinestatus3.gif) no-repeat scroll 10px 50% transparent!important;width:35px!important;height:25px!important;} */
div.member_item .online {background:url(http://api.ning.com/files/zbC6Rx1flaEpOuKmdtT6t2SGGZaFAOfjW5kzYh8VPKqpi54U7fnISPTI6%2AqW63xwc533TFzy5wC-Z-tikV8p20T8lmuWz5Z4/onlinenow_aolsm.gif?v=201004051300) no-repeat scroll 0px 50% transparent!important;width:20px;height:20px;}
/* Member Font Home Page */
.module_members .xg_module_body li a {
font-size:12px;}
.module_members .body_large li p {
line-height:13px;}
#featuredmember_container{width:470px;height:950px;border:1px solid #000;overflow:hidden;margin:auto;}
#featuredmember_container iframe{width:476px;height:1850px;margin-left:-6px;margin-top:-900px;border:0 solid; overflow-x:hidden;overflow-y:hidden!important;}
/* Hello Box Background */
.xg_module_body.account-links{background:transparent;border-width:1px 1px 0;border:1px solid #d1efff;}
/* .xg_module_body.xg_module_ning{background:#ffe0db;border-width:1px 1px 0;border:1px solid #d1efff;} */
/* Special Button Settings */
a.button, .button, input.button {
-moz-transition: all 0.1s ease 0s;
/* background:none!important; */
background-color: #00A8FF;
border: medium none !important;
border-radius: 12px 12px 12px 12px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset;
color: white !important;
display: inline-block;
line-height: 1.4;
padding: 12px 20px !important;
text-decoration: none;
}
a.button:hover, .button:hover, input.button:hover {
background-color: #82C7FF!important;
}
.button:active {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6) inset;
}
/* Fix Badge Button */
.xg_widget_main .xg_module.can_edit .xg_module_head .edit.button {background-color:transparent!important;border:none;box-shadow:0px;}
/* Legend for Status Update Indicator */
/** .xg_widget_main .xg_module_activity .xg_module_foot {background:url(http://jensocial.com/custom_images/status_icontiny.png) no-repeat scroll right 4px;} **/
.feed-story-status {background:url(http://api.ning.com/files/KDGTA1UhlHp1tASD7AyBiou4zG0BnXS7VWUJSiaT9zsNJ7z1-Kz20Vu30bwvcpZPfIWysmwAOx3NTZfRpXCRxpGpnQNQBxCD/pushpin_red.png) no-repeat!important; margin-top:10px!important;padding-top:10px;padding-left:30px;}
/* Scroll Bar for Birthday Module */
.xg_widget_main .module_birthdays .xg_module_body {height: 400px;overflow :
auto;position:relative;}
/*--Blog images effect--*/
.xg_widget_profiles_blog_show .postbody img{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CECECE;
padding: 4px !important;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.xg_widget_profiles_blog_list .postbody img{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CECECE;
padding: 4px !important;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.xg_widget_profiles_profile_show .blogpost .postbody img{
background: none repeat scroll 0 0 #FFFFFF!important;
border: 1px solid #CECECE!important;
padding: 4px !important;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2)!important;
}
/* Widen Groups */
/* Widen left column, forcing Member Icons to bottom of Group Page */
.xg_widget_groups div#xg_body div.xg_column div.xg_span-12{width:735px!important;}
/* Widen Group Member Grid */
/* .xg_widget_groups div#xg_body div.xg_column div.xg_span-16 div.xg_span-4:last-child{width:765px;} */
.xg_widget_groups div#xg_body div.xg_column div.xg_span-16 div.xg_span-4 div.xg_module div.xg_module_head {width:755px;}
.xg_widget_groups div.xg_module .vcard-48grid{width:745px;}
/* Legend for Status Update Indicator */
/** .xg_widget_main .xg_module_activity .xg_module_foot {background:url(http://jensocial.com/custom_images/status_icontiny.png) no-repeat scroll right 4px;} **/
/*** Nice Shadow and Hover Effect for Avatars on Home Page ***/
.xg_widget_main .xg_avatar img {
padding: 1px;
border: solid 1px #ffffff;
}
.xg_widget_main .xg_avatar img {
border: solid 1px #CCC;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
}
.xg_widget_main .xg_avatar img:hover {
border: solid 1px #e6e6e6;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
}
.xg_widget_main img.feed-avatar {
padding: 1px;
border: solid 1px #ffffff;
}
.xg_widget_main img.feed-avatar {
border: solid 1px #CCC;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
}
.xg_widget_main img.feed-avatar:hover {
border: solid 1px #e6e6e6;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
}
/* Groups Module Avatars*/
.xg_widget_main .module_groups img {
padding: 1px;
border: solid 1px #ffffff;
}
.xg_widget_main .module_groups img {
border: solid 1px #CCC;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
}
.xg_widget_main .module_groups img:hover {
border: solid 1px #e6e6e6; /* Change this color for more distinctive hovered border */
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
}
#xg_module_account .xg_module_head h2 {
background:url(http://www.freesmileys.org/smileys/smiley-computer006.gif) no-repeat scroll 0 -4px transparent;
height:38px;
padding-top:1px;
text-indent:40px;
}
.xg_module_head {height:23px;padding-top:1px!important;}
p#tagsList.small {
/* background-color:#FFFFFF; */
background:url(http://jensocial.com/custom_images/web2icons/tags.png) no-repeat;
height:28px;
text-indent:40px;
padding-top:5px;
padding-bottom:25px;
line-height:2.0em;
}
.xg_widget_groups .xg_headline .tb h1 {
/* background-color:#FFFFFF; */
background:url(http://jensocial.com/custom_images/web2icons/groups.png) no-repeat;
text-indent:40px;
padding-top:5px;
}
.xg_widget_forum .xg_headline .tb h1 {
/* background-color:#FFFFFF; */
background:url(http://jensocial.com/custom_images/web2icons/forums.png) no-repeat;
text-indent:40px;
padding-top:5px;
}
.xg_widget_profiles_blog .xg_headline .tb h1 {
/* background-color:#FFFFFF; */
background:url(http://jensocial.com/custom_images/web2icons/blogs.png) no-repeat;
text-indent:40px;
padding-top:5px;
}
/*** End Unique Module Headers ***/
/*** End Home Page Avatar Shadow and Hover Effect ***/
/* hover image for all discussion replies and chatter comments */
/*** dl.comment:hover, dl.discussion:hover {background:url(http://static.ning.com/socialnetworkmain/widgets/index/gfx/table/bg_alt.png) repeat;} ***/
.xg_widget_main_index .module_photo .xg_module_head h2 {
/* background-color:#FFFFFF; */
background:url(http://jensocial.com/custom_images/web2icons/photos.png) no-repeat;
height:38px;
text-indent:40px;
padding-top:1px;
}
.xg_widget_main_index .module_groups .xg_module_head h2 {
/* background-color:#FFFFFF; */
background:url(http://jensocial.com/custom_images/web2icons/groups.png) no-repeat;
height:38px;
text-indent:40px;
padding-top:1px;
}
.xg_widget_main_index .module_forum .xg_module_head h2 {
/* background-color:#FFFFFF; */
background:url(http://jensocial.com/custom_images/web2icons/forums.png) no-repeat;
height:38px;
text-indent:40px;
padding-top:1px;
}
.xg_widget_main_index .module_blog .xg_module_head h2 {
/* background-color:#FFFFFF; */
background:url(http://jensocial.com/custom_images/web2icons/blogs.png) no-repeat;
height:38px;
text-indent:40px;
padding-top:1px;
}
#xg_module_account .xg_module_head h2 {
background:url(http://www.freesmileys.org/smileys/smiley-computer006.gif) no-repeat scroll 0 -4px transparent;
height:38px;
padding-top:1px;
text-indent:40px;
}
.xg_module_head {height:23px;padding-top:1px!important;}
p#tagsList.small {
/* background-color:#FFFFFF; */
background:url(http://jensocial.com/custom_images/web2icons/tags.png) no-repeat;
height:28px;
text-indent:40px;
padding-top:5px;
padding-bottom:25px;
line-height:2.0em;
}
.xg_widget_groups .xg_headline .tb h1 {
/* background-color:#FFFFFF; */
background:url(http://jensocial.com/custom_images/web2icons/groups.png) no-repeat;
text-indent:40px;
padding-top:5px;
}
.xg_widget_forum .xg_headline .tb h1 {
/* background-color:#FFFFFF; */
background:url(http://jensocial.com/custom_images/web2icons/forums.png) no-repeat;
text-indent:40px;
padding-top:5px;
}
.xg_widget_profiles_blog .xg_headline .tb h1 {
/* background-color:#FFFFFF; */
background:url(http://jensocial.com/custom_images/web2icons/blogs.png) no-repeat;
text-indent:40px;
padding-top:5px;
}
/*** End Unique Module Headers ***/
/* Member Page */
.xg_widget_profiles_members div.member_item img {width:64px!important;height:64px!important;}
.xg_widget_profiles_members div.member_item {width:90px!important;padding-right:13px!important;padding-bottom:90px;}
.xg_widget_profiles_members .member_item_detail p {font-size:14px;}
.xg_widget_profiles_members .member_item h5 {margin-top:90px!important;margin-left:-90px;width:90px;text-align:center;}
.xg_widget_profiles_members .member_item_detail p {margin-left:-85px;width:80px;text-align:center;}
.xg_widget_profiles_members .xg_sprite-gift {visibility:hidden;}
.xg_widget_profiles_members .xg_sprite-comment {visibility:hidden;}
.xg_widget_profiles_friend div.member_item img {width:64px!important;height:64px!important;}
.xg_widget_profiles_friend div.member_item {width:90px!important;padding-right:13px!important;padding-bottom:90px;}
.xg_widget_profiles_friend .member_item_detail p {font-size:14px;}
.xg_widget_profiles_friend .member_item h5 {margin-top:90px!important;margin-left:-90px;width:90px;text-align:center;}
.xg_widget_profiles_friend .member_item_detail p {margin-left:-85px;width:80px;text-align:center;}
.xg_widget_profiles_friend .xg_sprite-gift {visibility:hidden;}
.xg_widget_profiles_friend .xg_sprite-comment {visibility:hidden;}
.xg_widget_profiles_members div.member_item img, .xg_widget_profiles_friend div.member_item img {
padding: 1px;
border: solid 1px #ffffff;
}
.xg_widget_profiles_members div.member_item img, .xg_widget_profiles_friend div.member_item img {
border: solid 1px #CCC;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
}
.xg_widget_profiles_members div.member_item img:hover, .xg_widget_profiles_friend div.member_item img {
border: solid 1px #e6e6e6;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
}
/* Fix font for Featured Members */
.xg_widget_profiles_members .xg_list_members_feature ul li div.bd div.tb h3 a {font-size:12px;font-weight:normal;}
/* Adjust Member page for Advanced Search */
.xg_widget_profiles_members_search div.member_item {width:90px!important;padding-right:13px!important;padding-left:20px;padding-bottom:0px!important;}
/* End Member Page */
/* Status Update Button - Facebook Colors */
#status-button-wrapper .xj_submit {
background-color:#5B74A8;border-color:#29447E #29447E #1A356E;padding:5px;font-size:13px;font-weight:namal;font-family:"Zawgyi-One","Lucida Grande","Lucida Sans Unicode",sans-serif;
background: url(http://api.ning.com/files/2BtUEErYau0WNk%2AOr5jIp5TLeQEfEUL22mWTDxOYeUkg%2A%2ADS%2Adf3iN9su351C2yx%2AqZ2XijPn1zcS6ZzWieHXGIJa7gPb-K1/fb_buttonbg.png) scroll 0 0 repeat-x;
}
#status-button-wrapper .xj_submit:hover {
background: none repeat scroll 0 0 #4F6AA3;
border-bottom-color: #29447E; }
.xj_messages_present { -moz-background-clip: border; -moz-background-origin: padding; -moz-background-size: auto auto; background-attachment: scroll; background-color: red; background-image: ); background-repeat: no-repeat; padding-bottom: 1px; padding-left: 1px; padding-right: 0px; padding-top: 0px;}
/***Make Sign In Box Wider***/
#xg.account {width:715px; margin-left:-355px;}
#xg.account #xg_body {width:730px;}
#xg.account .xg_module {width:703px;}
/*** End SignIn Box Width ***/
/****CUSTOMIZE SIGN IN BOX****/
#xg.account {
background-color: transparent !important;
border:1px solid #ccc;
-webkit-box-shadow: inset 0px 0px 100px #1e81c8; /* webkit browser*/ -moz-box-shadow: inset 0px 0px 100px #1e81c8; /* firefox */ box-shadow: inset 0px 0px 100px;
}
#xg.account #xg_body {-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;-moz-box-shadow: 0px 0px 4px #000000;-webkit-box-shadow: 0px 0px 4px #000000;box-shadow: 0px 0px 4px #000000;filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff');-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff')";background-image: -moz-linear-gradient(top,#7adbff,#ffffff);background-image: -ms-linear-gradient(top,#7adbff,#ffffff);background-image: -o-linear-gradient(top,#7adbff,#ffffff);background-image: -webkit-gradient(linear,center top,center bottom,from(#7adbff),to(#ffffff));background-image: -webkit-linear-gradient(top,#7adbff,#ffffff);background-image: linear-gradient(top,#7adbff,#ffffff);-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;}
#xg.account .xg_module_body{-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;-moz-box-shadow: 0px 0px 4px #000000;-webkit-box-shadow: 0px 0px 4px #000000;box-shadow: 0px 0px 4px #000000;filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff');-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff')";background-image: -moz-linear-gradient(top,#7adbff,#ffffff);background-image: -ms-linear-gradient(top,#7adbff,#ffffff);background-image: -o-linear-gradient(top,#7adbff,#ffffff);background-image: -webkit-gradient(linear,center top,center bottom,from(#7adbff),to(#ffffff));background-image: -webkit-linear-gradient(top,#7adbff,#ffffff);background-image: linear-gradient(top,#7adbff,#ffffff);-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;}
#xg.account .xg_lightborder {
border: 0px transparent solid !important;
}
#xn_bar {position:fixed; top:0; z-index:1000;}
#xg_ad_above_header{padding-top:28px;}
#xg.account .xg_module {
border-style:hidden;
border-width:0;
margin-bottom:0 !important;
font-family:"Zawgyi-One","Lucida Grande","Lucida Sans Unicode",sans-serif;
}
#xg.account .xg_module_body {
padding:15px !important;
font-style:arial;
font-family:"Zawgyi-One","Lucida Grande","Lucida Sans Unicode",sans-serif;
}
#xg.account #xg_body {
background-position:center top;
margin-top:-00px;
min-height:1px;
padding:0;
font-family:"Zawgyi-One","Lucida Grande","Lucida Sans Unicode",sans-serif;
}
#xg.account form{-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;-moz-box-shadow: 0px 0px 4px #000000;-webkit-box-shadow: 0px 0px 4px #000000;box-shadow: 0px 0px 4px #000000;filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff');-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff')";background-image: -moz-linear-gradient(top,#7adbff,#ffffff);background-image: -ms-linear-gradient(top,#7adbff,#ffffff);background-image: -o-linear-gradient(top,#7adbff,#ffffff);background-image: -webkit-gradient(linear,center top,center bottom,from(#7adbff),to(#ffffff));background-image: -webkit-linear-gradient(top,#7adbff,#ffffff);background-image: linear-gradient(top,#7adbff,#ffffff);-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;}
/****************Header Specifics**************************/
#xg_head {
background: transparent url(http://api.ning.com:80/files/uoNPbAqvthwYNaEQBEO7Wts%2AzIiPLhS0mH5mrxKi2rTgXEctNk%2AQbomrgKexX7SFK5sR1pD3WSkqxCow0wG-CfIjW2cPGHRn/001.JPG) no-repeat 0px 0px;
margin: 0px 0px;
}
#xg_masthead {
height:300px;
}
#xg_sitedesc { display: none;
}
#xg_masthead p#xg_sitename {
font-size:3em;
margin:0;
padding:60px 0 0 35px;
font-style:arial;
font-family:"Zawgyi-One","Lucida Grande","Lucida Sans Unicode",sans-serif;
}
#xg_masthead p#xg_sitename { visibility: hidden; }
#xg_head, #xg_head a, .xg_theme-header-c {
color:#ffffff;
}
/*****Module Head
.xg_module {margin-bottom: 2em;
font-style:arial;
font-size:14px;
font-family:"Zawgyi-One","Lucida Grande","Lucida Sans Unicode",sans-serif;
}
/*****SITE NAME*****/
#xg_masthead p#xg_sitename {
font-size:3em;
font-family:"Zawgyi-One","Lucida Grande","Lucida Sans Unicode",sans-serif;
line-height:0em;
font-style:italic;
font-weight:bold;
text-align:left;
padding-top: 30px !important;
margin-left:30px !important;
margin-right: 0px;
}
/*****SITE DESCRIPTION - TAGLINE*****/
#xg_masthead p#xg_sitedesc {
color:transparent !important;
font-size:0em;
font-family:"Zawgyi-One","Lucida Grande","Lucida Sans Unicode",sans-serif;
font-style:italic;
margin-left:30px !important;
margin-right: 0px;
}
#xg_navigation {
background: transparent url(none) no-repeat;
height:100px;
padding-left:5.4px;
padding-top:0px;
margin-top:1.0em;
}
#xg_navigation ul {
margin:0 0;
}
#xg_navigation ul li {
margin:0 0 0 0;
}
#xg_navigation ul li a {
background: #000000 url(image%20link) no-repeat;
border-right:0px solid #5A5142;
color:#ffffff;
float:left;
font-size:0.9em;
line-height:10px;
padding:10px 22px;
text-align:center;
text-decoration:none;
width:90px;
-moz-border-radius-topleft:18px;
-moz-border-radius-topright:18px;
-webkit-border-top-right-radius:18px;
-webkit-border-top-left-radius:18px;
-moz-border-radius-bottomleft:18px;
-moz-border-radius-bottomright:18px;
-webkit-border-bottom-right-radius:18px;
-webkit-border-bottom-left-radius:18px;
-webkit-box-shadow: inset 0 0 10px #00FFFF;
box-shadow: inset 0 0 10px #00FFFF;}
#xg_navigation ul li a:hover {
background: url(http://api.ning.com:80/files/pS4ProJrwI-9t1iQXpyb0%2AtJk7OiN5sMaywvurCN62HE%2AR7NrUMPUnnvAatsYqrrRYcI6fywo7vq0Om2nW702b%2A-JtSpOSnk/blue.png) repeat scroll 0 0 transparent;
border-right: 0px solid #ffffff;
color:#ffffFF;
text-decoration:none;
-moz-border-radius-topleft:18px;
-moz-border-radius-topright:18px;
-webkit-border-top-right-radius:18px;
-webkit-border-top-left-radius:18px;
-moz-border-radius-bottomleft:18px;
-moz-border-radius-bottomright:18px;
-webkit-border-bottom-right-radius:18px;
-webkit-border-bottom-left-radius:18px;
-webkit-box-shadow: inset 0 0 10px #ffffff;
box-shadow: inset 0 0 10px #ffffff;}
#xg_navigation li.this a {
background: url(image%20link) no-repeat;
color:#C3BD82;
font-size:0.9em;
line-height:9px;
width:89px;
-moz-border-radius-topleft:18px;
-moz-border-radius-topright:18px;
-webkit-border-top-right-radius:18px;
-webkit-border-top-left-radius:18px;
-moz-border-radius-bottomleft:18px;
-moz-border-radius-bottomright:18px;
-webkit-border-bottom-right-radius:18px;
-webkit-border-bottom-left-radius:18px;
-webkit-box-shadow: inset 0 0 10px #ff0000;
box-shadow: inset 0 0 10px #ff0000;}
.xg_floating_module {
left:50%;
position:fixed;
top:50%;
z-index:1001;
font-style:arial;
font-family:"Zawgyi-One","Lucida Grande","Lucida Sans Unicode",sans-serif;
}
/******WELCOME BOX & HEADLINE****TG**/
#xg #xg_body h1 {
color: #FF00FF;
font-family:Zawgyi-One;
weight:bold;body h1
font-size:10px;
text-align: center;
background-color:#00FFFF;
height: auto;
width:auto;
border: 2px radius #000000;
padding-left:10px;
padding-right:10px;
z-index:1;
box-shadow:0px 1px 9px 0px #000000;
-moz-border-radius-topleft:18px;
-moz-border-radius-topright:18px;
-webkit-border-top-right-radius:18px;
-webkit-border-top-left-radius:18px;
-moz-border-radius-bottomleft:18px;
-moz-border-radius-bottomright:18px;}
/***************Sides***************************/
body {-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;-moz-box-shadow: 0px 0px 4px #ffffff;-webkit-box-shadow: 0px 0px 4px #ffffff;box-shadow: 0px 0px 4px #ffffff;
background:filter: progid: DXImageTransform.Microsoft.Shadow(strength = 5, direction = 135, color = '#2B60DE');
-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 135, Color = '#2B60DE')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#250517', endColorstr = '#2B60DE');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#250517', endColorstr = '#2B60DE')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #250517, #2B60DE);
background-image: -ms-linear-gradient(top, #250517, #2B60DE);
background-image: -o-linear-gradient(top, #250517, #2B60DE);
background-image: -webkit-gradient(linear, center top, center bottom, from(#250517), to(#2B60DE));
background-image: -webkit-linear-gradient(top, #ffe17a, #2B60DE);
background-image: linear-gradient(top, #250517, #2B60DE);
/*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/
-webkit-box-shadow: inset 0 0 10px #ffffff;
box-shadow: inset 0 0 10px #ffffff;
}
/******BODY BACKGROUND******/
#xg_body {-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;-moz-box-shadow: 0px 0px 4px #000000;-webkit-box-shadow: 0px 0px 4px #000000;box-shadow: 0px 0px 4px #000000;filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff');-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff')";background-image: -moz-linear-gradient(top,#7adbff,#ffffff);background-image: -ms-linear-gradient(top,#7adbff,#ffffff);background-image: -o-linear-gradient(top,#7adbff,#ffffff);background-image: -webkit-gradient(linear,center top,center bottom,from(#7adbff),to(#ffffff));background-image: -webkit-linear-gradient(top,#7adbff,#ffffff);background-image: linear-gradient(top,#7adbff,#ffffff);-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;}
#xg_body h1{
color:#dddddd;
}
/****************Module Head**************************/
.xg_module_head {
background-color:transparent;
background-image:url(http://api.ning.com:80/files/qWW5O6OmiaVW-4TebYCnjLRU3aI9LPpdfjMMi3gxkuclbO4Ow5ajQXm7KYhxRcIajjRiZZNN1helTkBVkBaSuccWa2hs65Ea/navi.png);
background-repeat:repeat;
color:#FFffff;
text-shadow: black 0.1em 0.1em 0.2em
margin-bottom:0;
padding:3px 5px !important;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-khtml-border-radius-left: 5px;
height:25px !important;
box-shadow:0px 1px 7px 0px #344453;
-webkit-box-shadow:0px 1px 7px 0px #344453;
-moz-box-shadow:0px 1px 7px 0px #344453;
font-style:arial;
font-family:Zawgyi-One;
}
.xg_module_head h2 {
float:left;
font-size:1em;
margin:0;
padding:0px 0 0 17px;
font-style:arial;
font-family:Zawgyi-One;
}
/******************Module Body************************/
.xg_module_body {-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;-moz-box-shadow: 0px 0px 4px #000000;-webkit-box-shadow: 0px 0px 4px #000000;box-shadow: 0px 0px 4px #000000;filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff');-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7adbff',endColorstr = '#ffffff')";background-image: -moz-linear-gradient(top,#7adbff,#ffffff);background-image: -ms-linear-gradient(top,#7adbff,#ffffff);background-image: -o-linear-gradient(top,#7adbff,#ffffff);background-image: -webkit-gradient(linear,center top,center bottom,from(#7adbff),to(#ffffff));background-image: -webkit-linear-gradient(top,#7adbff,#ffffff);background-image: linear-gradient(top,#7adbff,#ffffff);-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;}
/***** MODULE TEXT *****/
.xg_module_body,
.xg_module_body legend,
.xg_module_body legend.toggle a,
.xg_module_foot,
ul.page_tabs li.this {
color:#000000;
font-style:arial;
font-size:10px;
font-family:Zawgyi-One;
text-decoration:none;
}
.xg_widget_main .xg_2col .module_groups .clist li {
margin:0 1px 8px 3px;
}
.xg_widget_main .xg_2col .module_groups .clist {
display:inline;
clear:none;
}
/***********Invite Page Specifics*************/
.invite_body .xg_lightborder {
border-color:transparent !important;
border-style:solid;
font-style:arial;
font-family:Zawgyi-One;
}
#xg_body.invite_body {
width:945px;
}
#xg_body.invite_body .xg_2col {
border-style:solid;
border-width:0px 245px;
width:455px;
font-style:arial;
font-family:Zawgyi-One;
}
/******************************************/
.xg_lightborder {
border-color:transparent;
}
/******************************************/
.xg_lightfont {
color:#0000ff;
font-style:arial;
font-family:Zawgyi-One;
}
/***************Activity Separator Lines***************************/
.xg_separator {
border-color:#ffffff;
border-style:dashed;
font-style:arial;
font-family:Zawgyi-One;
}
/**************Last line above submit button on appearance settings page****************************/
p.buttongroup {
border-top:1px solid #AFB0B5;
clear:both;
}
/***** LINKS *****/
body a {
color: #306EFF;
font-style:arial;
font-size:11px;
font-family:Zawgyi-One;
}
body a:hover {
color:#d4e860;
font-style:arial;
font-size:12px;
font-family:Zawgyi-One;
text-decoration:none;
background:transparent url(image%20link);
}
/* Special Text Link Buttons */
#buttons1 a {
display:block;
/* Link Text Size */
font-size:12px;
font-weight:bold;
-moz-transition: all 0.1s ease .0s;
/* Button Background Color */
background:#0DB8F9;
/* Button Border Color and Settings */
border: 1px outset #DADADA !important;
/* Button Shadow Color - dark grey */
box-shadow: 3px 3px 14px #666666;
/* Link Text Color */
color: #ffffff !important;
line-height: 2.5;
padding: 6px 16px !important;
text-decoration: none;
/* Width of Button. Remove if you want to default to width of Text Box. */
width:260px!important;}
/* Button Background and Link/Text Color on Hover */
#buttons1 a:hover{background-color:#BDE6F6;color:#003366!important;}
/*********************************Blog ????? scroll bar ????????? **************************/
.xg_widget_main .xg_2col .xg_leaderboard-module {background-image: url(image%20link); height:300px;overflow : auto;position:relative;margin : 3px;text-align : left; border:1px solid transparent;font-family:"Zawgyi-One", Yunghkio, "Masterpiece Uni Sans", Padauk, Parabaik, Zawgyi-One;
font-size: 12px;}
/*********************************Blog ????? scroll bar ????????? **************************/
.xg_widget_main .module_blog .xg_module_body {background-image: url(image%20link); height:285px;overflow : auto;position:relative;margin : 3px;text-align : left; border:1px solid transparent;font-family:"Zawgyi-One", Yunghkio, "Masterpiece Uni Sans", Padauk, Parabaik, Zawgyi-One;
font-size: 12px;}
/*********************************Group ????? scroll bar ????????? **************************/
.xg_widget_main .module_groups .xg_module_body {height: 300px;overflow : auto;position:relative;font-size: 12px;
font-style:arial;
font-family:"Zawgyi-One","Lucida Grande","Lucida Sans Unicode",sans-serif;}
//insert under the NingBar only if the NingBar exists
var ningBar = document.getElementById('xn_bar');
if(ningBar) { var headlinerAd = document.createElement('div');
headlinerAd.id='headliner_ad'; headlinerAd.innerHTML = '';
ningBar.parentNode.insertBefore(headlinerAd,ningBar.nextSibling);}
....................
// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text=?ˉFor My Only One Belove?ˉ;
var delay=40; // SPEED OF TRAIL
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml=?ˉ??; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml=?ˉ??; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.
//********** NO NEED TO EDIT BELOW HERE **********
ns4 = (navigator.appName.indexOf(?°Netscape?±)>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf(?°Netscape?±)>=0 )? true: false;
var txtA=new Array();
text=text.split(?±);
var x1=0;
var y1=-1000;
var t=?±;
for(i=1;i
for(i=1;i
BODY {border-style: dashed; border:3px #ffff00 Dashed;-moz-border-radius: 3em 1em
border-top-width:10px;
border-bottom-width:10px;
border-left-width:10px;
border-right-width:10px;
border-left-color:#ffff00 ;
border-right-color:#ffff00 ;
border-top-color:#ffff00 ;
border-bottom-color:#ffff00 ;
font-style:arial;
font-size:14px;
font-family:"Zawgyi-One","Lucida Grande","Lucida Sans Unicode",sans-serif;
}
/
/* Make Continue Stand out */
.continue-link:after{content:" »";}
.continue-link {
text-align:left;
padding: 10px 15px;
background-color: #ff0000;
border: 1px solid #ff0000;
color: #000000;
cursor: pointer;
text-decoration: underline!important;
}
.continue-link:hovered {background-color: #ffffff;
}
/* Make Your Forum Module Stand Out with Polished Look - Home Page */
.xg_widget_main .module_forum {
background: #003333; repeat scroll 0 0 #D5E8F5!important; padding:15px; border:1px solid #dadada;
.xg_widget_main .module_blog {
background: #003333; repeat scroll 0 0 #D5E8F5!important; padding:15px; border:1px solid #dadada;
/* New Colors with Blue theme, instead of red */
a, .xg_theme-link-c {color:#98F5FF!important;}
.xg_lightfont {color:#000000!important;}
.module_about a.button, .module_about a.button:hover {background-color:#336699!important; color:#ffffff!important;}
/* End New Colors with Blue Theme */
/* What are you doing background on Latest Activity */
}
/*start css lightbox*/
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
/*end lightbox css*/
/*icon*/
.xg_sprite-inbox {background: url(http://api.ning.com/files/fFEtM4Q5xBSzD0s8n%2AnBzGKHU%2AfDt7ADWUnnCjoxPjHLOZjNFyWDSb8wnz5eBNt2hrmYvYNPMfbzNgOtbnTmZrroNmT%2A9aL8/inboxdownload.png) no-repeat scroll left center transparent !important;}.xg_sprite-friend {background: url(http://api.ning.com/files/N31C2%2AMsYsJS8kB-XP1FNAIyhjV3aEQOZWfOSc4nQHSbYH2NqeYwNLzkuwwo3o-wgM0MTipPlys6qGPJHnexBfiq%2A4IqW6WP/xfnfriendmet.png) no-repeat scroll left center transparent !important;
}.xg_sprite-setting{background: url(http://api.ning.com/files/0hLxwbZqrssjJvbESXUvp0tR9SPlJAuiCEzZxnk%2AKTzWvSoR5PhERh2FuXWPcy5wZZzkF2oP1%2A3U6rxKf6UlmehVeYQgHidP/gearpencil.png) no-repeat scroll left center transparent !important;}.xg_icon-rss{background: url(http://api.ning.com/files/36SDLWiIiK7fDAEIv8mLU-GDmDYmM6cZ9U%2AkY%2AZKB5M8MlVtRJfmWLFKC6eJP-n7d2AoLp1V4zQ2CjumE-3N-eHvUMzDBRve/feed.png) no-repeat scroll left center transparent !important;}
/*icon-end*/
/*DesignStudio*/
div#xn_appearance_wrapper {position:fixed;}
#xn_appearance_panel{opacity:0.2!important;}
#xn_appearance_panel:hover{opacity:1!important;}
/* Others UI */
.gkbutton.normal { -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important; }
.gkbutton.right { -webkit-border-radius:0 3px 3px 0!important; -moz-border-radius:0 3px 3px 0!important; border-radius:0 3px 3px 0!important; }
.gkbutton.middle,.gkbutton.middle:hover { margin-right:-1px; -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important; }
.gkbutton.left { margin-right:-1px; -webkit-border-radius:3px 0 0 3px!important; -moz-border-radius:3px 0 0 3px!important; border-radius:3px 0 0 3px!important; }
.gkbutton.rounded { -webkit-border-radius:15px!important; -moz-border-radius:15px!important; border-radius:15px!important; }
.gkbutton.big { font-size:20px!important; }
.gkbutton.bold { font-weight:bold!important; }
span.icons { display:inline-block; width:10px; height:10px; margin:auto -5px auto 7px; position:relative; background-image:url(http://www.geekeries.fr/button/arrow.png);background-repeat:no-repeat;}
span.arrowr { background-position: -2px -1px;}
span.arrowl { margin:auto 7px auto -5px; background-position:0px -1.69em;}
span.gplus { display:inline-block; width:16px; height:16px; position:relative; background-image:url(http://www.geekeries.fr/button/googleplus.png);background-repeat:no-repeat;}
span.profil { background-position: 0px -17px;margin: auto 10px -.30em auto;}
span.circle { background-position: 0px 0px;margin: auto 10px -.30em auto;}
span.add { background-position: 0px -34px;margin: auto 10px -.38em auto;}
/* Utilisation :Target */
#bell.gkbutton:target {border: 4px solid #82a3bc; font-size: 25px; }
/* Utilisation d'animations */
.gkbutton.animation2:hover { -webkit-animation: animation2 1s; position:relative; }
@-webkit-keyframes animation2{ from { opacity: 0; top:-10px; } to { opacity: 1; } }
.gkbutton.animation:hover { -webkit-transition-duration:500ms,500ms,500ms; padding-right: 30px!important; padding-left: 30px!important; }
/* UI Button */
.gkbutton {position: relative; z-index: 1;overflow: visible; padding: 0.35em 1.4em 0.35em 1.4em; border: 1px solid #AAA; text-decoration: none; text-align: center;font: 13px Helvetica, verdana, arial, sans-serif; white-space: nowrap; cursor: pointer; outline: none;color: #444; text-shadow: white 0 1px 2px;background: #e5e5e5; background: -moz-linear-gradient(top, #e5e5e5 0%, #f4f4f4 49%, #e5e5e5 50%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(49%,#f4f4f4), color-stop(50%,#e5e5e5), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #e5e5e5 0%,#f4f4f4 49%,#e5e5e5 50%,#f4f4f4 100%); background: -o-linear-gradient(top, #e5e5e5 0%,#f4f4f4 49%,#e5e5e5 50%,#f4f4f4 100%); background: -ms-linear-gradient(top, #e5e5e5 0%,#f4f4f4 49%,#e5e5e5 50%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f4f4f4',GradientType=0 ); background: linear-gradient(top, #e5e5e5 0%,#f4f4f4 49%,#e5e5e5 50%,#f4f4f4 100%); transition: .3s ease-in-out;-webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-box-shadow: 0 1px 4px #ddd, inset 0 1px 0 #fff;-moz-box-shadow: 0 1px 4px #ddd, inset 0 1px 0 #fff;box-shadow: 0 1px 4px #ddd, inset 0 1px 0 #fff;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.gkbutton:hover, button.gkbutton:hover {-webkit-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 white;-moz-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 white;box-shadow: 0 1px 4px #aaa, inset 0 1px 0 white;-webkit-transition-duration:200ms,200ms,200ms;background: #e0e0e0; background: -moz-linear-gradient(top, #e0e0e0 0%, #e8e8e8 49%, #e0e0e0 50%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(49%,#e8e8e8), color-stop(50%,#e0e0e0), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); background: -o-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); background: -ms-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); background: linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); border: 1px #aaa solid;color: #444!important;}
.gkbutton:focus, .gkbutton:active {background-color: #ededed;background: -moz-linear-gradient(top, #ededed 0%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ededed)); background: -webkit-linear-gradient(top, #ededed 0%,#ededed 100%); background: -o-linear-gradient(top, #ededed 0%,#ededed 100%); background: -ms-linear-gradient(top, #ededed 0%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=0 ); background: linear-gradient(top, #ededed 0%,#ededed 100%); -webkit-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;-moz-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;}
/* UI Button Two - Le 3/08/2011 */
.gkbutton.two { transition: .3s ease-in-out;-webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; position: relative; z-index: 1;overflow: visible; padding: 0.35em 1.4em 0.35em 1.4em; border: 1px solid #AAA; text-decoration: none; text-align: center;font: 13px Helvetica, verdana, arial, sans-serif; white-space: nowrap; cursor: pointer; outline: none;color: #444; text-shadow: white 0 1px 2px;-webkit-box-shadow: 0 2px 2px #ccc, inset 0 -10px 10px #EEE;-moz-box-shadow:0 2px 2px #ccc, inset 0 -10px 10px #eee;box-shadow:0 2px 2px #ccc, inset 0 -10px 10px #eee;-webkit-border-radius:3px; background: #F4F4F4;-moz-border-radius:3px; border-radius:3px;}
.gkbutton.two:hover, button.gkbutton.two:hover {transition: .2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out;
-webkit-box-shadow: 0 2px 2px #ccc, inset 0 10px 20px white;-moz-box-shadow:0 2px 2px #ccc, inset 0 10px 20px white;box-shadow:0 2px 2px #ccc, inset 0 10px 20px white;-webkit-transition-duration:200ms,200ms,200ms;background: #e0e0e0; background: -moz-linear-gradient(top, #e0e0e0 0%, #e8e8e8 49%, #e0e0e0 50%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(49%,#e8e8e8), color-stop(50%,#e0e0e0), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); background: -o-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); background: -ms-linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); background: linear-gradient(top, #e0e0e0 0%,#e8e8e8 49%,#e0e0e0 50%,#e8e8e8 100%); color: #444!important;}
.gkbutton.two:focus, .gkbutton.two:active {background-color: #ededed;background: -moz-linear-gradient(top, #ededed 0%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ededed)); background: -webkit-linear-gradient(top, #ededed 0%,#ededed 100%); background: -o-linear-gradient(top, #ededed 0%,#ededed 100%); background: -ms-linear-gradient(top, #ededed 0%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=0 ); background: linear-gradient(top, #ededed 0%,#ededed 100%); -webkit-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;-moz-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #d9d9d9;}
/* UI Button Colors */
.gkbutton.v:hover {-webkit-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;-moz-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;-webkit-transition-duration:200ms,200ms,200ms;background: #82aa74; background: -moz-linear-gradient(top, #82aa74 0%, #9ed48c 49%, #82aa74 50%, #9ed48c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82aa74), color-stop(49%,#9ed48c), color-stop(50%,#82aa74), color-stop(100%,#9ed48c));background: -webkit-linear-gradient(top, #82aa74 0%,#9ed48c 49%,#82aa74 50%,#9ed48c 100%); background: -o-linear-gradient(top, #82aa74 0%,#9ed48c 49%,#82aa74 50%,#9ed48c 100%); background: -ms-linear-gradient(top, #82aa74 0%,#9ed48c 49%,#82aa74 50%,#9ed48c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82aa74', endColorstr='#9ed48c',GradientType=0 ); background: linear-gradient(top, #82aa74 0%,#9ed48c 49%,#82aa74 50%,#9ed48c 100%); border: 1px #82aa74 solid;text-shadow: 0 -1px 1px #aaa;color: white!important;}
.gkbutton.v2:hover {-webkit-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;-moz-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #b0ea9d;-webkit-transition-duration:200ms,200ms,200ms;background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #8fba80), color-stop(0.5, #82aa74), color-stop(0.51, #99cd87), color-stop(1, #9ed48c));background-image: -moz-linear-gradient(center bottom, #8fba80 0%, #82aa74 50%, #99cd87 51%, #8fba80 100%);background-color:#82aa74; border: 1px #82aa74 solid;color: white!important;text-shadow: 0 -1px 1px #aaa;}
.gkbutton.v:focus, .gkbutton.v:active, .gkbutton.v2:focus, .gkbutton.v2:active {background-color: #82aa74;background-image: -webkit-gradient(linear, 0 0, 0 10%, from(#9ed48c), to(#9ed48c));background-image: -moz-linear-gradient(#9ed48c, #9ed48c);background-image: -o-linear-gradient(#9ed48c, #9ed48c);background-image: linear-gradient(#9ed48c, #9ed48c);-webkit-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #82aa74;-moz-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #82aa74;box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #82aa74;}
.gkbutton.b:hover {-webkit-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #8db0cb;-moz-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #8db0cb;box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #8db0cb;-webkit-transition-duration:200ms,200ms,200ms;background: #708ca1; background: -moz-linear-gradient(top, #708ca1 0%, #82a3bc 49%, #708ca1 50%, #82a3bc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#708ca1), color-stop(49%,#82a3bc), color-stop(50%,#708ca1), color-stop(100%,#82a3bc)); background: -webkit-linear-gradient(top, #708ca1 0%,#82a3bc 49%,#708ca1 50%,#82a3bc 100%); background: -o-linear-gradient(top, #708ca1 0%,#82a3bc 49%,#708ca1 50%,#82a3bc 100%); background: -ms-linear-gradient(top, #708ca1 0%,#82a3bc 49%,#708ca1 50%,#82a3bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#708ca1', endColorstr='#82a3bc',GradientType=0 );
background: linear-gradient(top, #708ca1 0%,#82a3bc 49%,#708ca1 50%,#82a3bc 100%);border: 1px #5b7182 solid;color: white!important;text-shadow: 0 -1px 1px #5b7182;}
.gkbutton.b2:hover {-webkit-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #98beda;-moz-box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #98beda;box-shadow: 0 1px 4px #aaa, inset 0 1px 0 #98beda;-webkit-transition-duration:200ms,200ms,200ms;background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #7e9cb3), color-stop(0.5, #708ca1), color-stop(0.51, #8baec8), color-stop(1, #82a3bc));background-image: -moz-linear-gradient(center bottom, #7e9cb3 0%, #708ca1 50%, #8baec8 51%, #82a3bc 100%);background-color:#5b7182; border: 1px #5b7182 solid;color: white!important;text-shadow: 0 -1px 1px #5b7182;}
.gkbutton.b:focus, .gkbutton.b:active, .gkbutton.b2:focus, .gkbutton.b2:active {background-color: #708ca1;background-image: -webkit-gradient(linear, 0 0, 0 10%, from(#82a3bc), to(#82a3bc));background-image: -moz-linear-gradient(#82a3bc, #82a3bc);background-image: -o-linear-gradient(#82a3bc, #82a3bc);background-image: linear-gradient(#82a3bc, #82a3bc);-webkit-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #708ca1;-moz-box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #708ca1;box-shadow: 0px 0px 0px #aaa, inset 0 5px 10px #708ca1; }
No comments:
Post a Comment
Comment မ်ားအား စစ္ေဆးျပီးမွသာ အတည္ျပဳေပးမည္။