Sun, 30 Aug 2020 05:04:00 -0600
- Fix index links to sub-pages
0 | 1 | /* NACL STATSPAGE STYLES |
2 | Made by Glitchvid... nobody surprised. | |
3 | */ | |
4 | ||
5 | h1 { | |
6 | text-align: center; | |
7 | color: #CFCFCF; | |
8 | font-family: Arial,sans-serif; | |
9 | font-size: 1.4em; | |
10 | font-weight: 700; | |
11 | text-transform: uppercase; | |
12 | display: block; | |
13 | margin: 1em auto; | |
14 | padding-top: 0.1em; | |
15 | border-top: solid; | |
16 | border-bottom: solid; | |
17 | border-width: 0.1.1em; | |
18 | border-color: #252525; | |
19 | } | |
20 | ||
21 | h2 { | |
22 | text-align: center; | |
23 | color: #CFCFCF; | |
24 | font-family: Roboto,sans-serif; | |
25 | font-size: 1.25em; | |
26 | font-weight: 700; | |
27 | } | |
28 | ||
29 | h4 { | |
30 | text-align:center; | |
31 | color:#5E5E5E; | |
32 | font-family:Arial,sans-serif; | |
33 | font-size:0.7em; | |
34 | font-weight:700; | |
35 | margin:0px; | |
36 | margin-top:0.5em; | |
37 | } | |
38 | ||
39 | h4.rotated { | |
40 | writing-mode: vertical-rl; | |
41 | text-align: left; | |
42 | } | |
43 | ||
44 | h6 { | |
45 | text-align: center; | |
46 | color: #CFCFCF; | |
47 | font-family: Arial,sans-serif; | |
48 | font-size: 1.4em; | |
49 | font-weight: 700; | |
50 | text-transform: uppercase; | |
51 | } | |
52 | ||
53 | gcomlink { | |
54 | text-align:center; | |
55 | color:#CFCFCF; | |
56 | font-family:Roboto,sans-serif; | |
57 | font-weight:500; | |
58 | margin-top:1em; | |
59 | font-size:1.25em; | |
60 | } | |
61 | ||
1
4270d413249b
- Switch to embedded grafana from generated images
Glitchvid <Glitchvid@glitchvid.com>
parents:
0
diff
changeset
|
62 | iframe { |
4270d413249b
- Switch to embedded grafana from generated images
Glitchvid <Glitchvid@glitchvid.com>
parents:
0
diff
changeset
|
63 | margin: 0.25em; |
4270d413249b
- Switch to embedded grafana from generated images
Glitchvid <Glitchvid@glitchvid.com>
parents:
0
diff
changeset
|
64 | margin-top: 0em; |
4270d413249b
- Switch to embedded grafana from generated images
Glitchvid <Glitchvid@glitchvid.com>
parents:
0
diff
changeset
|
65 | margin-bottom: 0em; |
12 | 66 | max-width: 100%; |
1
4270d413249b
- Switch to embedded grafana from generated images
Glitchvid <Glitchvid@glitchvid.com>
parents:
0
diff
changeset
|
67 | } |
4270d413249b
- Switch to embedded grafana from generated images
Glitchvid <Glitchvid@glitchvid.com>
parents:
0
diff
changeset
|
68 | |
0 | 69 | body { |
70 | font-family: Arial,sans-serif; | |
71 | margin: 0px; | |
72 | } | |
73 | ||
74 | table { | |
75 | border-spacing: 0px; | |
76 | } | |
77 | ||
78 | tabrow { | |
79 | display: table-row; | |
80 | vertical-align: inherit; | |
81 | border-color: inherit; | |
82 | } | |
83 | ||
84 | img.meterbox { | |
85 | display: block; | |
86 | margin: 0.25em; | |
87 | margin-top: 0em; | |
88 | margin-bottom: 0em; | |
89 | height: 128px; | |
90 | } | |
91 | img.graphbox { | |
92 | display: block; | |
93 | margin: 0em auto; | |
94 | height: 240px; | |
95 | } | |
96 | ||
97 | img.linkbadge { | |
98 | margin: auto; | |
99 | max-height: 32px; | |
100 | max-width: 16vw; | |
101 | width: auto; | |
102 | height: auto; | |
103 | vertical-align: middle; | |
104 | padding-bottom: 0.2em; | |
105 | } | |
106 | ||
107 | a:link { | |
108 | transition:100ms ease-out; | |
109 | text-decoration: none; | |
110 | color: #FFA726; | |
111 | } | |
112 | a:visited { | |
113 | text-decoration: none; | |
114 | color: #FFA726; | |
115 | } | |
116 | ||
117 | a:hover { | |
118 | transition:.2s ease-in; | |
119 | color: #FFCC80; | |
120 | } | |
121 | ||
122 | a:active { | |
123 | text-decoration: underline; | |
124 | } | |
125 | ||
126 | a.stext { | |
127 | margin:1em; | |
128 | } | |
129 | a.stext, a.stext:visited,a.stext:hover,a.stext:active { | |
130 | text-decoration: none; | |
131 | } | |
132 | ||
133 | div.logobox { | |
134 | border-style: dotted; | |
135 | border-right-style: none; | |
136 | border-left-style: none; | |
137 | border-width: 1px; | |
138 | border-color: #272727; | |
139 | } | |
140 | ||
141 | div.linkbox { | |
142 | border-top: dotted; | |
143 | border-top-width: 1px; | |
144 | border-color: #272727; | |
145 | margin-top: 0.5em; | |
146 | margin-bottom: 0.5em; | |
147 | } | |
2
2b7c5918a57c
- Remove blocking CSS font loading
Glitchvid <Glitchvid@glitchvid.com>
parents:
1
diff
changeset
|
148 | |
0 | 149 | @-moz-document url-prefix() { |
150 | div.logobox { | |
151 | border-color: #3f3f3f; | |
152 | } | |
2
2b7c5918a57c
- Remove blocking CSS font loading
Glitchvid <Glitchvid@glitchvid.com>
parents:
1
diff
changeset
|
153 | |
2b7c5918a57c
- Remove blocking CSS font loading
Glitchvid <Glitchvid@glitchvid.com>
parents:
1
diff
changeset
|
154 | div.linkbox { |
2b7c5918a57c
- Remove blocking CSS font loading
Glitchvid <Glitchvid@glitchvid.com>
parents:
1
diff
changeset
|
155 | border-color: #3f3f3f; |
2b7c5918a57c
- Remove blocking CSS font loading
Glitchvid <Glitchvid@glitchvid.com>
parents:
1
diff
changeset
|
156 | } |
0 | 157 | } |
158 | ||
159 | section.links { | |
160 | text-align: center; | |
161 | text-align: center; | |
162 | } | |
163 | ||
164 | ul.list { | |
165 | margin-top: 0px; | |
166 | list-style-type: none; | |
167 | display: inline-block; | |
168 | padding: 0; | |
169 | margin: 0px; | |
170 | } | |
171 | ||
172 | ul.list li { | |
173 | float: left; | |
174 | list-style-type: none; | |
175 | color: #CFCFCF; | |
176 | font-family: Roboto,sans-serif; | |
177 | font-size: 1.25em; | |
178 | font-weight: 700; | |
179 | margin-top: 0.25em; | |
180 | } | |
181 | ||
182 | ul.list li.small { | |
183 | margin-top:0.75em; | |
184 | text-align: center; | |
185 | color: #CFCFCF; | |
186 | font-family: Roboto,sans-serif; | |
187 | font-size: 0.54em; | |
188 | font-weight: 700; | |
189 | } | |
190 | ||
11
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
191 | .flex-container { |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
192 | display: flex; |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
193 | flex-direction: row; |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
194 | flex-wrap: wrap; |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
195 | justify-content: center; |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
196 | font-family: Roboto,sans-serif; |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
197 | font-size: 1.25em; |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
198 | font-weight: 700; |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
199 | margin-top: 0.25em; |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
200 | } |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
201 | |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
202 | div.flex-start { |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
203 | align-self: flex-start; |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
204 | } |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
205 | |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
206 | div.flex-graphs { |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
207 | align-self: center; |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
208 | } |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
209 | |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
210 | div.flex-end { |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
211 | align-self: flex-end; |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
212 | } |
a7ec085cb81f
- Replace ul with flexbox
Glitchvid <Glitchvid@glitchvid.com>
parents:
2
diff
changeset
|
213 | |
0 | 214 | /* That's all she wrote. */ |