-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
122 lines (101 loc) · 3.1 KB
/
style.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
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
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px var(--bs-body-bg);
border-radius: 7.5px;
}
::-webkit-scrollbar {
width: 7.5px;
}
::-webkit-scrollbar-button {
background-color: var(--bs-body-bg);
background-size: 10px;
background-repeat: no-repeat;
background-position: center;
}
::-webkit-scrollbar-button:vertical:increment {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23BF40BF" class="bi bi-caret-down-fill" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>');
}
::-webkit-scrollbar-button:vertical:decrement {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23BF40BF" class="bi bi-caret-up-fill" viewBox="0 0 16 16"><path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z" /></svg>');
}
::-webkit-scrollbar-thumb {
border-radius: 7.5px;
background-image: -webkit-gradient(linear,
left bottom,
left top,
color-stop(0.33, #5f2e59),
color-stop(0.67, #734674),
color-stop(1, #925784));
}
::-webkit-scrollbar-thumb:hover {
background-image: -webkit-gradient(linear,
left bottom,
left top,
color-stop(0.33, #734674),
color-stop(0.67, #925784),
color-stop(1, #e2bfd8));
}
[data-bs-theme=light] {
--bs-body-color: black !important;
--bs-body-bg: white !important;
}
[data-bs-theme=dark] {
--bs-body-color: white !important;
--bs-body-bg: black !important;
}
.btn-bd-primary.btn-bd-primary {
--bd-violet-bg: #3a7754;
--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
--bs-btn-font-weight: 600;
--bs-btn-color: var(--bs-white);
--bs-btn-bg: var(--bd-violet-bg);
--bs-btn-border-color: var(--bd-violet-bg);
--bs-btn-hover-color: var(--bs-white);
--bs-btn-hover-bg: #2a6845;
--bs-btn-hover-border-color: #2a6845;
--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
--bs-btn-active-color: var(--bs-btn-hover-color);
--bs-btn-active-bg: #1e4831;
--bs-btn-active-border-color: #1e4831;
}
.bd-mode-toggle {
z-index: 1000;
}
.bd-mode-toggle .dropdown-menu .active .bi {
display: block !important;
}
#brand-logo, #app-logo {
max-height: 32px;
margin: 0;
}
form {
width: auto;
justify-content: center;
align-items: center;
}
input[type=file]::file-selector-button {
background-color: var(--bs-primary-bg-subtle);
}
/* #imgContainer {
overflow: auto;
display: flex;
width: fit-content;
justify-content: center;
align-items: center;
} */
#imgForm {
display: flex;
flex-wrap: wrap;
}
#figBox {
margin: 2px;
}
#figImg {
cursor: pointer;
}
#figDetails {
height: 10em;
overflow: auto;
}
figcaption {
display: inline-block;
}