@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("plus.google.com") {
/* @group Posts */
/* !Basic! Style the messages in the stream and in the post page*/
#contentPane div[id^="update-"]{
margin: 15px 16px !important;
padding: 9px 9px 0 9px !important;
border: 1px solid #BCBCBC !important;
border-radius: 7px;
-moz-transition: all 0.3s; /* Firefox 4 */
-webkit-transition: all 0.3s; /* Safari and Chrome */
-o-transition: all 0.3s; /* Opera */
overflow: hidden; /* Set to hide the css hack of background of +1-comment-share and comment boundle */
position: static !important; /* This will reveal the list of viewer of a post regardless of the "overflow:hidden" property. Don't know why. */
}
/* Less margin of post inner wrapper to hide the dash before post time, in stream and poast page */
.br div[id^="update-"] .Tf.tn, .a-th-Pb-I > div[id^="update-"] .Tf.tn{
margin-left: 55px !important;
}
/* Aim to hide the moving indicator of current post*/
#content .rh{
display: none !important;
}
/* Current post in the stream, #contentPane is added to overide the previous style of "update-" */
#contentPane div[id^="update-"].rh{
border-color: #7ca3df !important;
display: block !important; /* Cancel out the hidden effect of current indicator to reveal the post */
}
/* @group +1 and comments bundle */
/* !Basic! group +1-comment-share and everything below */
/* Editing the post adds a additional div before div of the +1 botton, so the second selector is added specifically for it */
div[id^="update-"] > div:first-child > div:nth-child(2) > div:nth-child(2), div[id^="update-"] > div:first-child > div:nth-child(2) > div:nth-child(2)[style*="none"] + div {
background-color: #fcfcfc;
padding: 5px 7px 99999px 7px !important;
margin-bottom: -99995px; /* margin-bottom should plus 1px because of the 1px bottom border */
border-radius: 5px;
border: 1px solid #ededed;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */
/* height: auto !important; */ /* resizable text compatable*/
}
/* Hover the post to highlight the border of comments */
div[id^="update-"]:hover > div:first-child > div:nth-child(2) > div:nth-child(2), div[id^="update-"]:hover > div:first-child > div:nth-child(2) > div:nth-child(2)[style*="none"] + div {
border-color: #BCBCBC !important;
}
/* Make the wrapper of the number of +1's compatable to resized texts */
/*div[id^="update-"] > div:first-child > div:nth-child(2) > div:nth-child(3) > div{
height: auto !important;
max-height: none !important;
} */
/* set the wrapper of +1's and share's a deeper color background color to ease the croweded bundle */
div[id^="update-"] > div:first-child > div:nth-child(2) > div:nth-child(3), div[id^="update-"] > div:first-child > div:nth-child(2) > div:nth-child(2)[style*="none"] + div + div {
background-color: rgba(51, 102, 204, 0.04) !important;
border-left: 1px solid #EDEDED;
border-right: 1px solid #EDEDED;
border-bottom-width: 0 !important;
border-top-width: 0 !important;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */
}
/* Hover the post to shange the border color*/
div[id^="update-"]:hover > div:first-child > div:nth-child(2) > div:nth-child(3), div[id^="update-"]:hover > div:first-child > div:nth-child(2) > div:nth-child(2)[style*="none"] + div + div {
border-left: 1px solid #BCBCBC;
border-right: 1px solid #BCBCBC;
}
/* !Basic! cancel the background of every sub div in the +1-comment-share bundle, i.e., div/button inbetween comments, and the */
div[id^="update-"] > div:first-child > div:nth-child(3) > *, div[id^="update-"] > div:first-child > div:nth-child(4){
background: none !important;
margin-left: 1px !important;
margin-right: 1px !important;
}
/* @end */
/* @group Comments */
/* @group Background and border */
/* Style the whole of comments*/
.Tf.tn > .Ag.Ij{
background-color: rgba(0, 0, 0, 0.05) !important;
border: 1px solid #cccccc !important;
border-radius: 7px !important;
overflow: hidden !important;
}
/* Cancel the border and -1 bottom margin of the wrappers of each comments */
.Xh > .zw.zh > .mf {
border-width: 0 !important;
background-color: transparent !important;
margin-bottom: 0 !important;
padding-left: 7px !important;
margin-left: 0 !important;
}
/* Cancel the bottom border of "xx more comments" and set the border radius*/
/* 按鈕不出現林北不能改 */
.My.Zk {
border-bottom-width: 0 !important;
}
/* @group New Comments */
/* Indicator */
.dj {
background: #A7C7F7;
margin-left: -51px !important;
} /* set background color instead of the border width, because the changed left padding condition also affects it */
/* 「更多留言」按鈕的左側藍條 */
/* 按鈕不出現林北不能改 */
.My.Zk > .Ln {
display: none !important;
}
/* @end */
/* @end */
/* @group profile name */
/* Set comment content as block to break line*/
.mf > div > .fk{
display: block !important;
}
/* Hide the redundant dash after the name */
.mf > div > .YB{
display: none !important;
}
/* @end */
/* @group profile picture */
/* !Basic! All pictures in stream and notification*/
div[id*="#"] a[oid] > img[src*="photo.jpg"]{
border-radius: 50%;
box-shadow: 0 0 0 2px #749ed2 !important;
opacity: 0.9 !important;
}
/* !Basic! pictures in stream. Set their positions */
#contentPane div[id^="update-"] > div > div:first-child ~ div img[src*="32"] {
margin-left: -45px !important;
margin-top: -2px !important;
}
/* Set the position of commentator avatar in notification page */
.xxxx div[id^="update-"] > div > div:first-child ~ div img[src*="32"]{
margin-left: -43px !important;
margin-top: 5px !important;
}
/* !Basic! pictures in notification panel. Set their positions*/
#widget div[id^="update-"] > div > div:first-child ~ div img[src*="24"]{
margin-left: -36px !important;
margin-top: 2px !important;
}
/* @end */
/* Style "xx comments" and set border radius for Chrome's bug of overflow */
.Ag.Ij .Lr.Hw{
border-radius: 7px 7px 0 0;
box-shadow: 0 1px 5px #CCCCCC;
border-width: 0 !important;
}
/* Triangle before each comments */
div[id^="update-"] > div:first-child > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div[id^="z"]:before{
border-left: 5px solid rgba(51,102,204,0.6);
border-top: 4px solid transparent;
border-bottom:4px solid transparent;
content: "";
height: 0;
width: 0;
display: block;
position: absolute;
top: 17px;
left: -9px;
}
/* Set the bottom border of the comments wrapper to divide comments and commenting area */
div[id^="update-"] > div:first-child > div:nth-child(3) > div:nth-child(2){
border-bottom: 1px solid #E3E3E3 !important;
margin-left: 1px !important;
margin-right: 1px !important;
}
/* Wrapper of how many comments and every comments */
div[id^="update-"] > div:first-child > div:nth-child(3){
border-top-width: 0 !important;
}
/* Set the position of triangle in notification panel to overwrite above value */
#widget div[id^="update-"] > div:first-child > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div[id^="z"]:before{
left: -9px;
}
/* set the position of triangle in notification page to overwrite above value*/
.Cja .zw.zh:before{
top: 16px;
}
/* !Basic! Each comments */
div[id^="update-"] > div:first-child > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div{
margin-left: 51px !important;
/* background-color: rgba(255, 255, 255, 0.4) !important; */
border-bottom-width: 0 !important; /* Hide the dotted linebelow comments */
}
/* Hide the dotted linebelow comments in notification pages */
div[id^="update-"] > div:first-child > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div > div{
border-bottom-width: 0 !important;
}
/* !Basic! inner wrapper in each comment */
div[id^="update-"] > div:first-child > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div > div{
padding-left: 2px !important;
}
/* Each comments in notification page and panel*/
#widget div[id^="update-"] > div:first-child > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div{
margin-left: 43px !important;
}
/* !Basic! inner wrapper in each comment in notification panel */
#widget div[id^="update-"] > div:first-child > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div >div:first-child{
margin-left: 0 !important;;
}
/* @end */
/* @group commenting area */
/* !Basic! Outer commenting area */
div[id^="update-"] > div:first-child > div:last-child > div[role="button"] {
/* border-radius: 7px !important;
margin-top: 12px !important;
margin-left: 45px !important; */
padding: 7px 0 !important;
width: auto !important;
margin: 0 !important;
border-width: 0 !important;
text-align: center;
}
/* !Basic! Arrow indicator next to the "add a comment" button */
div[id^="update-"] > div:first-child > div:last-child > span:first-child{
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
}
/* !Basic! the wrapper of the inner commenting area and buttons */
div[id^="update-"] > div:first-child > div:nth-child(3) > div:nth-child(3){
margin-top: 1px !important;
padding: 7px !important;
/* border-top: 1px solid #cccccc; */
/* background-color: rgba(255, 255, 255, 0.6) !important; */
}
/* !Basic! inner commenting area */
div[id^="update-"] > div:first-child > div:nth-child(3) > div:nth-child(3) > div:first-child{
background-color: #FFFFFF !important;
}
/* !Basic! inner commenting area */
div[id^="update-"] > div:first-child > div:nth-last-child(2) > div:nth-child(3) > div > div {
border-radius: 5px !important;
box-shadow: inset 0 -1px 1px #e2e2e2;
}
/* @end */
/* @group Deleted Posts */
/* Note: It seems there's no need to style deleted posts*/
/* Cancel the padding of the wrapper of a deleted post*/
/*
#content #contentPane .zj.ij {
padding: 0 !important;
}
*/
/* Set the boder radius of inner of deleted message*/
/*
#content #contentPane .Qf {
border-radius: 7px !important;
}
*/
/* ?????
.a-b-f-i-Fb-Nj .a-f-i-kb{
border-radius: 0px !important;
} */
/* @end */
/* @group author info */
/* !Basic! Style post author's avatar*/
div[id^="update-"] img[src*="/s48-"]{
z-index: 1;
-moz-box-shadow: #555555 0 0 4px;
-webkit-box-shadow: #555555 0 0 4px;
box-shadow: #555555 0 0 4px;
}
/* Set less margin-left to cover dash before post time */
div[id^="update-"] img[src*="/s48-"].Vn.Ej{
margin-left: -55px !important;
}
/* Set min-height of the author infomaion row in stream column*/
#content .br .Tf > .kr{
min-height: 48px !important;
}
/* Set the bottom border of author info in stream column and notification */
.Tf > .kr {
border-bottom: 1px solid #EAEAEA !important;
overflow: visible !important;
}
/* Set the wrapper of time and public as block to break line */
#content .br .Nw > .Io.Jj{
display: block !important;
}
/* Shift the row of time to hide the redundant dash */
#content .br .Nw > .Io.Jj{
position: relative !important;
left: -15px !important;
}
/* button of posts of stream and notification page */
.jr > span[role="button"], .Ho > .Zt.Xr{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAYAAABzwahEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0RBMzhDRTI0MkUyMTFFMDhGM0FCOEREMkYzNUFBRkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0RBMzhDRTM0MkUyMTFFMDhGM0FCOEREMkYzNUFBRkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3REEzOENFMDQyRTIxMUUwOEYzQUI4REQyRjM1QUFGQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3REEzOENFMTQyRTIxMUUwOEYzQUI4REQyRjM1QUFGQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlDQSjoAAAplSURBVHja3JtrUBRX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) !important;
background-position: center !important;
background-size: 22px !important;
background-repeat:no-repeat;
height: 36px !important;
width: 22px !important;
}
/* Adjust the position of the buttons in stream */
.jr > span[role="button"]{
margin-right: -39px !important;
}
/* Adjust the position of the buttons in notification page */
.Ho > .Zt.Xr{
margin-top: -9px !important;
}
/* @end */
/* @group post time */
.Nw a[href*="/posts/"]{
color: #777 !important;
}
/* @end */
/* @group Post content */
.Tf > .Kw {
padding-top: 6px !important;;
}
/* @end */
/* Cancel the bottom border of "+1's" above comments */
.Kw > .qj.dx {
border-bottom-width: 0 !important;
}
/* @end */
/* @group Page size and border */
/* !Basic! Cancel the top bottom of the row under the header to avoid adjecent borders */
/* !Basic! Cancel the -1px top margin to reveal the border */
#content{
border-top-width: 0 !important;
margin-top: 0 !important;;
}
/* @group Footer */
/* !Basic! Cancel footer margins to set background */
#content + div * {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* !Basic! Set footer background */
#content + div > div > div{
border-top: 1px solid #D2D2D2 !important;
background: #F1F1F1 !important;
}
/* !Basic! Set footer padding for background */
#content + div > div > div{
padding: 29px 0;
}
/* @end */
/* @group Left column */
/* @group Hide welcome */
/* !Basic! Hide the welcome link */
a[href="/welcome"] {
display: none !important;
}
a[href="/u/0/welcome"] {
display: none !important;
}
/* !Basic! Hide the space between Welcome ans Stream */
a[href="/welcome"] + div, a[href="/u/0/welcome"] + div{
margin-top:0 !important;
margin-bottom:0 !important;
}
/* @end */
/* Cancel right-padding of left column */
.a-o-ob-R.b-n-l.a-f-o-ob-R {
padding-right: 0 !important;
}
/* @end */
/* @group Right Column */
.a-f-AE-R > .a-gf-Od{
margin: 16px 10px 0 10px !important;
}
/* @end */
/* @group Stream */
/* !Basic! Set the background of the central column and the stream column*/
.c-C, #contentPane {
background: #f9f9f9 !important;
}
/* !Basic! Add 1px bottom padding of content panel incase that there's no more post bottom and bottom margin of the last past will result a white space */
#contentPane{
padding-bottom: 1px !important;
}
/* Increase the width of header because it's of border-box */
.c-C.c-cb-C{
width: 962px !important;
}
/* !Basic! Set the border-color of the main central column and stream column */
.c-C, #contentPane{
border-right: 1px solid #D2D2D2 !important;
border-left: 1px solid #D2D2D2 !important;
}
/* Set the top border of DIV containing all posts in stream column and clear the top padding */
#contentPane .br {
border-top: 1px dotted #E3E3E3 !important;
padding-top: 0 !important;
}
/* !Basic! Cancel the bottom border of stream column */
#contentPane{
border-bottom-width: 0 !important;
}
/* @group More button */
span.b-j.Uk.jr {
border-top-style: dotted !important;
}
/* @end */
/* @end */
/* @group Profile */
/* Set the border of the right column*/
#contentPane .KSB3fe{
border-left: 1px solid #D2D2D2 !important;
border-right: 0 !important;
border-bottom-width: 0 !important;
}
/* Cancel the top border of content row of right column in profile to override the previous style of content row in stream */
#contentPane .KSB3fe .br{
border-top-width: 0 !important;
}
/* Set the top margin of scrabook row*/
#contentPane .KSB3fe .B0n3ab{
margin-top: 20px !important;
}
/* @end */
/* @group Post Page */
/* !Basic! Redundant box containing the post*/
#content > div > div[style*="none"]:first-child + #contentPane > div:first-child > div:first-child, #content > div > div[style*="none"]:first-child + #contentPane > div[style*="none"]:first-child + div[style*="none"] + div > div:first-child {
border-width: 0 !important;
padding-top: 17px;
padding-bottom: 17px;
}
/* !Basic! Cancel the lefe-border of the content panel in post page to override the previous style of stream*/
#content > div > div[style*="none"]:first-child + #contentPane{
border-left-width: 0 !important;
}
/* @end */
/* @end */
/* @group Share area and Sparks search area */
/* Central column title of stream */
#contentPane > div > div.pw{
margin-left: 16px !important;
margin-right: 16px !important;
}
/* Share area in central column */
#contentPane > div > div.Xy{
margin-left: 16px !important;
margin-right: 16px !important;
margin-bottom: 15px !important;
width: auto !important;
}
/* @end */
/* @group Notifications */
/* Underline and bolded the term post/photo in notifications */
.iI.Ey .a-f-j-Ja {
font-weight: bold !important;
text-decoration: underline !important;
}
/* @group Notifications page */
/* Style the posts in notification page*/
#contentPane .Cja div[id^="update-"] {
margin: 8px 4px !important;
padding: 10px !important;
border: 1px solid #BCBCBC !important;
border-radius: 7px;
}
/* Cancel the top padding of inner post wrapper */
#contentPane .Cja .Tf.tn {
padding-top: 0px !important;
}
/* @end */
/* @group Notification Panel */
/* !Basic! Set posts width in notification panel */
/*
#widget div[id^="update-"]{
width: auto !important;
}*/
/* Remove the space of two parent wrappers of posts in notifications panel */
/*
#widget .Xf, .rj .Mp {
margin-left: 0 !important;
padding-left: 0 !important;
} */
/* Set the space at the left of inner posts for author phoro to overwrite .xq */
/*#widget .xq{
margin-left: 30px !important;
margin-right: 0 !important;
} */
/* @end */
/* @end */
}