Replaces large icons and eicons in chat with smaller, but expandable, previews.
F-Chat Shrink Icons and Eicons by sierramontana
Details
Authorsierramontana
LicenseWTFPL
Categoryf-list
Created
Updated
Size644 B
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Changes the behavior of both [icon] and [eicon] tags on F-Chat. Instead of being 50px square, they are 25px square by default and resize to 75px on hover.
The size of 25px was chosen to preserve the ability to produce 'mosaics' although due to CSS's limitations and my personal disdain for posting giant reaction images in text chat, there's no method for zooming in an entire mosaic at once.
Source code
/* ==UserStyle==
@name F-Chat Shrink Icons and Eicons
@namespace sierramontana
@version 1
@description Replaces large icons and eicons in chat with smaller, but expandable, previews.
@author Sierra Montana
==/UserStyle== */
@-moz-document url-prefix("https://www.f-list.net/chat3/") {
.character-avatar.icon {
height: 25px;
width: 25px;
opacity: 80%;
transition: height 0.1s, width 0.1s, opacity 0.1s;
}
.character-avatar.icon:hover {
height: 75px;
width: 75px;
opacity: 100%;
transition: height 0.1s, width 0.1s, opacity 0.1s;
}
}