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; }
191 body #main-section
.title
{
193 body #main-section
.subtitle
{
197 text-overflow: ellipsis
; }
198 body #main-section
.container
{
199 padding: 1.2rem .75rem; }
200 body #main-section
.message
{
202 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
203 body #main-section
.message
.message-header
{
205 body #main-section
.message
.message-body
{
207 body
.media-content
{
211 background-color: #4285f4;
217 transition: all
0.2s ease-out
;
219 body
.tag
.tag-text
{
224 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1);
225 transition: cubic-bezier
(0.165, 0.84, 0.44, 1) 300ms; }
229 transform: translate
(0, -3px); }
230 body
.card:hover
.tag
{
234 body
.card:hover
.tag
.tag-text
{
239 body
.layout-vertical
.card
{
241 body
.layout-vertical
.column
div:first-of-type
.card
{
242 border-radius: 5px 5px 0 0; }
243 body
.layout-vertical
.column
div:last-child
.card
{
244 border-radius: 0 0 5px 5px; }
254 transition: background-color cubic-bezier
(0.165, 0.84, 0.44, 1) 300ms; }
255 body
.no-footer #main-section
{
257 body
.no-footer
.footer
{
261 display: inline-block
; }
262 body
.search-bar #search
{
264 background-color: #5f98f6;
266 padding: 2px 12px 2px 30px;
268 transition: all
100ms linear
;
272 body
.search-bar #
search:focus
{
275 background-color: #ffffff; }
276 body
.search-bar
.search-label::before
{
277 font-family: 'Font Awesome 5 Free';
286 body
.search-bar:focus-within
.search-label::before
{
289 display: inline-block
;
291 body
.offline-message
{
294 body
.offline-message i
{
296 body
.offline-message i
.fa-redo-alt
{
299 vertical-align: middle
;