onlyfors.com/onlyfors.css at main · badoge/onlyfors.com · GitHub

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
/* restyle bootstrap: */
[data-bs-theme="light"] {
  --bs-primary-text: #0091ea;
  --bs-body-color-rgb: 36, 37, 41;
  --bs-body-color: #242529;
  --bs-link-hover-color: #0091ea;
  --bs-link-hover-color-rgb: 0, 145, 234;
  --bs-link-color: #00aff0;
  --bs-link-color-rgb: 0, 175, 240;
}
[data-bs-theme="dark"] {
  --bs-body-color: #f6f7f8;
  --bs-body-color-rgb: 246, 247, 248;
  --bs-body-bg: #161618;
  --bs-body-bg-rgb: 22, 22, 24;
  --bs-primary-text: #0091ea;
  --bs-link-hover-color: #0091ea;
  --bs-link-hover-color-rgb: 0, 145, 234;
  --bs-link-color: #00aff0;
  --bs-link-color-rgb: 0, 175, 240;
}
.btn-outline-primary {
  --bs-btn-color: #0091ea;
  --bs-btn-hover-color: #0083d5;
  --bs-btn-border-color: rgba(160, 160, 160, 0.3);
  --bs-btn-hover-bg: rgba(0, 145, 234, 0.2);
  --bs-btn-hover-border-color: #0091ea;
  --bs-btn-active-bg: rgba(0, 145, 234, 0.5);
  --bs-btn-active-color: #0091ea;
}
.modal {
  --bs-modal-width: 700px;
}
a {
  text-decoration: none;
}

/* custom buttons: */
.btn-onlyfors {
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  background-color: #00aff0;
  color: white;
  display: flex;
  flex-flow: row wrap;
  border-radius: 2em;
  transition: background-color 0.2s ease;
}
.btn-onlyfors:hover,
.btn-onlyfors:active {
  border-color: transparent !important;
  background-color: #0091ea !important;
  color: white !important;
  cursor: pointer;
}
.btn-onlyfors:disabled {
  background-color: rgba(138, 150, 163, 0.75);
  border-color: transparent;
}

/* tippy.js */
.tippy-box[data-theme~="material"] {
  padding: 4px;
  border-radius: 4px;
  background-color: #111;
  color: #fff;
  font-family: inherit;
  font-size: 80%;
  font-weight: normal !important;
  border: 0;
}
[data-bs-theme="dark"] .tippy-box[data-theme~="material"] {
  color: #111;
  background-color: #aaa;
}
.tippy-box h3 {
  font-size: 120%;
  font-weight: bold;
}
.tippy-box h4 {
  font-size: 120%;
  font-weight: normal;
}