Left: | ||
Right: |
LEFT | RIGHT |
---|---|
1 @font-face | 1 @font-face |
2 { | 2 { |
3 font-family: "Source Sans Pro"; | 3 font-family: "Source Sans Pro"; |
4 font-style: normal; | 4 font-style: normal; |
5 font-weight: 400; | 5 font-weight: 400; |
6 font-stretch: normal; | 6 font-stretch: normal; |
7 src: local ("Ø"), | 7 src: local ("Ø"), |
8 url(fonts/SourceSansPro-Regular.woff) format("woff"); | 8 url(fonts/SourceSansPro-Regular.woff) format("woff"); |
9 } | 9 } |
10 | 10 |
(...skipping 28 matching lines...) Expand all Loading... | |
39 | 39 |
40 .column | 40 .column |
41 { | 41 { |
42 height: 100vh; | 42 height: 100vh; |
43 display: flex; | 43 display: flex; |
44 align-items: center; | 44 align-items: center; |
45 justify-content: center; | 45 justify-content: center; |
46 flex: 1; | 46 flex: 1; |
47 } | 47 } |
48 | 48 |
49 #graphic-column | 49 #graphic-column, |
50 { | 50 .graphic-column |
51 background-color: #8DC446; | |
52 } | |
53 | |
54 .graphic-column | |
Thomas Greiner
2018/01/10 12:28:21
Detail: You can combine this rule with the one abo
martin
2018/01/12 11:15:41
Done.
| |
55 { | 51 { |
56 background-color: #8DC446; | 52 background-color: #8DC446; |
57 } | 53 } |
58 | 54 |
59 #content | 55 #content |
60 { | 56 { |
61 padding: 0 3em; | 57 padding: 0 3em; |
62 max-width: 760px; | 58 max-width: 760px; |
63 } | 59 } |
64 | 60 |
65 #content a | 61 #content a |
66 { | 62 { |
67 color: #C70D2C; | 63 color: #C70D2C; |
68 text-decoration: none; | 64 text-decoration: none; |
69 } | 65 } |
70 | 66 |
71 #optionsPageLink | 67 #optionsPageLink |
72 { | 68 { |
73 color: red; | 69 color: red; |
74 } | 70 } |
75 | 71 |
72 /* Needed in order to achieve standard behavior | |
73 for links, due to lacking href attribute */ | |
76 #content a:hover | 74 #content a:hover |
77 { | 75 { |
78 text-decoration: underline; | 76 text-decoration: underline; |
79 cursor: pointer; | 77 cursor: pointer; |
80 } | 78 } |
81 | 79 |
82 #content header | 80 #content header |
83 { | 81 { |
84 margin: 0 0 2em 5em; | 82 margin: 0 0 2em 5em; |
85 } | 83 } |
(...skipping 154 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
240 .column | 238 .column |
241 { | 239 { |
242 align-items: flex-start; | 240 align-items: flex-start; |
243 } | 241 } |
244 | 242 |
245 html[dir="rtl"] .applestore-button | 243 html[dir="rtl"] .applestore-button |
246 { | 244 { |
247 margin: 0 0 1em 0; | 245 margin: 0 0 1em 0; |
248 } | 246 } |
249 } | 247 } |
LEFT | RIGHT |