| 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 |