User:Hennils/common.css: Difference between revisions

From bg3.wiki
Jump to navigation Jump to search
(Created page with ".bg3wiki-spoiler-blur { filter: blur(3px); opacity: 0.2; transition-property: filter, opacity; transition-duration: .4s; } .bg3wiki-spoiler-blur:hover, .bg3wiki-spoiler-blur:focus { filter: none; opacity: 1; }")
 
No edit summary
Line 1: Line 1:
/* This one is a legacy blur class. It may be removed in the future. **/
.bg3wiki-spoiler-blur {
.bg3wiki-spoiler-blur {
     filter: blur(3px);
     filter: blur(3px);
Line 5: Line 6:
     transition-duration: .4s;
     transition-duration: .4s;
}
}
.bg3wiki-spoiler-blur:hover, .bg3wiki-spoiler-blur:focus {
.bg3wiki-spoiler-blur:hover, .bg3wiki-spoiler-blur:focus {
     filter: none;
     filter: none;
     opacity: 1;
     opacity: 1;
}
/* The following are the new blur classes. */
.bg3wiki-spoiler-blur-hoverable:hover, .bg3wiki-spoiler-blur-hoverable:focus {
    filter: none;
    opacity: 1;
}
.bg3wiki-spoiler-blur-link {
    filter: blur(3.5px);
    opacity: 1.0;
    transition-property: filter, opacity;
    transition-duration: .1s;
}
.bg3wiki-spoiler-blur-paragraph {
    filter: blur(3px);
    opacity: 0.2;
    transition-property: filter, opacity;
    transition-duration: .4s;
}
.bg3wiki-spoiler-blur-image {
    filter: contrast(5%) blur(3px);
    opacity: 0.5;
    transition-property: filter, opacity;
    transition-duration: .4s;
}
}

Revision as of 23:40, 2 June 2024

/* This one is a legacy blur class. It may be removed in the future. **/
.bg3wiki-spoiler-blur {
    filter: blur(3px);
    opacity: 0.2;
    transition-property: filter, opacity;
    transition-duration: .4s;
}


.bg3wiki-spoiler-blur:hover, .bg3wiki-spoiler-blur:focus {
    filter: none;
    opacity: 1;
}

/* The following are the new blur classes. */
.bg3wiki-spoiler-blur-hoverable:hover, .bg3wiki-spoiler-blur-hoverable:focus {
    filter: none;
    opacity: 1;
}

.bg3wiki-spoiler-blur-link {
    filter: blur(3.5px);
    opacity: 1.0;
    transition-property: filter, opacity;
    transition-duration: .1s;
}

.bg3wiki-spoiler-blur-paragraph {
    filter: blur(3px);
    opacity: 0.2;
    transition-property: filter, opacity;
    transition-duration: .4s;
}

.bg3wiki-spoiler-blur-image {
    filter: contrast(5%) blur(3px);
    opacity: 0.5;
    transition-property: filter, opacity;
    transition-duration: .4s;
}