Skip to content

Instantly share code, notes, and snippets.

@claudiopro
Created October 10, 2014 23:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save claudiopro/e88b027c695be52f37a5 to your computer and use it in GitHub Desktop.
Save claudiopro/e88b027c695be52f37a5 to your computer and use it in GitHub Desktop.
Chrome User Stylesheet
/* Facebook mods */
/*
body.permalinkBody, body.timelineLayout {
background-color: #f0f0f0 !important;
}
#blueBar {
background: -webkit-linear-gradient(top, #464646 0%, #111 100%);
border-bottom: 1px solid #1a96c6 !important;
height: 39px !important;
}
.slim #blueBar {
-webkit-box-shadow: none !important;
}
.fbx #pageHead, #blueBar #pageHead {
padding-top: 0 !important;
}
#blueBarHolder {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 5 !important;
/*z-index: 2;* /
border-bottom: 1px solid #0075a3 !important;
background: #008abf !important;
padding: 0 0 4px !important;
}
#globalContainer {
margin-top: 43px !important;
}
li.navItem.firstItem .navLink:after, li.navItem.middleItem .navLink:after {
background: rgba(243, 244, 245, 0.08) !important;
box-shadow: 1px 0 rgba(0, 0, 0, 0.5) !important;
content: "" !important;
height: 20px !important;
position: absolute !important;
right: 0 !important;
top: 10px !important;
width: 1px !important;
z-index: -1 !important;
}
#pageNav .tinyman .headerTinymanPhoto {
border: none !important;
margin-left: 6px !important;
}
#pageNav .navLink, #pageNav #navAccountLink {
text-shadow: rgba(0, 0, 0, 0.74902) 0px 1px 2px !important;
font-weight: normal !important;
color: #fafafa !important;
height: 35px !important;
padding-top: 4px !important;
}
#pageLogo, #pageNav .navLink, #pageNav #navAccountLink {
border-left: 1px solid transparent !important;
border-right: 1px solid transparent !important;
}
#pageNav .navLink:hover, #pageNav .navLink:focus, #pageNav .navLink:active, #pageNav #navAccountLink:hover, #pageNav #navAccountLink:focus, #pageNav #navAccountLink:active {
color: #fff !important;
}
#pageLogo:hover, #pageNav .navLink:hover, #pageNav .navLink:focus, #pageNav .navLink:active {
border-color: #212121 !important;
border-color: rgba(0, 0, 0, 0.4) !important;
-webkit-box-shadow: 1px 0 rgba(255, 255, 255, 0.05), -1px 0 rgba(255, 255, 255, 0.05) !important;
box-shadow: 1px 0 rgba(255, 255, 255, 0.05), -1px 0 rgba(255, 255, 255, 0.05) !important;
background: -webkit-linear-gradient(top, #3f3f3f 0%, #141414 100%) !important;
}
h1#pageLogo {
padding-top: 4px !important;
}
h1#pageLogo:hover {
background: -webkit-linear-gradient(top, #3f3f3f 0%, #141414 100%) !important;
background-color: transparent;
}
h1#pageLogo {
height: 35px !important;
}
#pageLogo a, #pageLogo a:hover, #pageLogo a:focus, #pageLogo a:active {
background-position: -254px 0 !important;
background-image: url("http://connections.swg.usma.ibm.com/connections/resources/web/com.ibm.lconn.core.styles.oneui3/images/lotusHSprite-8bit.png?etag=20130303.033507") !important;
width: 48px !important;
}
#pageLogo a:hover {
background-color: transparent !important;
}
#jewelContainer div.fbJewel {
margin: 0 4px !important;
}
div.fbJewel {
padding-top: 4px !important;
}
#navPrivacy div.fbJewel {
padding-top: 0 !important;
}
#navSearch {
margin-top: 7px !important;
}
a.jewelButton {
width: 16px !important;
margin: 0 4px !important;
}
#jewelContainer .openToggler .jewelButton {
border: none !important;
}
#fbRequestsJewel a.jewelButton {
background: url("http://connections.swg.usma.ibm.com/connections/resources/web/com.ibm.social.gen4.theme/sprite/sprite16.png?etag=20130220.033925") no-repeat -543px 8px !important;
}
#fbRequestsJewel a.jewelButton:hover, #fbRequestsJewel a.jewelButton:hover, #fbRequestsJewel a.jewelButton:hover {
background-position: -559px 8px !important;
}
#fbMessagesJewel a.jewelButton {
background: url("http://connections.swg.usma.ibm.com/connections/resources/web/com.ibm.social.gen4.theme/sprite/sprite16.png?etag=20130220.033925") no-repeat -575px 8px !important;
}
#fbMessagesJewel a.jewelButton:hover, #fbMessagesJewel a.jewelButton:hover, #fbMessagesJewel a.jewelButton:hover {
background-position: -591px 8px !important;
}
#fbNotificationsJewel a.jewelButton {
background: url("http://connections.swg.usma.ibm.com/connections/resources/web/com.ibm.social.gen4.theme/sprite/sprite16.png?etag=20130220.033925") no-repeat -256px 8px !important;
}
#fbNotificationsJewel a.jewelButton:hover, #fbNotificationsJewel a.jewelButton:hover, #fbNotificationsJewel a.jewelButton:hover {
background-position: -272px 8px !important;
}
.fbJewelFlyout {
z-index: 6 !important;
}
._k-:hover, ._kx, .notifNegativeBase #fbMessagesFlyout .jewelContent a.messagesContent:hover, .notifNegativeBase #fbMessagesFlyout .jewelContent a.messagesContent:active, .notifNegativeBase #fbMessagesFlyout .jewelContent a.messagesContent:focus {
background-color: #e1f4f9 !important;
}
.fbTimelineStickyHeader {
top: 43px !important;
z-index: 4 !important;
}
.fbTimelineStickyHeaderHidden {
top: -150px !important;
}
.notifNegativeBase .fbJewelFlyout, #tinymanNavWrapper .fbJewelFlyout {
border: 3px solid #454545 !important;
border: 3px solid rgba(23, 23, 23, 0.8) !important;
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) !important;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) !important;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
}
.notifNegativeBase #fbRequestsFlyout .beeperNub {
left: 103px !important;
}
.notifNegativeBase #fbMessagesFlyout .beeperNub {
left: 128px !important;
}
.notifNegativeBase #fbNotificationsFlyout .beeperNub {
left: 152px !important;
}
#navAccount #accountSettingsFlyout .beeperNub {
right: 11px !important;
z-index: 5 !important;
}
._8-a ._8-b .beeperNub {
left: 299px !important;
}
.fbJewel .jewelCount span {
text-align: center;
background-color: #d96438;
border-radius: 2px;
font-size: 0.71428571428571em;
line-height: 1.2;
text-shadow: none;
color: #fff;
}
._kv:hover, ._kv {
position: relative;
margin: 0;
padding: 4px 20px;
color: #fff;
background-color: #1f7cae !important;
border: 0;
-moz-box-shadow: 0 1px 1px #52acdb inset, 0 -1px 0 #000 inset;
-webkit-box-shadow: 0 1px 1px #52acdb inset, 0 -1px 0 #000 inset;
box-shadow: 0 1px 1px #52acdb inset, 0 -1px 0 #000 inset;
text-shadow: 0 -1px 0 #121212;
border-right: 1px solid #222;
}
*/
/*
.uiScrollableAreaContent:after {
border-left: 1000px solid #323232;
background: #252525;
width: 2px;
-moz-box-shadow: -1px 0 0 #404040 inset;
-webkit-box-shadow: -1px 0 0 #404040 inset;
box-shadow: -1px 0 0 #404040 inset;
border-right: 214px solid #363636;
content: "";
margin-left: -1001px;
position: fixed;
bottom: 0;
height: 100%;
z-index: -2;
}
*/
/* Hide Facebook ads * /
#pagelet_ego_pane,
#pagelet_ego_pane_w,
#pagelet_side_ads,
li.uiStreamStoryAttachmentOnly,
div[data-referrer=pagelet_side_ads] {
display: none !important;
}
*/
/* Twitter mods */
body.user-style-claudiopro {
background: #fff !important;
}
body.user-style-claudiopro div.global-nav {
border-bottom: 1px solid #0075a3 !important;
background: #008abf !important;
padding: 0 0 6px !important;
}
body.user-style-claudiopro div.global-nav-inner {
text-shadow: rgba(0, 0, 0, 0.74902) 0px 1px 2px !important;
font-weight: normal !important;
color: #fafafa !important;
height: 39px !important;
padding-top: 4px !important;
background: -webkit-linear-gradient(top, #464646 0%, #111 100%);
border-bottom: 1px solid #1a96c6 !important;
}
body.user-style-claudiopro .nav .active a {
border-color: #212121 !important;
border-color: rgba(0, 0, 0, 0.4) !important;
-webkit-box-shadow: 1px 0 rgba(255, 255, 255, 0.05), -1px 0 rgba(255, 255, 255, 0.05) !important;
box-shadow: 1px 0 rgba(255, 255, 255, 0.05), -1px 0 rgba(255, 255, 255, 0.05) !important;
background: -webkit-linear-gradient(top, #3f3f3f 0%, #141414 100%) !important;
}
body.user-style-claudiopro .nav>li>a {
padding: 12px 12px 15px !important;
}
body.user-style-claudiopro .nav i.nav-new {
margin-top: -2px !important;
}
body.user-style-claudiopro .bird-topbar-etched {
background-position: -254px -6px !important;
background-image: url("http://connections.swg.usma.ibm.com/connections/resources/web/com.ibm.social.gen4.theme/sprite/lotusHSprite-8bit.png?etag=20130303.033507") !important;
width: 48px !important;
}
body.user-style-claudiopro div.pull-right {
margin-top: -2px !important;
}
/*js-global-actions*/
body.user-style-claudiopro li#global-nav-home:hover, {
border-color: rgba(0, 0, 0, 0.4) !important;
-webkit-box-shadow: rgba(255, 255, 255, 0.0470588) 1px 0px, rgba(255, 255, 255, 0.0470588) -1px 0px !important;
box-shadow: rgba(255, 255, 255, 0.0470588) 1px 0px, rgba(255, 255, 255, 0.0470588) -1px 0px !important;
background: -webkit-linear-gradient(top, rgb(63, 63, 63) 0%, rgb(20, 20, 20) 100%) !important;
}
/* Hide promoted tweets */
.promoted-account,
.promoted-tweet {
display: none !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment