主題

臉書簡潔大方Stylish CSS樣式Facebook dark style with wider interface

—— | 2015-07-14 21:12:05 | 巴幣 0 | 人氣 657

特色：左右側邊欄自動隱藏（右邊會顯示好友頭像），動態最大化，專心瀏覽器。
黑色板面，晚上不會太刺眼。
白色是個人修改版，因為白底黑字比較好看。
我把頁面放大了，右邊的朋友欄隱藏起來了。

https://userstyles.org/styles/116262/facebook-dark-style-with-wider-interface

個人修改版，中文那裡是原版沒有的。
建議用原版的，個人不會CSS，純粹備份自用的。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("facebook.com") {


/*尋找朋友*/
#findFriendsNav{
display:none;
}
/*右側認識朋友*/
#pagelet_ego_pane{
display:none;
}

/* auto-hide left side bar */
#leftCol {
    z-index: 0 !important;
    margin-right: -200px !important;
    opacity: 1 !important;
    margin-left: -20px !important;
    margin-top: 10px !important;
    position: fixed !important;
    clip: rect(0px,30px,auto,0px) !important;
    word-wrap:normal!important;
}

h5.uiStreamHeadline {

    font: 14px Helvetica Neue, Helvetica, Arial, Verdana, sans-serif!important

}

._5pbw .f

#leftCol a {
    color: #cfc7c6!important;
}
#leftCol:hover {
    z-index: 1000 !important;
    clip: auto !important;
}

#leftCol ._3-91,  #leftCol ._8u._42ef, #leftCol .uiPopover {
    display: none!important;
}
#leftCol:hover ._3-91, #leftCol:hover .navHeader, #leftCol:hover ._8u._42ef, #leftCol:hover .uiPopover {
    display:block!important;
}
#leftCol .sideNavItem {
    margin-left: -6px!important;
    /*padding-left: 12px!important;*/
}
/* unread badges */
#leftCol ._5aff {
    position: relative!important;
    background-color: #464544!important;
    font-size: 0.7em!important;
    top: -1em!important;
    z-index: 999!important;
    border-radius: 5px!important;
}
#leftCol:hover ._5aff {
    background-color: transparent!important;
    font-size: 14px!important;
    top: 0!important;
}

#contentCol { margin-left: 0px !important; }

/* remove junk from left side bar */
#developerNav, #pagesNav, #appsNav, #interestsNav { display: none; }

/* images etc in the middle */
._6n_, ._5cq3, ._4-eo, ._6n8, ._6o0, ._6m5, ._6ks, ._6kt, ._6m2, ._2a2q, ._9_n, ._9_m {
    margin: 0px auto !important;
    display: block !important;
}

/* fixes */
*._5vsj .UFIRow { margin: 5px 10px !important; }
*._5vsj .UFIReplyList .UFIComponent.UFILastComponent:after { display: none; }
#stream_pagelet .mvm, .mbm, #event_description { position: relative; }
.composerTypeahead { height: 64px; }
.uiTypeahead, ._27uf, ._5po9, ._4t2a { background: none !important; border: none !important; }
textarea, .uiOverlayFooter { background: none !important; color: white !important; }
.uiBoxGray { background-color: #252423; border: none !important; }
._1yv .uiBoxGray, ._59s7 ._5a8u { background: none !important; }

#headerArea {
    margin: 0px auto !important;
    position: relative;
    float: none !important;
    width: 100%!important;
}

/* Remove games from left side bar */
#pagelet_canvas_nav_content { display: none; }
/* Remove translations icon */
a[aria-label="Translations"] { display: none; }

/* Chat sidebar small and sexy */

.fbChatSidebar {
    width: 46px!important;
}

.fbChatSidebar:hover {
    width: 205px !important;
}

/* fix for icons panel */
._5q5b ._50mz .emoticonsPanel ._5r8f.panelFlyout {
    bottom: 42px!important;
    right: 0!important;
}
.emoticonsPanel div._5r8f .panelFlyoutArrow {
    left: 256px!important;
}

/* wider content area */
div #contentArea {
    width: 100% !important;
}

.sidebarMode #globalContainer {
    padding: 0!important;
    width: 90%!important;
}

div #rightCol {
   display:none!important;
}
._5vb_ ._dcs .__c_, ._5vb_ ._6l- { background-color: #353433!important;}

/* chats moved to right */
.sidebarMode ._48gf { right: 56px;}

/* post picture background fix */
._5inf {
    background-color: #353433!important;
}
/* top navbar wide */
.sidebarMode ._uaw {
    padding-right: 0!important;
    width: 90%!important;
}

}