diff options
-rw-r--r-- | style.css | 33 |
1 files changed, 28 insertions, 5 deletions
@@ -60,19 +60,22 @@ h1 { | |||
60 | h2 { | 60 | h2 { |
61 | font-size: 24pt; | 61 | font-size: 24pt; |
62 | font-weight: 300; | 62 | font-weight: 300; |
63 | line-height: 1.4em; | 63 | line-height: 1.1em; |
64 | cursor: pointer; | 64 | cursor: pointer; |
65 | } | 65 | } |
66 | 66 | ||
67 | .circle_num { | 67 | .circle_num { |
68 | float: left; | 68 | float: left; |
69 | width: 1.4em; | 69 | width: 1.2em; |
70 | height: 1.4em; | 70 | height: 1.2em; |
71 | line-height: 1.4em; | 71 | line-height: 1.2em; |
72 | font-size: 0.8em; | ||
72 | border-radius: 50%; | 73 | border-radius: 50%; |
73 | border: solid white 2px; | 74 | border: solid #F1F2E3 2px; |
74 | margin: 0 1em 0 0; | 75 | margin: 0 1em 0 0; |
75 | text-align: center; | 76 | text-align: center; |
77 | background-color: #F1F2E3; | ||
78 | font-weight: normal; | ||
76 | } | 79 | } |
77 | 80 | ||
78 | .block-header, .juice { | 81 | .block-header, .juice { |
@@ -126,22 +129,42 @@ h2 { | |||
126 | background-color: #403040; | 129 | background-color: #403040; |
127 | } | 130 | } |
128 | 131 | ||
132 | .block-step2 .circle_num { | ||
133 | color: #403040; | ||
134 | } | ||
135 | |||
129 | .block-step3 { | 136 | .block-step3 { |
130 | background-color: #564073; | 137 | background-color: #564073; |
131 | } | 138 | } |
132 | 139 | ||
140 | .block-step3 .circle_num { | ||
141 | color: #564073; | ||
142 | } | ||
143 | |||
133 | .block-step4 { | 144 | .block-step4 { |
134 | background-color: #6A59A4; | 145 | background-color: #6A59A4; |
135 | } | 146 | } |
136 | 147 | ||
148 | .block-step4 .circle_num { | ||
149 | color: #6A59A4; | ||
150 | } | ||
151 | |||
137 | .block-step5 { | 152 | .block-step5 { |
138 | background-color: #7CA8D7; | 153 | background-color: #7CA8D7; |
139 | } | 154 | } |
140 | 155 | ||
156 | .block-step5 .circle_num { | ||
157 | color: #7CA8D7; | ||
158 | } | ||
159 | |||
141 | .block-step6 { | 160 | .block-step6 { |
142 | background-color: #D0B66B; | 161 | background-color: #D0B66B; |
143 | } | 162 | } |
144 | 163 | ||
164 | .block-step6 .circle_num { | ||
165 | color: #D0B66B; | ||
166 | } | ||
167 | |||
145 | .block-step7 { | 168 | .block-step7 { |
146 | background-color: #70B5A9; | 169 | background-color: #70B5A9; |
147 | } | 170 | } |