blob: 218d9a59ee6714628db9b02b1c0e4416433e7bf5 (
plain) (
blame)
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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
|
/* Disable highlighting for all text in the filters. */
.filter-checkbox,
.filter-panel label,
.card-header span {
user-select: none
}
/* Remove pointless margin in panel header */
#filter-panel-header {
margin-bottom: 0;
}
/* Full width filter cards */
#resource-filtering-panel .card .collapsible-content .card-content {
padding:0
}
/* Hide the no resources h2 by default */
h2.no-resources-found {
display: none;
margin-top: 1em;
}
/* Disable clicking on the checkbox itself. */
/* Instead, we want to let the anchor tag handle clicks. */
.filter-checkbox {
pointer-events: none;
}
/* Blurple category icons */
i.is-primary {
color: #7289da;
}
/* A little space around the filter card, please! */
.filter-tags {
padding-bottom: .5em;
padding-right: .5em;
}
/* Set default display to inline-flex, for centering. */
span.filter-box-tag {
display: inline-flex;
align-items: center;
cursor: pointer;
user-select: none;
}
/* Make resource tags clickable */
.resource-tag {
cursor: pointer;
user-select: none;
}
/* Move the x down 1 pixel to align center */
button.delete {
margin-top: 1px;
}
/* Colors for delete button x's */
button.delete.is-primary::before,
button.delete.is-primary::after {
background-color: #2a45a2;
}
button.delete.is-success::before,
button.delete.is-success::after {
background-color: #2c9659;
}
button.delete.is-danger::before,
button.delete.is-danger::after {
background-color: #c32841;
}
button.delete.is-info::before,
button.delete.is-info::after {
background-color: #237fbd;
}
/* Give outlines to active tags */
span.filter-box-tag,
span.resource-tag.active {
outline-width: 1px;
outline-style: solid;
}
/* Make filter tags sparkle when selected! */
@keyframes glow_success {
from { box-shadow: 0 0 2px 2px #aef4af; }
33% { box-shadow: 0 0 2px 2px #87af7a; }
66% { box-shadow: 0 0 2px 2px #9ceaac; }
to { box-shadow: 0 0 2px 2px #7cbf64; }
}
@keyframes glow_primary {
from { box-shadow: 0 0 2px 2px #aeb8f3; }
33% { box-shadow: 0 0 2px 2px #909ed9; }
66% { box-shadow: 0 0 2px 2px #6d7ed4; }
to { box-shadow: 0 0 2px 2px #6383b3; }
}
@keyframes glow_danger {
from { box-shadow: 0 0 2px 2px #c9495f; }
33% { box-shadow: 0 0 2px 2px #92486f; }
66% { box-shadow: 0 0 2px 2px #d455ba; }
to { box-shadow: 0 0 2px 2px #ff8192; }
}
@keyframes glow_info {
from { box-shadow: 0 0 2px 2px #4592c9; }
33% { box-shadow: 0 0 2px 2px #6196bb; }
66% { box-shadow: 0 0 2px 2px #5adade; }
to { box-shadow: 0 0 2px 2px #6bcfdc; }
}
span.resource-tag.active.is-primary {
animation: glow_primary 4s infinite alternate;
}
span.resource-tag.active.has-background-danger-light {
animation: glow_danger 4s infinite alternate;
}
span.resource-tag.active.has-background-success-light {
animation: glow_success 4s infinite alternate;
}
span.resource-tag.active.has-background-info-light {
animation: glow_info 4s infinite alternate;
}
|
