Facebook

Nervt dich auch diese triste Weiß in Facebook damit ist jetzt schluss!
Denn ich habe die Lösung!


Was ihr benötigt:
- ca.10 min. Zeit investieren
- ein paar Grundkenntnisse am Pc
- denn Browser Firefox



 

Wer dem ganzen hier nicht traut der hat pech gehabt!
Nur so als Info, probiert es lieber aus falls ihr nicht zufrieden seit könnt ihr euch jederzeit bei Fragen, Ideen oder Problemen mit dem Design bei dem
Support melden!

 
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


Natürlich ist das Design noch nicht Perfekt (Nicht Fehlerfrei) aber ich bin jederzeit dabei und Fixe sofort alle Schweren Fehler.
Die Behobenen Bug's mit der Version und die noch Vorhanden Bug's könnt ihr hier in der
Bugliste Sehen!

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

So nun geht es endlich zum Design:

Befolgt einfach alles nach der Reinfolge und es kann Garantiert nichts schief gehen!

1. 
Von der Offiziellen Webseite für Firefox installiert ihr einfach das Addon.
Ihr müsst vermutlich "neu starten"!


-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

2. Ich stelle euch 3 Designs in der Aktuellen Version v.4.1.4 mit kleinen Veränderungen zur verfügung Wählen könnt ihr selber.
Klickt einfach auf die Bilder um sie größer zu sehen, merkt euch dann die Version die ihr wollt für Später!



Version Normal:

Bilder oder Fotos hochladen


Version Mittelgrund:

Bilder oder Fotos hochladen


Version Spezial:

Bilder oder Fotos hochladen

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


3.
Als nächstes geht ihr zu denn Addons in euerem Browser:
Dahin kommt ihr etwa über die Einstellungen "Extras" und dann auf Addons oder ihr gibt
about:addons in der Adressleiste ein.

Nun steht da"Benutzerstile" da geht ihr dann auf "Neuen Stil erstellen".
Klickt es an, es müsste sich ein neues Fenster öffnen da tragt ihr bei Name "UnReALiTyy Design"ein.

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

4. Jetzt müsst ihr euch an die Version die ihr wolltet errinnern.
Makiert einfach die 3 Zeilen eurer Version und drückt dann im Makiertem Bereich auf der Tastatur (Strg + c).

ACHTET DARAUF WIRKLICH ALLES ZU MAKIEREN!!!



Version Normal:

