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
Size1.4 kB
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);
} */
}