]>
git.immae.eu Git - github/bastienwirtz/homer.git/blob - app.css
5 font-family: 'Raleway', sans-serif
;
6 background-color: #F5F5F5;
8 body h1
, body h2
, body h3
, body h4
, body h5
, body h6
{
9 font-family: 'Lato', sans-serif
; }
15 margin-bottom: 1rem; }
16 body h2
.fas
, body h2
.fab
, body h2
.far
{
25 body #bighead
.dashboard-title
{
26 padding: 6px 0 0 80px; }
27 body #bighead
.first-line
{
29 vertical-align: center
;
30 background-color: #3367d6; }
31 body #bighead
.first-line h1
{
34 body #bighead
.first-line
.headline
{
37 body #bighead
.first-line
.container
{
40 body #bighead
.first-line
.logo
{
42 body #bighead
.first-line
.logo i
{
46 body #bighead
.first-line
.logo img
{
50 body #bighead
.navbar
{
51 background-color: #4285f4; }
52 body #bighead
.navbar a
{
54 body #bighead
.navbar
a:hover
{
55 background-color: #5a95f5; }
59 body #main-section h2
{
60 border-bottom: 1px dashed
#ccc;
61 padding-bottom: 10px; }
62 body #main-section
.title
{
64 body #main-section
.subtitle
{
68 text-overflow: ellipsis
; }
69 body #main-section
.container
{
70 padding: 1.2rem .75rem; }
71 body #main-section
.message
{
73 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1); }
74 body #main-section
.message
.message-header
{
76 body #main-section
.message
.message-body
{
82 background-color: #4285f4;
88 transition: all
0.2s ease-out
;
93 box-shadow: 0 2px 15px 0 rgba
(0, 0, 0, 0.1);
94 transition: cubic-bezier
(0.165, 0.84, 0.44, 1) 300ms; }
98 background-color: #FFFFFF;
99 transform: translate
(0, -3px); }
100 body
.card:hover
.tag
{
107 body
.layout-vertical
.card
{
109 body
.layout-vertical
.column
div:first-of-type
.card
{
110 border-radius: 5px 5px 0 0; }
111 body
.layout-vertical
.column
div:last-child
.card
{
112 border-radius: 0 0 5px 5px; }
120 background-color: #fafafa;
121 border-top: 1px solid
#F5F5F5;
123 font-size: 0.85rem; }
126 display: inline-block
; }
127 body
.search-bar #search
{
129 background-color: #5f98f6;
131 padding: 2px 12px 2px 30px;
133 transition: all
100ms linear
;
137 body
.search-bar #
search:focus
{
140 background-color: #ffffff; }
141 body
.search-bar
.search-label::before
{
142 font-family: 'FontAwesome';
149 body
.search-bar:focus-within
.search-label::before
{
152 display: inline-block
; }
153 body
.offline-message
{
156 body
.offline-message i
{
158 body
.offline-message i
.fa-redo-alt
{
161 vertical-align: middle
;