@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("facebook.com") {
html, body, #nonfooter, #booklet, .UIFullPage_Container, .home, #facebook, .profile{ background: url("http://www.layoutmyspace.org/import/backgrounds/Pattern/animated-pink-hearts-background.gif") #222222 fixed repeat left top!important; color:#ffffff !important; }
#contentCol { background: url("http://www.webweaver.nu/clipart/img/web/backgrounds/children/hello-kitty-pink.jpg") !important; }
.profile .profile_color_bar { background-color:#d5d4d4 !important; }
/* navigation */
#blueBar { background:#e78cd9 !important; }
#pageLogo a { background:url(http://www.meetingstreetmarket.com/1/facebookpink.png) no-repeat scroll -21px 0 !important; }
#headNavOut { background:#8b8a8b !important; border-color:#515151 !important; }
#content { background-color:#f8ecf6 !important;}
#headNav { background-color:#ad6fa3 !important; border-color:#000 !important; }
#pageLogo a{
top: 4px !important;
left: 10px !important;
width: 32px !important;
height: 32px !important;
background: url('http://i144.photobucket.com/albums/r192/pogi_na_nurse/fblogopink.png') top left no-repeat !important;
margin-left: 10px !important;
margin-top: 2px !important;
}
#pageLogo a:hover{
top: 4px !important;
left: 10px !important;
width: 32px !important;
height: 32px !important;
background: url('http://i144.photobucket.com/albums/r192/pogi_na_nurse/fblogopink.png') top left no-repeat !important;
margin-left: 10px !important;
margin-top: 2px !important;
}
#jewelRequest
{
top: 4px !important;
left: 10px !important;
width: 32px !important;
height: 32px !important;
background: url('http://i144.photobucket.com/albums/r192/pogi_na_nurse/friends.png') top left no-repeat !important;
margin-left: 10px !important;
margin-top: 2px !important;
}
#jewelRequest:hover, #jewelRequest:focus, #jewelRequest:active
{
top: 4px !important;
left: 10px !important;
width: 32px !important;
height: 32px !important;
background: url('http://i144.photobucket.com/albums/r192/pogi_na_nurse/friends.png') top left no-repeat !important;
margin-left: 10px !important;
margin-top: 2px !important;
}
#jewelMail
{
top: 4px !important;
left: 10px !important;
width: 32px !important;
height: 32px !important;
background: url('http://i144.photobucket.com/albums/r192/pogi_na_nurse/mailpink.png') top left no-repeat !important;
margin-left: 10px !important;
margin-top: 2px !important;
}
#jewelMail:hover, #jewelMail:focus, #jewelMail:active
{
top: 4px !important;
left: 10px !important;
width: 32px !important;
height: 32px !important;
background: url('http://i144.photobucket.com/albums/r192/pogi_na_nurse/mailpink.png') top left no-repeat !important;
margin-left: 10px !important;
margin-top: 2px !important;
}
#jewelNotif
{
top: 4px !important;
left: 10px !important;
width: 32px !important;
height: 32px !important;
background: url('http://i144.photobucket.com/albums/r192/pogi_na_nurse/speechbubble.png') top left no-repeat !important;
margin-left: 10px !important;
margin-top: 2px !important;
}
#jewelNotif:hover, #jewelNotif:focus, #jewelNotif:active
{
top: 4px !important;
left: 10px !important;
width: 32px !important;
height: 32px !important;
background: url('http://i144.photobucket.com/albums/r192/pogi_na_nurse/speechbubble.png') top left no-repeat !important;
margin-left: 10px !important;
margin-top: 2px !important;
}
/* search */
#navSearch { border-color:#ad6fa3 !important; }
#navSearch input { border-color:#000 !important; }
#navAccountLink:hover { color:#f8edf6 !important; }
/* nav tabs */
#pageNav a:hover, #pageNav a:focus, #pageNav a:active { background-color:#343434 !important; color:#ecebeb !important; }
/* boxes */
.lightblue_box { background-color:#eedbeb !important; border-color:#eedbeb !important; }
.commentable_item .ufi_section { background-color:#eedbeb !important; }
textarea, .inputtext, .inputpassword { border-color:#abaaab!important; }
/* links */
a { color:#3d3d3d !important; }
.uiLinkButton input { color:#2c2c2c !important; }
.action_links_title .comment_link, .action_links_bottom .comment_link, .feedback_show_link, .feedback_hide_link, .UIActionLinks .comment_link { color:#2c2c2c !important; }
button.as_link { color:#2c2c2c !important; }
/* side nav */
.uiSideNav .selected .item, .uiSideNav ul .selected .subitem, .uiSideNav .selected .item:hover, .uiSideNav ul .selected .subitem:hover { background-color:#797979 !important; }
.uiSideNav .item:hover, .uiSideNav .subitem:hover { background-color:#d0d0d0 !important; }
.friends_online_sidebar li.buddy_row a:hover { background-color:#d0d0d0 !important; }
.unread { background-color:#cfcdce !important; }
.line { color:#414141 !important; }
/* pop up box */
#jewelCase .jewelFooter a { background-color:#363636 !important; }
#jewelCase .jewelFooter .uiTextSubtitle { color:#363636 !important; }
#jewelCase .jewelFooter a:hover span, #jewelCase .jewelFooter a:active span, #jewelCase .jewelFooter a:focus span, #jewelBoxMail a:hover .uiTextSubtitle, #jewelBoxMail a:active .uiTextSubtitle, #jewelBoxMail a:focus .uiTextSubtitle { color:#3b3b3b !important; }
#jewelBoxMail li a:hover, #jewelBoxMail li a:active, #jewelBoxMail li a:focus { background-color:#cfcece !important; border-color:#aeadad !important; }
#jewelCase .jewelBox { background-color:#ecebeb !important; }
/* copy */
.uiHeader h2 { color:#2f2f2f !important; }
/* graffiti */
.current_stuff td { background-color:#e8e6e7 !important; border-color:#c2c2c2 !important; }
/* profile page */
.UIComposer .UIComposer_Box { background-color:#e4e2e3 !important; border-color:#cecece !important; }
.profile .box .box_header { background-color:#e4e2e3 !important; border-color:#cecece !important; }
/* profile tabs */
.profile .top_bar ul.tabs li.selected a.tab_link { background-color:#ECECEC !important; border-color:#8f8f8f !important; }
.profile .top_bar ul.tabs li a.tab_link { background-color:#b1b0b0 !important; border-color:#8f8f8f !important; }
.profile .top_bar ul.tabs li a.tab_link:hover { background-color:#403f3f !important; color:#ecebeb !important; border-color:#434243 !important; }
/* chat */
#chat_tab_bar .disabled .chat_window .chat_conv { background-color:#eedbeb !important; }
#chat_tab_bar .chat_header { background-color:#8d8d8d !important; border-color:#000000 !important; }
#chat_tab_bar .chat_header_name a { color:#ecebeb !important; }
#chat_tab_bar .chat_window .chat_conv .visibility_change { background-color:#bebdbd !important; color:#383838!important; }
#presence_bar .presence_menu_opts h2 span { background:#a4a3a3 !important; }
#presence_bar .presence_menu_opts h2 { border-color:#a8a8a8 !important; }
.buddy_list a.friend:hover, .buddy_list a.selected, .buddy_list a.drag { background:#e1e1e1 !important; }
#presence.fbx_bar .presence_section, #presence.fbx_bar #chat .tab_handle, #presence.fbx_bar #presence_gk_tab, #presence.fbx_bar #presence_translations_tab { background:#979696 !important; border-color:#777777 !important; }
#presence .presence_bar_button .inner_button { border-top:none !important; }
#presence #buddy_list_tab #buddy_count .buddy_count_num { color:#ecebeb !important; }
#presence .presence_menu_opts { border-color:#9d9c9c !important; }
/* buttons */
.UIButton_Blue { background:#484848 !important; border-color:#9c9b9b !important; }
.UIComposer_InputArea { border-color:#b3b2b2 !important; }
.uiButtonConfirm { background:#515050 !important; border-color:#8e8e8e !important; }
#presence #buddy_list_tab #buddy_count strong { color:#ecebeb !important; }
}
/* The following is modified code from "Sticky Top Nav Bar & More Prettiness" by Code.Red
* Thank you for creating this awesome modification!
*/
@-moz-document domain("facebook.com") {
/* START sticky nav bar */
#globalContainer #pageHead, .loggedout_menubar {
width: 981px !important;
left: 50%;
margin-left: -490.5px !important;
z-index: 15 !important;
}
#pageHead {
position: fixed !important;
width: 981px !important;
margin: 0 auto !important;
top: 0px;
z-index: 15 !important;
}
#blueBar {
position: fixed !important;
top: 0px;
width: 100%;
visibility: visible;
-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.3);
z-index: 14 !important;
}
#content {
padding-top: 35px !important;
}
body.UIPage_LoggedOut #content {
padding-top: 0 !important;
}
.loggedout_menubar {
position: fixed;
}
/* END sticky nav bar */
/* START sticky left column on main page */
body.ego_page #mainContainer > #leftCol {
position: fixed;
top: 35px;
}
/* END sticky left column on main page */
/* START move log out button to nav bar */
li#navAccount:not(.openToggler) > ul > li:last-child {
position: absolute;
left: 50%;
width: 59px;
margin-left: -147px;
top: -30px;
visibility: visible !important;
}
li#navAccount:not(.openToggler) > ul > li:last-child input {
border: 0 !important;
color: #FFF !important;
font-weight: bold !important;
height: 30px !important;
padding-top: 4px !important;
}
li#navAccount:not(.openToggler) > ul > li:last-child input:hover{
background-color: #6D86B7 !important;
padding-bottom: 5px !important;
}
li#navAccount ul {
display: block !important;
visibility: hidden;
}
#navAccount.openToggler ul {
visibility: visible;
}
/* END move log out button to nav bar */
/* START blink new notifications buttons */
.jewel { margin-right: 1px !important; }
.jewelNew {
background: url('data:image/gif;base64,R0lGODlhAQABAIAAAP///zpalCH/C05FVFNDQVBFMi4wAwEAAAAh+QQJeAABACwAAAAAAQABAAACAkQBACH5BAl4AAEALAAAAAABAAEAAAICTAEAOw==') !important;
-moz-border-radius: 6px;
/*border: solid 1px white !important;*/
display: block;
height: 29px !important;
}
/* END blink new notifications buttons */
/* START round the top edges */
#headNav, .jewel, .jewelToggler, #pageLogo > a {
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}
#pageNav #navAccount > a, li.openToggler {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}
/* END round the top edges */
/* START shadows under menus & chat */
#navAccount > ul, .jewelBox, .uiTypeaheadView, .uiOverlay, .pop_container_advanced {
-webkit-box-shadow: 3px 3px 20px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 20px rgba(0,0,0,0.4); }
#fbDockChat > div, .fbNubFlyout, .uiMenu {
-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3); }
/* END shadows under menus & chat */
/* START fix top light blue banner (set home page reminder, etc) */
#ConfirmBannerOuterContainer {
position: relative !important;
top: 40px;
}
/* END fix top light blue banner */
}
@-moz-document domain("fb.familylink.com") {
div[style*="color: rgb(51, 51, 51)"]{color: #fff !important;}
}
#fb_menubar, #mainContainer:before{content:url(http://i144.photobucket.com/albums/r192/pogi_na_nurse/ghellokitty31-1.gif
);margin: 300px }
@-moz-document domain("facebook.com") {
* {
font-size: 12px !important;
font-family: Comic Sans MS !important;
color: purple !important;
}
}
@-moz-document
domain("facebook.com")
{
body, a, a:link, a:active, a:visited, a:focus {
cursor:url(http://www.sherv.net/cursors/hk3.cur), default !important
}
}
.hasLeftCol #mainContainer {border: none !important}
.hasLeftCol #contentCol {border-right: 1px solid #000 !important}