Matteo Scandolo | f6acdbe | 2016-12-13 10:29:37 -0800 | [diff] [blame] | 1 | html, body, #root { |
2 | margin: 0; | ||||
3 | height: 100%; | ||||
4 | font-family: 'Open Sans', sans-serif; | ||||
5 | } | ||||
6 | |||||
7 | body, h1, h2, h3 { | ||||
8 | font-weight: 300 | ||||
9 | } | ||||
10 | |||||
11 | a { | ||||
12 | color: white; | ||||
13 | text-decoration: none; | ||||
14 | |||||
15 | &:hover { | ||||
16 | color: #5aadbb; | ||||
17 | } | ||||
18 | } | ||||
19 | |||||
20 | .main-container { | ||||
21 | display: flex; | ||||
22 | flex-direction: column; | ||||
Matteo Scandolo | f2c3ed6 | 2016-12-15 14:32:50 -0800 | [diff] [blame] | 23 | height: 100%; |
Matteo Scandolo | f6acdbe | 2016-12-13 10:29:37 -0800 | [diff] [blame] | 24 | } |
25 | .main { | ||||
26 | flex: 1; | ||||
27 | display: flex; | ||||
28 | flex-direction: row; | ||||
29 | |||||
30 | .content { | ||||
31 | display: flex; | ||||
32 | flex: 1; | ||||
33 | flex-direction: column; | ||||
Matteo Scandolo | f2c3ed6 | 2016-12-15 14:32:50 -0800 | [diff] [blame] | 34 | flex-basis: 85%; |
Matteo Scandolo | f6acdbe | 2016-12-13 10:29:37 -0800 | [diff] [blame] | 35 | background: darken(grey, 25); |
36 | padding: 20px; | ||||
Matteo Scandolo | 035c593 | 2016-12-14 09:55:15 -0800 | [diff] [blame] | 37 | color: #eee; |
Matteo Scandolo | f2c3ed6 | 2016-12-15 14:32:50 -0800 | [diff] [blame] | 38 | overflow-y: scroll; |
Matteo Scandolo | f6acdbe | 2016-12-13 10:29:37 -0800 | [diff] [blame] | 39 | } |
40 | } | ||||
41 | |||||
42 | .header { | ||||
43 | display: flex; | ||||
44 | align-items: center; | ||||
45 | background-color: #1f1f1f; | ||||
46 | } | ||||
47 | .header-title { | ||||
48 | flex: 1; | ||||
49 | font-size: 1.5rem; | ||||
50 | margin: 1rem; | ||||
51 | } | ||||
Matteo Scandolo | f6acdbe | 2016-12-13 10:29:37 -0800 | [diff] [blame] | 52 | |
Matteo Scandolo | 63e43eb | 2016-12-14 14:18:53 -0800 | [diff] [blame] | 53 | .header-date { |
54 | flex: 1; | ||||
55 | text-align: right; | ||||
56 | margin: 1rem; | ||||
57 | color: white; | ||||
58 | } | ||||
59 | |||||
Matteo Scandolo | f6acdbe | 2016-12-13 10:29:37 -0800 | [diff] [blame] | 60 | .footer { |
61 | padding: 0.5rem; | ||||
62 | font-size: 1rem; | ||||
63 | background-color: #1f1f1f; | ||||
64 | text-align: center; | ||||
65 | color: white; | ||||
Matteo Scandolo | d819c92 | 2016-12-02 14:06:14 -0800 | [diff] [blame] | 66 | } |
Matteo Scandolo | 035c593 | 2016-12-14 09:55:15 -0800 | [diff] [blame] | 67 | |
68 | h1 { | ||||
69 | color: #fff; | ||||
Matteo Scandolo | ee655a1 | 2016-12-19 15:38:43 -0800 | [diff] [blame^] | 70 | } |
71 | |||||
72 | .panel { | ||||
73 | color: #4d4d4d; | ||||
Matteo Scandolo | 035c593 | 2016-12-14 09:55:15 -0800 | [diff] [blame] | 74 | } |