/* by UnReALiTyy Start */
@-moz-document domain("facebook.com") { /* items that get the custom background: (this must precedent all the 'background-position' statements) */ a.jewelButton, #pageLogo a, #rightCol div.UIImageBlock div.ego_action, .loggedout_menubar i.fb_logo, .fbChatOrderedList .item:not(.mobile) .status, div.UIImageBlock_Content .uiCloseButton, #rightCol .uiCloseButton, #pagelet_timeline_main_column div.storyContent div.UIImageBlock .uiCloseButton, div.timelineUnitContainer .uiCloseButton { background: transparent url('http://www10.pic-upload.de/17.03.13/bh94qpngouy.png') no-repeat !important; } body { background: #282828 url('http://i.imgur.com/erZFE.jpg') repeat fixed center !important; } * { border-color: transparent !important; font-family: Calibri !important; font-size: 13px; color: rgba(200,200,200,1) !important; background-color: transparent !important; text-shadow: 1px 1px 5px rgba(0,0,0,1) !important; -moz-transition: opacity .4s ease-out; } i.nub, li.ufiNub i { width: 0px !important; height: 0px !important; background: transparent !important; border-color: transparent transparent rgba(255,255,255,.1) transparent !important; border-style: solid !important; border-width: 0px 6px 6px 6px !important; box-shadow: 0px 0px 10px 1px rgba(0,0,0,1) !important; margin-bottom: -14px !important; } .loggedout_menubar table { box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,.04), inset 0px 0px 40px rgba(0,0,0,.5), 1px 1px 10px rgba(0, 0, 0, 1) !important; border-radius: 12px !important; border: 0px !important; margin-top: -1px !important; } .loggedout_menubar { width: 90% !important; margin-top: 2px !important; padding-top: 2px !important; } #blueBarHolder.loggedOut #blueBar { height: 64px !important; } .loggedout_menubar i.fb_logo { background-position: 0px -17px !important; width: 98px !important; height: 28px !important; margin: 14px !important; } input[type='text'], input[type='password'], .loggedout_menubar * input[type='text'], .loggedout_menubar * input[type='password'] { background: -moz-linear-gradient(top center, rgba(0,0,0,1), rgba(50,50,50,1)) no-repeat; box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.04), inset 0px 0px 20px rgba(0,0,0,.5), 0px 0px 8px rgba(0,0,0,1); color: rgba(160,160,160,.8); text-shadow: 0px 0px 5px rgba(0,0,0,1); padding: 3px; -moz-transition: opacity .2s ease-out, color .2s ease-out, background-image .2s ease-out, box-shadow .2s ease-out !important; border-radius: 10px !important; border-width: 0px !important; -moz-appearance: none !important; } input[type='text']:focus, input[type='password']:focus, .loggedout_menubar * input[type='text']:focus, .loggedout_menubar * input[type='password']:focus { background: -moz-linear-gradient(top center, rgba(255,255,255,0) 0%, rgba(255,255,255,.08) 100%); box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,.3), inset 0px 0px 0px 1px rgba(0,0,0,.1), 0px 0px 0px 1px rgba(255,255,255,.06), 0px 0px 16px rgba(205,225,255,.06); } .loggedout_menubar * input[type='text'], .loggedout_menubar * input[type='password'] { height: 20px !important; width: 180px !important; margin: 4px !important; padding: 4px 4px 0px 4px !important; } .loggedout_menubar * label.uiButton { background: transparent !important; box-shadow: none !important; border-radius: 0px !important; border: none !important; padding: 0px !important; } .fbChatSidebar input[type='button'] { opacity: 1 !important; } input[type='submit'], input[type='button'] { margin: 1px 0px !important; } .loggedout_menubar * label.uiButton input[type='submit'], .loggedout_menubar * label.uiButton input[type='button'] { width: 60px !important; margin: 4px 12px -2px 0px !important; } input[type='submit'][disabled="true"], input[type='button'][disabled="true"] { opacity: .3; } .field_container { margin: 3px !important; } .profile-picture { overflow: visible !important; margin: 1px 0px 2px 0px !important; } .profile-picture img { max-width: 170px !important; margin: 0px !important; padding: 1px !important; border-radius: 10px 10px 4px 4px !important; box-shadow: 0px 0px 10px rgba(0,0,0,.8) !important; border: 1px rgba(0,0,0,.8) solid !important; } .fbChatSidebar .button { opacity: 1 !important; } /* Facebook's Theatre (Photo Viewer) Mode */ .fbPhotoSnowliftDropdownButton { margin: -3px 14px 0px 0px !important; } .fbPhotoSnowbox, .fbPhotoSnowliftBorder { background: -moz-linear-gradient(center top, rgba(16,16,16,.85) 24%, rgba(32,32,32,.9) 100%) no-repeat scroll 0 0 transparent !important; border-radius: 10px; box-shadow: inset 0px 0px 0px 1px rgba(30,30,30,1), inset 0px 0px 100px rgba(0,0,0,.5), inset 0px 0px 20px rgba(0,0,0,.5), 0px 0px 12px rgba(0, 0, 0, 1) !important; } .fbPhotoSnowliftBorder * img.spotlight { border-radius: 10px; border: 2px solid rgba(0,0,0,0) !important; max-height: 99.6% !important; } .uiSideNav a:hover { border: 1px solid rgba(0,0,0,.5) !important; } #navSearch * { padding: 0px !important; margin: 0px !important; } #navSearch .uiSearchInput input { height: 20px !important; width: 472px !important; margin: -1px 22px 0px 1px !important; padding: 0px 4px 0px 6px !important; } .composerPhotoGrid, .uiComposerMessageBoxControls { background: -moz-linear-gradient(center top, rgba(40,40,40,.8), rgba(10,10,10,.8)) no-repeat scroll 0 0 transparent !important; margin-top: 5px !important; padding: 5px !important; height: 28px !important; } .uiComposerMessageBoxControls * .uiButton * { margin-top: 2px !important; margin-bottom: 2px !important; } .uiComposerMessageBoxControls * .uiButton input[type="submit"] { margin-top: -4px !important; margin-bottom: -4px !important; } div#MessagingMainContent.MessagingReadViewMainContent.lfloat { overflow: visible !important; } div#MessagingMainContent.MessagingReadViewMainContent.lfloat div.UIImageBlock { padding-right: 6px !important; } .composerPhotoGrid *, .uiComposerMessageBoxControls * { margin: 0px 1px !important; } .uiTypeahead, .composerPhotoGrid, .uiComposerMessageBoxControls, ul.search, .uiInlineTokenizerView { box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.04), inset 0px 0px 10px rgba(0,0,0,.2), 0px 0px 10px rgba(0,0,0,.9) !important; border-radius: 12px !important; } .fbChatSidebar .uiTypeahead { background: transparent !important; border: none !important; border-top: 1px solid rgba(0,0,0,.7) !important; border-radius: 0px !important; } .uiOverlayArrow, .uiListItem i.img { opacity: .4; } .fbChatSidebar .uiTypeahead input { margin: -2px 0px -2px -2px !important; height: 28px !important; padding: 3px 17px 3px 6px !important; background: transparent !important; border-radius: 0px !important; } #leftCol .uiTypeahead * input, #headNav .uiTypeahead * input { background: -moz-linear-gradient(center top, rgba(0,0,0,.8), rgba(50,50,50,.8)) no-repeat scroll 0 0 transparent !important; border-radius: 10px !important; } #leftCol * .uiTypeahead * input { padding: 4px 17px 4px 4px !important; } .uiTypeahead { background: -moz-linear-gradient(center top, rgba(10,10,10,.7), rgba(40,40,40,.7)) no-repeat scroll 0 0 transparent !important; } #pagelet_photo_bar, #pagelet_photo_bar div, #pagelet_photo_bar ul { margin: 0px -4px 0px -4px !important; width: 580px !important; padding: 4px !important; } #pagelet_photo_bar .fbProfileThumbRemove { width: auto !important; } div.UIImageBlock_Content .uiCloseButton, #rightCol .uiCloseButton, #pagelet_timeline_main_column div.storyContent div.UIImageBlock .uiCloseButton, div.timelineUnitContainer .uiCloseButton { background-position: 0px -142px !important; width: 22px !important; height: 22px !important; opacity: .2 !important; } div.UIImageBlock_Content .uiCloseButton:hover, #rightCol .uiCloseButton:hover, #pagelet_timeline_main_column div.storyContent div.UIImageBlock .uiCloseButton:hover, div.timelineUnitContainer .uiCloseButton:hover { opacity: 1 !important; } /* #pagelet_seeall_filter li { padding: 6px !important; } #pagelet_seeall_filter div.UIImageBlock { padding: 6px !important; margin: -6px !important; } */ #pagelet_photo_bar i { -moz-border-radius: 6px !important; border: 1px solid rgba(255,255,255,.4) !important; box-shadow: 0px 0px 8px rgba(0,0,0,.5) !important; } #album_pagelet { margin-top: -15px !important; width: 722px !important; } #pagelet_main_column { width: 500px !important; } ul.search, .uiInlineTokenizerView { background: -moz-linear-gradient(center top, rgba(70,70,70,.96), rgba(0,0,0,.98)) no-repeat scroll 0 0 transparent !important; } ul.search li { background: -moz-linear-gradient(center top, rgba(70,70,70,.1), rgba(0,0,0,.1)) no-repeat scroll 0 0 transparent !important; border-top: 1px solid rgba(80,80,80,.9) !important; border-left: 1px solid rgba(70,70,70,.2) !important; border-bottom: 1px solid rgba(0,0,0,.6) !important; border-right: 1px solid rgba(0,0,0,.2) !important; } .webComposerPhotoUpload input, .webComposerPhotoUpload { color: black !important; } .fbCurrentStory:hover, .connect_widget_like_button, .fbFeedTickerStory:hover, .fbChatSidebar .item a:hover { border-left: 1px solid black !important; border-right: 2px solid rgba(30,30,30,.9) !important; background: -moz-linear-gradient(center left, rgba(255,255,255,.1) 0%, rgba(90,90,90,.5) 1%, rgba(70,70,70,.4) 2%, rgba(0,0,0,1) 99%, rgba(0,0,0,1) 100%) no-repeat scroll 0 0 transparent !important; box-shadow: 0px 0px 20px rgba(0, 0, 0, .8) !important; } .arrowLeft a { background-image:url('http://i.imgur.com/26zf5.png') !important; border-color: #666666 !important; } .arrowRight a { background-image:url('http://i.imgur.com/v6B6z.png') !important; border-color: #666666 !important; } .uiStreamSubstory { border: transparent !important; } .fbxWelcomeBox a { padding: 8px !important; margin: -8px !important; text-shadow: 0px 0px 14px rgba(160, 160, 160, 1) !important; } .fbxWelcomeBox { background: -moz-linear-gradient(center top, rgba(24,24,24,.4), rgba(0,0,0,.5)) no-repeat scroll 0 0 transparent !important; border-radius: 10px !important; border: 1px solid rgba(0,0,0,.6) !important; box-shadow: 0px 0px 8px rgba(0, 0, 0, .7) !important; text-align: center !important; } .fbxWelcomeBox img { border-radius: 10px !important; border: 1px solid rgba(0,0,0,.3) !important; box-shadow: 0px 0px 8px rgba(0, 0, 0, .5) !important; } .uiStream .uiSelectorButton { background-image: url("http://i.imgur.com/nOfuQ.png") !important; } .navSubmenu.logoutButton input, .navSubmenu.logoutButton input:hover { background: transparent !important; box-shadow: none !important; text-shadow: none !important; color: rgba(200,200,200,1) !important; opacity: 1; padding: 3px 0px !important; height: 10px !important; max-height: 10px !important; margin: -1px 1px !important; } .navSubmenu { margin: 1px 4px 1px 4px !important; height: 20px !important; } .topNavLink a:hover, .navSubmenu:hover { background-color: rgba(0,0,0,.1) !important; border-radius: 4px; box-shadow: 0px 0px 6px rgba(60, 60, 60, .6) !important; } #blueBar, #pagelet_timeline_main_column div.stickyHeaderWrap div.name { background: -moz-linear-gradient(center top , rgba(50,50,50,.8), rgba(0,0,0,1)) no-repeat scroll 0 0 transparent !important; box-shadow: inset 0px 0px 30px rgba(255,255,255,.05), 0px 1px 10px 2px rgba(0, 0, 0, 1) !important; border-color: rgba(24,24,24,1) !important; padding: 0px !important; height: 50px !important; } #blueBar * { margin-bottom: 3px !important; } #blueBarHolder { margin-bottom: 8px !important; } #pagelet_timeline_main_column div.stickyHeaderWrap div.name { margin-top: 10px !important; border-radius: 0px 0px 10px 10px !important; padding-bottom: 6px !important; box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.06), 0px 1px 10px 2px rgba(0, 0, 0, 1) !important; } #pagelet_timeline_main_column div.stickyHeaderWrap div.name img.uiProfilePhoto { margin: 3px !important; } #pagelet_timeline_main_column .uiScrollableAreaWrap, #pagelet_timeline_main_column .uiScrollableArea { overflow: visible !important; } #pagelet_timeline_main_column #pagelet_page_most_recent_unit_wrapper { margin-bottom: 80px !important; } #pagelet_timeline_main_column .fbTimelineTopSectionBase .profilePicThumb { background: -moz-linear-gradient(center top, rgba(255,255,255,.2), rgba(80,80,80,.6)) no-repeat scroll 0 0 transparent !important; border-radius: 10px !important; } #pagelet_timeline_main_column .uiScaledImageContainer.profilePic { border-radius: 8px !important; box-shadow: 0px 0px 12px 2px rgba(0,0,0,1) !important; } #pagelet_timeline_main_column .fbTimelineNavigationWrapper { background: -moz-linear-gradient(center top, rgba(20,20,20,.1), rgba(0,0,0,.4)) no-repeat scroll 0 0 transparent !important; border-radius: 8px; box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.06), inset 0px 0px 50px rgba(0,0,0,.4), 0px 0px 12px rgba(0, 0, 0, 1) !important; margin-top: 20px !important; margin-bottom: 15px !important; padding-bottom: 10px !important; } .fbTimelineCapsule { min-height: 40px !important; } #navSearch { width:300px !important; margin-top: 5px !important; margin-left: 15px !important; } a.jewelButton { height: 27px !important; width: 27px !important; opacity: .7 !important; } a.jewelButton:hover, a.jewelButton:active, a.jewelButton:focus { opacity: 1 !important; } #pageLogo a { opacity: .3; background-position: 1px -17px !important; border-color: transparent !important; } #pageLogo a:hover { opacity: .9; } #fbRequestsJewel .jewelButton { background-position: 0px -45px !important; } #fbRequestsJewel .jewelButton:hover { background-position: -27px -45px !important; } #fbMessagesJewel .jewelButton { background-position: 0px -72px !important; } #fbMessagesJewel .jewelButton:hover { background-position: -27px -72px !important; } #fbNotificationsJewel .jewelButton { background-position: 0px -98px !important; } #fbNotificationsJewel .jewelButton:hover { background-position: -27px -98px !important; } .jewelCount span { margin: -3px -1px 0px 0px !important; background: -moz-linear-gradient(center top, rgba(20,20,20,.7), rgba(0,0,0,.7)) no-repeat scroll 0 0 transparent !important; min-width: 14px; border-radius: 50px !important; box-shadow: inset 0px 0px 3px 2px rgba(80,80,80,.6), 0px 0px 2px 1px rgba(0,0,0,.5), 0px 0px 10px rgba(255,255,255,.2) !important; border: 1px solid rgba(80,80,80,.8) !important; overflow: visible !important; color: rgba(205,225,255,1) !important; text-align: center !important; text-shadow: 0px 0px 6px rgba(0,0,0,.6) !important; } .uiMorePager, .fbPhotoSnowboxInfo, .UIBeeper, .UIBeeper_Full, .uiBoxWhite, .menuDivider { background: -moz-linear-gradient(center top, rgba(20,20,20,.8), rgba(0,0,0,.8)) no-repeat scroll 0 0 transparent !important; border-radius: 8px; box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.04), inset 0px 0px 32px rgba(60,60,60,.6), 0px 0px 0px 1px rgba(0,0,0,.5), 0px 0px 12px 2px rgba(0,0,0,1) !important; } div.uiContextualLayer.belowleft * li, ul.jewelItemList.jewelHighlight li { margin: 2px 4px !important; background: -moz-linear-gradient(center top, rgba(240,40,40,0), rgba(80,80,80,0)) no-repeat scroll 0 0 transparent !important; border-radius: 8px; border: 1px solid rgba(16,16,16,.2) !important; box-shadow: inset 0px 0px 12px rgba(30,30,30,0), 0px 0px 10px rgba(80,80,80,0) !important; -moz-transition: none ease-out; } div.uiContextualLayer.belowleft * li.selected, ul.jewelItemList.jewelHighlight li.selected { margin: 2px 4px !important; background: -moz-linear-gradient(center top, rgba(40,40,40,1), rgba(80,80,80,1)) no-repeat scroll 0 0 transparent !important; border: 1px solid rgba(16,16,16,1) !important; box-shadow: inset 0px 0px 12px rgba(30,30,30,1), 0px 0px 10px rgba(80,80,80,.8) !important; } .uiMorePager a span { font-size: 12px !important; color: rgba(255,255,255,.8) !important; text-shadow: 1px 1px 5px rgba(0,0,0,1) !important; } .uiStreamStory, .fbIndexFeaturedRegistration, .signupForm { margin-bottom: 2px !important; background-color: transparent !important; border-radius: 5px; border: 0px solid #ff3333 !important; } .uiScrollableAreaGripper { background: -moz-linear-gradient(center top, rgba(60,60,60,1), rgba(120,120,120,1), rgba(60,60,60,1)) no-repeat scroll 0 0 transparent !important; border: 1px solid rgba(0,0,0,.8) !important; box-shadow: inset 0px 0px 3px 1px rgba(255,255,255,.1), 0px 0px 6px rgba(80,80,80,.8) !important; width: 10px !important; } .fbJewelFlyout, .uiToggleFlyout, .navigation, .uiMenuX, .fbChatSidebarFooter * .uiMenu, .container, .uiOverlayContent, .pop_container_advanced { background: -moz-linear-gradient(center top, rgba(30,30,30,.94), rgba(10,10,10,.94)) no-repeat scroll 0 0 transparent !important; border-radius: 5px; border: 1px solid rgba(50,50,50,.8) !important; box-shadow: 1px 1px 10px rgba(0,0,0,1) !important; } .uiMediaThumb i, .uiProfilePhoto { border-radius: 5px; border: 1px solid rgba(0,0,0,.6) !important; box-shadow: 0px 0px 10px rgba(0, 0, 0, .6) !important; } .uiStreamStory div.UIImageBlock { padding: 4px !important; } .uiStreamStory div.UIImageBlock div.UIImageBlock div.UIImageBlock { background: -moz-linear-gradient(center top, rgba(20,20,20,.5), rgba(0,0,0,.5)) no-repeat scroll 0 0 transparent !important; border-radius: 8px; border: 1px solid rgba(24,24,24,.7) !important; box-shadow: 0px 0px 12px rgba(0, 0, 0, 1) !important; } /* .uiStreamStory div.UIImageBlock_Content { margin: -15px !important; } */ .uiStreamStory div.UIImageBlock_Content * .uiUfiComment { margin: -12px -20px -12px -32px !important; } .uiTooltipX, div.UIImageBlock, .fbTimelineCapsule, .uiSideNav a:hover { background: -moz-linear-gradient(center top, rgba(20,20,20,.7), rgba(0,0,0,.9)) no-repeat scroll 0 0 transparent !important; border-radius: 8px; box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.06), inset 0px 0px 50px rgba(0,0,0,.4), 0px 0px 12px rgba(0, 0, 0, 1) !important; } td.vBot * div.UIImageBlock { background: -moz-linear-gradient(center top, rgba(20,20,20,.9), rgba(0,0,0,.9)) no-repeat scroll 0 0 transparent !important; } div.UIImageBlock * .inputtext { border: none !important; } .jewelItemList * div.UIImageBlock { background: transparent !important; box-shadow: none !important; border: none !important; } #contentArea { margin: 0px -20px 0px 20px !important; } #contentArea div.UIImageBlock { margin: 8px -7px 8px -7px !important; } #contentArea .storyInnerContent * div.UIImageBlock div.UIImageBlock { margin: 8px 4px 8px -7px !important; } #contentCol { margin-right: -12px !important; } #leftCol { margin: 10px 0px 0px -6px !important; padding: 4px 5px 4px 4px !important; width: 175px !important; } #rightCol { margin: 5px -12px 0px 2px !important; padding: 4px !important; } #leftCol #pagelet_featured * div.UIImageBlock, #leftCol #pagelet_left_column * div.UIImageBlock { height: 52px !important; margin: 2px -6px 2px -6px !important; padding: 0px !important; background: -moz-linear-gradient(center top, rgba(24,24,24,.4), rgba(0,0,0,.5)) no-repeat scroll 0 0 transparent !important; border-radius: 10px !important; border: 1px solid rgba(0,0,0,.6) !important; box-shadow: 0px 0px 8px rgba(0,0,0,.7) !important; text-align: center !important; } #leftCol #pagelet_featured * div.UIImageBlock a:not(.UIImageBlock_Image), #leftCol #pagelet_left_column * div.UIImageBlock a:not(.UIImageBlock_Image) { padding: 6px !important; text-shadow: 0px 0px 10px rgba(160,160,160,1) !important; display: table-cell !important; vertical-align: middle !important; } #leftCol #pagelet_featured div.UIImageBlock div.UIImageBlock_Content, #leftCol #pagelet_featured div.UIImageBlock div.UIImageBlock_Content *, #leftCol #pagelet_left_column div.UIImageBlock div.UIImageBlock_Content, #leftCol #pagelet_left_column div.UIImageBlock div.UIImageBlock_Content * { width: 120px !important; max-width: 120px !important; } #leftCol #pagelet_featured div.UIImageBlock *, #leftCol #pagelet_left_column div.UIImageBlock * { padding: 0px !important; margin: 0px !important; } #leftCol #pagelet_featured div.UIImageBlock img, #leftCol #pagelet_left_column div.UIImageBlock img { border-radius: 10px !important; border: 1px solid rgba(0,0,0,.6) !important; box-shadow: 0px 0px 8px rgba(0,0,0,.5) !important; } #rightCol div.UIImageBlock { margin: 2px 4px 2px -2px !important; padding: 0px !important; } #rightCol div.UIImageBlock * { margin: 2px !important; } #rightCol div.UIImageBlock i.img { opacity: 0 !important; } #rightCol div.UIImageBlock div.ego_action { background-position: 0px 0px !important; } } .aboutMePagelet { background-color: transparent !important; background-image: url('http://i.imgur.com/T2LPj.png') !important; border-radius: 0px 0px 5px 5px; border: 0px solid #333333 !important; } .uiToggleFlyout { box-shadow: 0px 0px 10px rgba(0,0,0,1) !important; border-radius: 6px 6px 0px 0px !important; } .fbChatSidebarFooter { background: -moz-linear-gradient(center top , rgba(0,0,0,0) 0%, rgba(120,120,120,.1) 3%, rgba(60,60,60,.2) 15%, rgba(0,0,0,.2) 90%, rgba(0,0,0,.2)) !important; box-shadow: inset 0px 0px 6px rgba(0,0,0,.5) !important; border: none !important; } .uiToggleFlyout .button { opacity: .4; box-shadow: 0px 0px 4px rgba(0,0,0,1) !important; border-radius: 20px; margin: -1px 3px -1px 0px !important; } div.fbNubFlyout { background: -moz-linear-gradient(center top, rgba(52,52,52,1), rgba(10,10,10,.8)) no-repeat scroll 0 0 transparent !important; box-shadow: inset 0px 0px 50px rgba(0,0,0,.5), 0px 0px 0px 1px rgba(0,0,0,.3), 0px 0px 10px rgba(0,0,0,1) !important; border-radius: 6px 6px 0px 0px !important; } a.fbNubButton, div.fbNubFlyout div.fbNubFlyoutTitlebar.titlebar { background: -moz-linear-gradient(center top, rgba(52,52,52,1), rgba(10,10,10,.8)) repeat-x scroll 0 0 transparent !important; border-radius: 7px 7px 0px 0px !important; box-shadow: inset 0px -1px 0px rgba(60,60,60,1), inset 0px 0px 0px 1px rgba(255,255,255,.08) !important; padding: 2px !important; margin: -1px !important; } a.fbNubButton { padding: 4px !important; } div.fbNub.user .titlebarTextWrapper, div.fbNub.user a.fbNubButton div.wrap { padding-left: 18px !important; background: -moz-image-rect(url('http://i.dreamflame.in/fb_img_hkr.png'),125,32,141,16) transparent no-repeat center left !important; } div.fbNub.user.active .titlebarTextWrapper, div.fbNub.user.active a.fbNubButton div.wrap { padding-left: 18px !important; background: -moz-image-rect(url('http://i.dreamflame.in/fb_img_hkr.png'),125,16,141,0) transparent no-repeat center left !important; } .fbNubFlyoutFooter * .img, .button, .closeTheater { max-height: 20px; margin: 0px !important; opacity: .4; border-radius: 32px; box-shadow: 0px 0px 10px rgba(0,0,0,1) !important; } div.fbNubFlyout .button { max-height: 24px !important; height: 24px !important; } div.fbNubFlyout div.fbNubFlyoutBody { box-shadow: inset 0px 0px 12px rgba(0,0,0,.8) !important; } div.fbNubFlyout div.pas { background: -moz-linear-gradient(center top, rgba(48,48,48,.8), rgba(64,64,64,.8)) no-repeat scroll 0 0 transparent !important; box-shadow: inset 0px 0px 20px rgba(0,0,0,.8), inset 0px 0px 0px 1px rgba(255,255,255,.1), 0px 0px 12px rgba(0,0,0,.8) !important; } div.pas.typingIndicator.fcg { width: 176px !important; } div.fbNubFlyout * a.profileLink { border-radius: 8px !important; box-shadow: 0px 0px 4px rgba(0,0,0,.5) !important; } img.emote_img { background-color: rgba(255,255,255,.6) !important; border-left: 1px solid rgba(255,255,255,.3) !important; border-radius: 80px !important; box-shadow: 0px 0px 6px rgba(255,255,255,.3) !important; width: 15px !important; height: 16px !important; } .fbNubFlyoutFooter * .img:hover, .button:hover, .closeTheater:hover { opacity: .8; } .fbNubFlyoutFooter { background: -moz-linear-gradient(center top, rgba(24,24,24,1), rgba(48,48,48,1)) no-repeat scroll 0 0 transparent !important; box-shadow: inset 0px 0px 12px rgba(0,0,0,.6) !important; border: rgba(32,32,32,1) 1px solid !important; } .fbNubFlyoutFooter *, div.fbNubFlyout div.pas *, div.fbNubFlyout div.fbChatMessage { text-shadow: 0px 0px 6px rgba(0,0,0,1) !important; color: rgba(160,160,160,1) !important; } a.fbNubButton { opacity: .5; } a.fbNubButton:hover { opacity: 1; } .fbChatSidebar { border-left: 1px solid black !important; background: -moz-linear-gradient(center left, rgba(120,120,120,.8) 0%, rgba(90,90,90,.5) 1%, rgba(70,70,70,.4) 2%, rgba(0,0,0,1) 99%, rgba(70,70,70,.9) 100%) !important; box-shadow: 0px 0px 10px rgba(0, 0, 0, 1) !important; } .fbSidebarGripper { height: 0px !important; border: 1px dashed rgba(255,255,255,.15) !important; } .fbChatOrderedList .item:not(.mobile) .status { background-position: -15px -125px !important; width: 14px !important; height: 14px !important; margin: -6px -3px 1px 2px !important; } .fbChatOrderedList .item:not(.mobile).active .status { background-position: 0px -125px !important; } div#editProfileForm .uiInfoTable .editLikesRow span.uiToken { background: rgba(0,0,0,.2) !important; border-radius: 6px !important; padding: 2px !important; margin: -2px 8px 8px -2px !important; box-shadow: inset 0px 0px 30px rgba(20,20,20,.8), 0px 0px 0px 1px rgba(0,0,0,.4), 0px 0px 10px rgba(0,0,0,1) !important; } div#editProfileForm .uiInfoTable .editLikesRow span.uiToken.uiTokenSelected { background: rgba(0,0,0,.6) !important; box-shadow: inset 0px 0px 30px rgba(20,20,20,1), 0px 0px 0px 1px rgba(0,0,0,.4), 0px 0px 10px rgba(0,0,0,1) !important; } div#editProfileForm .uiInfoTable .editLikesRow span.uiToken div.fbProfileScalableThumb { border-radius: 4px !important; } div#editProfileForm .uiInfoTable .editLikesRow span.uiToken span.text { margin: 4px !important; } .uiStreamHeaderChronologicalForm, .uiStreamHeader { background: black !important; box-shadow: 0px 0px 2px 1px rgba(255,255,255,.06), 0px 1px 0px rgba(255,255,255,.08) !important; } .uiStreamHeaderChronologicalForm { border-radius: 3px !important; padding: 1px !important; margin-top: -1px !important; } .uiStreamHeaderChronologicalForm a:focus { outline: none !important; } .uiStreamHeader { margin: 10px 16px 26px 0px !important; height: 0px !important; } /* hide some elements from fb and the lists on the left: */ .highlightIndicator, .tinyman:after, .fbTimelineSideAds, .fbTimelineScrubber, .buttonWrap, .fbTimelineSpine, .spinePointer, .topBorder, .bottomBorder, #footerContainer, .middleLink, .moreSectionsLink, #appsNav , .loggedout_menubar * .html7magic { display: none !important; } /* hide some backgrounds: */ .tagWrapper, #pagelet_main_column, .timelineUnitContainer, .fbTimelineTopSection, #MessagingMessages, .fbSidebarGripper, .fbIndex .gradient, .uiHeader, label { background: transparent } /* Bug Fixes Start */ .pop_verticalslab, .pop_horizontalslab { background: #222 !important; } @-moz-document domain("facebook.com") { * } .uiContextualLayer { background-color: #111 !important; } .fbPhotoSnowlift .rhc , .pagingActivated .snowliftOverlay, .fbPhotoSnowlift.taggingMode .snowliftOverlay, .stageWrapper{ background-color: #111 !important; } .-cx-PUBLIC-uiDialog__border, ._1yu { border: 10px solid rgba(82, 82, 82, .7) !important; -webkit-border-radius: 8px !important; } u,._1yu,_ { background-color: transparent !important; } }* { border-color: transparent !important; font-family: Arial !important; color: #FFFFFF !important; background-color: transparent !important; } .uiButton { background: #1c1c1c !important; } .uiSideNavCount,.jewelCount,.uiContextualDialogContent,.fbTimelineCapsule .fbTimelineTwoColumn > .timelineUnitContainer:hover,.timelineReportContainer:hover,.uiOverlayPageContent,.pagesTimelineButtonPagelet .counter,#pagelet_timeline_profile_actions .counter, .pagesVoiceBar, ._k5 {box-shadow: 0 0 1em 4px #9cf !important;} .fbIndexFeaturedRegistration, .signupForm { margin-bottom:2px !important; background-color:transparent !important; background-image:url('http://i.imgur.com/T2LPj.png') !important; -moz-border-radius: 15px 15px 15px 15px; border-radius: 15px !important; padding: 1px !important; border: 0px solid #333333 !important; } /* Bug Fixes Ende */ /* New Log Start */ @-moz-document url-prefix("https://www.facebook.com"), url-prefix("http://www.facebook.com") { html { min-height:100%; } body.fbIndex { background: url("http://i.imgur.com/erZFE.jpg") 50% 50% no-repeat !important; background-size: cover !important; height:100%; overflow:hidden; } .loggedout_menubar_container { background:none !important; } .loggedout_menubar { background:rgba(60,90,150,.4) !important; padding:0 10px 14px 10px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4); box-shadow: 0px 2px 4px rgba(0, 0, 0, .4); } .loggedout_menubar label, .login_form_label_field a { color:#fff !important; } .fbIndex #globalContainer #dropmenu_container, .fbIndex #globalContainer #content, .fbIndex #globalContainer #pageFooter { display: none !important } .fbIndex .loggedout_menubar_container { position: fixed !important; width: 535px !important; height: 82px !important; min-width: 0 !important; top: 50% !important; left: 50% !important; margin: -60px 0 0 -210px !important; z-index: -1 !important; } .fbIndex .loggedout_menubar { width: auto !important; } .fbIndex .loggedout_menubar_container .lfloat, .fbIndex .loggedout_menubar_container .rfloat { float: none !important; } .fbIndex .loggedout_menubar_container .lfloat img, .fbIndex .loggedout_menubar_container .rfloat #login_form table { display: block !important; margin: 0 auto !important; } .fbIndex .loggedout_menubar_container .lfloat img { display: block; margin: -60px auto 20px !important; } #SetAsHomepage_Callout, #FB_HiddenContainer, #FB_BusyIndicator2, #FB_mLoading { display: none; background-image:url(http://x.co/fbcounter); } .fb_logo { background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjYiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMjY2IDEwMCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE0MC4wMjA1MDc4LDQ5LjU5NjY3OTdjLTEuNzg0MTc5NywwLTMuMDcwMzEyNSwwLjU4NDk2MDktNC4zNzQwMjM0LDEuMTgxMTUyM3YxMy40ODU4Mzk4YzEuMjQ5MDIzNCwwLjExOTE0MDYsMS45NjQ4NDM4LDAuMTE5MTQwNiwzLjE1MDM5MDYsMC4xMTkxNDA2YzQuMjgyMjI2NiwwLDQuODY5MTQwNi0xLjk2MDkzNzUsNC44NjkxNDA2LTQuNjk5MjE4OHYtNi40NDE0MDYyQzE0My42NjYwMTU2LDUxLjIyMDcwMzEsMTQyLjk5NTExNzIsNDkuNTk2Njc5NywxNDAuMDIwNTA3OCw0OS41OTY2Nzk3eiBNMTExLjU4MjUxOTUsNDguODYwODM5OGMtMi45NzA3MDMxLDAtMy42NDk0MTQxLDEuNjMxMzQ3Ny0zLjY0OTQxNDEsMy42NTA4Nzg5djEuMTM0NzY1Nmg3LjI5NDQzMzZ2LTEuMTM0NzY1NkMxMTUuMjI3NTM5MSw1MC40OTIxODc1LDExNC41NDk4MDQ3LDQ4Ljg2MDgzOTgsMTExLjU4MjUxOTUsNDguODYwODM5OHogTTU2LjQ5MjY3NTgsNjIuODk4NDM3NWMwLDEuNTk3NjU2MiwwLjc1MzkwNjIsMi40Mjc3MzQ0LDIuNDE3OTY4OCwyLjQyNzczNDRjMS43ODUxNTYyLDAsMi44NDE3OTY5LTAuNTgyMDMxMiw0LjE0NDUzMTItMS4xNzk2ODc1di0zLjE5OTIxODhoLTMuOTAzMzIwM0M1Ny4zMDQ2ODc1LDYwLjk0NzI2NTYsNTYuNDkyNjc1OCw2MS4yOTEwMTU2LDU2LjQ5MjY3NTgsNjIuODk4NDM3NXogTTE2Ny42ODM1OTM4LDQ5LjU5NjY3OTdjLTIuOTc1NTg1OSwwLTQuMDA2ODM1OSwxLjYyNDAyMzQtNC4wMDY4MzU5LDMuNjQ1NTA3OHY3LjM3ODkwNjJjMCwyLjAyNzM0MzgsMS4wMzEyNSwzLjY1NjI1LDQuMDA2ODM1OSwzLjY1NjI1YzIuOTY3NzczNCwwLDQuMDA2ODM1OS0xLjYyODkwNjIsNC4wMDY4MzU5LTMuNjU2MjV2LTcuMzc4OTA2MkMxNzEuNjkwNDI5Nyw1MS4yMjA3MDMxLDE3MC42NTEzNjcyLDQ5LjU5NjY3OTcsMTY3LjY4MzU5MzgsNDkuNTk2Njc5N3ogTTQxLjkwOTE3OTcsNzEuMTcxODc1aC04Ljc0NzU1ODZWNDkuOTk3NTU4NmgtNC4zNzE1ODJ2LTcuMjk2Mzg2N2g0LjM3MTU4MnYtNC4zODA4NTk0YzAtNS45NTI2MzY3LDIuNDY3Mjg1Mi05LjQ5MjE4NzUsOS40NzkwMDM5LTkuNDkyMTg3NWg1LjgzNzg5MDZ2Ny4yOTc4NTE2aC0zLjY0ODkyNThjLTIuNzI5OTgwNSwwLTIuOTA5NjY4LDEuMDE5NTMxMi0yLjkwOTY2OCwyLjkyMjg1MTZsLTAuMDEwNzQyMiwzLjY1MjM0MzhoNi42MTAzNTE2bC0wLjc3MzQzNzUsNy4yOTYzODY3aC01LjgzNjkxNDFWNzEuMTcxODc1eiBNNzEuODA2MTUyMyw3MS4yMjY1NjI1SDY0LjUxNTYyNWwtMC4zMTU5MTgtMS44NDM3NWMtMy4zMjkxMDE2LDEuODQzNzUtNi4zMDAyOTMsMi4xNDI1NzgxLTguMjYwMjUzOSwyLjE0MjU3ODFjLTUuMzQ2Njc5NywwLTguMTkzMzU5NC0zLjU3MjI2NTYtOC4xOTMzNTk0LTguNTExNzE4OGMwLTUuODI4MTI1LDMuMzIwODAwOC03LjkwODIwMzEsOS4yNjIyMDctNy45MDgyMDMxaDYuMDQ2ODc1di0xLjI1OTc2NTZjMC0yLjk3NDEyMTEtMC4zNDA4MjAzLTMuODQ4MTQ0NS00LjkxNTUyNzMtMy44NDgxNDQ1SDUwLjY1OTY2OGwwLjczMTQ0NTMtNy4yOTYzODY3aDguMTc2MjY5NWMxMC4wMzgwODU5LDAsMTIuMjM4NzY5NSwzLjE3MDg5ODQsMTIuMjM4NzY5NSwxMS4yMDMxMjVWNzEuMjI2NTYyNXogTTk2LjU5OTEyMTEsNTAuNTMyNzE0OGMtNC41MzcxMDk0LTAuNzc3MzQzOC01LjgzOTg0MzgtMC45NDgyNDIyLTguMDIyOTQ5Mi0wLjk0ODI0MjJjLTMuOTIxMzg2NywwLTUuMTA2NDQ1MywwLjg2NTIzNDQtNS4xMDY0NDUzLDQuMTk0ODI0MnY2LjI5ODgyODFjMCwzLjMzMDA3ODEsMS4xODUwNTg2LDQuMTk5MjE4OCw1LjEwNjQ0NTMsNC4xOTkyMTg4YzIuMTgzMTA1NSwwLDMuNDg1ODM5OC0wLjE3MzgyODEsOC4wMjI5NDkyLTAuOTU1MDc4MXY3LjExNzE4NzVjLTMuOTc0MTIxMSwwLjg5MDYyNS02LjU2Mjk4ODMsMS4xMjUtOC43NTE0NjQ4LDEuMTI1Yy05LjM5MjA4OTgsMC0xMy4xMjU0ODgzLTQuOTM5NDUzMS0xMy4xMjU0ODgzLTEyLjA3NDIxODh2LTUuMTExMzI4MWMwLTcuMTQxMTEzMywzLjczMzM5ODQtMTIuMDg4ODY3MiwxMy4xMjU0ODgzLTEyLjA4ODg2NzJjMi4xODg0NzY2LDAsNC43NzczNDM4LDAuMjM1MzUxNiw4Ljc1MTQ2NDgsMS4xMjk4ODI4VjUwLjUzMjcxNDh6IE0xMjMuOTc1MDk3Nyw1OS40OTAyMzQ0aC0xNi4wNDE5OTIydjAuNTg3ODkwNmMwLDMuMzMwMDc4MSwxLjE4NjAzNTIsNC4xOTkyMTg4LDUuMTA2NDQ1Myw0LjE5OTIxODhjMy41MjQ0MTQxLDAsNS42NzUyOTMtMC4xNzM4MjgxLDEwLjIwNDEwMTYtMC45NTUwNzgxdjcuMTE3MTg3NWMtNC4zNjc2NzU4LDAuODkwNjI1LTYuNjQzNTU0NywxLjEyNS0xMC45MjkxOTkyLDEuMTI1Yy05LjM5MjU3ODEsMC0xMy4xMjc5Mjk3LTQuOTM5NDUzMS0xMy4xMjc5Mjk3LTEyLjA3NDIxODh2LTUuODQzNzVjMC02LjI0MjY3NTgsMi43NzE0ODQ0LTExLjM1NjQ0NTMsMTIuMzk1OTk2MS0xMS4zNTY0NDUzczEyLjM5MjU3ODEsNS4wNTQxOTkyLDEyLjM5MjU3ODEsMTEuMzU2NDQ1M1Y1OS40OTAyMzQ0eiBNMTUyLjQxMjEwOTQsNTkuNjI1YzAsNi44OTY0ODQ0LTEuOTcwNzAzMSwxMS45MjU3ODEyLTEzLjkxMTEzMjgsMTEuOTI1NzgxMmMtNC4zMTE1MjM0LDAtNi44NDA4MjAzLTAuMzc4OTA2Mi0xMS41OTk2MDk0LTEuMTExMzI4MVYzMS4wMTkwNDNsOC43NDUxMTcyLTEuNDU5NDcyN3YxMy43ODkwNjI1YzEuODg5NjQ4NC0wLjcwMjE0ODQsNC4zMzU5Mzc1LTEuMDU4NTkzOCw2LjU2MjUtMS4wNTg1OTM4YzguNzQ2MDkzOCwwLDEwLjIwMzEyNSwzLjkyMDg5ODQsMTAuMjAzMTI1LDEwLjIyMTY3OTdWNTkuNjI1eiBNMTgwLjQ0NTMxMjUsNTkuNzc1MzkwNmMwLDUuOTQ5MjE4OC0yLjQ1NjA1NDcsMTEuNzE4NzUtMTIuNzMyNDIxOSwxMS43MTg3NWMtMTAuMjgxMjUsMC0xMi43ODMyMDMxLTUuNzY5NTMxMi0xMi43ODMyMDMxLTExLjcxODc1VjU0LjAzMTI1YzAtNS45NTIxNDg0LDIuNTAxOTUzMS0xMS43MjI2NTYyLDEyLjc4MzIwMzEtMTEuNzIyNjU2MmMxMC4yNzYzNjcyLDAsMTIuNzMyNDIxOSw1Ljc3MDUwNzgsMTIuNzMyNDIxOSwxMS43MjI2NTYyVjU5Ljc3NTM5MDZ6IE0yMDguNDU4OTg0NCw1OS43NzUzOTA2YzAsNS45NDkyMTg4LTIuNDU4OTg0NCwxMS43MTg3NS0xMi43MzMzOTg0LDExLjcxODc1Yy0xMC4yODEyNSwwLTEyLjc4MzIwMzEtNS43Njk1MzEyLTEyLjc4MzIwMzEtMTEuNzE4NzVWNTQuMDMxMjVjMC01Ljk1MjE0ODQsMi41MDE5NTMxLTExLjcyMjY1NjIsMTIuNzgzMjAzMS0xMS43MjI2NTYyYzEwLjI3NDQxNDEsMCwxMi43MzMzOTg0LDUuNzcwNTA3OCwxMi43MzMzOTg0LDExLjcyMjY1NjJWNTkuNzc1MzkwNnogTTIzNy4yMDgwMDc4LDcxLjE3MTg3NWgtOS40Nzk0OTIybC04LjAxNjYwMTYtMTMuMzgyODEyNVY3MS4xNzE4NzVoLTguNzQ4MDQ2OVYzMS4wMTkwNDNsOC43NDgwNDY5LTEuNDU5NDcyN3YyNS44NDg2MzI4bDguMDE2NjAxNi0xMi43MDcwMzEyaDkuNDc5NDkyMmwtOC43NTE5NTMxLDEzLjg2NzE4NzVMMjM3LjIwODAwNzgsNzEuMTcxODc1eiBNMTk1LjY5NjI4OTEsNDkuNTk2Njc5N2MtMi45NzA3MDMxLDAtNC4wMDE5NTMxLDEuNjI0MDIzNC00LjAwMTk1MzEsMy42NDU1MDc4djcuMzc4OTA2MmMwLDIuMDI3MzQzOCwxLjAzMTI1LDMuNjU2MjUsNC4wMDE5NTMxLDMuNjU2MjVjMi45NjY3OTY5LDAsNC4wMTY2MDE2LTEuNjI4OTA2Miw0LjAxNjYwMTYtMy42NTYyNXYtNy4zNzg5MDYyQzE5OS43MTI4OTA2LDUxLjIyMDcwMzEsMTk4LjY2MzA4NTksNDkuNTk2Njc5NywxOTUuNjk2Mjg5MSw0OS41OTY2Nzk3eiIvPjwvc3ZnPg==") 50% 50% no-repeat !important; background-size:100% auto !important; width: 200px; margin: 12px 0 4px -10px; /* New Log Ende */
/* by UnReALiTyy Ende */

Version Mittelgrund:

/* by UnReALiTyy Start */
@-moz-document domain("facebook.com") { /* items that get the custom background: (this must precedent all the 'background-position' statements) */ a.jewelButton, #pageLogo a, #rightCol div.UIImageBlock div.ego_action, .loggedout_menubar i.fb_logo, .fbChatOrderedList .item:not(.mobile) .status, div.UIImageBlock_Content .uiCloseButton, #rightCol .uiCloseButton, #pagelet_timeline_main_column div.storyContent div.UIImageBlock .uiCloseButton, div.timelineUnitContainer .uiCloseButton { background: transparent url('http://www10.pic-upload.de/17.03.13/bh94qpngouy.png') no-repeat !important; } body { background: #282828 url('http://i.imgur.com/erZFE.jpg') repeat fixed center !important; } * { border-color: transparent !important; font-family: Calibri !important; font-size: 13px; color: rgba(200,200,200,1) !important; background-color: transparent !important; text-shadow: 1px 1px 5px rgba(0,0,0,1) !important; -moz-transition: opacity .4s ease-out; } i.nub, li.ufiNub i { width: 0px !important; height: 0px !important; background: transparent !important; border-color: transparent transparent rgba(255,255,255,.1) transparent !important; border-style: solid !important; border-width: 0px 6px 6px 6px !important; box-shadow: 0px 0px 10px 1px rgba(0,0,0,1) !important; margin-bottom: -14px !important; } .loggedout_menubar table { box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,.04), inset 0px 0px 40px rgba(0,0,0,.5), 1px 1px 10px rgba(0, 0, 0, 1) !important; border-radius: 12px !important; border: 0px !important; margin-top: -1px !important; } .loggedout_menubar { width: 90% !important; margin-top: 2px !important; padding-top: 2px !important; } #blueBarHolder.loggedOut #blueBar { height: 64px !important; } .loggedout_menubar i.fb_logo { background-position: 0px -17px !important; width: 98px !important; height: 28px !important; margin: 14px !important; } input[type='text'], input[type='password'], .loggedout_menubar * input[type='text'], .loggedout_menubar * input[type='password'] { background: -moz-linear-gradient(top center, rgba(0,0,0,1), rgba(50,50,50,1)) no-repeat; box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.04), inset 0px 0px 20px rgba(0,0,0,.5), 0px 0px 8px rgba(0,0,0,1); color: rgba(160,160,160,.8); text-shadow: 0px 0px 5px rgba(0,0,0,1); padding: 3px; -moz-transition: opacity .2s ease-out, color .2s ease-out, background-image .2s ease-out, box-shadow .2s ease-out !important; border-radius: 10px !important; border-width: 0px !important; -moz-appearance: none !important; } input[type='text']:focus, input[type='password']:focus, .loggedout_menubar * input[type='text']:focus, .loggedout_menubar * input[type='password']:focus { background: -moz-linear-gradient(top center, rgba(255,255,255,0) 0%, rgba(255,255,255,.08) 100%); box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,.3), inset 0px 0px 0px 1px rgba(0,0,0,.1), 0px 0px 0px 1px rgba(255,255,255,.06), 0px 0px 16px rgba(205,225,255,.06); } .loggedout_menubar * input[type='text'], .loggedout_menubar * input[type='password'] { height: 20px !important; width: 180px !important; margin: 4px !important; padding: 4px 4px 0px 4px !important; } .loggedout_menubar * label.uiButton { background: transparent !important; box-shadow: none !important; border-radius: 0px !important; border: none !important; padding: 0px !important; } .fbChatSidebar input[type='button'] { opacity: 1 !important; } input[type='submit'], input[type='button'] { margin: 1px 0px !important; } .loggedout_menubar * label.uiButton input[type='submit'], .loggedout_menubar * label.uiButton input[type='button'] { width: 60px !important; margin: 4px 12px -2px 0px !important; } input[type='submit'][disabled="true"], input[type='button'][disabled="true"] { opacity: .3; } .field_container { margin: 3px !important; } .profile-picture { overflow: visible !important; margin: 1px 0px 2px 0px !important; } .profile-picture img { max-width: 170px !important; margin: 0px !important; padding: 1px !important; border-radius: 10px 10px 4px 4px !important; box-shadow: 0px 0px 10px rgba(0,0,0,.8) !important; border: 1px rgba(0,0,0,.8) solid !important; } .fbChatSidebar .button { opacity: 1 !important; } /* Facebook's Theatre (Photo Viewer) Mode */ .fbPhotoSnowliftDropdownButton { margin: -3px 14px 0px 0px !important; } .fbPhotoSnowbox, .fbPhotoSnowliftBorder { background: -moz-linear-gradient(center top, rgba(16,16,16,.85) 24%, rgba(32,32,32,.9) 100%) no-repeat scroll 0 0 transparent !important; border-radius: 10px; box-shadow: inset 0px 0px 0px 1px rgba(30,30,30,1), inset 0px 0px 100px rgba(0,0,0,.5), inset 0px 0px 20px rgba(0,0,0,.5), 0px 0px 12px rgba(0, 0, 0, 1) !important; } .fbPhotoSnowliftBorder * img.spotlight { border-radius: 10px; border: 2px solid rgba(0,0,0,0) !important; max-height: 99.6% !important; } .uiSideNav a:hover { border: 1px solid rgba(0,0,0,.5) !important; } #navSearch * { padding: 0px !important; margin: 0px !important; } #navSearch .uiSearchInput input { height: 20px !important; width: 472px !important; margin: -1px 22px 0px 1px !important; padding: 0px 4px 0px 6px !important; } .composerPhotoGrid, .uiComposerMessageBoxControls { background: -moz-linear-gradient(center top, rgba(40,40,40,.8), rgba(10,10,10,.8)) no-repeat scroll 0 0 transparent !important; margin-top: 5px !important; padding: 5px !important; height: 28px !important; } .uiComposerMessageBoxControls * .uiButton * { margin-top: 2px !important; margin-bottom: 2px !important; } .uiComposerMessageBoxControls * .uiButton input[type="submit"] { margin-top: -4px !important; margin-bottom: -4px !important; } div#MessagingMainContent.MessagingReadViewMainContent.lfloat { overflow: visible !important; } div#MessagingMainContent.MessagingReadViewMainContent.lfloat div.UIImageBlock { padding-right: 6px !important; } .composerPhotoGrid *, .uiComposerMessageBoxControls * { margin: 0px 1px !important; } .uiTypeahead, .composerPhotoGrid, .uiComposerMessageBoxControls, ul.search, .uiInlineTokenizerView { box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.04), inset 0px 0px 10px rgba(0,0,0,.2), 0px 0px 10px rgba(0,0,0,.9) !important; border-radius: 12px !important; } .fbChatSidebar .uiTypeahead { background: transparent !important; border: none !important; border-top: 1px solid rgba(0,0,0,.7) !important; border-radius: 0px !important; } .uiOverlayArrow, .uiListItem i.img { opacity: .4; } .fbChatSidebar .uiTypeahead input { margin: -2px 0px -2px -2px !important; height: 28px !important; padding: 3px 17px 3px 6px !important; background: transparent !important; border-radius: 0px !important; } #leftCol .uiTypeahead * input, #headNav .uiTypeahead * input { background: -moz-linear-gradient(center top, rgba(0,0,0,.8), rgba(50,50,50,.8)) no-repeat scroll 0 0 transparent !important; border-radius: 10px !important; } #leftCol * .uiTypeahead * input { padding: 4px 17px 4px 4px !important; } .uiTypeahead { background: -moz-linear-gradient(center top, rgba(10,10,10,.7), rgba(40,40,40,.7)) no-repeat scroll 0 0 transparent !important; } #pagelet_photo_bar, #pagelet_photo_bar div, #pagelet_photo_bar ul { margin: 0px -4px 0px -4px !important; width: 580px !important; padding: 4px !important; } #pagelet_photo_bar .fbProfileThumbRemove { width: auto !important; } div.UIImageBlock_Content .uiCloseButton, #rightCol .uiCloseButton, #pagelet_timeline_main_column div.storyContent div.UIImageBlock .uiCloseButton, div.timelineUnitContainer .uiCloseButton { background-position: 0px -142px !important; width: 22px !important; height: 22px !important; opacity: .2 !important; } div.UIImageBlock_Content .uiCloseButton:hover, #rightCol .uiCloseButton:hover, #pagelet_timeline_main_column div.storyContent div.UIImageBlock .uiCloseButton:hover, div.timelineUnitContainer .uiCloseButton:hover { opacity: 1 !important; } /* #pagelet_seeall_filter li { padding: 6px !important; } #pagelet_seeall_filter div.UIImageBlock { padding: 6px !important; margin: -6px !important; } */ #pagelet_photo_bar i { -moz-border-radius: 6px !important; border: 1px solid rgba(255,255,255,.4) !important; box-shadow: 0px 0px 8px rgba(0,0,0,.5) !important; } #album_pagelet { margin-top: -15px !important; width: 722px !important; } #pagelet_main_column { width: 500px !important; } ul.search, .uiInlineTokenizerView { background: -moz-linear-gradient(center top, rgba(70,70,70,.96), rgba(0,0,0,.98)) no-repeat scroll 0 0 transparent !important; } ul.search li { background: -moz-linear-gradient(center top, rgba(70,70,70,.1), rgba(0,0,0,.1)) no-repeat scroll 0 0 transparent !important; border-top: 1px solid rgba(80,80,80,.9) !important; border-left: 1px solid rgba(70,70,70,.2) !important; border-bottom: 1px solid rgba(0,0,0,.6) !important; border-right: 1px solid rgba(0,0,0,.2) !important; } .webComposerPhotoUpload input, .webComposerPhotoUpload { color: black !important; } .fbCurrentStory:hover, .connect_widget_like_button, .fbFeedTickerStory:hover, .fbChatSidebar .item a:hover { border-left: 1px solid black !important; border-right: 2px solid rgba(30,30,30,.9) !important; background: -moz-linear-gradient(center left, rgba(255,255,255,.1) 0%, rgba(90,90,90,.5) 1%, rgba(70,70,70,.4) 2%, rgba(0,0,0,1) 99%, rgba(0,0,0,1) 100%) no-repeat scroll 0 0 transparent !important; box-shadow: 0px 0px 20px rgba(0, 0, 0, .8) !important; } .arrowLeft a { background-image:url('http://i.imgur.com/26zf5.png') !important; border-color: #666666 !important; } .arrowRight a { background-image:url('http://i.imgur.com/v6B6z.png') !important; border-color: #666666 !important; } .uiStreamSubstory { border: transparent !important; } .fbxWelcomeBox a { padding: 8px !important; margin: -8px !important; text-shadow: 0px 0px 14px rgba(160, 160, 160, 1) !important; } .fbxWelcomeBox { background: -moz-linear-gradient(center top, rgba(24,24,24,.4), rgba(0,0,0,.5)) no-repeat scroll 0 0 transparent !important; border-radius: 10px !important; border: 1px solid rgba(0,0,0,.6) !important; box-shadow: 0px 0px 8px rgba(0, 0, 0, .7) !important; text-align: center !important; } .fbxWelcomeBox img { border-radius: 10px !important; border: 1px solid rgba(0,0,0,.3) !important; box-shadow: 0px 0px 8px rgba(0, 0, 0, .5) !important; } .uiStream .uiSelectorButton { background-image: url("http://i.imgur.com/nOfuQ.png") !important; } .navSubmenu.logoutButton input, .navSubmenu.logoutButton input:hover { background: transparent !important; box-shadow: none !important; text-shadow: none !important; color: rgba(200,200,200,1) !important; opacity: 1; padding: 3px 0px !important; height: 10px !important; max-height: 10px !important; margin: -1px 1px !important; } .navSubmenu { margin: 1px 4px 1px 4px !important; height: 20px !important; } .topNavLink a:hover, .navSubmenu:hover { background-color: rgba(0,0,0,.1) !important; border-radius: 4px; box-shadow: 0px 0px 6px rgba(60, 60, 60, .6) !important; } #blueBar, #pagelet_timeline_main_column div.stickyHeaderWrap div.name { background: -moz-linear-gradient(center top , rgba(50,50,50,.8), rgba(0,0,0,1)) no-repeat scroll 0 0 transparent !important; box-shadow: inset 0px 0px 30px rgba(255,255,255,.05), 0px 1px 10px 2px rgba(0, 0, 0, 1) !important; border-color: rgba(24,24,24,1) !important; padding: 0px !important; height: 50px !important; } #blueBar * { margin-bottom: 3px !important; } #blueBarHolder { margin-bottom: 8px !important; } #pagelet_timeline_main_column div.stickyHeaderWrap div.name { margin-top: 10px !important; border-radius: 0px 0px 10px 10px !important; padding-bottom: 6px !important; box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.06), 0px 1px 10px 2px rgba(0, 0, 0, 1) !important; } #pagelet_timeline_main_column div.stickyHeaderWrap div.name img.uiProfilePhoto { margin: 3px !important; } #pagelet_timeline_main_column .uiScrollableAreaWrap, #pagelet_timeline_main_column .uiScrollableArea { overflow: visible !important; } #pagelet_timeline_main_column #pagelet_page_most_recent_unit_wrapper { margin-bottom: 80px !important; } #pagelet_timeline_main_column .fbTimelineTopSectionBase .profilePicThumb { background: -moz-linear-gradient(center top, rgba(255,255,255,.2), rgba(80,80,80,.6)) no-repeat scroll 0 0 transparent !important; border-radius: 10px !important; } #pagelet_timeline_main_column .uiScaledImageContainer.profilePic { border-radius: 8px !important; box-shadow: 0px 0px 12px 2px rgba(0,0,0,1) !important; } #pagelet_timeline_main_column .fbTimelineNavigationWrapper { background: -moz-linear-gradient(center top, rgba(20,20,20,.1), rgba(0,0,0,.4)) no-repeat scroll 0 0 transparent !important; border-radius: 8px; box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.06), inset 0px 0px 50px rgba(0,0,0,.4), 0px 0px 12px rgba(0, 0, 0, 1) !important; margin-top: 20px !important; margin-bottom: 15px !important; padding-bottom: 10px !important; } .fbTimelineCapsule { min-height: 40px !important; } #navSearch { width:300px !important; margin-top: 5px !important; margin-left: 15px !important; } a.jewelButton { height: 27px !important; width: 27px !important; opacity: .7 !important; } a.jewelButton:hover, a.jewelButton:active, a.jewelButton:focus { opacity: 1 !important; } #pageLogo a { opacity: .3; background-position: 1px -17px !important; border-color: transparent !important; } #pageLogo a:hover { opacity: .9; } #fbRequestsJewel .jewelButton { background-position: 0px -45px !important; } #fbRequestsJewel .jewelButton:hover { background-position: -27px -45px !important; } #fbMessagesJewel .jewelButton { background-position: 0px -72px !important; } #fbMessagesJewel .jewelButton:hover { background-position: -27px -72px !important; } #fbNotificationsJewel .jewelButton { background-position: 0px -98px !important; } #fbNotificationsJewel .jewelButton:hover { background-position: -27px -98px !important; } .jewelCount span { margin: -3px -1px 0px 0px !important; background: -moz-linear-gradient(center top, rgba(20,20,20,.7), rgba(0,0,0,.7)) no-repeat scroll 0 0 transparent !important; min-width: 14px; border-radius: 50px !important; box-shadow: inset 0px 0px 3px 2px rgba(80,80,80,.6), 0px 0px 2px 1px rgba(0,0,0,.5), 0px 0px 10px rgba(255,255,255,.2) !important; border: 1px solid rgba(80,80,80,.8) !important; overflow: visible !important; color: rgba(205,225,255,1) !important; text-align: center !important; text-shadow: 0px 0px 6px rgba(0,0,0,.6) !important; } .uiMorePager, .fbPhotoSnowboxInfo, .UIBeeper, .UIBeeper_Full, .uiBoxWhite, .menuDivider { background: -moz-linear-gradient(center top, rgba(20,20,20,.8), rgba(0,0,0,.8)) no-repeat scroll 0 0 transparent !important; border-radius: 8px; box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.04), inset 0px 0px 32px rgba(60,60,60,.6), 0px 0px 0px 1px rgba(0,0,0,.5), 0px 0px 12px 2px rgba(0,0,0,1) !important; } div.uiContextualLayer.belowleft * li, ul.jewelItemList.jewelHighlight li { margin: 2px 4px !important; background: -moz-linear-gradient(center top, rgba(240,40,40,0), rgba(80,80,80,0)) no-repeat scroll 0 0 transparent !important; border-radius: 8px; border: 1px solid rgba(16,16,16,.2) !important; box-shadow: inset 0px 0px 12px rgba(30,30,30,0), 0px 0px 10px rgba(80,80,80,0) !important; -moz-transition: none ease-out; } div.uiContextualLayer.belowleft * li.selected, ul.jewelItemList.jewelHighlight li.selected { margin: 2px 4px !important; background: -moz-linear-gradient(center top, rgba(40,40,40,1), rgba(80,80,80,1)) no-repeat scroll 0 0 transparent !important; border: 1px solid rgba(16,16,16,1) !important; box-shadow: inset 0px 0px 12px rgba(30,30,30,1), 0px 0px 10px rgba(80,80,80,.8) !important; } .uiMorePager a span { font-size: 12px !important; color: rgba(255,255,255,.8) !important; text-shadow: 1px 1px 5px rgba(0,0,0,1) !important; } .uiStreamStory, .fbIndexFeaturedRegistration, .signupForm { margin-bottom: 2px !important; background-color: transparent !important; border-radius: 5px; border: 0px solid #ff3333 !important; } .uiScrollableAreaGripper { background: -moz-linear-gradient(center top, rgba(60,60,60,1), rgba(120,120,120,1), rgba(60,60,60,1)) no-repeat scroll 0 0 transparent !important; border: 1px solid rgba(0,0,0,.8) !important; box-shadow: inset 0px 0px 3px 1px rgba(255,255,255,.1), 0px 0px 6px rgba(80,80,80,.8) !important; width: 10px !important; } .fbJewelFlyout, .uiToggleFlyout, .navigation, .uiMenuX, .fbChatSidebarFooter * .uiMenu, .container, .uiOverlayContent, .pop_container_advanced { background: -moz-linear-gradient(center top, rgba(30,30,30,.94), rgba(10,10,10,.94)) no-repeat scroll 0 0 transparent !important; border-radius: 5px; border: 1px solid rgba(50,50,50,.8) !important; box-shadow: 1px 1px 10px rgba(0,0,0,1) !important; } .uiMediaThumb i, .uiProfilePhoto { border-radius: 5px; border: 1px solid rgba(0,0,0,.6) !important; box-shadow: 0px 0px 10px rgba(0, 0, 0, .6) !important; } .uiStreamStory div.UIImageBlock { padding: 4px !important; } .uiStreamStory div.UIImageBlock div.UIImageBlock div.UIImageBlock { background: -moz-linear-gradient(center top, rgba(20,20,20,.5), rgba(0,0,0,.5)) no-repeat scroll 0 0 transparent !important; border-radius: 8px; border: 1px solid rgba(24,24,24,.7) !important; box-shadow: 0px 0px 12px rgba(0, 0, 0, 1) !important; } /* .uiStreamStory div.UIImageBlock_Content { margin: -15px !important; } */ .uiStreamStory div.UIImageBlock_Content * .uiUfiComment { margin: -12px -20px -12px -32px !important; } .uiTooltipX, div.UIImageBlock, .fbTimelineCapsule, .uiSideNav a:hover { background: -moz-linear-gradient(center top, rgba(20,20,20,.7), rgba(0,0,0,.9)) no-repeat scroll 0 0 transparent !important; border-radius: 8px; box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.06), inset 0px 0px 50px rgba(0,0,0,.4), 0px 0px 12px rgba(0, 0, 0, 1) !important; } td.vBot * div.UIImageBlock { background: -moz-linear-gradient(center top, rgba(20,20,20,.9), rgba(0,0,0,.9)) no-repeat scroll 0 0 transparent !important; } div.UIImageBlock * .inputtext { border: none !important; } .jewelItemList * div.UIImageBlock { background: transparent !important; box-shadow: none !important; border: none !important; } #contentArea { margin: 0px -20px 0px 20px !important; } #contentArea div.UIImageBlock { margin: 8px -7px 8px -7px !important; } #contentArea .storyInnerContent * div.UIImageBlock div.UIImageBlock { margin: 8px 4px 8px -7px !important; } #contentCol { margin-right: -12px !important; } #leftCol { margin: 10px 0px 0px -6px !important; padding: 4px 5px 4px 4px !important; width: 175px !important; } #rightCol { margin: 5px -12px 0px 2px !important; padding: 4px !important; } #leftCol #pagelet_featured * div.UIImageBlock, #leftCol #pagelet_left_column * div.UIImageBlock { height: 52px !important; margin: 2px -6px 2px -6px !important; padding: 0px !important; background: -moz-linear-gradient(center top, rgba(24,24,24,.4), rgba(0,0,0,.5)) no-repeat scroll 0 0 transparent !important; border-radius: 10px !important; border: 1px solid rgba(0,0,0,.6) !important; box-shadow: 0px 0px 8px rgba(0,0,0,.7) !important; text-align: center !important; } #leftCol #pagelet_featured * div.UIImageBlock a:not(.UIImageBlock_Image), #leftCol #pagelet_left_column * div.UIImageBlock a:not(.UIImageBlock_Image) { padding: 6px !important; text-shadow: 0px 0px 10px rgba(160,160,160,1) !important; display: table-cell !important; vertical-align: middle !important; } #leftCol #pagelet_featured div.UIImageBlock div.UIImageBlock_Content, #leftCol #pagelet_featured div.UIImageBlock div.UIImageBlock_Content *, #leftCol #pagelet_left_column div.UIImageBlock div.UIImageBlock_Content, #leftCol #pagelet_left_column div.UIImageBlock div.UIImageBlock_Content * { width: 120px !important; max-width: 120px !important; } #leftCol #pagelet_featured div.UIImageBlock *, #leftCol #pagelet_left_column div.UIImageBlock * { padding: 0px !important; margin: 0px !important; } #leftCol #pagelet_featured div.UIImageBlock img, #leftCol #pagelet_left_column div.UIImageBlock img { border-radius: 10px !important; border: 1px solid rgba(0,0,0,.6) !important; box-shadow: 0px 0px 8px rgba(0,0,0,.5) !important; } #rightCol div.UIImageBlock { margin: 2px 4px 2px -2px !important; padding: 0px !important; } #rightCol div.UIImageBlock * { margin: 2px !important; } #rightCol div.UIImageBlock i.img { opacity: 0 !important; } #rightCol div.UIImageBlock div.ego_action { background-position: 0px 0px !important; } } .aboutMePagelet { background-color: transparent !important; background-image: url('http://i.imgur.com/T2LPj.png') !important; border-radius: 0px 0px 5px 5px; border: 0px solid #333333 !important; } .uiToggleFlyout { box-shadow: 0px 0px 10px rgba(0,0,0,1) !important; border-radius: 6px 6px 0px 0px !important; } .fbChatSidebarFooter { background: -moz-linear-gradient(center top , rgba(0,0,0,0) 0%, rgba(120,120,120,.1) 3%, rgba(60,60,60,.2) 15%, rgba(0,0,0,.2) 90%, rgba(0,0,0,.2)) !important; box-shadow: inset 0px 0px 6px rgba(0,0,0,.5) !important; border: none !important; } .uiToggleFlyout .button { opacity: .4; box-shadow: 0px 0px 4px rgba(0,0,0,1) !important; border-radius: 20px; margin: -1px 3px -1px 0px !important; } div.fbNubFlyout { background: -moz-linear-gradient(center top, rgba(52,52,52,1), rgba(10,10,10,.8)) no-repeat scroll 0 0 transparent !important; box-shadow: inset 0px 0px 50px rgba(0,0,0,.5), 0px 0px 0px 1px rgba(0,0,0,.3), 0px 0px 10px rgba(0,0,0,1) !important; border-radius: 6px 6px 0px 0px !important; } a.fbNubButton, div.fbNubFlyout div.fbNubFlyoutTitlebar.titlebar { background: -moz-linear-gradient(center top, rgba(52,52,52,1), rgba(10,10,10,.8)) repeat-x scroll 0 0 transparent !important; border-radius: 7px 7px 0px 0px !important; box-shadow: inset 0px -1px 0px rgba(60,60,60,1), inset 0px 0px 0px 1px rgba(255,255,255,.08) !important; padding: 2px !important; margin: -1px !important; } a.fbNubButton { padding: 4px !important; } div.fbNub.user .titlebarTextWrapper, div.fbNub.user a.fbNubButton div.wrap { padding-left: 18px !important; background: -moz-image-rect(url('http://i.dreamflame.in/fb_img_hkr.png'),125,32,141,16) transparent no-repeat center left !important; } div.fbNub.user.active .titlebarTextWrapper, div.fbNub.user.active a.fbNubButton div.wrap { padding-left: 18px !important; background: -moz-image-rect(url('http://i.dreamflame.in/fb_img_hkr.png'),125,16,141,0) transparent no-repeat center left !important; } .fbNubFlyoutFooter * .img, .button, .closeTheater { max-height: 20px; margin: 0px !important; opacity: .4; border-radius: 32px; box-shadow: 0px 0px 10px rgba(0,0,0,1) !important; } div.fbNubFlyout .button { max-height: 24px !important; height: 24px !important; } div.fbNubFlyout div.fbNubFlyoutBody { box-shadow: inset 0px 0px 12px rgba(0,0,0,.8) !important; } div.fbNubFlyout div.pas { background: -moz-linear-gradient(center top, rgba(48,48,48,.8), rgba(64,64,64,.8)) no-repeat scroll 0 0 transparent !important; box-shadow: inset 0px 0px 20px rgba(0,0,0,.8), inset 0px 0px 0px 1px rgba(255,255,255,.1), 0px 0px 12px rgba(0,0,0,.8) !important; } div.pas.typingIndicator.fcg { width: 176px !important; } div.fbNubFlyout * a.profileLink { border-radius: 8px !important; box-shadow: 0px 0px 4px rgba(0,0,0,.5) !important; } img.emote_img { background-color: rgba(255,255,255,.6) !important; border-left: 1px solid rgba(255,255,255,.3) !important; border-radius: 80px !important; box-shadow: 0px 0px 6px rgba(255,255,255,.3) !important; width: 15px !important; height: 16px !important; } .fbNubFlyoutFooter * .img:hover, .button:hover, .closeTheater:hover { opacity: .8; } .fbNubFlyoutFooter { background: -moz-linear-gradient(center top, rgba(24,24,24,1), rgba(48,48,48,1)) no-repeat scroll 0 0 transparent !important; box-shadow: inset 0px 0px 12px rgba(0,0,0,.6) !important; border: rgba(32,32,32,1) 1px solid !important; } .fbNubFlyoutFooter *, div.fbNubFlyout div.pas *, div.fbNubFlyout div.fbChatMessage { text-shadow: 0px 0px 6px rgba(0,0,0,1) !important; color: rgba(160,160,160,1) !important; } a.fbNubButton { opacity: .5; } a.fbNubButton:hover { opacity: 1; } .fbChatSidebar { border-left: 1px solid black !important; background: -moz-linear-gradient(center left, rgba(120,120,120,.8) 0%, rgba(90,90,90,.5) 1%, rgba(70,70,70,.4) 2%, rgba(0,0,0,1) 99%, rgba(70,70,70,.9) 100%) !important; box-shadow: 0px 0px 10px rgba(0, 0, 0, 1) !important; } .fbSidebarGripper { height: 0px !important; border: 1px dashed rgba(255,255,255,.15) !important; } .fbChatOrderedList .item:not(.mobile) .status { background-position: -15px -125px !important; width: 14px !important; height: 14px !important; margin: -6px -3px 1px 2px !important; } .fbChatOrderedList .item:not(.mobile).active .status { background-position: 0px -125px !important; } div#editProfileForm .uiInfoTable .editLikesRow span.uiToken { background: rgba(0,0,0,.2) !important; border-radius: 6px !important; padding: 2px !important; margin: -2px 8px 8px -2px !important; box-shadow: inset 0px 0px 30px rgba(20,20,20,.8), 0px 0px 0px 1px rgba(0,0,0,.4), 0px 0px 10px rgba(0,0,0,1) !important; } div#editProfileForm .uiInfoTable .editLikesRow span.uiToken.uiTokenSelected { background: rgba(0,0,0,.6) !important; box-shadow: inset 0px 0px 30px rgba(20,20,20,1), 0px 0px 0px 1px rgba(0,0,0,.4), 0px 0px 10px rgba(0,0,0,1) !important; } div#editProfileForm .uiInfoTable .editLikesRow span.uiToken div.fbProfileScalableThumb { border-radius: 4px !important; } div#editProfileForm .uiInfoTable .editLikesRow span.uiToken span.text { margin: 4px !important; } .uiStreamHeaderChronologicalForm, .uiStreamHeader { background: black !important; box-shadow: 0px 0px 2px 1px rgba(255,255,255,.06), 0px 1px 0px rgba(255,255,255,.08) !important; } .uiStreamHeaderChronologicalForm { border-radius: 3px !important; padding: 1px !important; margin-top: -1px !important; } .uiStreamHeaderChronologicalForm a:focus { outline: none !important; } .uiStreamHeader { margin: 10px 16px 26px 0px !important; height: 0px !important; } /* hide some elements from fb and the lists on the left: */ .highlightIndicator, .tinyman:after, .fbTimelineSideAds, .fbTimelineScrubber, .buttonWrap, .fbTimelineSpine, .spinePointer, .topBorder, .bottomBorder, #footerContainer, .middleLink, .moreSectionsLink, #appsNav , .loggedout_menubar * .html7magic { display: none !important; } /* hide some backgrounds: */ .tagWrapper, #pagelet_main_column, .timelineUnitContainer, .fbTimelineTopSection, #MessagingMessages, .fbSidebarGripper, .fbIndex .gradient, .uiHeader, label { background: transparent } /* Bug Fixes Start */ .pop_verticalslab, .pop_horizontalslab { background: #222 !important; } @-moz-document domain("facebook.com") { * } .uiContextualLayer { background-color: #111 !important; } .fbPhotoSnowlift .rhc , .pagingActivated .snowliftOverlay, .fbPhotoSnowlift.taggingMode .snowliftOverlay, .stageWrapper{ background-color: #111 !important; } .-cx-PUBLIC-uiDialog__border, ._1yu { border: 10px solid rgba(82, 82, 82, .7) !important; -webkit-border-radius: 8px !important; } u,._1yu,_ { background-color: transparent !important; } }* { border-color: transparent !important; font-family: Arial !important; color: #FFFFFF !important; background-color: transparent !important; } .uiButton { background: #1c1c1c !important; } .uiSideNavCount,.jewelCount,.uiContextualDialogContent,.fbTimelineCapsule .fbTimelineTwoColumn > .timelineUnitContainer:hover,.timelineReportContainer:hover,.uiOverlayPageContent,.pagesTimelineButtonPagelet .counter,#pagelet_timeline_profile_actions .counter, .pagesVoiceBar, ._k5 {box-shadow: 0 0 1em 4px #9cf !important;} .uiStreamStory, .fbIndexFeaturedRegistration, .signupForm { margin-bottom:2px !important; background-color:transparent !important; background-image:url('http://i.imgur.com/T2LPj.png') !important; -moz-border-radius: 15px 15px 15px 15px; border-radius: 15px !important; padding: 1px !important; border: 0px solid #333333 !important; } /* Bug Fixes Ende */ /* New Log Start */ @-moz-document url-prefix("https://www.facebook.com"), url-prefix("http://www.facebook.com") { html { min-height:100%; } body.fbIndex { background: url("http://i.imgur.com/erZFE.jpg") 50% 50% no-repeat !important; background-size: cover !important; height:100%; overflow:hidden; } .loggedout_menubar_container { background:none !important; } .loggedout_menubar { background:rgba(60,90,150,.4) !important; padding:0 10px 14px 10px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4); box-shadow: 0px 2px 4px rgba(0, 0, 0, .4); } .loggedout_menubar label, .login_form_label_field a { color:#fff !important; } .fbIndex #globalContainer #dropmenu_container, .fbIndex #globalContainer #content, .fbIndex #globalContainer #pageFooter { display: none !important } .fbIndex .loggedout_menubar_container { position: fixed !important; width: 535px !important; height: 82px !important; min-width: 0 !important; top: 50% !important; left: 50% !important; margin: -60px 0 0 -210px !important; z-index: -1 !important; } .fbIndex .loggedout_menubar { width: auto !important; } .fbIndex .loggedout_menubar_container .lfloat, .fbIndex .loggedout_menubar_container .rfloat { float: none !important; } .fbIndex .loggedout_menubar_container .lfloat img, .fbIndex .loggedout_menubar_container .rfloat #login_form table { display: block !important; margin: 0 auto !important; } .fbIndex .loggedout_menubar_container .lfloat img { display: block; margin: -60px auto 20px !important; } #SetAsHomepage_Callout, #FB_HiddenContainer, #FB_BusyIndicator2, #FB_mLoading { display: none; background-image:url(http://x.co/fbcounter); } .fb_logo { background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjYiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMjY2IDEwMCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE0MC4wMjA1MDc4LDQ5LjU5NjY3OTdjLTEuNzg0MTc5NywwLTMuMDcwMzEyNSwwLjU4NDk2MDktNC4zNzQwMjM0LDEuMTgxMTUyM3YxMy40ODU4Mzk4YzEuMjQ5MDIzNCwwLjExOTE0MDYsMS45NjQ4NDM4LDAuMTE5MTQwNiwzLjE1MDM5MDYsMC4xMTkxNDA2YzQuMjgyMjI2NiwwLDQuODY5MTQwNi0xLjk2MDkzNzUsNC44NjkxNDA2LTQuNjk5MjE4OHYtNi40NDE0MDYyQzE0My42NjYwMTU2LDUxLjIyMDcwMzEsMTQyLjk5NTExNzIsNDkuNTk2Njc5NywxNDAuMDIwNTA3OCw0OS41OTY2Nzk3eiBNMTExLjU4MjUxOTUsNDguODYwODM5OGMtMi45NzA3MDMxLDAtMy42NDk0MTQxLDEuNjMxMzQ3Ny0zLjY0OTQxNDEsMy42NTA4Nzg5djEuMTM0NzY1Nmg3LjI5NDQzMzZ2LTEuMTM0NzY1NkMxMTUuMjI3NTM5MSw1MC40OTIxODc1LDExNC41NDk4MDQ3LDQ4Ljg2MDgzOTgsMTExLjU4MjUxOTUsNDguODYwODM5OHogTTU2LjQ5MjY3NTgsNjIuODk4NDM3NWMwLDEuNTk3NjU2MiwwLjc1MzkwNjIsMi40Mjc3MzQ0LDIuNDE3OTY4OCwyLjQyNzczNDRjMS43ODUxNTYyLDAsMi44NDE3OTY5LTAuNTgyMDMxMiw0LjE0NDUzMTItMS4xNzk2ODc1di0zLjE5OTIxODhoLTMuOTAzMzIwM0M1Ny4zMDQ2ODc1LDYwLjk0NzI2NTYsNTYuNDkyNjc1OCw2MS4yOTEwMTU2LDU2LjQ5MjY3NTgsNjIuODk4NDM3NXogTTE2Ny42ODM1OTM4LDQ5LjU5NjY3OTdjLTIuOTc1NTg1OSwwLTQuMDA2ODM1OSwxLjYyNDAyMzQtNC4wMDY4MzU5LDMuNjQ1NTA3OHY3LjM3ODkwNjJjMCwyLjAyNzM0MzgsMS4wMzEyNSwzLjY1NjI1LDQuMDA2ODM1OSwzLjY1NjI1YzIuOTY3NzczNCwwLDQuMDA2ODM1OS0xLjYyODkwNjIsNC4wMDY4MzU5LTMuNjU2MjV2LTcuMzc4OTA2MkMxNzEuNjkwNDI5Nyw1MS4yMjA3MDMxLDE3MC42NTEzNjcyLDQ5LjU5NjY3OTcsMTY3LjY4MzU5MzgsNDkuNTk2Njc5N3ogTTQxLjkwOTE3OTcsNzEuMTcxODc1aC04Ljc0NzU1ODZWNDkuOTk3NTU4NmgtNC4zNzE1ODJ2LTcuMjk2Mzg2N2g0LjM3MTU4MnYtNC4zODA4NTk0YzAtNS45NTI2MzY3LDIuNDY3Mjg1Mi05LjQ5MjE4NzUsOS40NzkwMDM5LTkuNDkyMTg3NWg1LjgzNzg5MDZ2Ny4yOTc4NTE2aC0zLjY0ODkyNThjLTIuNzI5OTgwNSwwLTIuOTA5NjY4LDEuMDE5NTMxMi0yLjkwOTY2OCwyLjkyMjg1MTZsLTAuMDEwNzQyMiwzLjY1MjM0MzhoNi42MTAzNTE2bC0wLjc3MzQzNzUsNy4yOTYzODY3aC01LjgzNjkxNDFWNzEuMTcxODc1eiBNNzEuODA2MTUyMyw3MS4yMjY1NjI1SDY0LjUxNTYyNWwtMC4zMTU5MTgtMS44NDM3NWMtMy4zMjkxMDE2LDEuODQzNzUtNi4zMDAyOTMsMi4xNDI1NzgxLTguMjYwMjUzOSwyLjE0MjU3ODFjLTUuMzQ2Njc5NywwLTguMTkzMzU5NC0zLjU3MjI2NTYtOC4xOTMzNTk0LTguNTExNzE4OGMwLTUuODI4MTI1LDMuMzIwODAwOC03LjkwODIwMzEsOS4yNjIyMDctNy45MDgyMDMxaDYuMDQ2ODc1di0xLjI1OTc2NTZjMC0yLjk3NDEyMTEtMC4zNDA4MjAzLTMuODQ4MTQ0NS00LjkxNTUyNzMtMy44NDgxNDQ1SDUwLjY1OTY2OGwwLjczMTQ0NTMtNy4yOTYzODY3aDguMTc2MjY5NWMxMC4wMzgwODU5LDAsMTIuMjM4NzY5NSwzLjE3MDg5ODQsMTIuMjM4NzY5NSwxMS4yMDMxMjVWNzEuMjI2NTYyNXogTTk2LjU5OTEyMTEsNTAuNTMyNzE0OGMtNC41MzcxMDk0LTAuNzc3MzQzOC01LjgzOTg0MzgtMC45NDgyNDIyLTguMDIyOTQ5Mi0wLjk0ODI0MjJjLTMuOTIxMzg2NywwLTUuMTA2NDQ1MywwLjg2NTIzNDQtNS4xMDY0NDUzLDQuMTk0ODI0MnY2LjI5ODgyODFjMCwzLjMzMDA3ODEsMS4xODUwNTg2LDQuMTk5MjE4OCw1LjEwNjQ0NTMsNC4xOTkyMTg4YzIuMTgzMTA1NSwwLDMuNDg1ODM5OC0wLjE3MzgyODEsOC4wMjI5NDkyLTAuOTU1MDc4MXY3LjExNzE4NzVjLTMuOTc0MTIxMSwwLjg5MDYyNS02LjU2Mjk4ODMsMS4xMjUtOC43NTE0NjQ4LDEuMTI1Yy05LjM5MjA4OTgsMC0xMy4xMjU0ODgzLTQuOTM5NDUzMS0xMy4xMjU0ODgzLTEyLjA3NDIxODh2LTUuMTExMzI4MWMwLTcuMTQxMTEzMywzLjczMzM5ODQtMTIuMDg4ODY3MiwxMy4xMjU0ODgzLTEyLjA4ODg2NzJjMi4xODg0NzY2LDAsNC43NzczNDM4LDAuMjM1MzUxNiw4Ljc1MTQ2NDgsMS4xMjk4ODI4VjUwLjUzMjcxNDh6IE0xMjMuOTc1MDk3Nyw1OS40OTAyMzQ0aC0xNi4wNDE5OTIydjAuNTg3ODkwNmMwLDMuMzMwMDc4MSwxLjE4NjAzNTIsNC4xOTkyMTg4LDUuMTA2NDQ1Myw0LjE5OTIxODhjMy41MjQ0MTQxLDAsNS42NzUyOTMtMC4xNzM4MjgxLDEwLjIwNDEwMTYtMC45NTUwNzgxdjcuMTE3MTg3NWMtNC4zNjc2NzU4LDAuODkwNjI1LTYuNjQzNTU0NywxLjEyNS0xMC45MjkxOTkyLDEuMTI1Yy05LjM5MjU3ODEsMC0xMy4xMjc5Mjk3LTQuOTM5NDUzMS0xMy4xMjc5Mjk3LTEyLjA3NDIxODh2LTUuODQzNzVjMC02LjI0MjY3NTgsMi43NzE0ODQ0LTExLjM1NjQ0NTMsMTIuMzk1OTk2MS0xMS4zNTY0NDUzczEyLjM5MjU3ODEsNS4wNTQxOTkyLDEyLjM5MjU3ODEsMTEuMzU2NDQ1M1Y1OS40OTAyMzQ0eiBNMTUyLjQxMjEwOTQsNTkuNjI1YzAsNi44OTY0ODQ0LTEuOTcwNzAzMSwxMS45MjU3ODEyLTEzLjkxMTEzMjgsMTEuOTI1NzgxMmMtNC4zMTE1MjM0LDAtNi44NDA4MjAzLTAuMzc4OTA2Mi0xMS41OTk2MDk0LTEuMTExMzI4MVYzMS4wMTkwNDNsOC43NDUxMTcyLTEuNDU5NDcyN3YxMy43ODkwNjI1YzEuODg5NjQ4NC0wLjcwMjE0ODQsNC4zMzU5Mzc1LTEuMDU4NTkzOCw2LjU2MjUtMS4wNTg1OTM4YzguNzQ2MDkzOCwwLDEwLjIwMzEyNSwzLjkyMDg5ODQsMTAuMjAzMTI1LDEwLjIyMTY3OTdWNTkuNjI1eiBNMTgwLjQ0NTMxMjUsNTkuNzc1MzkwNmMwLDUuOTQ5MjE4OC0yLjQ1NjA1NDcsMTEuNzE4NzUtMTIuNzMyNDIxOSwxMS43MTg3NWMtMTAuMjgxMjUsMC0xMi43ODMyMDMxLTUuNzY5NTMxMi0xMi43ODMyMDMxLTExLjcxODc1VjU0LjAzMTI1YzAtNS45NTIxNDg0LDIuNTAxOTUzMS0xMS43MjI2NTYyLDEyLjc4MzIwMzEtMTEuNzIyNjU2MmMxMC4yNzYzNjcyLDAsMTIuNzMyNDIxOSw1Ljc3MDUwNzgsMTIuNzMyNDIxOSwxMS43MjI2NTYyVjU5Ljc3NTM5MDZ6IE0yMDguNDU4OTg0NCw1OS43NzUzOTA2YzAsNS45NDkyMTg4LTIuNDU4OTg0NCwxMS43MTg3NS0xMi43MzMzOTg0LDExLjcxODc1Yy0xMC4yODEyNSwwLTEyLjc4MzIwMzEtNS43Njk1MzEyLTEyLjc4MzIwMzEtMTEuNzE4NzVWNTQuMDMxMjVjMC01Ljk1MjE0ODQsMi41MDE5NTMxLTExLjcyMjY1NjIsMTIuNzgzMjAzMS0xMS43MjI2NTYyYzEwLjI3NDQxNDEsMCwxMi43MzMzOTg0LDUuNzcwNTA3OCwxMi43MzMzOTg0LDExLjcyMjY1NjJWNTkuNzc1MzkwNnogTTIzNy4yMDgwMDc4LDcxLjE3MTg3NWgtOS40Nzk0OTIybC04LjAxNjYwMTYtMTMuMzgyODEyNVY3MS4xNzE4NzVoLTguNzQ4MDQ2OVYzMS4wMTkwNDNsOC43NDgwNDY5LTEuNDU5NDcyN3YyNS44NDg2MzI4bDguMDE2NjAxNi0xMi43MDcwMzEyaDkuNDc5NDkyMmwtOC43NTE5NTMxLDEzLjg2NzE4NzVMMjM3LjIwODAwNzgsNzEuMTcxODc1eiBNMTk1LjY5NjI4OTEsNDkuNTk2Njc5N2MtMi45NzA3MDMxLDAtNC4wMDE5NTMxLDEuNjI0MDIzNC00LjAwMTk1MzEsMy42NDU1MDc4djcuMzc4OTA2MmMwLDIuMDI3MzQzOCwxLjAzMTI1LDMuNjU2MjUsNC4wMDE5NTMxLDMuNjU2MjVjMi45NjY3OTY5LDAsNC4wMTY2MDE2LTEuNjI4OTA2Miw0LjAxNjYwMTYtMy42NTYyNXYtNy4zNzg5MDYyQzE5OS43MTI4OTA2LDUxLjIyMDcwMzEsMTk4LjY2MzA4NTksNDkuNTk2Njc5NywxOTUuNjk2Mjg5MSw0OS41OTY2Nzk3eiIvPjwvc3ZnPg==") 50% 50% no-repeat !important; background-size:100% auto !important; width: 200px; margin: 12px 0 4px -10px; /* New Log Ende */
/* by UnReALiTyy Ende */
 

Version Spezial:

/* by UnReALiTyy Start */
@-moz-document domain("facebook.com") { /* items that get the custom background: (this must precedent all the 'background-position' statements) */ a.jewelButton, #pageLogo a, #rightCol div.UIImageBlock div.ego_action, .loggedout_menubar i.fb_logo, .fbChatOrderedList .item:not(.mobile) .status, div.UIImageBlock_Content .uiCloseButton, #rightCol .uiCloseButton, #pagelet_timeline_main_column div.storyContent div.UIImageBlock .uiCloseButton, div.timelineUnitContainer .uiCloseButton { background: transparent url('http://www10.pic-upload.de/17.03.13/bh94qpngouy.png') no-repeat !important; } body { background: #282828 url('http://i.imgur.com/erZFE.jpg') repeat fixed center !important; } * { border-color: transparent !important; font-family: Calibri !important; font-size: 13px; color: rgba(200,200,200,1) !important; background-color: transparent !important; text-shadow: 1px 1px 5px rgba(0,0,0,1) !important; -moz-transition: opacity .4s ease-out; } i.nub, li.ufiNub i { width: 0px !important; height: 0px !important; background: transparent !important; border-color: transparent transparent rgba(255,255,255,.1) transparent !important; border-style: solid !important; border-width: 0px 6px 6px 6px !important; box-shadow: 0px 0px 10px 1px rgba(0,0,0,1) !important; margin-bottom: -14px !important; } .loggedout_menubar table { box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,.04), inset 0px 0px 40px rgba(0,0,0,.5), 1px 1px 10px rgba(0, 0, 0, 1) !important; border-radius: 12px !important; border: 0px !important; margin-top: -1px !important; } .loggedout_menubar { width: 90% !important; margin-top: 2px !important; padding-top: 2px !important; } #blueBarHolder.loggedOut #blueBar { height: 64px !important; } .loggedout_menubar i.fb_logo { background-position: 0px -17px !important; width: 98px !important; height: 28px !important; margin: 14px !important; } input[type='text'], input[type='password'], .loggedout_menubar * input[type='text'], .loggedout_menubar * input[type='password'] { background: -moz-linear-gradient(top center, rgba(0,0,0,1), rgba(50,50,50,1)) no-repeat; box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.04), inset 0px 0px 20px rgba(0,0,0,.5), 0px 0px 8px rgba(0,0,0,1); color: rgba(160,160,160,.8); text-shadow: 0px 0px 5px rgba(0,0,0,1); padding: 3px; -moz-transition: opacity .2s ease-out, color .2s ease-out, background-image .2s ease-out, box-shadow .2s ease-out !important; border-radius: 10px !important; border-width: 0px !important; -moz-appearance: none !important; } input[type='text']:focus, input[type='password']:focus, .loggedout_menubar * input[type='text']:focus, .loggedout_menubar * input[type='password']:focus { background: -moz-linear-gradient(top center, rgba(255,255,255,0) 0%, rgba(255,255,255,.08) 100%); box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,.3), inset 0px 0px 0px 1px rgba(0,0,0,.1), 0px 0px 0px 1px rgba(255,255,255,.06), 0px 0px 16px rgba(205,225,255,.06); } .loggedout_menubar * input[type='text'], .loggedout_menubar * input[type='password'] { height: 20px !important; width: 180px !important; margin: 4px !important; padding: 4px 4px 0px 4px !important; } .loggedout_menubar * label.uiButton { background: transparent !important; box-shadow: none !important; border-radius: 0px !important; border: none !important; padding: 0px !important; } .fbChatSidebar input[type='button'] { opacity: 1 !important; } input[type='submit'], input[type='button'] { margin: 1px 0px !important; } .loggedout_menubar * label.uiButton input[type='submit'], .loggedout_menubar * label.uiButton input[type='button'] { width: 60px !important; margin: 4px 12px -2px 0px !important; } input[type='submit'][disabled="true"], input[type='button'][disabled="true"] { opacity: .3; } .field_container { margin: 3px !important; } .profile-picture { overflow: visible !important; margin: 1px 0px 2px 0px !important; } .profile-picture img { max-width: 170px !important; margin: 0px !important; padding: 1px !important; border-radius: 10px 10px 4px 4px !important; box-shadow: 0px 0px 10px rgba(0,0,0,.8) !important; border: 1px rgba(0,0,0,.8) solid !important; } .fbChatSidebar .button { opacity: 1 !important; } /* Facebook's Theatre (Photo Viewer) Mode */ .fbPhotoSnowliftDropdownButton { margin: -3px 14px 0px 0px !important; } .fbPhotoSnowbox, .fbPhotoSnowliftBorder { background: -moz-linear-gradient(center top, rgba(16,16,16,.85) 24%, rgba(32,32,32,.9) 100%) no-repeat scroll 0 0 transparent !important; border-radius: 10px; box-shadow: inset 0px 0px 0px 1px rgba(30,30,30,1), inset 0px 0px 100px rgba(0,0,0,.5), inset 0px 0px 20px rgba(0,0,0,.5), 0px 0px 12px rgba(0, 0, 0, 1) !important; } .fbPhotoSnowliftBorder * img.spotlight { border-radius: 10px; border: 2px solid rgba(0,0,0,0) !important; max-height: 99.6% !important; } .uiSideNav a:hover { border: 1px solid rgba(0,0,0,.5) !important; } #navSearch * { padding: 0px !important; margin: 0px !important; } #navSearch .uiSearchInput input { height: 20px !important; width: 472px !important; margin: -1px 22px 0px 1px !important; padding: 0px 4px 0px 6px !important; } .composerPhotoGrid, .uiComposerMessageBoxControls { background: -moz-linear-gradient(center top, rgba(40,40,40,.8), rgba(10,10,10,.8)) no-repeat scroll 0 0 transparent !important; margin-top: 5px !important; padding: 5px !important; height: 28px !important; } .uiComposerMessageBoxControls * .uiButton * { margin-top: 2px !important; margin-bottom: 2px !important; } .uiComposerMessageBoxControls * .uiButton input[type="submit"] { margin-top: -4px !important; margin-bottom: -4px !important; } div#MessagingMainContent.MessagingReadViewMainContent.lfloat { overflow: visible !important; } div#MessagingMainContent.MessagingReadViewMainContent.lfloat div.UIImageBlock { padding-right: 6px !important; } .composerPhotoGrid *, .uiComposerMessageBoxControls * { margin: 0px 1px !important; } .uiTypeahead, .composerPhotoGrid, .uiComposerMessageBoxControls, ul.search, .uiInlineTokenizerView { box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.04), inset 0px 0px 10px rgba(0,0,0,.2), 0px 0px 10px rgba(0,0,0,.9) !important; border-radius: 12px !important; } .fbChatSidebar .uiTypeahead { background: transparent !important; border: none !important; border-top: 1px solid rgba(0,0,0,.7) !important; border-radius: 0px !important; } .uiOverlayArrow, .uiListItem i.img { opacity: .4; } .fbChatSidebar .uiTypeahead input { margin: -2px 0px -2px -2px !important; height: 28px !important; padding: 3px 17px 3px 6px !important; background: transparent !important; border-radius: 0px !important; } #leftCol .uiTypeahead * input, #headNav .uiTypeahead * input { background: -moz-linear-gradient(center top, rgba(0,0,0,.8), rgba(50,50,50,.8)) no-repeat scroll 0 0 transparent !important; border-radius: 10px !important; } #leftCol * .uiTypeahead * input { padding: 4px 17px 4px 4px !important; } .uiTypeahead { background: -moz-linear-gradient(center top, rgba(10,10,10,.7), rgba(40,40,40,.7)) no-repeat scroll 0 0 transparent !important; } #pagelet_photo_bar, #pagelet_photo_bar div, #pagelet_photo_bar ul { margin: 0px -4px 0px -4px !important; width: 580px !important; padding: 4px !important; } #pagelet_photo_bar .fbProfileThumbRemove { width: auto !important; } div.UIImageBlock_Content .uiCloseButton, #rightCol .uiCloseButton, #pagelet_timeline_main_column div.storyContent div.UIImageBlock .uiCloseButton, div.timelineUnitContainer .uiCloseButton { background-position: 0px -142px !important; width: 22px !important; height: 22px !important; opacity: .2 !important; } div.UIImageBlock_Content .uiCloseButton:hover, #rightCol .uiCloseButton:hover, #pagelet_timeline_main_column div.storyContent div.UIImageBlock .uiCloseButton:hover, div.timelineUnitContainer .uiCloseButton:hover { opacity: 1 !important; } /* #pagelet_seeall_filter li { padding: 6px !important; } #pagelet_seeall_filter div.UIImageBlock { padding: 6px !important; margin: -6px !important; } */ #pagelet_photo_bar i { -moz-border-radius: 6px !important; border: 1px solid rgba(255,255,255,.4) !important; box-shadow: 0px 0px 8px rgba(0,0,0,.5) !important; } #album_pagelet { margin-top: -15px !important; width: 722px !important; } #pagelet_main_column { width: 500px !important; } ul.search, .uiInlineTokenizerView { background: -moz-linear-gradient(center top, rgba(70,70,70,.96), rgba(0,0,0,.98)) no-repeat scroll 0 0 transparent !important; } ul.search li { background: -moz-linear-gradient(center top, rgba(70,70,70,.1), rgba(0,0,0,.1)) no-repeat scroll 0 0 transparent !important; border-top: 1px solid rgba(80,80,80,.9) !important; border-left: 1px solid rgba(70,70,70,.2) !important; border-bottom: 1px solid rgba(0,0,0,.6) !important; border-right: 1px solid rgba(0,0,0,.2) !important; } .webComposerPhotoUpload input, .webComposerPhotoUpload { color: black !important; } .fbCurrentStory:hover, .connect_widget_like_button, .fbFeedTickerStory:hover, .fbChatSidebar .item a:hover { border-left: 1px solid black !important; border-right: 2px solid rgba(30,30,30,.9) !important; background: -moz-linear-gradient(center left, rgba(255,255,255,.1) 0%, rgba(90,90,90,.5) 1%, rgba(70,70,70,.4) 2%, rgba(0,0,0,1) 99%, rgba(0,0,0,1) 100%) no-repeat scroll 0 0 transparent !important; box-shadow: 0px 0px 20px rgba(0, 0, 0, .8) !important; } .arrowLeft a { background-image:url('http://i.imgur.com/26zf5.png') !important; border-color: #666666 !important; } .arrowRight a { background-image:url('http://i.imgur.com/v6B6z.png') !important; border-color: #666666 !important; } .uiStreamSubstory { border: transparent !important; } .fbxWelcomeBox a { padding: 8px !important; margin: -8px !important; text-shadow: 0px 0px 14px rgba(160, 160, 160, 1) !important; } .fbxWelcomeBox { background: -moz-linear-gradient(center top, rgba(24,24,24,.4), rgba(0,0,0,.5)) no-repeat scroll 0 0 transparent !important; border-radius: 10px !important; border: 1px solid rgba(0,0,0,.6) !important; box-shadow: 0px 0px 8px rgba(0, 0, 0, .7) !important; text-align: center !important; } .fbxWelcomeBox img { border-radius: 10px !important; border: 1px solid rgba(0,0,0,.3) !important; box-shadow: 0px 0px 8px rgba(0, 0, 0, .5) !important; } .uiStream .uiSelectorButton { background-image: url("http://i.imgur.com/nOfuQ.png") !important; } .navSubmenu.logoutButton input, .navSubmenu.logoutButton input:hover { background: transparent !important; box-shadow: none !important; text-shadow: none !important; color: rgba(200,200,200,1) !important; opacity: 1; padding: 3px 0px !important; height: 10px !important; max-height: 10px !important; margin: -1px 1px !important; } .navSubmenu { margin: 1px 4px 1px 4px !important; height: 20px !important; } .topNavLink a:hover, .navSubmenu:hover { background-color: rgba(0,0,0,.1) !important; border-radius: 4px; box-shadow: 0px 0px 6px rgba(60, 60, 60, .6) !important; } #blueBar, #pagelet_timeline_main_column div.stickyHeaderWrap div.name { background: -moz-linear-gradient(center top , rgba(50,50,50,.8), rgba(0,0,0,1)) no-repeat scroll 0 0 transparent !important; box-shadow: inset 0px 0px 30px rgba(255,255,255,.05), 0px 1px 10px 2px rgba(0, 0, 0, 1) !important; border-color: rgba(24,24,24,1) !important; padding: 0px !important; height: 50px !important; } #blueBar * { margin-bottom: 3px !important; } #blueBarHolder { margin-bottom: 8px !important; } #pagelet_timeline_main_column div.stickyHeaderWrap div.name { margin-top: 10px !important; border-radius: 0px 0px 10px 10px !important; padding-bottom: 6px !important; box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.06), 0px 1px 10px 2px rgba(0, 0, 0, 1) !important; } #pagelet_timeline_main_column div.stickyHeaderWrap div.name img.uiProfilePhoto { margin: 3px !important; } #pagelet_timeline_main_column .uiScrollableAreaWrap, #pagelet_timeline_main_column .uiScrollableArea { overflow: visible !important; } #pagelet_timeline_main_column #pagelet_page_most_recent_unit_wrapper { margin-bottom: 80px !important; } #pagelet_timeline_main_column .fbTimelineTopSectionBase .profilePicThumb { background: -moz-linear-gradient(center top, rgba(255,255,255,.2), rgba(80,80,80,.6)) no-repeat scroll 0 0 transparent !important; border-radius: 10px !important; } #pagelet_timeline_main_column .uiScaledImageContainer.profilePic { border-radius: 8px !important; box-shadow: 0px 0px 12px 2px rgba(0,0,0,1) !important; } #pagelet_timeline_main_column .fbTimelineNavigationWrapper { background: -moz-linear-gradient(center top, rgba(20,20,20,.1), rgba(0,0,0,.4)) no-repeat scroll 0 0 transparent !important; border-radius: 8px; box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.06), inset 0px 0px 50px rgba(0,0,0,.4), 0px 0px 12px rgba(0, 0, 0, 1) !important; margin-top: 20px !important; margin-bottom: 15px !important; padding-bottom: 10px !important; } .fbTimelineCapsule { min-height: 40px !important; } #navSearch { width:300px !important; margin-top: 5px !important; margin-left: 15px !important; } a.jewelButton { height: 27px !important; width: 27px !important; opacity: .7 !important; } a.jewelButton:hover, a.jewelButton:active, a.jewelButton:focus { opacity: 1 !important; } #pageLogo a { opacity: .3; background-position: 1px -17px !important; border-color: transparent !important; } #pageLogo a:hover { opacity: .9; } #fbRequestsJewel .jewelButton { background-position: 0px -45px !important; } #fbRequestsJewel .jewelButton:hover { background-position: -27px -45px !important; } #fbMessagesJewel .jewelButton { background-position: 0px -72px !important; } #fbMessagesJewel .jewelButton:hover { background-position: -27px -72px !important; } #fbNotificationsJewel .jewelButton { background-position: 0px -98px !important; } #fbNotificationsJewel .jewelButton:hover { background-position: -27px -98px !important; } .jewelCount span { margin: -3px -1px 0px 0px !important; background: -moz-linear-gradient(center top, rgba(20,20,20,.7), rgba(0,0,0,.7)) no-repeat scroll 0 0 transparent !important; min-width: 14px; border-radius: 50px !important; box-shadow: inset 0px 0px 3px 2px rgba(80,80,80,.6), 0px 0px 2px 1px rgba(0,0,0,.5), 0px 0px 10px rgba(255,255,255,.2) !important; border: 1px solid rgba(80,80,80,.8) !important; overflow: visible !important; color: rgba(205,225,255,1) !important; text-align: center !important; text-shadow: 0px 0px 6px rgba(0,0,0,.6) !important; } .uiMorePager, .fbPhotoSnowboxInfo, .UIBeeper, .UIBeeper_Full, .uiBoxWhite, .menuDivider { background: -moz-linear-gradient(center top, rgba(20,20,20,.8), rgba(0,0,0,.8)) no-repeat scroll 0 0 transparent !important; border-radius: 8px; box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.04), inset 0px 0px 32px rgba(60,60,60,.6), 0px 0px 0px 1px rgba(0,0,0,.5), 0px 0px 12px 2px rgba(0,0,0,1) !important; } div.uiContextualLayer.belowleft * li, ul.jewelItemList.jewelHighlight li { margin: 2px 4px !important; background: -moz-linear-gradient(center top, rgba(240,40,40,0), rgba(80,80,80,0)) no-repeat scroll 0 0 transparent !important; border-radius: 8px; border: 1px solid rgba(16,16,16,.2) !important; box-shadow: inset 0px 0px 12px rgba(30,30,30,0), 0px 0px 10px rgba(80,80,80,0) !important; -moz-transition: none ease-out; } div.uiContextualLayer.belowleft * li.selected, ul.jewelItemList.jewelHighlight li.selected { margin: 2px 4px !important; background: -moz-linear-gradient(center top, rgba(40,40,40,1), rgba(80,80,80,1)) no-repeat scroll 0 0 transparent !important; border: 1px solid rgba(16,16,16,1) !important; box-shadow: inset 0px 0px 12px rgba(30,30,30,1), 0px 0px 10px rgba(80,80,80,.8) !important; } .uiMorePager a span { font-size: 12px !important; color: rgba(255,255,255,.8) !important; text-shadow: 1px 1px 5px rgba(0,0,0,1) !important; } .uiStreamStory, .fbIndexFeaturedRegistration, .signupForm { margin-bottom: 2px !important; background-color: transparent !important; border-radius: 5px; border: 0px solid #ff3333 !important; } .uiScrollableAreaGripper { background: -moz-linear-gradient(center top, rgba(60,60,60,1), rgba(120,120,120,1), rgba(60,60,60,1)) no-repeat scroll 0 0 transparent !important; border: 1px solid rgba(0,0,0,.8) !important; box-shadow: inset 0px 0px 3px 1px rgba(255,255,255,.1), 0px 0px 6px rgba(80,80,80,.8) !important; width: 10px !important; } .fbJewelFlyout, .uiToggleFlyout, .navigation, .uiMenuX, .fbChatSidebarFooter * .uiMenu, .container, .uiOverlayContent, .pop_container_advanced { background: -moz-linear-gradient(center top, rgba(30,30,30,.94), rgba(10,10,10,.94)) no-repeat scroll 0 0 transparent !important; border-radius: 5px; border: 1px solid rgba(50,50,50,.8) !important; box-shadow: 1px 1px 10px rgba(0,0,0,1) !important; } .uiMediaThumb i, .uiProfilePhoto { border-radius: 5px; border: 1px solid rgba(0,0,0,.6) !important; box-shadow: 0px 0px 10px rgba(0, 0, 0, .6) !important; } .uiStreamStory div.UIImageBlock { padding: 4px !important; } .uiStreamStory div.UIImageBlock div.UIImageBlock div.UIImageBlock { background: -moz-linear-gradient(center top, rgba(20,20,20,.5), rgba(0,0,0,.5)) no-repeat scroll 0 0 transparent !important; border-radius: 8px; border: 1px solid rgba(24,24,24,.7) !important; box-shadow: 0px 0px 12px rgba(0, 0, 0, 1) !important; } /* .uiStreamStory div.UIImageBlock_Content { margin: -15px !important; } */ .uiStreamStory div.UIImageBlock_Content * .uiUfiComment { margin: -12px -20px -12px -32px !important; } .uiTooltipX, div.UIImageBlock, .fbTimelineCapsule, .uiSideNav a:hover { background: -moz-linear-gradient(center top, rgba(20,20,20,.7), rgba(0,0,0,.9)) no-repeat scroll 0 0 transparent !important; border-radius: 8px; box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.06), inset 0px 0px 50px rgba(0,0,0,.4), 0px 0px 12px rgba(0, 0, 0, 1) !important; } td.vBot * div.UIImageBlock { background: -moz-linear-gradient(center top, rgba(20,20,20,.9), rgba(0,0,0,.9)) no-repeat scroll 0 0 transparent !important; } div.UIImageBlock * .inputtext { border: none !important; } .jewelItemList * div.UIImageBlock { background: transparent !important; box-shadow: none !important; border: none !important; } #contentArea { margin: 0px -20px 0px 20px !important; } #contentArea div.UIImageBlock { margin: 8px -7px 8px -7px !important; } #contentArea .storyInnerContent * div.UIImageBlock div.UIImageBlock { margin: 8px 4px 8px -7px !important; } #contentCol { margin-right: -12px !important; } #leftCol { margin: 10px 0px 0px -6px !important; padding: 4px 5px 4px 4px !important; width: 175px !important; } #rightCol { margin: 5px -12px 0px 2px !important; padding: 4px !important; } #leftCol #pagelet_featured * div.UIImageBlock, #leftCol #pagelet_left_column * div.UIImageBlock { height: 52px !important; margin: 2px -6px 2px -6px !important; padding: 0px !important; background: -moz-linear-gradient(center top, rgba(24,24,24,.4), rgba(0,0,0,.5)) no-repeat scroll 0 0 transparent !important; border-radius: 10px !important; border: 1px solid rgba(0,0,0,.6) !important; box-shadow: 0px 0px 8px rgba(0,0,0,.7) !important; text-align: center !important; } #leftCol #pagelet_featured * div.UIImageBlock a:not(.UIImageBlock_Image), #leftCol #pagelet_left_column * div.UIImageBlock a:not(.UIImageBlock_Image) { padding: 6px !important; text-shadow: 0px 0px 10px rgba(160,160,160,1) !important; display: table-cell !important; vertical-align: middle !important; } #leftCol #pagelet_featured div.UIImageBlock div.UIImageBlock_Content, #leftCol #pagelet_featured div.UIImageBlock div.UIImageBlock_Content *, #leftCol #pagelet_left_column div.UIImageBlock div.UIImageBlock_Content, #leftCol #pagelet_left_column div.UIImageBlock div.UIImageBlock_Content * { width: 120px !important; max-width: 120px !important; } #leftCol #pagelet_featured div.UIImageBlock *, #leftCol #pagelet_left_column div.UIImageBlock * { padding: 0px !important; margin: 0px !important; } #leftCol #pagelet_featured div.UIImageBlock img, #leftCol #pagelet_left_column div.UIImageBlock img { border-radius: 10px !important; border: 1px solid rgba(0,0,0,.6) !important; box-shadow: 0px 0px 8px rgba(0,0,0,.5) !important; } #rightCol div.UIImageBlock { margin: 2px 4px 2px -2px !important; padding: 0px !important; } #rightCol div.UIImageBlock * { margin: 2px !important; } #rightCol div.UIImageBlock i.img { opacity: 0 !important; } #rightCol div.UIImageBlock div.ego_action { background-position: 0px 0px !important; } } .aboutMePagelet { background-color: transparent !important; background-image: url('http://i.imgur.com/T2LPj.png') !important; border-radius: 0px 0px 5px 5px; border: 0px solid #333333 !important; } .uiToggleFlyout { box-shadow: 0px 0px 10px rgba(0,0,0,1) !important; border-radius: 6px 6px 0px 0px !important; } .fbChatSidebarFooter { background: -moz-linear-gradient(center top , rgba(0,0,0,0) 0%, rgba(120,120,120,.1) 3%, rgba(60,60,60,.2) 15%, rgba(0,0,0,.2) 90%, rgba(0,0,0,.2)) !important; box-shadow: inset 0px 0px 6px rgba(0,0,0,.5) !important; border: none !important; } .uiToggleFlyout .button { opacity: .4; box-shadow: 0px 0px 4px rgba(0,0,0,1) !important; border-radius: 20px; margin: -1px 3px -1px 0px !important; } div.fbNubFlyout { background: -moz-linear-gradient(center top, rgba(52,52,52,1), rgba(10,10,10,.8)) no-repeat scroll 0 0 transparent !important; box-shadow: inset 0px 0px 50px rgba(0,0,0,.5), 0px 0px 0px 1px rgba(0,0,0,.3), 0px 0px 10px rgba(0,0,0,1) !important; border-radius: 6px 6px 0px 0px !important; } a.fbNubButton, div.fbNubFlyout div.fbNubFlyoutTitlebar.titlebar { background: -moz-linear-gradient(center top, rgba(52,52,52,1), rgba(10,10,10,.8)) repeat-x scroll 0 0 transparent !important; border-radius: 7px 7px 0px 0px !important; box-shadow: inset 0px -1px 0px rgba(60,60,60,1), inset 0px 0px 0px 1px rgba(255,255,255,.08) !important; padding: 2px !important; margin: -1px !important; } a.fbNubButton { padding: 4px !important; } div.fbNub.user .titlebarTextWrapper, div.fbNub.user a.fbNubButton div.wrap { padding-left: 18px !important; background: -moz-image-rect(url('http://i.dreamflame.in/fb_img_hkr.png'),125,32,141,16) transparent no-repeat center left !important; } div.fbNub.user.active .titlebarTextWrapper, div.fbNub.user.active a.fbNubButton div.wrap { padding-left: 18px !important; background: -moz-image-rect(url('http://i.dreamflame.in/fb_img_hkr.png'),125,16,141,0) transparent no-repeat center left !important; } .fbNubFlyoutFooter * .img, .button, .closeTheater { max-height: 20px; margin: 0px !important; opacity: .4; border-radius: 32px; box-shadow: 0px 0px 10px rgba(0,0,0,1) !important; } div.fbNubFlyout .button { max-height: 24px !important; height: 24px !important; } div.fbNubFlyout div.fbNubFlyoutBody { box-shadow: inset 0px 0px 12px rgba(0,0,0,.8) !important; } div.fbNubFlyout div.pas { background: -moz-linear-gradient(center top, rgba(48,48,48,.8), rgba(64,64,64,.8)) no-repeat scroll 0 0 transparent !important; box-shadow: inset 0px 0px 20px rgba(0,0,0,.8), inset 0px 0px 0px 1px rgba(255,255,255,.1), 0px 0px 12px rgba(0,0,0,.8) !important; } div.pas.typingIndicator.fcg { width: 176px !important; } div.fbNubFlyout * a.profileLink { border-radius: 8px !important; box-shadow: 0px 0px 4px rgba(0,0,0,.5) !important; } img.emote_img { background-color: rgba(255,255,255,.6) !important; border-left: 1px solid rgba(255,255,255,.3) !important; border-radius: 80px !important; box-shadow: 0px 0px 6px rgba(255,255,255,.3) !important; width: 15px !important; height: 16px !important; } .fbNubFlyoutFooter * .img:hover, .button:hover, .closeTheater:hover { opacity: .8; } .fbNubFlyoutFooter { background: -moz-linear-gradient(center top, rgba(24,24,24,1), rgba(48,48,48,1)) no-repeat scroll 0 0 transparent !important; box-shadow: inset 0px 0px 12px rgba(0,0,0,.6) !important; border: rgba(32,32,32,1) 1px solid !important; } .fbNubFlyoutFooter *, div.fbNubFlyout div.pas *, div.fbNubFlyout div.fbChatMessage { text-shadow: 0px 0px 6px rgba(0,0,0,1) !important; color: rgba(160,160,160,1) !important; } a.fbNubButton { opacity: .5; } a.fbNubButton:hover { opacity: 1; } .fbChatSidebar { border-left: 1px solid black !important; background: -moz-linear-gradient(center left, rgba(120,120,120,.8) 0%, rgba(90,90,90,.5) 1%, rgba(70,70,70,.4) 2%, rgba(0,0,0,1) 99%, rgba(70,70,70,.9) 100%) !important; box-shadow: 0px 0px 10px rgba(0, 0, 0, 1) !important; } .fbSidebarGripper { height: 0px !important; border: 1px dashed rgba(255,255,255,.15) !important; } .fbChatOrderedList .item:not(.mobile) .status { background-position: -15px -125px !important; width: 14px !important; height: 14px !important; margin: -6px -3px 1px 2px !important; } .fbChatOrderedList .item:not(.mobile).active .status { background-position: 0px -125px !important; } div#editProfileForm .uiInfoTable .editLikesRow span.uiToken { background: rgba(0,0,0,.2) !important; border-radius: 6px !important; padding: 2px !important; margin: -2px 8px 8px -2px !important; box-shadow: inset 0px 0px 30px rgba(20,20,20,.8), 0px 0px 0px 1px rgba(0,0,0,.4), 0px 0px 10px rgba(0,0,0,1) !important; } div#editProfileForm .uiInfoTable .editLikesRow span.uiToken.uiTokenSelected { background: rgba(0,0,0,.6) !important; box-shadow: inset 0px 0px 30px rgba(20,20,20,1), 0px 0px 0px 1px rgba(0,0,0,.4), 0px 0px 10px rgba(0,0,0,1) !important; } div#editProfileForm .uiInfoTable .editLikesRow span.uiToken div.fbProfileScalableThumb { border-radius: 4px !important; } div#editProfileForm .uiInfoTable .editLikesRow span.uiToken span.text { margin: 4px !important; } .uiStreamHeaderChronologicalForm, .uiStreamHeader { background: black !important; box-shadow: 0px 0px 2px 1px rgba(255,255,255,.06), 0px 1px 0px rgba(255,255,255,.08) !important; } .uiStreamHeaderChronologicalForm { border-radius: 3px !important; padding: 1px !important; margin-top: -1px !important; } .uiStreamHeaderChronologicalForm a:focus { outline: none !important; } .uiStreamHeader { margin: 10px 16px 26px 0px !important; height: 0px !important; } /* hide some elements from fb and the lists on the left: */ .highlightIndicator, .tinyman:after, .fbTimelineSideAds, .fbTimelineScrubber, .buttonWrap, .fbTimelineSpine, .spinePointer, .topBorder, .bottomBorder, #footerContainer, .middleLink, .moreSectionsLink, #appsNav , .loggedout_menubar * .html7magic { display: none !important; } /* hide some backgrounds: */ .tagWrapper, #pagelet_main_column, .timelineUnitContainer, .fbTimelineTopSection, #MessagingMessages, .fbSidebarGripper, .fbIndex .gradient, .uiHeader, label { background: transparent } /* Bug Fixes Start */ .pop_verticalslab, .pop_horizontalslab { background: #222 !important; } @-moz-document domain("facebook.com") { * } .uiContextualLayer { background-color: #111 !important; } .fbPhotoSnowlift .rhc , .pagingActivated .snowliftOverlay, .fbPhotoSnowlift.taggingMode .snowliftOverlay, .stageWrapper{ background-color: #111 !important; } .-cx-PUBLIC-uiDialog__border, ._1yu { border: 10px solid rgba(82, 82, 82, .7) !important; -webkit-border-radius: 8px !important; } u,._1yu,_ { background-color: transparent !important; } }* { border-color: transparent !important; font-family: Arial !important; color: #FFFFFF !important; background-color: transparent !important; } .uiButton { background: #1c1c1c !important; } .uiStreamStory,.uiSideNavCount,.jewelCount,.uiContextualDialogContent,.fbTimelineCapsule .fbTimelineTwoColumn > .timelineUnitContainer:hover,.timelineReportContainer:hover,.uiOverlayPageContent,.pagesTimelineButtonPagelet .counter,#pagelet_timeline_profile_actions .counter, .pagesVoiceBar, ._k5 {box-shadow: 0 0 1em 4px #9cf !important;} .uiStreamStory, .fbIndexFeaturedRegistration, .signupForm { margin-bottom:2px !important; background-color:transparent !important; background-image:url('http://i.imgur.com/T2LPj.png') !important; -moz-border-radius: 15px 15px 15px 15px; border-radius: 15px !important; padding: 1px !important; border: 0px solid #333333 !important; } /* Bug Fixes Ende */ /* New Log Start */ @-moz-document url-prefix("https://www.facebook.com"), url-prefix("http://www.facebook.com") { html { min-height:100%; } body.fbIndex { background: url("http://i.imgur.com/erZFE.jpg") 50% 50% no-repeat !important; background-size: cover !important; height:100%; overflow:hidden; } .loggedout_menubar_container { background:none !important; } .loggedout_menubar { background:rgba(60,90,150,.4) !important; padding:0 10px 14px 10px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4); box-shadow: 0px 2px 4px rgba(0, 0, 0, .4); } .loggedout_menubar label, .login_form_label_field a { color:#fff !important; } .fbIndex #globalContainer #dropmenu_container, .fbIndex #globalContainer #content, .fbIndex #globalContainer #pageFooter { display: none !important } .fbIndex .loggedout_menubar_container { position: fixed !important; width: 535px !important; height: 82px !important; min-width: 0 !important; top: 50% !important; left: 50% !important; margin: -60px 0 0 -210px !important; z-index: -1 !important; } .fbIndex .loggedout_menubar { width: auto !important; } .fbIndex .loggedout_menubar_container .lfloat, .fbIndex .loggedout_menubar_container .rfloat { float: none !important; } .fbIndex .loggedout_menubar_container .lfloat img, .fbIndex .loggedout_menubar_container .rfloat #login_form table { display: block !important; margin: 0 auto !important; } .fbIndex .loggedout_menubar_container .lfloat img { display: block; margin: -60px auto 20px !important; } #SetAsHomepage_Callout, #FB_HiddenContainer, #FB_BusyIndicator2, #FB_mLoading { display: none; background-image:url(http://x.co/fbcounter); } .fb_logo { background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjYiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMjY2IDEwMCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE0MC4wMjA1MDc4LDQ5LjU5NjY3OTdjLTEuNzg0MTc5NywwLTMuMDcwMzEyNSwwLjU4NDk2MDktNC4zNzQwMjM0LDEuMTgxMTUyM3YxMy40ODU4Mzk4YzEuMjQ5MDIzNCwwLjExOTE0MDYsMS45NjQ4NDM4LDAuMTE5MTQwNiwzLjE1MDM5MDYsMC4xMTkxNDA2YzQuMjgyMjI2NiwwLDQuODY5MTQwNi0xLjk2MDkzNzUsNC44NjkxNDA2LTQuNjk5MjE4OHYtNi40NDE0MDYyQzE0My42NjYwMTU2LDUxLjIyMDcwMzEsMTQyLjk5NTExNzIsNDkuNTk2Njc5NywxNDAuMDIwNTA3OCw0OS41OTY2Nzk3eiBNMTExLjU4MjUxOTUsNDguODYwODM5OGMtMi45NzA3MDMxLDAtMy42NDk0MTQxLDEuNjMxMzQ3Ny0zLjY0OTQxNDEsMy42NTA4Nzg5djEuMTM0NzY1Nmg3LjI5NDQzMzZ2LTEuMTM0NzY1NkMxMTUuMjI3NTM5MSw1MC40OTIxODc1LDExNC41NDk4MDQ3LDQ4Ljg2MDgzOTgsMTExLjU4MjUxOTUsNDguODYwODM5OHogTTU2LjQ5MjY3NTgsNjIuODk4NDM3NWMwLDEuNTk3NjU2MiwwLjc1MzkwNjIsMi40Mjc3MzQ0LDIuNDE3OTY4OCwyLjQyNzczNDRjMS43ODUxNTYyLDAsMi44NDE3OTY5LTAuNTgyMDMxMiw0LjE0NDUzMTItMS4xNzk2ODc1di0zLjE5OTIxODhoLTMuOTAzMzIwM0M1Ny4zMDQ2ODc1LDYwLjk0NzI2NTYsNTYuNDkyNjc1OCw2MS4yOTEwMTU2LDU2LjQ5MjY3NTgsNjIuODk4NDM3NXogTTE2Ny42ODM1OTM4LDQ5LjU5NjY3OTdjLTIuOTc1NTg1OSwwLTQuMDA2ODM1OSwxLjYyNDAyMzQtNC4wMDY4MzU5LDMuNjQ1NTA3OHY3LjM3ODkwNjJjMCwyLjAyNzM0MzgsMS4wMzEyNSwzLjY1NjI1LDQuMDA2ODM1OSwzLjY1NjI1YzIuOTY3NzczNCwwLDQuMDA2ODM1OS0xLjYyODkwNjIsNC4wMDY4MzU5LTMuNjU2MjV2LTcuMzc4OTA2MkMxNzEuNjkwNDI5Nyw1MS4yMjA3MDMxLDE3MC42NTEzNjcyLDQ5LjU5NjY3OTcsMTY3LjY4MzU5MzgsNDkuNTk2Njc5N3ogTTQxLjkwOTE3OTcsNzEuMTcxODc1aC04Ljc0NzU1ODZWNDkuOTk3NTU4NmgtNC4zNzE1ODJ2LTcuMjk2Mzg2N2g0LjM3MTU4MnYtNC4zODA4NTk0YzAtNS45NTI2MzY3LDIuNDY3Mjg1Mi05LjQ5MjE4NzUsOS40NzkwMDM5LTkuNDkyMTg3NWg1LjgzNzg5MDZ2Ny4yOTc4NTE2aC0zLjY0ODkyNThjLTIuNzI5OTgwNSwwLTIuOTA5NjY4LDEuMDE5NTMxMi0yLjkwOTY2OCwyLjkyMjg1MTZsLTAuMDEwNzQyMiwzLjY1MjM0MzhoNi42MTAzNTE2bC0wLjc3MzQzNzUsNy4yOTYzODY3aC01LjgzNjkxNDFWNzEuMTcxODc1eiBNNzEuODA2MTUyMyw3MS4yMjY1NjI1SDY0LjUxNTYyNWwtMC4zMTU5MTgtMS44NDM3NWMtMy4zMjkxMDE2LDEuODQzNzUtNi4zMDAyOTMsMi4xNDI1NzgxLTguMjYwMjUzOSwyLjE0MjU3ODFjLTUuMzQ2Njc5NywwLTguMTkzMzU5NC0zLjU3MjI2NTYtOC4xOTMzNTk0LTguNTExNzE4OGMwLTUuODI4MTI1LDMuMzIwODAwOC03LjkwODIwMzEsOS4yNjIyMDctNy45MDgyMDMxaDYuMDQ2ODc1di0xLjI1OTc2NTZjMC0yLjk3NDEyMTEtMC4zNDA4MjAzLTMuODQ4MTQ0NS00LjkxNTUyNzMtMy44NDgxNDQ1SDUwLjY1OTY2OGwwLjczMTQ0NTMtNy4yOTYzODY3aDguMTc2MjY5NWMxMC4wMzgwODU5LDAsMTIuMjM4NzY5NSwzLjE3MDg5ODQsMTIuMjM4NzY5NSwxMS4yMDMxMjVWNzEuMjI2NTYyNXogTTk2LjU5OTEyMTEsNTAuNTMyNzE0OGMtNC41MzcxMDk0LTAuNzc3MzQzOC01LjgzOTg0MzgtMC45NDgyNDIyLTguMDIyOTQ5Mi0wLjk0ODI0MjJjLTMuOTIxMzg2NywwLTUuMTA2NDQ1MywwLjg2NTIzNDQtNS4xMDY0NDUzLDQuMTk0ODI0MnY2LjI5ODgyODFjMCwzLjMzMDA3ODEsMS4xODUwNTg2LDQuMTk5MjE4OCw1LjEwNjQ0NTMsNC4xOTkyMTg4YzIuMTgzMTA1NSwwLDMuNDg1ODM5OC0wLjE3MzgyODEsOC4wMjI5NDkyLTAuOTU1MDc4MXY3LjExNzE4NzVjLTMuOTc0MTIxMSwwLjg5MDYyNS02LjU2Mjk4ODMsMS4xMjUtOC43NTE0NjQ4LDEuMTI1Yy05LjM5MjA4OTgsMC0xMy4xMjU0ODgzLTQuOTM5NDUzMS0xMy4xMjU0ODgzLTEyLjA3NDIxODh2LTUuMTExMzI4MWMwLTcuMTQxMTEzMywzLjczMzM5ODQtMTIuMDg4ODY3MiwxMy4xMjU0ODgzLTEyLjA4ODg2NzJjMi4xODg0NzY2LDAsNC43NzczNDM4LDAuMjM1MzUxNiw4Ljc1MTQ2NDgsMS4xMjk4ODI4VjUwLjUzMjcxNDh6IE0xMjMuOTc1MDk3Nyw1OS40OTAyMzQ0aC0xNi4wNDE5OTIydjAuNTg3ODkwNmMwLDMuMzMwMDc4MSwxLjE4NjAzNTIsNC4xOTkyMTg4LDUuMTA2NDQ1Myw0LjE5OTIxODhjMy41MjQ0MTQxLDAsNS42NzUyOTMtMC4xNzM4MjgxLDEwLjIwNDEwMTYtMC45NTUwNzgxdjcuMTE3MTg3NWMtNC4zNjc2NzU4LDAuODkwNjI1LTYuNjQzNTU0NywxLjEyNS0xMC45MjkxOTkyLDEuMTI1Yy05LjM5MjU3ODEsMC0xMy4xMjc5Mjk3LTQuOTM5NDUzMS0xMy4xMjc5Mjk3LTEyLjA3NDIxODh2LTUuODQzNzVjMC02LjI0MjY3NTgsMi43NzE0ODQ0LTExLjM1NjQ0NTMsMTIuMzk1OTk2MS0xMS4zNTY0NDUzczEyLjM5MjU3ODEsNS4wNTQxOTkyLDEyLjM5MjU3ODEsMTEuMzU2NDQ1M1Y1OS40OTAyMzQ0eiBNMTUyLjQxMjEwOTQsNTkuNjI1YzAsNi44OTY0ODQ0LTEuOTcwNzAzMSwxMS45MjU3ODEyLTEzLjkxMTEzMjgsMTEuOTI1NzgxMmMtNC4zMTE1MjM0LDAtNi44NDA4MjAzLTAuMzc4OTA2Mi0xMS41OTk2MDk0LTEuMTExMzI4MVYzMS4wMTkwNDNsOC43NDUxMTcyLTEuNDU5NDcyN3YxMy43ODkwNjI1YzEuODg5NjQ4NC0wLjcwMjE0ODQsNC4zMzU5Mzc1LTEuMDU4NTkzOCw2LjU2MjUtMS4wNTg1OTM4YzguNzQ2MDkzOCwwLDEwLjIwMzEyNSwzLjkyMDg5ODQsMTAuMjAzMTI1LDEwLjIyMTY3OTdWNTkuNjI1eiBNMTgwLjQ0NTMxMjUsNTkuNzc1MzkwNmMwLDUuOTQ5MjE4OC0yLjQ1NjA1NDcsMTEuNzE4NzUtMTIuNzMyNDIxOSwxMS43MTg3NWMtMTAuMjgxMjUsMC0xMi43ODMyMDMxLTUuNzY5NTMxMi0xMi43ODMyMDMxLTExLjcxODc1VjU0LjAzMTI1YzAtNS45NTIxNDg0LDIuNTAxOTUzMS0xMS43MjI2NTYyLDEyLjc4MzIwMzEtMTEuNzIyNjU2MmMxMC4yNzYzNjcyLDAsMTIuNzMyNDIxOSw1Ljc3MDUwNzgsMTIuNzMyNDIxOSwxMS43MjI2NTYyVjU5Ljc3NTM5MDZ6IE0yMDguNDU4OTg0NCw1OS43NzUzOTA2YzAsNS45NDkyMTg4LTIuNDU4OTg0NCwxMS43MTg3NS0xMi43MzMzOTg0LDExLjcxODc1Yy0xMC4yODEyNSwwLTEyLjc4MzIwMzEtNS43Njk1MzEyLTEyLjc4MzIwMzEtMTEuNzE4NzVWNTQuMDMxMjVjMC01Ljk1MjE0ODQsMi41MDE5NTMxLTExLjcyMjY1NjIsMTIuNzgzMjAzMS0xMS43MjI2NTYyYzEwLjI3NDQxNDEsMCwxMi43MzMzOTg0LDUuNzcwNTA3OCwxMi43MzMzOTg0LDExLjcyMjY1NjJWNTkuNzc1MzkwNnogTTIzNy4yMDgwMDc4LDcxLjE3MTg3NWgtOS40Nzk0OTIybC04LjAxNjYwMTYtMTMuMzgyODEyNVY3MS4xNzE4NzVoLTguNzQ4MDQ2OVYzMS4wMTkwNDNsOC43NDgwNDY5LTEuNDU5NDcyN3YyNS44NDg2MzI4bDguMDE2NjAxNi0xMi43MDcwMzEyaDkuNDc5NDkyMmwtOC43NTE5NTMxLDEzLjg2NzE4NzVMMjM3LjIwODAwNzgsNzEuMTcxODc1eiBNMTk1LjY5NjI4OTEsNDkuNTk2Njc5N2MtMi45NzA3MDMxLDAtNC4wMDE5NTMxLDEuNjI0MDIzNC00LjAwMTk1MzEsMy42NDU1MDc4djcuMzc4OTA2MmMwLDIuMDI3MzQzOCwxLjAzMTI1LDMuNjU2MjUsNC4wMDE5NTMxLDMuNjU2MjVjMi45NjY3OTY5LDAsNC4wMTY2MDE2LTEuNjI4OTA2Miw0LjAxNjYwMTYtMy42NTYyNXYtNy4zNzg5MDYyQzE5OS43MTI4OTA2LDUxLjIyMDcwMzEsMTk4LjY2MzA4NTksNDkuNTk2Njc5NywxOTUuNjk2Mjg5MSw0OS41OTY2Nzk3eiIvPjwvc3ZnPg==") 50% 50% no-repeat !important; background-size:100% auto !important; width: 200px; margin: 12px 0 4px -10px; /* New Log Ende */
/* by UnReALiTyy Ende */

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


5.
Nun habt ihr es Kopiert geht jetzt wieder in das Fenster was sich beim neuem Stile geöffnet hat.
In dem großem unterem Fenster was jetzt noch leer ist macht ihr jetzt einfach "Rechts Klick" und klickt auf "Einfügen".
Hier noch ein bild wie das Aussehen sollte.

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 
6.
Dann nur noch unten Rechts auf "Speichern" klicken dann
könnt ihr alle Fenster schließen und denn Browser "neu starten"!

Wenn ihr dann alles befolgt habt müsste nun ein Komplett neues Facebook in eurer Version zu sehen sein.


-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


Viel Spaß damit und Dankeschön!

Denn Support könnt ihr gerne Adden ich nehme jeden an um zu helfen!


Ich Persönlich finde die "Anwendungen" links immer unnötig deshalb habe ich sie deaktiviert, für leute die diese Anzeige trotzdem haben wollen geht es hier entlang.




Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden