Тема для Facebook «Blacked Out FB Improved» (от Mar 27, 2012)

Blacked Out FB Improved – прекрасное, только одно из немногих животрепещущих, оформление для социальной сети Facebook, выполненное в тёмных тонах. Тема чрезвычайно прекрасно смотрится, но она не законченна и всё ещё находится в разработке.

тема для facebook «blacked out fb improved»
Cod темы для установки:
Code200?’200px’:»(this. scrollHeight5)’px’);»>/* by hkr (dreamflame in) */

@namespace url(http://www. w3.org/1999/xhtml);
@-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://i. dreamflame. in/fb_img_hkr. 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’] {
— moz-appearance: none! important;
background: — moz-linear-gradient(center top, rgba(80,80,80,1), rgba(30,30,30,1)) no-repeat scroll 0 0 transparent! important;
box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,.05), inset 0px 0px 20px rgba(0,0,0,.5), 0px 0px 10px rgba(0,0,0,1) !important;
color: rgba(255,255,255,.6) !important;
text-shadow: 0px 0px 5px rgba(0,0,0,1) !important;
border-radius: 6px;
border: 0px! important;
padding: 0px 6px! important;
— moz-transition: opacity.4s ease-out, color.4s ease-out, background-image.4s ease-out, box-shadow.4s ease-out! important;
margin: 4px -3px! important;
opacity: .6;
min-height: 24px! important;
}
input[type=’submit’]:hover, input[type=’button’]:hover {
box-shadow: inset 0px 0px 12px rgba(255,255,255,.03), inset 0px 0px 0px 1px rgba(255,255,255,.1), 0px 0px 0px 1px rgba(30,30,30,.5), 0px 0px 5px 1px rgba(0,0,0,1) !important;
color: rgba(255,255,255,.8) !important;
text-shadow: 0px 0px 5px rgba(0,0,0,1) !important;
opacity: 1;
}
.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 {
background: — moz-linear-gradient(center top, rgba(20,20,20,.4), rgba(0,0,0,.4)) no-repeat scroll 0 0 transparent! important;
border-radius: 8px;
border: 1px solid rgba(0,0,0,.3) !important;
box-shadow: 0px 0px 12px rgba(0, 0, 0, .1) !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: 3px! important;
height: 40px! 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 #fbTimelineNavTopRow, #pagelet_timeline_main_column #fbTimelineNavTopRow * {
overflow: visible! 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:510px! important;
margin-top: 8px! important;
margin-left: 22px! important;
}
a. jewelButton {
height: 27px! important;
width: 27px! important;
opacity: .6 !important;
}
a. jewelButton:hover, a. jewelButton:active, a. jewelButton:focus { opacity: 1 !important; }
#pageLogo a {
opacity: .3;
background-position: 0px -17px! important;
border-color: transparent! important;
}
#pageLogo a:hover { opacity: .8; }
#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; }
.rightColumnWrapper, #leftCol {
background: — moz-linear-gradient(center top, rgba(50,50,50,.8), rgba(0,0,0,.8)) no-repeat scroll 0 0 transparent! important;
box-shadow: 1px 1px 10px rgba(0,0,0,1) !important;
border-radius: 10px;
border: 1px solid rgba(0,0,0,1) !important;
min-height: 240px! important;
— moz-transition: none! 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! important; }
} Для вас приглянулся материал? 17

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *