// ==UserScript==
// @name Theme Facebook Fairy Tail
// @namespace http://erikofujiwara.blogspot.com
// @description Background Facebook Fairy Tail(2014)
// @version 1.0
// @author PeterJepiMars
// @homepage http://userscripts.org/scripts/show/384776
// @include https://www.facebook.com/*
// @include https://*.facebook.com/*
// @include https://www.facebook.com/index.php?stype=lo*
// @include https://www.facebook.com/index.php*
// @include https://www.facebook.com/login.php*
// @include http://www.facebook.com/index.php?stype=lo*
// @include http://www.facebook.com/index.php*
// @include http://www.facebook.com/login.php*
// @include http://*.facebook.com/*/*
// @include https://*.facebook.com/*/*
// @include http://*.facebook.com/*
// @include http://*.facebook.com/*/*
// ==/UserScript==
(function() {
var css = ".highlightIndicator, \n.tinyman:after, \n.fbTimelineSideAds,\n.ego_column,\n.buttonWrap, \n.fbTimelineSpine, \n.spinePointer, \n.topBorder, \n.bottomBorder, \n#footerContainer, \n.middleLink, \n.slimHeader #pageNav li.tinyman::after, .slimHeader #pageNav li.middleLink::after, \n.slimHeader #pageNav .middleLink a, \n.moreSectionsLink\n{\ndisplay:none !important;\n}\n\n \n \nbody.liquid div#contentArea {\n display: table-cell !important;\n float: left !important;\n width: 1000px !important;\n opacity:0.97 !important;\n}\n\n\n._20y textarea, ._24f, ._4-i0{background-color:rgba(20,20,20,.9) !important;}\n._3sod {background-color:rgba(20,20,20,1) !important;box-shadow: 0 0 7px rgba(19, 136, 8, 0.95) !important;border:2px black ridge !important;border-radius:10px !important;}\n.uiScrollableArea.nofade .uiScrollableAreaWrap, .uiScrollableArea.fade .uiScrollableAreaWrap {background:rgba(20,20,20,.4) !important;border:1px black solid !important;border-radius:0px !important;}\n\n._4jy3, ._4jy3._42fr:active, ._4jy3._42fr._42fs {color:#000 !important;}\n\n ._585- {\n background-color: rgba(0,0,0,0.1) !important;\n border: none !important;\n border-radius: 10px !important;\n box-shadow: none !important;\n}\n \n._5uch{\nbackground-color: rgba(0,0,0,0.75) !important;\n margin: 10px;\n padding: 0;\n border: 1px solid rgba(0,0,0,0.5);\n border-radius: 10px 10px 10px 10px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\n -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\n -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\n\n}\n\n ._5v3q{\nbackground-color: rgba(0,0,0,0.75) !important;\n margin: 10px;\n padding: 0;\n border: 1px solid rgba(0,0,0,0.5);\n border-radius: 15px !important;\n box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\n -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\n -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\n\n}\n \n \n._5pr2.fbChatSidebar .fbChatOrderedList, ._5pr2.fbChatSidebar .fbChatTypeaheadView {\n position:relative !important; top: 10px !important;\n}\n\na, ._5pcp .uiLinkButton input {color:#f9ec16 !important; }\n._5pbw, ._5pbx {color:#fff !important; }\n\n\n\n\n._55lt img {\n border-radius:37px !important;\n border:green 1px solid !important;\n} \n\ndiv.mainWrapper{\npadding-left: 1em !important;\n}\n.uiProgressBar .fill {\nbackground: #444 !important;\nborder: solid #222 !important;\n}\n.uiTypeaheadView .compact li {\nbackground-color: #111 !important;\n}\ndiv.uiTypeaheadView .selected {\nbackground-color: #333 !important;\n}\n.fbIndex .gradient {\nbackground: none !important;\n}\n.notifNegativeBase #fbNotificationsFlyout li.jewelItemNew, .notifNegativeBase #fbNotificationsFlyout li.first_receipt {\nbackground: #333 !important;\n}\n.pop_container {\nbackground-color: #000 !important;\n}\n.pop_verticalslab, .pop_horizontalslab {\nbackground: #222 !important;\n}\n.uiMenuXItem\na.highlighted {\nbackground-color: #333 !important;\nborder-color: #000 !important;\ncolor: #FFF !important;\n}\n.uiMenuXItem\na.highlighted {\nbackground-color: #333 !important;\nborder-color: #000 !important;\ncolor: #FFF !important;\n}\n.uiContextualLayer {\nbackground-color: #111 !important;\n}\n.HighlightSelectorMenu {\nborder: 2px solid #000 !important;\nbackground: #111 !important;\nborder-radius: 5px !important;\n}\n.-cx-PUBLIC-uiDialog__border, ._1yu {\nborder: 10px solid rgba(82, 82, 82, .7) !important;\n-webkit-border-radius: 8px !important;\n}\ninput[type=\"text\"], input[type=\"password\"], .inputtext, select, .select, select > option, select > button, .fbPhotoImageStage .fbPhotosPhotoButtons .tagMessage, .fbPhotoImageStage .fbPhotosPhotoButtons .cropMessage, #u1clso_61 div img, #navSearch .uiTypeahead, .-cx-PRIVATE-uiDialog__content, ._1yu, ._t {\nbackground-color: #111 !important;\n}\n.fbTimelineCapsule\n{\nbackground: none !important;\n}\n.sp_c79t5t\n{\nbackground-image: none !important;\n}\n* {\nborder-color: transparent !important;\ncolor: #FFFFFF !important;\nbackground-color: transparent !important; \n}\n\n#fbTimelineHeadline .profilePic {\nbackground-color: #FFF !important;\nborder: 4px solid #FFF !important;\n-webkit-border-radius: 2px !important;\nheight: 160px !important;\nwidth: 160px !important;\n}\n\n\n.fbTimelineScrubber {\n\nborder-color: #333333 !important;\npadding: 8px 0 8px 1px !important;\ntop: 38px !important;\nwidth: 122px !important;\nz-index: 1 !important;\nborder-radius: 10px !important;\n}\n\n.fbPhotosPhotoTagboxBase .tagName {\nbackground: #000 !important;\ncolor: #FFF !important;\ncursor: default !important;\nfont-weight: normal !important;\npadding: 2px 6px 3px !important;\ntop: 3px !important;\nwhite-space: nowrap !important;\n}\n\n.fbPhotosPhotoTagboxBase .innerTagBox {\nborder: 4px solid white !important;\nborder-color: rgba(255, 255, 255, .8) !important;\n}\n\n.fbPhotoSnowlift {\nbackground-color: rgba(0, 0, 0, .7) !important;\n}\n\n.fbPhotoSnowlift .rhc , .pagingActivated .snowliftOverlay, .fbPhotoSnowlift.taggingMode .snowliftOverlay, .stageWrapper{\nbackground-color: #111 !important;\n}\n\n.profile-picture img {\nmax-width: 170px !important;\n}\n\n.webComposerPhotoUpload input, .webComposerPhotoUpload {\ncolor: #000000 !important;\n}\n\n\nhtml{background:url(http://animemovie.ru/photo/1280-95-1/78_20.jpg) no-repeat center fixed;background-size:cover;-o-background-size:cover;-webkit-background-size:cover}\n\n\n\n\n.fbCurrentStory:hover, .connect_widget_like_button, .fbFeedTickerStory:hover, .item a:hover, .fbJewelFlyout li:hover, .uiSideNav a:hover, .fbNubFlyoutBody, .uiButtonConfirm {\nbackground: #111111 !important;\n}\n\n.fbChatMessageGroup {\nborder-color: #2c2c2c !important;\n}\n\n.fbChatSidebar {\nbackground: #111111 !important;\n}\n\n#leftCol {\nposition: relative;top:20px!important;\nmin-height: 400px !important;\n}\n\n.arrowLeft a {\nbackground-image:url('http://i.imgur.com/26zf5.png') !important;\nborder-color: #f9ec16 !important;\n}\n\n.arrowRight a {\nbackground-image:url('http://i.imgur.com/v6B6z.png') !important;\nborder-color: #f9ec16 !important;\n}\n\n.uiStreamSubstory {\nborder-color: transparent !important;\n}\n\n.uiHeader {\nbackground-color: transparent !important;\n}\n\n.fbSidebarGripper, .fbTickerFooter, .fbSidebarGripper div, .navSubmenu:hover {\nbackground-color: #222222 !important;\n}\n\n.fbTimelineCountButton, .uiBoxWhite, .uiButtonGroup {\nbackground-color: #f9ec16 !important;\n}\n\n\n\n#leftCol {\npadding-top: 0px !important;\npadding-left: 0px !important;\n}\n\n.uiStream .uiSelectorButton {\nbackground-image: url(\"http://i.imgur.com/nOfuQ.png\") !important;\n}\n\n.uiSearchInput {\nbackground-image: url(\"http://i.imgur.com/agmNw.png\") !important;\n}\n\n\n\n\n.jewelButton:hover, .topNavLink a:hover {\nbackground-color: #222222 !important;\n}\n\n.uiScrollableAreaGripper {\nbackground-color: #666666 !important;\n}\n\n.uiSearchInput, .fbPhotosGridHeader, .uiComposerMessageBoxControls, #MessagingShelf, .uiBoxGray {\nbackground: #111111 !important;\n}\n\n.uiButton {\nbackground: #1c1c1c !important;\n}\n\n.hasSmurfbar #blueBarHolder #blueBar:after {\n background-image: none !important; }\n \n \n#blueBar {\n background-image: none !important;\n background: rgba(0,0,0,0.9) !important;\n margin: 5px;\n padding: 2px;\n border: 1px ridge #000 !important;\n border-radius: 10px 10px 10px 10px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3)!important;\n -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3)!important;\n -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3)!important;\n\n}\n.__wu .roundedBox .smurfbarBottomBorder, .__wu .roundedBox .smurfbarTopBorder{ background: rgba(0,0,0,0.0) !important;\n}\n\n._5v9u:after {\n border: 1px solid rgba(0, 0, 0, 0.0) !important;\n} \n\n#contentCol, #pageLogo a {\nbackground-color: transparent !important;\nborder-color: transparent !important;\n}\n\n.uiMorePager {\nmargin-bottom:6px !important;\nbackground-color: #1c1c1c !important;\nborder: 0px solid #333333 !important;\n}\n\n.uiStreamStory, .fbIndexFeaturedRegistration, .signupForm {\nmargin-bottom:2px !important;\nbackground-color:transparent !important;\nbackground-image:url('http://i.imgur.com/T2LPj.png') !important;\nborder-radius: 15px !important;\npadding: 1px !important;\nborder: 0px solid #333333 !important;\n}\n\n.uiStream .uiStreamHeader .uiStreamHeaderChronologicalForm .uiSelectorButton .uiButtonText {\ncolor: #000 !important;\n}\n\n#album_pagelet {\nbackground-color: #111111 !important;\nmargin-left: 0px !important;\nmargin-top: -15px !important;\n}\n\n.tagWrapper, #pagelet_main_column, .timelineUnitContainer, .fbTimelineTopSection, #MessagingMessages {\nbackground-color:transparent !important;\nbackground-image:url('http://i.imgur.com/T2LPj.png') !important;\nborder-radius: 15px !important;\nborder: 0px solid #333333 !important;\n}\n.fbTimelineTopSectionBase .topSectionBottomBorder {\ndisplay: none !important;\n}\n#pagelet_main_column {\nwidth: 500px !important;\n}\n\n.fbJewelFlyout, .uiToggleFlyout, .navigation, .container, .uiOverlayContent, .search, .pop_container_advanced {\nbackground-color: #111111 !important; \nborder-radius: 15px !important;\nborder: 2px solid #333333 !important;\n}\n\n#left_column, #leftCol, .MessagingReadHeader {\n background: rgba(0,0,0,0.75) !important;\n box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\n -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\n -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\nborder-radius: 15px !important;\n}\n\n#left_column, #leftCol {\nmargin-left:-8px !important;\nwidth: 185px !important;\n}\n\n.uiMediaThumb i, .uiProfilePhoto {\nborder: 1px solid #000000 !important; \n}\n\n#rightCol {\nmargin-top: 10px !important;\npadding-top: 0px !important;\nbackground: rgba(0,0,0,0.0) !important;\nborder-radius: 15px !important;\nborder: 0px solid #333333 !important;\n}\n\n.rightColumnWrapper {\n background: rgba(0,0,0,0.75)!important;\npadding: 5px !important; \nposition: fixed !important;\n box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\n -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\n -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\nborder-radius: 15px !important; \nborder: 0px solid #333333 !important;\n}\n\n.aboutMePagelet {\nbackground-color:transparent !important;\nbackground-image:url('http://i.imgur.com/T2LPj.png') !important;\nborder: 0px solid #333333 !important;\n}\n\n.fbNubButton, .uiToggleFlyout, .fbChatSidebarFooter {\nbackground: -moz-linear-gradient(center top , #333333, #000000) !important;\n background: -webkit-linear-gradient(center top , #333333, #000000) !important;\nbox-shadow: 3px 5px 5px rgba(0, 0, 0, 0.9) inset !important;\ncolor: #FFFFFF !important;\nborder: #fff !important;\n}\n\n.fbChatOrderedList {\nbackground: -moz-linear-gradient(center right , #333333, #000000) !important;\n background: -webkit-linear-gradient(center right , #333333, #000000) !important;\nbox-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;\ncolor: #FFFFFF !important;\nborder: #333333 !important;\n}\n\n\n .null {\n font-style:italic!important;\n font-weight:bold!important;\n color:#f9ec16 !important;\n text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.9) !important;\n}\n\n .fbDockChatTabFlyout{\n\n box-shadow:0px 0px 10px #f9ec16!important;\n border-style: solid; \n\n border-width: 18px 15px 40px 15px; \n\n -moz-border-image: url(http://i.imgur.com/pDshNmY.jpg) 15 25 25 25 stretch; \n\n -webkit-border-image: url(http://i.imgur.com/pDshNmY.jpg) 15 25 25 25 stretch; \n\n -o-border-image: url(http://i.imgur.com/pDshNmY.jpg) 15 25 25 25 stretch; \n\n border-image: url(http://i.imgur.com/pDshNmY.jpg) 15 25 25 25 fill stretch;\n\n background:none!important;\n\n }\n\n ._51mz,\n\n .fbNubFlyoutTitlebar,\n\n .fbDockChatTabFlyout .fbNubFlyoutBody,\n\n ._kso:after,._50kd ._kso:after, ._50kd ._kso:before,._kso:before\n\n {\n background:none!important;\nborder:none!important;\n\n} \n \n ._50kd ._kso {\n margin:5px !important;\nbox-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3)!important;\n -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3)!important;\n -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3)!important;\n background-color: rgba(0,0,0,0.7) !important;\n border-radius: 8px !important;\n text-shadow:none !important;\n}\n\n._kso{ \nmargin:5px !important;\nbox-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3)!important;\n -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3)!important;\n -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3)!important;\n background: rgba(0,0,0,0.7) !important;\nborder:1px ridge rgba(0,0,0,0.5) !important;\n border-radius: 8px !important;\n text-shadow:none !important;\n}\n \n \n.fbNubFlyoutFooter {\n background-color: rgba(200,200,200,0.25) !important;\nborder-radius: 8px !important;\nbox-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset!important;\ncolor: #FFFFFF !important; \nborder: #333333 !important;\n}\n\n ._50dw .profileLink img {border-radius: 25px !important;\n border:1px ridge black !important;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;\n}\n \n ._50dw .profileLink:after {display:none!important;}\n._510g.sentFromMobile, ._510g.sentFromEmail, ._510g.typing, ._510g.seen {\n visibility:hidden !important;\n} \n \n \n._50mz .titlebar {\nposition:relative;top: -10px !important;\n\n } \n._50mz.opened {\nmargin-left:45px!important;}\n\n \n\n /* AGENT_SHEET */\n\nscrollbarbutton[sbattr=\"scrollbar-up-top\"],\n\nscrollbarbutton[sbattr=\"scrollbar-down-top\"],\n\nscrollbarbutton[sbattr=\"scrollbar-up-bottom\"],\n\nscrollbarbutton[sbattr=\"scrollbar-down-bottom\"] {\n-moz-appearance: none;\n display: none;\n}\n\nselect scrollbarbutton[sbattr=\"scrollbar-up-top\"],\n\nselect scrollbarbutton[sbattr=\"scrollbar-down-top\"],\n\nselect scrollbarbutton[sbattr=\"scrollbar-up-bottom\"],\n\nselect scrollbarbutton[sbattr=\"scrollbar-down-bottom\"] {\n-moz-appearance: scalethumb-vertical !important;\ndisplay: block;\n-moz-margin-start: 5px;\n}\n\nscrollbar {\n-moz-appearance: none !important;\nbackground: none rgba(0, 0, 0, 0) !important;\nborder: 0;\n-moz-box-align: start;\nposition: relative;\nz-index: 1999999999;\n}\n\nscrollbar:hover {\nbackground: none rgba(255, 255, 255, .2) !important;\nborder: 1px solid rgba(200, 200, 200, .7);\n}\n\nscrollbar[orient=\"horizontal\"] {\nmargin-top: -15px;\nmax-height: 8px;\nmin-height: 8px;\npadding: 6px 3px 1px 3px !important;\n}\n\nscrollbar[orient=\"vertical\"] {\n-moz-margin-start: -15px;\npadding: 3px 1px 3px 6px !important;\n}\n\nscrollbar[orient=\"horizontal\"]:hover {\nborder-width: 1px 0 0;\npadding: 3px !important;\n}\n\n\n.fbNubFlyoutFooter{position:relative;bottom:20px; }\n\nscrollbar[orient=\"vertical\"]:hover {\nborder-width: 0 0 0 1px;\npadding: 3px !important;\n}\n\nscrollbar thumb {\n-moz-appearance: none !important;\nbackground-color: rgba(80, 80, 80, .5);\nborder: 0;\nborder-radius: 8px;\nbox-shadow: 0 0 0 1px rgba(255, 255, 255, .5);\n}\n\nscrollbar[orient=\"horizontal\"] thumb {\nmax-height: 6px !important;\nmin-height: 6px !important;\nmin-width: 20px !important;\n}\n\nscrollbar[orient=\"horizontal\"]:hover thumb {\nmax-height: 8px !important;\nmin-height: 8px !important;\n}\n\nscrollbar[orient=\"vertical\"] thumb {\n\nmax-width: 6px !important;\nmin-height: 20px !important;\nmin-width: 6px !important;\n}\n\nscrollbar[orient=\"vertical\"]:hover thumb {\n\nmax-width: 8px !important;\nmin-width: 8px !important;\n}\n\nscrollbar thumb:hover,\n\n\n\nscrollbar thumb:active {\nbackground-color: rgba(0, 0, 0, .5);\n}\n\n/* appear only on hovering the in site elements */\n\ndiv > scrollbar thumb,\n\n\n\ntextarea > scrollbar thumb {\nopacity: 0;\ntransition: opacity .3s;\n}\n\n\ndiv:hover > scrollbar thumb,\n\n\n\ntextarea:hover > scrollbar thumb {\nopacity: 1;\ntransition: opacity .1s;\n}\n\n/* add-on manager fix */\n\nrichlistbox scrollbarbutton[sbattr=\"scrollbar-up-top\"],\n\nrichlistbox scrollbarbutton[sbattr=\"scrollbar-down-top\"],\n\nrichlistbox scrollbarbutton[sbattr=\"scrollbar-up-bottom\"],\n\n\n\nrichlistbox scrollbarbutton[sbattr=\"scrollbar-down-bottom\"] {\n-moz-appearance: separator !important;\ndisplay: block;\n-moz-margin-start: -10000px;\n}\n\nrichlistbox scrollbar[orient=\"vertical\"] {\n-moz-margin-start: -10px !important;\nwidth: 15px !important;\n }\n\n \n \n \n \n \n.UFIMentionsInputWrap,.navHeader, ._554n,.fbxWelcomeBox ,._2yg .composerTypeahead {\nbackground: -moz-linear-gradient(top, #45484d 0%, #000000 100%) !important;\nbackground: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);\n box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\n -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\n -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\nborder:1px ridge black !important;\nmargin-top:5px!important;\nmargin-left:0px!important;\nborder-radius: 7px!important;\npadding:4px!important;\n}\n\n\n\n.fbxWelcomeBoxBlock .fbxWelcomeBoxImg,\n._s0,\n._42fz .pic{\n border:2px solid rgba(0, 0, 0, .55)!important;\n border-radius: 37px!important;\n}\n.fbxWelcomeBoxBlock .fbxWelcomeBoxImg:hover,\n._s0:hover,\n._42fz .pic:hover{\n box-shadow: 0px 0px 4px rgba(57, 255, 20, 0.95) !important;\n border:2px ridge #f9ec16 !important;\n border-radius: 37px!important;\n}\n.uiSideNav .sideNavItem .hasCount:hover,\n.uiSideNav .sideNavItem .noCount:hover{\n text-shadow: 2px 2px 2px rgba(57, 255, 20, 0.75) !important;\n color: #f9ec16 !important;\n\n}\n#navSearch {\nwidth:300px !important;\nmargin-top: 6px !important;\nmargin-left: 30px !important;\nborder-color: transparent !important;\n}\n#headNav {\n height: 30px;\n}\n.fbx #pageHead, #blueBar #pageHead{\npadding-top:0px!important;\n}\n\n\na:hover{\n text-shadow: 2px 2px 2px rgba(57, 255, 20, 0.75) !important;\n color: #f9ec16 !important;\n}\n.UIActionLinks_bottom a, \n.UIActionLinks_bottom button.as_link, \n.UIActionLinks_bottom .uiLinkButton input, \n.UIActionLinks_bottom .uiLinkButton input:hover,\n.uiStreamMessage .actorName, .uiStreamMessage .passiveName\n{\n text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99) !important;\n color: #f9ec16 !important;\n}\n._2yg .composerTypeahead ,#bfb_options_button_li.openToggler ul,\n .better_fb_mini_message, .sfx_mini_message_no_x,\n .GM_options_wrapper_inner,\n .better_fb_mini_message, .mini_x{\n box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\n -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\n -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);\nborder:1px ridge black !important;\nmargin-top:5px!important;\nmargin-left:0px!important;\nborder-radius: 7px!important;\npadding:3px!important;\n}\n.GM_options_buttons input{\n text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.99) !important;\n color: #f9ec16 !important;\n\n}";
if (typeof GM_addStyle != "undefined") {
GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
addStyle(css);
} else {
var node = document.createElement("style");
node.type = "text/css";
node.appendChild(document.createTextNode(css));
var heads = document.getElementsByTagName("head");
if (heads.length > 0) {
heads[0].appendChild(node);
} else {
// no head yet, stick it whereever
document.documentElement.appendChild(node);
}
}
})();
