2 /* raleway-regular - latin */
4 font-family: "Raleway";
8 src: local
("Raleway"), local
("Raleway-Regular"), url
("./webfonts/raleway/raleway-v14-latin-regular.woff2") format
("woff2"), url
("./webfonts/raleway/raleway-v14-latin-regular.woff") format
("woff");
9 /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
11 /* lato-regular - latin */
17 src: local
("Lato Regular"), local
("Lato-Regular"), url
("./webfonts/lato/lato-v16-latin-regular.woff2") format
("woff2"), url
("./webfonts/lato/lato-v16-latin-regular.woff") format
("woff");
18 /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
25 font-family: "Raleway", sans-serif
;
30 transition: background-color cubic-bezier
(0.165, 0.84, 0.44, 1) 300ms;
31 background-color: #f5f5f5;
44 background-color: #ffffff;
45 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1);
47 body #app
.card:hover
{
48 background-color: #ffffff;
51 background-color: #ffffff;
52 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1);
54 @media (prefers-color-scheme: light
), (prefers-color-scheme: no-preference
) {
56 background-color: #f5f5f5;
69 background-color: #ffffff;
70 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1);
72 body #app
.card:hover
{
73 background-color: #ffffff;
76 background-color: #ffffff;
77 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1);
80 @media (prefers-color-scheme: dark
) {
82 background-color: #131313;
95 background-color: #2b2b2b;
96 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.4);
98 body #app
.card:hover
{
99 background-color: #2b2b2b;
102 background-color: #2b2b2b;
103 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.4);
107 background-color: #f5f5f5;
110 body #app
.is-light
a:hover
{
113 body #app
.is-light
.title
{
116 body #app
.is-light
.subtitle
{
119 body #app
.is-light
.card
{
120 background-color: #ffffff;
121 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1);
123 body #app
.is-light
.card:hover
{
124 background-color: #ffffff;
126 body #app
.is-light
.footer
{
127 background-color: #ffffff;
128 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1);
131 background-color: #131313;
134 body #app
.is-dark
a:hover
{
137 body #app
.is-dark
.title
{
140 body #app
.is-dark
.subtitle
{
143 body #app
.is-dark
.card
{
144 background-color: #2b2b2b;
145 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.4);
147 body #app
.is-dark
.card:hover
{
148 background-color: #2b2b2b;
150 body #app
.is-dark
.footer
{
151 background-color: #2b2b2b;
152 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.4);
154 body h1
, body h2
, body h3
, body h4
, body h5
, body h6
{
155 font-family: "Lato", sans-serif
;
165 body h2
.fas
, body h2
.fab
, body h2
.far
{
178 body #bighead
.dashboard-title
{
179 padding: 6px 0 0 80px;
181 body #bighead
.first-line
{
183 vertical-align: center
;
184 background-color: #3367d6;
186 body #bighead
.first-line h1
{
190 body #bighead
.first-line
.headline
{
194 body #bighead
.first-line
.container
{
198 body #bighead
.first-line
.logo
{
201 body #bighead
.first-line
.logo i
{
206 body #bighead
.first-line
.logo img
{
211 body #bighead
.navbar
, body #bighead
.navbar-menu
{
212 background-color: #4285f4;
214 body #bighead
.navbar a
, body #bighead
.navbar-menu a
{
217 body #bighead
.navbar
a:hover
, body #bighead
.navbar
a:focus
, body #bighead
.navbar-menu
a:hover
, body #bighead
.navbar-menu
a:focus
{
219 background-color: #5a95f5;
221 body #bighead
.navbar-end
{
228 body #main-section h2
{
229 border-bottom: 1px dashed
#ccc;
230 padding-bottom: 10px;
232 body #main-section
.title
{
235 body #main-section
.subtitle
{
239 text-overflow: ellipsis
;
241 body #main-section
.container
{
242 padding: 1.2rem 0.75rem;
244 body #main-section
.message
{
246 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1);
248 body #main-section
.message
.message-header
{
251 body #main-section
.message
.message-body
{
254 body
.media-content
{
259 background-color: #4285f4;
265 transition: all
0.2s ease-out
;
268 body
.tag
.tag-text
{
274 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1);
275 transition: cubic-bezier
(0.165, 0.84, 0.44, 1) 300ms;
281 transform: translate
(0, -3px);
283 body
.card:hover
.tag
{
288 body
.card:hover
.tag
.tag-text
{
295 body
.layout-vertical
.card
{
298 body
.layout-vertical
.column
div:first-of-type
.card
{
299 border-radius: 5px 5px 0 0;
301 body
.layout-vertical
.column
div:last-child
.card
{
302 border-radius: 0 0 5px 5px;
313 transition: background-color cubic-bezier
(0.165, 0.84, 0.44, 1) 300ms;
315 body
.no-footer #main-section
{
318 body
.no-footer
.footer
{
323 display: inline-block
;
325 body
.search-bar #search
{
327 background-color: #5f98f6;
329 padding: 2px 12px 2px 30px;
331 transition: all
100ms linear
;
336 body
.search-bar #
search:focus
{
339 background-color: #ffffff;
341 body
.search-bar
.search-label::before
{
342 font-family: "Font Awesome 5 Free";
352 body
.search-bar:focus-within
.search-label::before
{
356 display: inline-block
;
359 body
.offline-message
{
363 body
.offline-message i
{
366 body
.offline-message i
.fa-redo-alt
{
369 vertical-align: middle
;