diff options
| -rw-r--r-- | style.css | 35 |
1 files changed, 26 insertions, 9 deletions
| @@ -5,12 +5,19 @@ | |||
| 5 | } | 5 | } |
| 6 | 6 | ||
| 7 | blockquote { | 7 | blockquote { |
| 8 | background-color: #f0f0c9; | ||
| 9 | font-size: 0.9em; | 8 | font-size: 0.9em; |
| 10 | margin: 0; | 9 | margin: 0; |
| 11 | padding: 1em; | 10 | padding: 1em; |
| 12 | } | 11 | } |
| 13 | 12 | ||
| 13 | @media print { blockquote { | ||
| 14 | background-color: #eeeeee; | ||
| 15 | } } | ||
| 16 | |||
| 17 | @media screen { blockquote { | ||
| 18 | background-color: #f0f0c9; | ||
| 19 | } } | ||
| 20 | |||
| 14 | em { font-style: italic; } | 21 | em { font-style: italic; } |
| 15 | 22 | ||
| 16 | h1, h2, h3, h4, h5, h6 { | 23 | h1, h2, h3, h4, h5, h6 { |
| @@ -35,13 +42,13 @@ html { | |||
| 35 | font-family: UnBatang, serif; | 42 | font-family: UnBatang, serif; |
| 36 | } | 43 | } |
| 37 | 44 | ||
| 38 | @media screen { | 45 | @media print { html { |
| 46 | font-size: 0.5em; | ||
| 47 | } } | ||
| 39 | 48 | ||
| 40 | html { | 49 | @media screen { html { |
| 41 | background-color: #fafad2; | 50 | background-color: #fafad2; |
| 42 | } | 51 | } } |
| 43 | |||
| 44 | } | ||
| 45 | 52 | ||
| 46 | p { | 53 | p { |
| 47 | margin-bottom: 1ex; | 54 | margin-bottom: 1ex; |
| @@ -56,11 +63,14 @@ section.header { | |||
| 56 | section.content { | 63 | section.content { |
| 57 | margin-left: auto; | 64 | margin-left: auto; |
| 58 | margin-right: auto; | 65 | margin-right: auto; |
| 59 | max-width: 100ex; | ||
| 60 | padding: 1ex; | 66 | padding: 1ex; |
| 61 | text-align: justify; | 67 | text-align: justify; |
| 62 | } | 68 | } |
| 63 | 69 | ||
| 70 | @media screen { section.content { | ||
| 71 | max-width: 100ex; | ||
| 72 | } } | ||
| 73 | |||
| 64 | section.footer { | 74 | section.footer { |
| 65 | font-size: 0.8em; | 75 | font-size: 0.8em; |
| 66 | font-style: italic; | 76 | font-style: italic; |
| @@ -87,7 +97,6 @@ ul li { | |||
| 87 | } | 97 | } |
| 88 | 98 | ||
| 89 | .trail { | 99 | .trail { |
| 90 | background-color: #f0f0c9; | ||
| 91 | column-count: 3; | 100 | column-count: 3; |
| 92 | -moz-column-count: 3; | 101 | -moz-column-count: 3; |
| 93 | -webkit-column-count: 3; | 102 | -webkit-column-count: 3; |
| @@ -96,6 +105,14 @@ ul li { | |||
| 96 | padding: 0.4ex; | 105 | padding: 0.4ex; |
| 97 | } | 106 | } |
| 98 | 107 | ||
| 108 | @media print { .trail { | ||
| 109 | background-color: #eeeeee; | ||
| 110 | } } | ||
| 111 | |||
| 112 | @media screen { .trail { | ||
| 113 | background-color: #f0f0c9; | ||
| 114 | } } | ||
| 115 | |||
| 99 | .trail .prev { | 116 | .trail .prev { |
| 100 | } | 117 | } |
| 101 | 118 | ||
