aboutsummaryrefslogtreecommitdiffhomepage
path: root/app.css
diff options
context:
space:
mode:
authorBastien Wirtz <bastien.wirtz@gmail.com>2018-06-13 22:14:05 -0700
committerBastien Wirtz <bastien.wirtz@gmail.com>2018-06-13 22:21:09 -0700
commit09763dbf6a6f24263cdff535a3aca64da35a0abb (patch)
tree13967839553c98e12ea5219a5d88e6eb8da08043 /app.css
parentb21bf8b1af775e17833da4432d48ffc18a294ebc (diff)
downloadhomer-09763dbf6a6f24263cdff535a3aca64da35a0abb.tar.gz
homer-09763dbf6a6f24263cdff535a3aca64da35a0abb.tar.zst
homer-09763dbf6a6f24263cdff535a3aca64da35a0abb.zip
Initial commit
Diffstat (limited to 'app.css')
-rw-r--r--app.css130
1 files changed, 130 insertions, 0 deletions
diff --git a/app.css b/app.css
new file mode 100644
index 0000000..7a4c255
--- /dev/null
+++ b/app.css
@@ -0,0 +1,130 @@
1body {
2 font-family: 'Raleway', sans-serif;
3 background-color: #F5F5F5;
4 height: 100%; }
5 body h1, body h2, body h3, body h4, body h5, body h6 {
6 font-family: 'Lato', sans-serif; }
7 body h1 {
8 font-size: 2rem; }
9 body h2 {
10 font-size: 1.7rem;
11 margin-top: 3rem;
12 margin-bottom: 1rem; }
13 body h2 .fa {
14 margin-right: 10px;
15 color: #4285f4; }
16 body h2 span {
17 font-weight: bold;
18 color: #4285f4; }
19 body [v-cloak] {
20 display: none; }
21 body #bighead {
22 color: #ffffff; }
23 body #bighead .dashboard-title {
24 padding: 6px 0 0 80px; }
25 body #bighead .first-line {
26 height: 100px;
27 vertical-align: center;
28 background-color: #3367d6; }
29 body #bighead .first-line h1 {
30 margin-top: -12px;
31 font-size: 2rem; }
32 body #bighead .first-line .headline {
33 margin-top: 5px;
34 font-size: 0.9rem; }
35 body #bighead .first-line .container {
36 height: 80px;
37 padding: 10px 0; }
38 body #bighead .first-line img {
39 float: left;
40 max-height: 70px;
41 max-width: 70px;
42 padding: 10px; }
43 body #bighead .navbar {
44 background-color: #4285f4; }
45 body #bighead .navbar a {
46 color: #152138; }
47 body #bighead .navbar a:hover {
48 background-color: #5a95f5; }
49 body #main-section {
50 margin-bottom: 3rem;
51 padding: 0; }
52 body #main-section h2 {
53 border-bottom: 1px dashed #ccc;
54 padding-bottom: 10px; }
55 body #main-section .title {
56 font-size: 1.1em; }
57 body #main-section .subtitle {
58 font-size: .9em; }
59 body #main-section .column {
60 padding: 1.2rem .75rem; }
61 body #main-section .message {
62 margin-top: 45px;
63 box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); }
64 body #main-section .message .message-header {
65 font-weight: bold; }
66 body #main-section .message .message-body {
67 border: none; }
68 body .media-content {
69 overflow: inherit; }
70 body .tag {
71 color: #4285f4;
72 background-color: #4285f4;
73 position: absolute;
74 top: 1rem;
75 right: -0.3rem;
76 width: 3px;
77 overflow: hidden;
78 transition: all 0.2s ease-out;
79 padding: 0; }
80 body .card {
81 border-radius: 5px;
82 border: none;
83 box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
84 transition: cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; }
85 body .card:hover {
86 background-color: #FFFFFF;
87 transform: translate(0, -3px); }
88 body .card:hover .tag {
89 width: auto;
90 color: #ffffff;
91 padding: 0 0.75em; }
92 body .card-content {
93 height: 110px; }
94 body .footer {
95 position: fixed;
96 left: 0;
97 right: 0;
98 bottom: 0;
99 padding: 1rem 0.5rem;
100 text-align: left;
101 background-color: #fafafa;
102 border-top: 1px solid #F5F5F5; }
103 body .search-bar {
104 position: relative; }
105 body .search-bar #search {
106 border: none;
107 background-color: #5f98f6;
108 border-radius: 5px;
109 padding: 2px 12px 2px 30px;
110 margin: 10px 0;
111 transition: all 100ms linear;
112 color: #ffffff;
113 height: 30px;
114 width: 100px; }
115 body .search-bar #search:focus {
116 color: #000000;
117 width: 250px;
118 background-color: #ffffff; }
119 body .search-bar .search-label::before {
120 font-family: 'FontAwesome';
121 position: absolute;
122 top: 12px;
123 left: 8px;
124 content: "\f002";
125 width: 20px;
126 height: 20px; }
127 body .search-bar:focus-within .search-label::before {
128 color: #4a4a4a; }
129
130/*# sourceMappingURL=app.css.map */