Skip to content

Instantly share code, notes, and snippets.

@quietlynn
Created May 13, 2012 07:28
Show Gist options
  • Save quietlynn/2686691 to your computer and use it in GitHub Desktop.
Save quietlynn/2686691 to your computer and use it in GitHub Desktop.
Wide Stream Style with Right Column for Google+
/*
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