Die Ansicht wird mit dem Add-on Stylish verändert, so dass Facebook den gesamten Bildschirm ausfüllt.
Bisher funktionierte das auch ohne Probleme. Seit heute sieht es allerdings wie in dem SS aus, sprich der linke Frame incl. des Mittelteils wird zu weit links dargestellt.
Eine Neuinstallation des Facebook-Styles, Löschung des Caches, der Cookies und ein neues Firefox Profil brachte keine Veränderung. Der folgende CSS-Code müßte eigentlich in Ordnung sein, da an diesem nix verändert wurde.
CSS
@namespace url(http://www.w3.org/1999/xhtml);
/* ========================================================================= */
/* Apply only within the facebook.com domain
*/
@-moz-document domain("www.facebook.com") {
/* ========================================================================= */
/* Fit to the full browser's window's width
*/
#globalContainer
{
left: 0 !important;
width: auto !important;
min-width: 981px !important;
}
#contentCol
{
margin-left: 181px !important;
}
#headerArea
{
float: none !important;
overflow: hidden !important;
min-width: 759px !important;
width: auto !important;
}
#contentArea
{
float: none !important;
overflow: hidden !important;
min-height: 300px !important;
min-width: 493px !important;
width: auto !important;
padding-right: 20px !important;
}
#MessagingFrame
{
float: none !important;
overflow: hidden !important;
min-width: 759px !important;
width: auto !important;
}
.threadMainCol
{
width: auto !important;
}
.fbxPhotoSetPageMetadata
{
min-width: 437px !important;
width: auto !important;
}
.uiUfi
{
min-width: 398px !important;
width: auto !important;
}
.fbPhotoFeedbackForm .uiUfi
{
min-width: 430px !important;
width: auto !important;
}
ul.fbPhotoTheaterUfi
{
min-width: 400px !important;
width: auto !important;
}
div.fbCommentViewUfi,
div.fbCommentViewUfi ul.fbPhotoTheaterUfi,
div.fbCommentViewCaption
{
min-width: 364px !important;
width: auto !important;
}
.fbProfileByline
{
min-width: 493px !important;
width: auto !important;
margin-right: 264px !important;
}
.HC_Center
{
min-width: 520px !important;
width: auto !important;
clear: left !important;
}
.UIFaq_Content
{
display: block !important;
float: none !important;
overflow: hidden !important;
min-width: 460px !important;
width: auto !important;
}
.fbxphotos tbody,
.fbPhotosGrid tbody
{
display: block !important;
margin-right: -6px !important;
}
.fbxphotos tr,
.fbPhotosGrid tr
{
display: inline !important;
}
.fbxphotos td,
.fbPhotosGrid td
{
float: left !important;
width: auto !important;
padding: 0 8px 8px 0 !important;
}
.fbxphotos .uiMediaThumbAlb,
.fbPhotosGrid .uiMediaThumbAlb
{
margin-bottom: 5px !important;
}
.fbxphotos .photoDetails,
.fbxphotos .mediaDetails,
.fbPhotosGrid .photoDetails,
.fbPhotosGrid .mediaDetails
{
height: 42px !important;
overflow-y: visible !important;
}
.fbPhotoTheaterGrid .commentsContainer,
.fbPhotoTheaterGrid .commentsCell
{
min-width: 400px !important;
width: 100% !important;
}
#album_photos_pagelet #fbCommentViewList .uiListItem .pll.rfloat
{
float: none !important;
overflow: hidden !important;
}
/* ------------------------------------------------------------------------- */
/* Unobtrusive sidebar.
*/
/* Slid-out state.
*/
.fbChatSidebar
{
/* Slide-out, slower & delayed.
*/
-webkit-transition: all 1s ease-in-out 0.4s !important;
-moz-transition: all 1s ease-in-out 0.4s !important;
margin-right: -150px !important;
border-top-left-radius: 180px 360px !important;
box-shadow: -5px 20px 10px 0 #B2B9C9,
2px 0 2px -2px #B2B9C9 inset !important;
}
.fbChatSidebar .fbChatOrderedList .item a,
.fbChatSidebar .fbChatTypeaheadView li
{
-webkit-transition: all 1s ease-in-out 0.4s !important;
-moz-transition: all 1s ease-in-out 0.4s !important;
padding: 0 20px 1px 0 !important;
}
.fbChatSidebar .fbChatOrderedList .separator
{
-webkit-transition: all 1s ease-in-out 0.4s !important;
-moz-transition: all 1s ease-in-out 0.4s !important;
height: 0 !important;
}
/* Slid-in state.
*/
.fbChatSidebar:hover
{
/* Slide-in, fast & prompt.
*/
-webkit-transition: all 0.5s ease-in-out 0.2s !important;
-moz-transition: all 0.5s ease-in-out 0.2s !important;
margin-right: 0 !important;
border-top-left-radius: 0 !important;
box-shadow: 5px 0 10px 0 #7C8DAF,
2px 0 2px -2px #B2B9C9 inset !important;
}
.fbChatSidebar:hover .fbChatOrderedList .item a,
.fbChatSidebar:hover .fbChatTypeaheadView li
{
-webkit-transition: all 0.5s ease-in-out 0.2s !important;
-moz-transition: all 0.5s ease-in-out 0.2s !important;
padding: 2px 20px 2px 9px !important;
}
.fbChatSidebar:hover .fbChatOrderedList .separator
{
-webkit-transition: all 0.5s ease-in-out 0.2s !important;
-moz-transition: all 0.5s ease-in-out 0.2s !important;
height: 18px !important;
}
/* Either state.
*/
.fbChatSidebar
{
overflow: hidden !important;
padding-left: 1px !important;
}
.fbChatSidebar .fbChatOrderedList .separator
{
display: block !important;
vertical-align: middle !important;
overflow: hidden !important;
}
.fbChatSidebar .uiScrollableAreaContent
{
position: absolute !important;
bottom: 0 !important;
}
/* Unobstruct things when in sidebarmode.
*/
.sidebarMode #globalContainer
{
padding-right: 31px !important;
}
.sidebarMode #mainContainer,
.sidebarMode #contentCurve
{
border-right: 0 !important;
}
.sidebarMode #headerArea
{
margin-right: 0 !important;
}
.sidebarMode #rightCol
{
padding-right: 0 !important;
}
/* ------------------------------------------------------------------------- */
/* "Ego" pane left as is.
*/
/* ========================================================================= */
}
Alles anzeigen