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 body #app
.message
.message-body
{
46 background-color: #ffffff;
47 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
48 @media
(prefers-color-scheme: light
), (prefers-color-scheme: no-preference
) {
50 background-color: #f5f5f5;
59 background-color: #ffffff;
60 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
61 body #app
.card:hover
{
62 background-color: #ffffff; }
64 background-color: #ffffff; }
65 body #app
.message
.message-body
{
68 background-color: #ffffff;
69 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); } }
70 @media
(prefers-color-scheme: dark
) {
72 background-color: #131313;
81 background-color: #2b2b2b;
82 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.4); }
83 body #app
.card:hover
{
84 background-color: #2b2b2b; }
86 background-color: #2b2b2b; }
87 body #app
.message
.message-body
{
90 background-color: #2b2b2b;
91 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.4); } }
93 background-color: #f5f5f5;
95 body #app
.is-light
a:hover
{
97 body #app
.is-light
.title
{
99 body #app
.is-light
.subtitle
{
101 body #app
.is-light
.card
{
102 background-color: #ffffff;
103 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
104 body #app
.is-light
.card:hover
{
105 background-color: #ffffff; }
106 body #app
.is-light
.message
{
107 background-color: #ffffff; }
108 body #app
.is-light
.message
.message-body
{
110 body #app
.is-light
.footer
{
111 background-color: #ffffff;
112 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
114 background-color: #131313;
116 body #app
.is-dark
a:hover
{
118 body #app
.is-dark
.title
{
120 body #app
.is-dark
.subtitle
{
122 body #app
.is-dark
.card
{
123 background-color: #2b2b2b;
124 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.4); }
125 body #app
.is-dark
.card:hover
{
126 background-color: #2b2b2b; }
127 body #app
.is-dark
.message
{
128 background-color: #2b2b2b; }
129 body #app
.is-dark
.message
.message-body
{
131 body #app
.is-dark
.footer
{
132 background-color: #2b2b2b;
133 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.4); }
134 body h1
, body h2
, body h3
, body h4
, body h5
, body h6
{
135 font-family: 'Lato', sans-serif
; }
141 margin-bottom: 1rem; }
142 body h2
.fas
, body h2
.fab
, body h2
.far
{
143 margin-right: 10px; }
151 body #bighead
.dashboard-title
{
152 padding: 6px 0 0 80px; }
153 body #bighead
.first-line
{
155 vertical-align: center
;
156 background-color: #3367d6; }
157 body #bighead
.first-line h1
{
160 body #bighead
.first-line
.headline
{
163 body #bighead
.first-line
.container
{
166 body #bighead
.first-line
.logo
{
168 body #bighead
.first-line
.logo i
{
172 body #bighead
.first-line
.logo img
{
176 body #bighead
.navbar
, body #bighead
.navbar-menu
{
177 background-color: #4285f4; }
178 body #bighead
.navbar a
, body #bighead
.navbar-menu a
{
180 body #bighead
.navbar
a:hover
, body #bighead
.navbar
a:focus
, body #bighead
.navbar-menu
a:hover
, body #bighead
.navbar-menu
a:focus
{
182 background-color: #5a95f5; }
183 body #bighead
.navbar-end
{
188 body #main-section h2
{
189 border-bottom: 1px dashed
#ccc;
190 padding-bottom: 10px;
193 text-overflow: ellipsis
; }
194 body #main-section
.title
{
198 text-overflow: ellipsis
; }
199 body #main-section
.subtitle
{
203 text-overflow: ellipsis
; }
204 body #main-section
.container
{
205 padding: 1.2rem .75rem; }
206 body #main-section
.message
{
208 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
209 body #main-section
.message
.message-header
{
211 body #main-section
.message
.message-body
{
213 body
.media-content
{
215 text-overflow: inherit
; }
218 background-color: #4285f4;
224 transition: all
0.2s ease-out
;
226 body
.tag
.tag-text
{
231 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1);
232 transition: cubic-bezier
(0.165, 0.84, 0.44, 1) 300ms; }
236 transform: translate
(0, -3px); }
237 body
.card:hover
.tag
{
241 body
.card:hover
.tag
.tag-text
{
246 body
.layout-vertical
.card
{
248 body
.layout-vertical
.column
div:first-of-type
.card
{
249 border-radius: 5px 5px 0 0; }
250 body
.layout-vertical
.column
div:last-child
.card
{
251 border-radius: 0 0 5px 5px; }
261 transition: background-color cubic-bezier
(0.165, 0.84, 0.44, 1) 300ms; }
262 body
.no-footer #main-section
{
264 body
.no-footer
.footer
{
268 display: inline-block
; }
269 body
.search-bar #search
{
271 background-color: #5f98f6;
273 padding: 2px 12px 2px 30px;
275 transition: all
100ms linear
;
279 body
.search-bar #
search:focus
{
282 background-color: #ffffff; }
283 body
.search-bar
.search-label::before
{
284 font-family: 'Font Awesome 5 Free';
293 body
.search-bar:focus-within
.search-label::before
{
296 display: inline-block
;
298 body
.offline-message
{
301 body
.offline-message i
{
303 body
.offline-message i
.fa-redo-alt
{
306 vertical-align: middle
;