Hides background images at hangouts.google.com and reorganizes chat bubbles. Works in Gmail.
目前為
/* ==UserStyle==
@name Google Hangouts tweaks
@namespace myfonj
@version 1.0.1
@description Hides background images at hangouts.google.com and reorganizes chat bubbles. Works in Gmail.
==/UserStyle== */
@-moz-document domain("hangouts.google.com") {
/*
https://userstyles.org/styles/121186/google-hangouts-no-decorative-images
https://greasyfork.org/en/scripts/414407/versions/new
*/
/* disable background decorative images
*/
div[style^="background-image:url(https://www.gstatic.com/chat/hangouts/bg/"][style$="background-size:cover;"],
div[style^="background-image:url(https://www.gstatic.com/chat/hangouts/bg/"][style$="background-size:cover;"] ~ * {
background-image: none !important;
display: none !important;
}
/* fix default background color
*/
body { background-color: #333;
}
/* move own messages in chat windows to the left
*/
.pj > .Tn,
.pj > .Tn > .KL { float: none;
}
.tk.pj { padding-left: 46px;
}
/* move own bubble tail down
*/
.pj .KRQuhe { border-top-right-radius: 5px;
border-bottom-right-radius: 0;
}
.pj .ci { top: auto;
bottom: 0;
transform: scaleY(-1);
}
/* move time info to the left as well
*/
.pj > .Tn > .TlvAYc { padding-left: 14px;
text-align: left;
}
/* move "green" status dot from avatar to name
*/
.Bb .flaeQ { position: absolute;
bottom: auto;
top: 4px;
right: -13px;
}
/* Emoji: use system font instead of image sprite
*/
[data-emo] > [style="opacity:0.0;width:0;display:inline-block;position:absolute"] { opacity: 1 !important;
position: static !important;
width: auto !important;
font-family: Segoe UI Emoji, Segoe UI Symbol;
}
[data-emo] > [style="display:inline-block;"] { display: none !important;
}
}