5 font-family: 'Raleway', sans-serif
;
9 transition: background-color cubic-bezier
(0.165, 0.84, 0.44, 1) 300ms;
10 background-color: #f5f5f5;
19 background-color: #ffffff;
20 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
21 body #app
.card:hover
{
22 background-color: #ffffff; }
24 background-color: #ffffff;
25 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
26 @media
(prefers-color-scheme: light
), (prefers-color-scheme: no-preference
) {
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: dark
) {
46 background-color: #131313;
55 background-color: #2b2b2b;
56 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.4); }
57 body #app
.card:hover
{
58 background-color: #2b2b2b; }
60 background-color: #2b2b2b;
61 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.4); } }
63 background-color: #f5f5f5;
65 body #app
.is-light
a:hover
{
67 body #app
.is-light
.title
{
69 body #app
.is-light
.subtitle
{
71 body #app
.is-light
.card
{
72 background-color: #ffffff;
73 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
74 body #app
.is-light
.card:hover
{
75 background-color: #ffffff; }
76 body #app
.is-light
.footer
{
77 background-color: #ffffff;
78 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
80 background-color: #131313;
82 body #app
.is-dark
a:hover
{
84 body #app
.is-dark
.title
{
86 body #app
.is-dark
.subtitle
{
88 body #app
.is-dark
.card
{
89 background-color: #2b2b2b;
90 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.4); }
91 body #app
.is-dark
.card:hover
{
92 background-color: #2b2b2b; }
93 body #app
.is-dark
.footer
{
94 background-color: #2b2b2b;
95 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.4); }
96 body h1
, body h2
, body h3
, body h4
, body h5
, body h6
{
97 font-family: 'Lato', sans-serif
; }
103 margin-bottom: 1rem; }
104 body h2
.fas
, body h2
.fab
, body h2
.far
{
105 margin-right: 10px; }
113 body #bighead
.dashboard-title
{
114 padding: 6px 0 0 80px; }
115 body #bighead
.first-line
{
117 vertical-align: center
;
118 background-color: #3367d6; }
119 body #bighead
.first-line h1
{
122 body #bighead
.first-line
.headline
{
125 body #bighead
.first-line
.container
{
128 body #bighead
.first-line
.logo
{
130 body #bighead
.first-line
.logo i
{
134 body #bighead
.first-line
.logo img
{
138 body #bighead
.navbar
{
139 background-color: #4285f4; }
140 body #bighead
.navbar a
{
142 body #bighead
.navbar
a:hover
{
144 background-color: #5a95f5; }
148 body #main-section h2
{
149 border-bottom: 1px dashed
#ccc;
150 padding-bottom: 10px; }
151 body #main-section
.title
{
153 body #main-section
.subtitle
{
157 text-overflow: ellipsis
; }
158 body #main-section
.container
{
159 padding: 1.2rem .75rem; }
160 body #main-section
.message
{
162 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
163 body #main-section
.message
.message-header
{
165 body #main-section
.message
.message-body
{
167 body
.media-content
{
171 background-color: #4285f4;
177 transition: all
0.2s ease-out
;
179 body
.tag
.tag-text
{
184 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1);
185 transition: cubic-bezier
(0.165, 0.84, 0.44, 1) 300ms; }
189 transform: translate
(0, -3px); }
190 body
.card:hover
.tag
{
194 body
.card:hover
.tag
.tag-text
{
199 body
.layout-vertical
.card
{
201 body
.layout-vertical
.column
div:first-of-type
.card
{
202 border-radius: 5px 5px 0 0; }
203 body
.layout-vertical
.column
div:last-child
.card
{
204 border-radius: 0 0 5px 5px; }
214 transition: background-color cubic-bezier
(0.165, 0.84, 0.44, 1) 300ms; }
217 display: inline-block
; }
218 body
.search-bar #search
{
220 background-color: #5f98f6;
222 padding: 2px 12px 2px 30px;
224 transition: all
100ms linear
;
228 body
.search-bar #
search:focus
{
231 background-color: #ffffff; }
232 body
.search-bar
.search-label::before
{
233 font-family: 'Font Awesome 5 Free';
241 body
.search-bar:focus-within
.search-label::before
{
244 display: inline-block
; }
245 body
.offline-message
{
248 body
.offline-message i
{
250 body
.offline-message i
.fa-redo-alt
{
253 vertical-align: middle
;