Facebook Blue Design
www.facebook.com • 11 months ago by ElNicko077
0
/*ElNicko077 Facebook Design All Rights Reserved*/
/*header*/
div.clearfix.slimHeader {
background: url(http://k37.kn3.net/61F3B9CC1.png)
;
}
div#blueBar.fixed_elem {
background: url(http://k37.kn3.net/61F3B9CC1.png)
;
background-repeat: repeat-x;
}
/*---------------------------------*/
/*hover botones right*/
.nsh #pageNav .navItem a:hover, .nsh #pageNav .navItem a:focus, .nsh #pageNav .navItem a:active, .nsh #pageNav #navAccountLink:hover, .nsh #pageNav #navAccountLink:focus, .nsh #pageNav #navAccountLink:active {
background: #043666;
}
/*----------------------------------*/
/*hover botones left*/
a.jewelButton:hover {
background-color: #043666;
}
/*---------------------------------*/
/*Facebook Logo*/
div.uiHeader.uiHeaderTopAndBottomBorder.mbs.uiSideHeader {
background-color: #f7f4f7;
}
#pageLogo a:hover {
display: none;
}
#pageLogo a {
background: url(http://k40.kn3.net/74E03FE04.png)
;
}
/*----------------------------------*/
/*Icons Botones (Notifications, Mensajes, Solicitudes)*/
.slimHeader #fbRequestsJewel a.jewelButton {
background-image: url(http://k35.kn3.net/ED22B4075.png);
}
.slimHeader #fbRequestsJewel a.jewelButton:hover {
background-image: url(http://k35.kn3.net/ED22B4075.png);
}
.slimHeader #fbMessagesJewel a.jewelButton {
background-image: url(http://k35.kn3.net/ED22B4075.png);
}
.slimHeader #fbMessagesJewel a.jewelButton:hover {
background-image: url(http://k35.kn3.net/ED22B4075.png);
}
.slimHeader #fbNotificationsJewel a.jewelButton {
background-image: url(http://k35.kn3.net/ED22B4075.png);
}
.slimHeader #fbNotificationsJewel a.jewelButton:hover {
background-image: url(http://k35.kn3.net/ED22B4075.png);
}
/*--------------------------------*/
/*Rounded Images*/
/*---------Mi Imagen Home---------*/
img.fbxWelcomeBoxImg.img {
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
/*-----------------------------*/
/*------Img Actividad Users-------*/
img.uiProfilePhoto.profilePic.uiProfilePhotoLarge.img {
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 3px;
display: block;
padding: 2px;
width: 48px;
height: 48px;
border: 1px solid #999;
-moz-box-shadow: 0px 2px 3px #CCC;
box-shadow: 0px 2px 3px #CCC;
-webkit-box-shadow: 0px 2px 3px #CCC;
}
img.uiProfilePhoto.uiProfilePhotoMedium.img {
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 3px;
display: block;
padding: 2px;
border: 1px solid #999;
-moz-box-shadow: 0px 2px 3px #CCC;
box-shadow: 0px 2px 3px #CCC;
-webkit-box-shadow: 0px 2px 3px #CCC;
}
/*------------------------------*/
/*personas qizas conoscas avatar*/
img.uiProfilePhoto.uiProfilePhotoLarge.img {
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 3px;
}
img.img {
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 4px;
}
div.externalShareUnit.hasImage {
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
div.externalShareContent.externalShareTextWrapper {
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
/*---------------------------*/
/*Icons*/
/*---------Foto/video--------------*/
i.img.sp_4yc81c.sx_3e452d {
background: url(http://k42.kn3.net/B50C721B1.png);
}
/*------------end-foto--------------*/
/*---------Aplic. yjuegos-----------*/
i.img.sp_7xxp9v.sx_d470cb {
background: url(http://k37.kn3.net/29B0422BC.png);
}
/*---------end aplic-----------*/
/*---------add-event-----------*/
i.uiImageBlockImage.uiImageBlockSmallImage.lfloat.img.sp_4yc81c.sx_f7e4c3 {
background: url(http://k38.kn3.net/6CBC893A5.png);
}
/*---------end-add-event-----------*/
/*----------event-----------*/
i.img.sp_4yc81c.sx_bb7549 {
background: url(http://k37.kn3.net/63B65BB71.png);
}
/*---------end-event-----------*/
/*---------messages-----------*/
i.img.sp_4i4ayo.sx_f9b4ae {
background: url(http://k36.kn3.net/F861B6650.png);
}
/*---------end-messages-----------*/
/*---------ask-------------------*/
i.img.sp_7xxp9v.sx_d9b1a9 {
background: url(http://k36.kn3.net/BFF5B8327.png);
}
/*---------end-ask-----------*/
/*---------place-----------*/
i.img.sp_8x2hx5.sx_7dbd56 {
background: url(http://k39.kn3.net/3AD477F01.png);
}
/*---------end-place-----------*/
/*---------group-----------*/
i.img.sp_7xxp9v.sx_733cfe {
background: url(http://k42.kn3.net/F38234B78.png);
}
/*---------end-group-----------*/
/*---------add-group-----------*/
i.img.sp_7xxp9v.sx_c1ef14 {
background: url(http://k41.kn3.net/73F0FD618.png);
}
/*---------end-add-group-----------*/
/*---------person add friend-------*/
i.img.sp_4yc81c.sx_7154f6 {
background: url(http://cdn1.iconfinder.com/data/icons/basicset/user_16.png);
}
/*---------end person-----------*/
i.img.sp_7xxp9v.sx_ba6fa8 {
background: url(http://cdn1.iconfinder.com/data/icons/flatforlinux/16/27-Edit Text.png);
}
/*---------State-----------------*/
i.img.sp_7b7xx5.sx_d1ef59 {
background: url(http://cdn4.iconfinder.com/data/icons/momenticons-gloss-basic/momenticons-gloss-basic/16/document-add.png);
}
/*-------end-State-----------------*/
/*--------------------Head--------------*/
div.clearfix.fbNubFlyoutTitlebar.titlebar {
background: url(http://k37.kn3.net/61F3B9CC1.png)
;
}
/*---------------------------------------------Login------------------------------------------------------------*/
.fbIndex {
background-color: #3B5998
;
}
.fbIndex #globalContainer #dropmenu_container, .fbIndex #globalContainer #content, .fbIndex #globalContainer #pageFooter {
display: none
;
}
.fbIndex .loggedout_menubar_container {
position: fixed ;
width: 420px ;
height: 100px ;
min-width: 0 ;
top: 40% ;
left: 50% ;
margin-top: 30px ;
margin-left: -210px ;
z-index: -1 ;
}
img.fb_logo {
top: -45% ;
position: absolute ;
left: 25% ;
}
.fbIndex .loggedout_menubar {
width: auto
;
}
.fbIndex .loggedout_menubar_container .lfloat, .fbIndex .loggedout_menubar_container .rfloat {
float: none
;
}
.fbIndex .loggedout_menubar_container .lfloat img, .fbIndex .loggedout_menubar_container .rfloat #login_form table {
display: block ;
margin: 0 auto ;
}
.fbIndex .loggedout_menubar_container .lfloat i {
display: block ;
margin: 60px auto 20px ;
}
.fbIndex .loggedout_menubar_container .sp_69c1xs {
display: block ;
}
#SetAsHomepage_Callout {
display: none;
}
.fbIndex div#blueBar {
z-index: 0 ;
border: none ;
box-shadow: none ;
}
a[href="http://www.facebook.com/recover.php"] {
display: none ;
}
.uiInputLabel {
display: none ;
}
.html7magic {
display: none ;
}
div.clearfix.loggedout_menubar {
margin-top: -107px;
}
i.fb_logo.img.sp_3dz7ws.sx_299b4f {
margin-right: 158px;
}
✂ CSS×
Facebook Blue Design
/*ElNicko077 Facebook Design All Rights Reserved*/
/*header*/
div.clearfix.slimHeader {
background: url(http://k37.kn3.net/61F3B9CC1.png)
;
}
div#blueBar.fixed_elem {
background: url(http://k37.kn3.net/61F3B9CC1.png)
;
background-repeat: repeat-x;
}
/*---------------------------------*/
/*hover botones right*/
.nsh #pageNav .navItem a:hover, .nsh #pageNav .navItem a:focus, .nsh #pageNav .navItem a:active, .nsh #pageNav #navAccountLink:hover, .nsh #pageNav #navAccountLink:focus, .nsh #pageNav #navAccountLink:active {
background: #043666;
}
/*----------------------------------*/
/*hover botones left*/
a.jewelButton:hover {
background-color: #043666;
}
/*---------------------------------*/
/*Facebook Logo*/
div.uiHeader.uiHeaderTopAndBottomBorder.mbs.uiSideHeader {
background-color: #f7f4f7;
}
#pageLogo a:hover {
display: none;
}
#pageLogo a {
background: url(http://k40.kn3.net/74E03FE04.png)
;
}
/*----------------------------------*/
/*Icons Botones (Notifications, Mensajes, Solicitudes)*/
.slimHeader #fbRequestsJewel a.jewelButton {
background-image: url(http://k35.kn3.net/ED22B4075.png);
}
.slimHeader #fbRequestsJewel a.jewelButton:hover {
background-image: url(http://k35.kn3.net/ED22B4075.png);
}
.slimHeader #fbMessagesJewel a.jewelButton {
background-image: url(http://k35.kn3.net/ED22B4075.png);
}
.slimHeader #fbMessagesJewel a.jewelButton:hover {
background-image: url(http://k35.kn3.net/ED22B4075.png);
}
.slimHeader #fbNotificationsJewel a.jewelButton {
background-image: url(http://k35.kn3.net/ED22B4075.png);
}
.slimHeader #fbNotificationsJewel a.jewelButton:hover {
background-image: url(http://k35.kn3.net/ED22B4075.png);
}
/*--------------------------------*/
/*Rounded Images*/
/*---------Mi Imagen Home---------*/
img.fbxWelcomeBoxImg.img {
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
/*-----------------------------*/
/*------Img Actividad Users-------*/
img.uiProfilePhoto.profilePic.uiProfilePhotoLarge.img {
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 3px;
display: block;
padding: 2px;
width: 48px;
height: 48px;
border: 1px solid #999;
-moz-box-shadow: 0px 2px 3px #CCC;
box-shadow: 0px 2px 3px #CCC;
-webkit-box-shadow: 0px 2px 3px #CCC;
}
img.uiProfilePhoto.uiProfilePhotoMedium.img {
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 3px;
display: block;
padding: 2px;
border: 1px solid #999;
-moz-box-shadow: 0px 2px 3px #CCC;
box-shadow: 0px 2px 3px #CCC;
-webkit-box-shadow: 0px 2px 3px #CCC;
}
/*------------------------------*/
/*personas qizas conoscas avatar*/
img.uiProfilePhoto.uiProfilePhotoLarge.img {
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 3px;
}
img.img {
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 4px;
}
div.externalShareUnit.hasImage {
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
div.externalShareContent.externalShareTextWrapper {
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
/*---------------------------*/
/*Icons*/
/*---------Foto/video--------------*/
i.img.sp_4yc81c.sx_3e452d {
background: url(http://k42.kn3.net/B50C721B1.png);
}
/*------------end-foto--------------*/
/*---------Aplic. yjuegos-----------*/
i.img.sp_7xxp9v.sx_d470cb {
background: url(http://k37.kn3.net/29B0422BC.png);
}
/*---------end aplic-----------*/
/*---------add-event-----------*/
i.uiImageBlockImage.uiImageBlockSmallImage.lfloat.img.sp_4yc81c.sx_f7e4c3 {
background: url(http://k38.kn3.net/6CBC893A5.png);
}
/*---------end-add-event-----------*/
/*----------event-----------*/
i.img.sp_4yc81c.sx_bb7549 {
background: url(http://k37.kn3.net/63B65BB71.png);
}
/*---------end-event-----------*/
/*---------messages-----------*/
i.img.sp_4i4ayo.sx_f9b4ae {
background: url(http://k36.kn3.net/F861B6650.png);
}
/*---------end-messages-----------*/
/*---------ask-------------------*/
i.img.sp_7xxp9v.sx_d9b1a9 {
background: url(http://k36.kn3.net/BFF5B8327.png);
}
/*---------end-ask-----------*/
/*---------place-----------*/
i.img.sp_8x2hx5.sx_7dbd56 {
background: url(http://k39.kn3.net/3AD477F01.png);
}
/*---------end-place-----------*/
/*---------group-----------*/
i.img.sp_7xxp9v.sx_733cfe {
background: url(http://k42.kn3.net/F38234B78.png);
}
/*---------end-group-----------*/
/*---------add-group-----------*/
i.img.sp_7xxp9v.sx_c1ef14 {
background: url(http://k41.kn3.net/73F0FD618.png);
}
/*---------end-add-group-----------*/
/*---------person add friend-------*/
i.img.sp_4yc81c.sx_7154f6 {
background: url(http://cdn1.iconfinder.com/data/icons/basicset/user_16.png);
}
/*---------end person-----------*/
i.img.sp_7xxp9v.sx_ba6fa8 {
background: url(http://cdn1.iconfinder.com/data/icons/flatforlinux/16/27-Edit Text.png);
}
/*---------State-----------------*/
i.img.sp_7b7xx5.sx_d1ef59 {
background: url(http://cdn4.iconfinder.com/data/icons/momenticons-gloss-basic/momenticons-gloss-basic/16/document-add.png);
}
/*-------end-State-----------------*/
/*--------------------Head--------------*/
div.clearfix.fbNubFlyoutTitlebar.titlebar {
background: url(http://k37.kn3.net/61F3B9CC1.png)
;
}
/*---------------------------------------------Login------------------------------------------------------------*/
.fbIndex {
background-color: #3B5998
;
}
.fbIndex #globalContainer #dropmenu_container, .fbIndex #globalContainer #content, .fbIndex #globalContainer #pageFooter {
display: none
;
}
.fbIndex .loggedout_menubar_container {
position: fixed ;
width: 420px ;
height: 100px ;
min-width: 0 ;
top: 40% ;
left: 50% ;
margin-top: 30px ;
margin-left: -210px ;
z-index: -1 ;
}
img.fb_logo {
top: -45% ;
position: absolute ;
left: 25% ;
}
.fbIndex .loggedout_menubar {
width: auto
;
}
.fbIndex .loggedout_menubar_container .lfloat, .fbIndex .loggedout_menubar_container .rfloat {
float: none
;
}
.fbIndex .loggedout_menubar_container .lfloat img, .fbIndex .loggedout_menubar_container .rfloat #login_form table {
display: block ;
margin: 0 auto ;
}
.fbIndex .loggedout_menubar_container .lfloat i {
display: block ;
margin: 60px auto 20px ;
}
.fbIndex .loggedout_menubar_container .sp_69c1xs {
display: block ;
}
#SetAsHomepage_Callout {
display: none;
}
.fbIndex div#blueBar {
z-index: 0 ;
border: none ;
box-shadow: none ;
}
a[href="http://www.facebook.com/recover.php"] {
display: none ;
}
.uiInputLabel {
display: none ;
}
.html7magic {
display: none ;
}
div.clearfix.loggedout_menubar {
margin-top: -107px;
}
i.fb_logo.img.sp_3dz7ws.sx_299b4f {
margin-right: 158px;
}
Rediseño semitotal de Facebook, cuenta con: -Un Nuevo Header -Un Login Minilaista -Imágenes Redondeadas -Marco en las fotos del Perfil -Nuevos Iconos
1
You need to be signed in to comment.