1 /* raleway-regular - latin */
3 font-family: 'Raleway';
7 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");
8 /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
10 /* lato-regular - latin */
16 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");
17 /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
23 font-family: 'Raleway', sans-serif
;
27 transition: background-color cubic-bezier
(0.165, 0.84, 0.44, 1) 300ms;
28 background-color: #f5f5f5;
37 background-color: #ffffff;
38 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
39 body #app
.card:hover
{
40 background-color: #ffffff; }
42 background-color: #ffffff;
43 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
44 @media
(prefers-color-scheme: light
), (prefers-color-scheme: no-preference
) {
46 background-color: #f5f5f5;
55 background-color: #ffffff;
56 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
57 body #app
.card:hover
{
58 background-color: #ffffff; }
60 background-color: #ffffff;
61 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); } }
62 @media
(prefers-color-scheme: dark
) {
64 background-color: #131313;
73 background-color: #2b2b2b;
74 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.4); }
75 body #app
.card:hover
{
76 background-color: #2b2b2b; }
78 background-color: #2b2b2b;
79 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.4); } }
81 background-color: #f5f5f5;
83 body #app
.is-light
a:hover
{
85 body #app
.is-light
.title
{
87 body #app
.is-light
.subtitle
{
89 body #app
.is-light
.card
{
90 background-color: #ffffff;
91 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
92 body #app
.is-light
.card:hover
{
93 background-color: #ffffff; }
94 body #app
.is-light
.footer
{
95 background-color: #ffffff;
96 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
98 background-color: #131313;
100 body #app
.is-dark
a:hover
{
102 body #app
.is-dark
.title
{
104 body #app
.is-dark
.subtitle
{
106 body #app
.is-dark
.card
{
107 background-color: #2b2b2b;
108 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.4); }
109 body #app
.is-dark
.card:hover
{
110 background-color: #2b2b2b; }
111 body #app
.is-dark
.footer
{
112 background-color: #2b2b2b;
113 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.4); }
114 body h1
, body h2
, body h3
, body h4
, body h5
, body h6
{
115 font-family: 'Lato', sans-serif
; }
121 margin-bottom: 1rem; }
122 body h2
.fas
, body h2
.fab
, body h2
.far
{
123 margin-right: 10px; }
131 body #bighead
.dashboard-title
{
132 padding: 6px 0 0 80px; }
133 body #bighead
.first-line
{
135 vertical-align: center
;
136 background-color: #3367d6; }
137 body #bighead
.first-line h1
{
140 body #bighead
.first-line
.headline
{
143 body #bighead
.first-line
.container
{
146 body #bighead
.first-line
.logo
{
148 body #bighead
.first-line
.logo i
{
152 body #bighead
.first-line
.logo img
{
156 body #bighead
.navbar
{
157 background-color: #4285f4; }
158 body #bighead
.navbar a
{
160 body #bighead
.navbar
a:hover
, body #bighead
.navbar
a:focus
{
162 background-color: #5a95f5; }
166 body #main-section h2
{
167 border-bottom: 1px dashed
#ccc;
168 padding-bottom: 10px; }
169 body #main-section
.title
{
171 body #main-section
.subtitle
{
175 text-overflow: ellipsis
; }
176 body #main-section
.container
{
177 padding: 1.2rem .75rem; }
178 body #main-section
.message
{
180 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
181 body #main-section
.message
.message-header
{
183 body #main-section
.message
.message-body
{
185 body
.media-content
{
189 background-color: #4285f4;
195 transition: all
0.2s ease-out
;
197 body
.tag
.tag-text
{
202 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1);
203 transition: cubic-bezier
(0.165, 0.84, 0.44, 1) 300ms; }
207 transform: translate
(0, -3px); }
208 body
.card:hover
.tag
{
212 body
.card:hover
.tag
.tag-text
{
217 body
.layout-vertical
.card
{
219 body
.layout-vertical
.column
div:first-of-type
.card
{
220 border-radius: 5px 5px 0 0; }
221 body
.layout-vertical
.column
div:last-child
.card
{
222 border-radius: 0 0 5px 5px; }
232 transition: background-color cubic-bezier
(0.165, 0.84, 0.44, 1) 300ms; }
233 body
.no-footer #main-section
{
235 body
.no-footer
.footer
{
239 display: inline-block
; }
240 body
.search-bar #search
{
242 background-color: #5f98f6;
244 padding: 2px 12px 2px 30px;
246 transition: all
100ms linear
;
250 body
.search-bar #
search:focus
{
253 background-color: #ffffff; }
254 body
.search-bar
.search-label::before
{
255 font-family: 'Font Awesome 5 Free';
263 body
.search-bar:focus-within
.search-label::before
{
266 display: inline-block
; }
267 body
.offline-message
{
270 body
.offline-message i
{
272 body
.offline-message i
.fa-redo-alt
{
275 vertical-align: middle
;