-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathclean-streamer-mode-notification.css
71 lines (69 loc) · 1.99 KB
/
clean-streamer-mode-notification.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
/* makes the streamer mode notification not as intrusive */
:root {
--stream-mode-hover-duration: 0.2s;
--stream-mode-hover-delay: 0.2s;
}
.notice-2HEN-u.colorStreamerMode-8uoRWd {
position: absolute;
top: 50px;
right: 10px;
margin: 10px auto;
padding: 5px 5px 5px 33px;
line-height: 24px;
height: 35px;
display: flex;
column-gap: 5px;
flex-direction: row;
justify-content: center;
box-sizing: border-box;
border-radius: 30px 30px 30px 30px / 5px 5px 5px 5px;
color: transparent;
transform: scaleX(0.17);
transform-origin: right;
transition: transform var(--stream-mode-hover-duration),
border-radius var(--stream-mode-hover-duration),
color var(--stream-mode-hover-duration);
}
.notice-2HEN-u.colorStreamerMode-8uoRWd:hover {
transform: scaleX(1);
border-radius: 5px;
color: white;
transition-delay: var(--stream-mode-hover-delay);
}
.notice-2HEN-u.colorStreamerMode-8uoRWd .button-1iHNQ2 {
top: 0;
margin: 0;
padding: 0 3px;
transform: scaleX(6);
transform-origin: right;
transition: transform var(--stream-mode-hover-duration);
}
.notice-2HEN-u.colorStreamerMode-8uoRWd:hover .button-1iHNQ2 {
transform: scaleX(1);
transition-delay: var(--stream-mode-hover-delay);
}
.notice-2HEN-u.colorStreamerMode-8uoRWd .closeButton-30b1gR {
position: static;
order: 1;
width: 22px;
height: 22px;
background-position: 1000% 55%;
transition: background-position var(--stream-mode-hover-duration);
}
.notice-2HEN-u.colorStreamerMode-8uoRWd:hover .closeButton-30b1gR {
background-position: 50% 55%;
transition-delay: var(--stream-mode-hover-delay);
}
.closeIcon-3eoP1e {
transform: scaleX(0);
transition-delay: var(--stream-mode-hover-delay);
}
.notice-2HEN-u.colorStreamerMode-8uoRWd:hover .closeIcon-3eoP1e {
display: initial;
transform: scaleX(1);
transition-delay: var(--stream-mode-hover-delay);
}
.colorStreamerMode-8uoRWd .closeButton-30b1gR::before {
display: none !important;
}
/*this was an edit of this: https://discord.com/channels/538759280057122817/755005803303403570/959776343971741717 */