Тема для Facebook «Blacked Out FB Improved» (от Mar 27, 2012)
Главная » Всё для социальных сетей » Всё для Facebook » Темы для Facebook

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



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

Тема для Facebook «Blacked Out FB Improved»

Код темы для установки:
Code
/* 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; }  
  }
Об установке тем или CSS-стилей читаем тут
Все материалы, в том числе программы, выложенные на данном сайте, взяты в открытом доступе и размещены исключительно для ознакомления, как есть, без каких-либо изменений или модификаций. Сайт и его администрация не несут ответственности за содержание информации в архивных материалах сайта, а также за возможные последствия в ходе использования скаченных файлов.
Похожие материалы:
Теги материала:
оформление, facebook, Темы
Комментариев и отзывов о материале: 1
Lilit Heboyan в 13:12 12.01.2013
ooo