{"sections":[{"urls":[],"urlPrefixes":[],"domains":["facebook.com"],"regexps":[],"code":"/* START sticky nav bar */\r\n#globalContainer #pageHead, .loggedout_menubar  {\r\n  width: 981px !important;\r\n  left: 50%;\r\n  margin-left: -490.5px !important;\r\n  z-index: 15 !important;\r\n}\r\nhtml.sidebarMode #globalContainer #pageHead {\r\n  margin-left: -580.5px !important;\r\n}\r\n#blueBar {\r\n  position: fixed !important;\r\n  top: 0px;\r\n  width: 100%;\r\n  visibility: visible;\r\n  -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.3);\r\n  -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.3);\r\n  z-index: 14 !important;\r\n}\r\n#blueBar.ophLoggedOut {\r\n  height: 82px !important;\r\n}\r\n.fbChatSidebar {\r\n  z-index: 20 !important;\r\n}\r\n#content {\r\n  position: relative;\r\n  top: -6px;\r\n}\r\n#blueBarHolder {\r\n  height: 41px;\r\n}\r\nbody.UIPage_LoggedOut #content {\r\n  padding-top: 80px !important;\r\n}\r\n.loggedout_menubar {\r\n  position: fixed;\r\n}\r\n/* END sticky nav bar */\r\n\r\n\r\n/* START sticky left column on main page */\r\nbody.home #mainContainer #leftCol {\r\n  position: fixed;\r\n  top: 35px;\r\n}\r\n/* END sticky left column on main page */\r\n\r\n\r\n/* START move log out button to nav bar */\r\na#navAccountName {\r\n  width: 122px;\r\n  white-space: normal !important;\r\n  word-wrap: break-word;\r\n  padding-bottom: 5px !important;\r\n}\r\nli#navAccount:not(.openToggler) \u003e ul \u003e li \u003e form label {\r\n  position: absolute;\r\n  left: -241px;\r\n  top: -30px;\r\n  visibility: visible !important;  \r\n}\r\nli#navAccount:not(.openToggler) \u003e ul \u003e li \u003e form input{\r\n  border: 0 !important;\r\n  color: #FFF !important;\r\n  font-weight: bold !important;\r\n  height: 30px !important;\r\n  padding-top: 4px !important;\r\n}\r\nli#navAccount:not(.openToggler) \u003e ul \u003e li \u003e form input:hover{\r\n  background-color: #6D86B7 !important;\r\n  padding-bottom: 5px !important;\r\n}\r\nli#navAccount ul {\r\n  display: block !important;\r\n  visibility: hidden;\r\n}\r\nli#navAccount.openToggler ul {\r\n  visibility: visible;\r\n}\r\n/* END move log out button to nav bar */\r\n\r\n\r\n/* START blink new notifications buttons */\r\n.fbJewel { margin-right: 1px !important; }\r\n#fbMessagesFlyout { left: 27px !important; }\r\n#fbNotificationsFlyout { left: 54px !important; }\r\ndiv:not(#fb_menu_unfriends) \u003e .jewelUnread {\r\n  background: url('data:image/gif;base64,R0lGODlhAQABAIAAAP///zpalCH/C05FVFNDQVBFMi4wAwEAAAAh+QQJeAABACwAAAAAAQABAAACAkQBACH5BAl4AAEALAAAAAABAAEAAAICTAEAOw==') !important;\r\n  -moz-border-radius: 6px;\r\n  /*border: solid 1px white !important;*/\r\n  display: block;\r\n  height: 29px !important;\r\n}\r\n/* END blink new notifications buttons */\r\n\r\n\r\n/* START round the top edges */\r\n#headNav, .jewelButton, #pageLogo \u003e a {\r\n  -webkit-border-top-left-radius: 4px;\r\n  -webkit-border-top-right-radius: 4px;\r\n  -moz-border-radius-topleft: 4px;\r\n  -moz-border-radius-topright: 4px;\r\n}\r\n#pageNav #navAccount \u003e a, li.openToggler {\r\n  -webkit-border-top-left-radius: 5px;\r\n  -webkit-border-top-right-radius: 5px;\r\n  -moz-border-radius-topleft: 5px;\r\n  -moz-border-radius-topright: 5px;\r\n}\r\n/* END round the top edges */\r\n\r\n\r\n/* START shadows under menus \u0026 chat */\r\n#navAccount \u003e ul, .fbJewelFlyout, .uiOverlay, #navSearch .uiTypeaheadView,  .pop_container_advanced, .HovercardOverlay div.stage {\r\n  -webkit-box-shadow: 3px 3px 20px rgba(0,0,0,0.4) !important;\r\n  -moz-box-shadow: 3px 3px 20px rgba(0,0,0,0.4) !important;\r\n}\r\n.fbNubFlyout, .uiMenu {\r\n  -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.3) !important;\r\n  -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3) !important;\r\n}\r\n.fbDockChatTab.disabled \u003e a {\r\n  background-color: rgba(235,238,244,0.8) !important;\r\n  opacity: 0.8;\r\n}\r\n.fbDockChatTab.disabled \u003e a:hover {\r\n  background-color: rgba(235,238,244,1) !important;\r\n  opacity: 1;\r\n}\r\nform .uiTypeaheadView {\r\n  z-index: -10 !important;\r\n  border-top: 0;\r\n}\r\n/* END shadows under menus \u0026 chat */\r\n\r\n/* START photoSnowBox tweaks */\r\n#fbPhotoSnowbox div.container, #fbPhotoStagePagers a {\r\n  box-shadow: 3px 3px 20px rgba(0,0,0,0.4) !important;\r\n}\r\n/* END photoSnowBox tweaks */\r\n\r\n\r\n/* START fix top light blue banner (set home page reminder, etc) */\r\n#ConfirmBannerOuterContainer {\r\n  position: relative !important;\r\n  top: 40px;\r\n  z-index: 10;\r\n}\r\n/* END fix top light blue banner */\r\n\r\n\r\n/* START CSS3 animations */\r\n@-webkit-keyframes fadein {\r\nfrom {\r\n  opacity: 0;\r\n}}\r\n@-moz-keyframes fadein {\r\nfrom {\r\n  opacity: 0;\r\n}}\r\n.fbPhotoTheater, .fbPhotoTheater .stage img, .photoInfoWrapper *, .text_exposed_show {\r\n  -webkit-animation: fadein 0.3s;\r\n  -moz-animation: fadein 0.3s;\r\n}\r\n\r\n\r\n@-webkit-keyframes slidefromtop {\r\nfrom {\r\n  opacity: 0;\r\n  -webkit-transform: translateY(-10px);\r\n}}\r\n@-moz-keyframes slidefromtop {\r\nfrom {\r\n  opacity: 0;\r\n  -moz-transform: translateY(-10px);\r\n}}\r\n.jewelFlyout, .uiSelectorMenuWrapper, .uiTypeaheadView {\r\n  -webkit-animation: slidefromtop 0.25s;\r\n  -moz-animation: slidefromtop 0.25s;\r\n}\r\n\r\n@-webkit-keyframes slidefrombottom {\r\nfrom {\r\n  opacity: 0;\r\n  -webkit-transform: translateY(10px);\r\n}}\r\n@-moz-keyframes slidefrombottom {\r\nfrom {\r\n  opacity: 0;\r\n  -moz-transform: translateY(10px);\r\n}}\r\n.fbNubFlyout, .hovercard, .uiTooltipWrap {\r\n  -webkit-animation: slidefrombottom 0.25s;\r\n  -moz-animation: slidefrombottom 0.25s;\r\n}\r\n\r\n@-webkit-keyframes slidefromtoplarge {\r\nfrom {\r\n  opacity: 0;\r\n  -webkit-transform: translateY(-200px);\r\n}}\r\n@-moz-keyframes slidefromtoplarge {\r\nfrom {\r\n  opacity: 0;\r\n  -moz-transform: translateY(-200px);\r\n}}\r\nbody:not(.fbQuestionPopupExpanded) .generic_dialog, body.fbQuestionPopupExpanded .pop_content {\r\n  -webkit-animation: slidefromtoplarge 0.6s;\r\n  -moz-animation: slidefromtoplarge 0.6s;\r\n}\r\n/* fix fbQuestions bugs */\r\nbody.fbQuestionPopupExpanded .pop_content {  \r\n  -webkit-box-shadow: 3px 3px 30px rgba(0,0,0,0.6);\r\n  -moz-box-shadow: 3px 3px 30px rgba(0,0,0,0.6);\r\n}\r\nbody.fbQuestionPopupExpanded {\r\n  margin-right: 0px; \r\n  overflow: auto;\r\n}\r\n\r\n/* END CSS3 animations */"}],"url":"http://userstyles.org/styles/25094","updateUrl":"https://userstyles.org/styles/chrome/25094.json","md5Url":"https://update.userstyles.org/25094.md5","originalMd5":"20fac4cbab0a15c7ff6f369460c3d4e1","name":"Facebook - Sticky Top Nav Bar \u0026 More Prettiness","thumbnail":"https://userstyles.org/style_screenshots/25094_after.gif?r=1775088018"}