summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorDirk Engling <erdgeist@erdgeist.org>2016-08-13 19:57:17 +0200
committerDirk Engling <erdgeist@erdgeist.org>2016-08-13 19:57:17 +0200
commit3c6ab13794732dad7ac115d3a336023ad541946c (patch)
treefd44396dc9ca73f3a0ecb6e99085783981c9f5a1
parentc4ab2adfe5d7f6adcfafb49363c0a0510cbcd92d (diff)
Add more sprinkle sprinkle to the circled nums
-rw-r--r--style.css33
1 files changed, 28 insertions, 5 deletions
diff --git a/style.css b/style.css
index eb0e652..1170a35 100644
--- a/style.css
+++ b/style.css
@@ -60,19 +60,22 @@ h1 {
60h2 { 60h2 {
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}