pony town now have a "hover to see" blurry background chat log
and a bunch of button hover animations!
pony.town by kasusa
Details
Authorkasusa
LicenseNo License
Categorypony.town
Created
Updated
Code size1.4 kB
Code checksumb7a6ba3c
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
@name ponytown blurry chatlog
@namespace pony.town
@version 1.0
@-moz-document domain("pony.town") {
/* button animation */
.chat-line-name {
color: #9e9e9eeb
}
.action-bar {
transform: scale(0.9);
width: 200%
}
button {
opacity: 0.7;
transition: 0.05s !important;
}
button:hover {
opacity: 1;
transform: translateY(-0.4em)scale(1.1)
}
/* #chat-input{
transition: 0.3s;
transform: translateY(0em);
}
#chat-input:hover{
transform: translateY(0em)
}
*/
/* usernamebox */
.pony-box-rect {
background-color: #ffffff75 !important;
border: 1px solid #fff;
backdrop-filter: blur(10px);
transition: 0.3s;
}
.pony-box-rect:hover {
background-color: #ffffff8f !important;
border: 1px solid #ffffff8a;
}
.chat-line:last-child {
font-size: 18px !important;
}
.chat-line:hover {
font-weight: bold;
box-shadow: 0 0 10px #00000073;
border-radius: 5px;
backdrop-filter: blur(10px);
}
.chat-log-content {
opacity: 0.05;
background-color: #a6a4a436 !important;
border: 1px solid #9f9f9f;
/* backdrop-filter: blur(10px); */
transition: 0.3s;
}
.chat-log-content:hover {
opacity: 1;
background-color: #a6a4a436 !important;
border: 1px solid #000000a3;
backdrop-filter: blur(10px);
}
/* .chat-log{
transform: translateX(-350px);
/* backdrop-filter: blur(10px);
}
.chat-log:hover{
transition: 0.1s;
transform: translateX(0px);
} */
}