Created
May 13, 2012 07:28
-
-
Save quietlynn/2686691 to your computer and use it in GitHub Desktop.
Wide Stream Style with Right Column for Google+
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
To the extent possible under law, 林静琴 <https://github.com/quietlynn> has waived all copyright and related or neighboring rights to Wide Stream Style for Google+. This work is published from: United States. | |
http://creativecommons.org/publicdomain/zero/1.0/ | |
*/ | |
/* 右侧边栏固定位置、固定宽度 */ | |
.ksa { | |
position: fixed !important; | |
margin-left: -286px !important; | |
width: 266px !important; | |
} | |
/* 个人资料页右侧边栏位置修复 */ | |
.vcard .ksa { | |
margin-left: 115px !important; | |
} | |
/* 个人资料页的右侧向下移动并取消固定,防止被操作按钮遮挡 */ | |
.vcard .ksa { | |
top: 500px !important; | |
position: absolute !important; | |
} | |
/* 高度较小的设备 */ | |
@media (max-height: 768px) { | |
/* 缩小分节间距 */ | |
.xV { | |
margin-bottom: 20px !important; | |
} | |
/* 向右下对齐(反正小屏幕的话向上向下都一样) */ | |
.ksa { | |
top: auto !important; | |
bottom: 10px !important; | |
} | |
} | |
/* 高度很大的设备 */ | |
@media (min-height: 1200px) { | |
/* 个人资料页上重新固定右侧 */ | |
.vcard .ksa { | |
position: fixed !important; | |
} | |
} | |
/* 减小右侧边栏上边距 */ | |
.Qea { | |
padding-top: 20px !important; | |
} | |
/* 左栏宽度最大 */ | |
.Nq, .l-Uw.zda, .wFb { | |
width: auto !important; | |
} | |
.Nq { | |
margin-right: 286px !important; | |
} | |
/* 增加信息流宽度 */ | |
.h8, .eF.gF { | |
width: 100% !important; | |
} | |
/* 增加信息宽度 */ | |
.Cg, .Gb { | |
width: auto !important; | |
} | |
/* 增加分享框宽度 */ | |
.xj { | |
width: 100% !important; | |
} | |
.g-Ac { | |
width: 100% !important; | |
} | |
/* 贴子页面的用户资料向右下移动对齐,并固定 */ | |
/* 因为有人想要把头像和封面图片对齐,所以不在用户资料页移动头像。 */ | |
.GCb .P7 { | |
position: fixed !important; | |
margin-left: 130px !important; | |
width: 262px !important; | |
top: 140px !important; | |
} | |
.qv { | |
width: auto !important; | |
} | |
/* 个人资料右侧操作显示为面板 */ | |
.hea { | |
-webkit-border-radius: 0 0 3px 3px; | |
-moz-border-radius: 0 0 3px 3px; | |
border-radius: 0 0 3px 3px; | |
-webkit-box-shadow: 0 1px 0 rgba(101, 101, 101, .1); | |
-moz-box-shadow: 0 1px 0 rgba(101,101,101,.1); | |
box-shadow: 0 1px 0 rgba(101, 101, 101, .1); | |
background-color: #F9F9F9; | |
border-right: 1px solid #CCC; | |
border-left: 1px solid #CCC; | |
border-bottom: 1px solid #CCC; | |
margin: 0 3px 0 3px; | |
position: relative; | |
z-index: 11; | |
padding: 10px 10px 5px 15px; | |
margin-right: 6px; | |
} | |
/* 分隔线 */ | |
.iea { | |
top: auto !important; | |
bottom: 30px !important; | |
position: absolute !important; | |
margin-bottom: 0px !important; | |
margin-left: -15px !important; | |
} | |
/* 减小『设置·帮助·反馈』上方边距 */ | |
.TubBfd { | |
margin-top: 6px !important; | |
} | |
/* 关于页面的链接改在下方 */ | |
.qla.ML { | |
clear: both | |
} | |
/* 隐藏上方黑边 */ | |
.NeLhq { | |
border-bottom: none !important; | |
} | |
/* 去除黑背景,靠左对齐 */ | |
.cF, .Gm .Om { | |
margin: 0 !important; | |
} | |
.Ag { | |
background-color: transparent !important; | |
} | |
.r4gluf, .VepHtd { | |
background: none !important; | |
} | |
/* 隐藏图片边框 */ | |
.qu, .pu, .ro, .so { | |
display: none !important; | |
} | |
/* 下方边距 */ | |
.Ag { | |
margin-bottom: 10px !important; | |
} | |
/* “更多图片”链接位于左侧 */ | |
.Mg { | |
right: auto !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment