Skip to content

FireFish / Calckey / Misskey #NoAltNoBoost by julienbenard49

Screenshot of FireFish / Calckey / Misskey #NoAltNoBoost

Details

Authorjulienbenard49

LicenseNo License

CategoryFireFish

Created

Updated

Size1.7 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Change styles for FireFish / Calckey / Misskey / IceShrimp posts containing image without alt-text

Notes

To use it in Firefox you'll need to enable the flag "layout.css.has-selector.enabled" into about:config

Source code

/* ==UserStyle==
@name         FireFish / Calckey / Misskey / IceShrimp #NoAltNoBoost
@version      20231028.14.37
@namespace    ?
==/UserStyle== */
@-moz-document domain("social.marud.fr") {

/*COPY FROM THERE to past directly into FireFish Preferences > Themes > Custom CSS*/

 :root {
   --retoot_button_display:inline-block; /* Display or not boost button on post containing image without alt-text : inline-block or none */
   --retoot_button_color:red; /*Boost button color on post containing image without alt-text*/
   --retoot_button_events:none; /* "none" to make boost button unclickable, else "default" */
   --image_border_style: dashed; /* none / solid / dashed / dotted */
   --image_border_color:red;
   --image_border_height:3px;
   --image_blur: 0px; /*Blur on images without alt-text in px*/
   --image_blur_hover: 0px; /*Hover blur on images without alt-text in px*/
 }
 
 .notes .note-container article:has(div.image img:not([alt])) .footer .canRenote
 {
   display: var(--retoot_button_display, flex);
   color: var(--retoot_button_color,red);
   pointer-events: var(--retoot_button_events,none);
   cursor: not-allowed;
 }

 .notes .note-container article:has(div.image img:not([alt])) .image:has(img:not([alt]))
 {
     border: var(--image_border_height,3px) 
             var(--image_border_style,dashed) 
             var(--image_border_color,red);  
 }
 
 .notes .note-container article:has(div.image img:not([alt])) .image img:not([alt])
 {
     filter: blur(var(--image_blur,100px));    
 }
 
 .notes .note-container article:has(div.image img:not([alt])) .image img:hover
 {
     filter: blur(var(--image_blur_hover,0px));    
 }

/*TO THERE*/

}

Reviews

No reviews yet.