|
15 | 15 | <!-- Back of the head parts --> |
16 | 16 | <div class="<%= css.artLayer %>"> |
17 | 17 | <!-- The first from the left --> |
18 | | - <div class="-Sz10p T49p L1.4p -Rt-15d Bdblr50p <%= css.backPart%>"> |
19 | | - </div> |
| 18 | + <div class="-Sz10p T49p L1.4p -Rt-15d Bdblr50p <%= css.backPart%>"></div> |
20 | 19 | <!-- The second from the left --> |
21 | | - <div class="-Sz30p T45p L5p -Rt30d Bdblr50p <%= css.backPart%>"> |
22 | | - </div> |
| 20 | + <div class="-Sz30p T45p L5p -Rt30d Bdblr50p <%= css.backPart%>"></div> |
23 | 21 | <!-- The third from the left --> |
24 | | - <div class="-Sz30p T46p L13p -Rt-35d <%= css.backPart%>"> |
25 | | - </div> |
| 22 | + <div class="-Sz30p T46p L13p -Rt-35d <%= css.backPart%>"></div> |
26 | 23 | <!-- The fifth from the left --> |
27 | | - <div class="-Sz25p T44p L54p -Rt-35d <%= css.backPart%>"> |
28 | | - </div> |
| 24 | + <div class="-Sz25p T44p L54p -Rt-35d <%= css.backPart%>"></div> |
29 | 25 | <!-- The sixth from the left --> |
30 | | - <div class="-Sz30p T46p L63p -Rt-18d <%= css.backPart%> Bdbrr50p"> |
31 | | - </div> |
| 26 | + <div class="-Sz30p T46p L63p -Rt-18d <%= css.backPart%> Bdbrr50p"></div> |
32 | 27 | <!-- The seventh from the left --> |
33 | | - <div class="-Sz15p T49p R2p -Rt10d <%= css.backPart%> Bdbrr50p"> |
34 | | - </div> |
| 28 | + <div class="-Sz15p T49p R2p -Rt10d <%= css.backPart%> Bdbrr50p"></div> |
35 | 29 | </div> |
36 | 30 | <!-- Mushroom --> |
37 | 31 | <div class="<%= css.artLayer %>"> |
38 | 32 | <!-- The mushroom's cap's background --> |
39 | 33 | <div class="W80p H35p Ps-a L10p T2p"> |
40 | 34 | <!-- Background layer --> |
41 | 35 | <div class="W30p H35p Bdtrr70p Bdbrr70 L10p B0p <%= css.mushroomBackOuter%>"> |
42 | | - <div class="<%= css.mushroomBackInner%>"> |
43 | | - </div> |
| 36 | + <div class="<%= css.mushroomBackInner%>"></div> |
44 | 37 | </div> |
45 | 38 | <div class="W30p H35p Bdtlr70p Bdblr70 R10p B0p <%= css.mushroomBackOuter%>"> |
46 | | - <div class="<%= css.mushroomBackInner%>"> |
47 | | - </div> |
| 39 | + <div class="<%= css.mushroomBackInner%>"></div> |
48 | 40 | </div> |
49 | 41 | <div class="W30p H40p R35p B0p <%= css.mushroomBackOuter%>"> |
50 | | - <div class="<%= css.mushroomBackInner%>"> |
51 | | - </div> |
| 42 | + <div class="<%= css.mushroomBackInner%>"></div> |
52 | 43 | </div> |
53 | 44 | </div> |
54 | 45 | <!-- Mushroom stem --> |
55 | | - <div class="W28p H40p -Gdl90d,$explodingBrownB;0p,$explodingBrownB;50p,$explodingBrownE;50p,$explodingBrownE;100p Bgs28p Bgr-rx Ps-a T30p L36p"> |
56 | | - </div> |
| 46 | + <div class="W28p H40p -Gdl90d,$explodingBrownB;0p,$explodingBrownB;50p,$explodingBrownE;50p,$explodingBrownE;100p Bgs28p Bgr-rx Ps-a T30p L36p"></div> |
57 | 47 | <!-- Mushroom belt --> |
58 | 48 | <div class="W34p H9p Ps-a T36p L33p"> |
59 | 49 | <!-- First left --> |
60 | 50 | <div class="H80p Bdtrr70p Bdbrr70p Bgc-$explodingBrownH L0 T10p <%= css.mushroomBeltOuter %> "> |
61 | | - <div class="<%= css.mushroomBeltInner %>"> |
62 | | - </div> |
| 51 | + <div class="<%= css.mushroomBeltInner %>"></div> |
63 | 52 | </div> |
64 | 53 | <!-- First right --> |
65 | 54 | <div class="H80p Bdtlr70p Bdblr70p Bgc-$explodingBrownH R0 T10p <%= css.mushroomBeltOuter %>"> |
66 | | - <div class="<%= css.mushroomBeltInner %>"> |
67 | | - </div> |
| 55 | + <div class="<%= css.mushroomBeltInner %>"></div> |
68 | 56 | </div> |
69 | 57 | <!-- Second left --> |
70 | 58 | <div class="H90p Bdtrr70p Bdbrr70p -Gdl0d,$explodingBrownH;20p,$explodingBrownI;40p,$explodingBrownI;60p,$explodingBrownH;80p L15p T5p <%= css.mushroomBeltOuter %> "> |
71 | | - <div class="<%= css.mushroomBeltInner %>"> |
72 | | - </div> |
| 59 | + <div class="<%= css.mushroomBeltInner %>"></div> |
73 | 60 | </div> |
74 | 61 | <!-- second right --> |
75 | 62 | <div class="H90p -Gdl0d,$explodingBrownH;20p,$explodingBrownI;40p,$explodingBrownI;60p,$explodingBrownH;80p R15p T5p <%= css.mushroomBeltOuter %> "> |
76 | | - <div class="<%= css.mushroomBeltInner %>"> |
77 | | - </div> |
| 63 | + <div class="<%= css.mushroomBeltInner %>"></div> |
78 | 64 | </div> |
79 | 65 | <!-- middle one --> |
80 | 66 | <div class="H100p -Gdl0d,$explodingBrownH;20p,$explodingBrownI;40p,$explodingBrownI;60p,$explodingBrownH;80p R35p T0 <%= css.mushroomBeltOuter %>"> |
81 | | - <div class="<%= css.mushroomBeltInner %>"> |
82 | | - </div> |
| 67 | + <div class="<%= css.mushroomBeltInner %>"></div> |
83 | 68 | </div> |
84 | 69 | </div> |
85 | 70 | <% |
|
90 | 75 | <div class="W100p H35p Ps-a"> |
91 | 76 | <!-- First bottom-left --> |
92 | 77 | <div class="W30p H60p <%= css.mushroomFrontOuter %> L0 B-5p"> |
93 | | - <div class="-Sz85p <%= css.mushroomFrontInner %> Ml-a"> |
94 | | - </div> |
| 78 | + <div class="-Sz85p <%= css.mushroomFrontInner %> Ml-a"></div> |
95 | 79 | </div> |
96 | 80 | <!-- First bottom-right --> |
97 | 81 | <div class="W25p H70p <%= css.mushroomFrontOuter %> R0 B0p"> |
98 | | - <div class="-Sz85p <%= css.mushroomFrontInner %> Mr-a"> |
99 | | - </div> |
| 82 | + <div class="-Sz85p <%= css.mushroomFrontInner %> Mr-a"></div> |
100 | 83 | </div> |
101 | 84 | <!-- Second bottom-right --> |
102 | 85 | <div class="W30p H50p Bdtlr70p <%= css.mushroomFrontOuter %> R20p B0p "> |
103 | | - <div class="W100p H85p Bdtlr70p <%= css.mushroomFrontInner %> Mr-a"> |
104 | | - </div> |
| 86 | + <div class="W100p H85p Bdtlr70p <%= css.mushroomFrontInner %> Mr-a"></div> |
105 | 87 | </div> |
106 | 88 | <!-- First top-left --> |
107 | 89 | <div class="W22p H50p Bdtrr70p <%= css.mushroomFrontOuter %> L10p T10p"> |
108 | | - <div class="W90p H70p Ps-a T5p L6p <%= css.mushroomFrontInner %> M-a"> |
109 | | - </div> |
| 90 | + <div class="W90p H70p Ps-a T5p L6p <%= css.mushroomFrontInner %> M-a"></div> |
110 | 91 | </div> |
111 | 92 | <!-- First top-right --> |
112 | 93 | <div class="W22p H50p <%= css.mushroomFrontOuter %> R10p T10p"> |
113 | | - <div class="W90p H80p Ps-a L5p T3p <%= css.mushroomFrontInner %>"> |
114 | | - </div> |
| 94 | + <div class="W90p H80p Ps-a L5p T3p <%= css.mushroomFrontInner %>"></div> |
115 | 95 | </div> |
116 | 96 | <!-- Top-middle one --> |
117 | 97 | <div class="W24p H60p <%= css.mushroomFrontOuter %> R38p T-15p"> |
118 | | - <div class="W90p H80p <%= css.mushroomFrontInner %> M-a"> |
119 | | - </div> |
| 98 | + <div class="W90p H80p <%= css.mushroomFrontInner %> M-a"></div> |
120 | 99 | </div> |
121 | 100 | <!-- Second top-left --> |
122 | 101 | <div class="W28p H55p <%= css.mushroomFrontOuter %> L20p T2p"> |
123 | | - <div class="W90p H80p Ps-a L5p T3p <%= css.mushroomFrontInner %> M-a"> |
124 | | - </div> |
| 102 | + <div class="W90p H80p Ps-a L5p T3p <%= css.mushroomFrontInner %> M-a"></div> |
125 | 103 | </div> |
126 | 104 | <!-- Second top-right --> |
127 | 105 | <div class="W28p H55p <%= css.mushroomFrontOuter %> R23p T1p"> |
128 | | - <div class="W90p H80p Ps-a L5p T3p <%= css.mushroomFrontInner %> M-a"> |
129 | | - </div> |
| 106 | + <div class="W90p H80p Ps-a L5p T3p <%= css.mushroomFrontInner %> M-a"></div> |
130 | 107 | </div> |
131 | 108 | <!-- Second bottom-left --> |
132 | 109 | <div class="W25p H50p <%= css.mushroomFrontOuter %> L20p B0p"> |
133 | | - <div class="W90p H80p <%= css.mushroomFrontInner %> Mr-a"> |
134 | | - </div> |
| 110 | + <div class="W90p H80p <%= css.mushroomFrontInner %> Mr-a"></div> |
135 | 111 | </div> |
136 | 112 | <!-- Bottom-middle one --> |
137 | 113 | <div class="W26p H65p <%= css.mushroomFrontOuter %> R37p B0p "> |
138 | | - <div class="W90p H85p <%= css.mushroomFrontInner %> Mr-a"> |
139 | | - </div> |
| 114 | + <div class="W90p H85p <%= css.mushroomFrontInner %> Mr-a"></div> |
140 | 115 | </div> |
141 | 116 | </div> |
142 | 117 |
|
|
149 | 124 |
|
150 | 125 | <!-- The second from the left --> |
151 | 126 | <div class="-Sz30p <%= css.explosionSmoke%> T48p L5p -Rt30d Bdblr50p"> |
152 | | - <div class="-Sz25p <%= css.explosionSmoke%> T35p L-10p -Rt35d"> |
153 | | - </div> |
| 127 | + <div class="-Sz25p <%= css.explosionSmoke%> T35p L-10p -Rt35d"></div> |
154 | 128 | </div> |
155 | 129 | <!-- The third from the left --> |
156 | | - <div class="-Sz30p <%= css.explosionSmoke%> T47p L10p -Rt-35d"> |
157 | | - </div> |
| 130 | + <div class="-Sz30p <%= css.explosionSmoke%> T47p L10p -Rt-35d"></div> |
158 | 131 | <!-- The fourth from the left --> |
159 | | - <div class="-Sz20p <%= css.explosionSmoke%> T46p L28p -Rt26d "> |
160 | | - </div> |
| 132 | + <div class="-Sz20p <%= css.explosionSmoke%> T46p L28p -Rt26d "></div> |
161 | 133 | <!-- The fifth from the left --> |
162 | | - <div class="-Sz25p <%= css.explosionSmoke%> T49p L46p -Rt-35d"> |
163 | | - </div> |
| 134 | + <div class="-Sz25p <%= css.explosionSmoke%> T49p L46p -Rt-35d"></div> |
164 | 135 | <!-- The sixth from the left --> |
165 | | - <div class="-Sz30p <%= css.explosionSmoke%> T48p L60p -Rt-20d Bdbrr50p"> |
166 | | - </div> |
| 136 | + <div class="-Sz30p <%= css.explosionSmoke%> T48p L60p -Rt-20d Bdbrr50p"></div> |
167 | 137 | <!-- The seventh from the left --> |
168 | | - <div class="-Sz15p <%= css.explosionSmoke%> T49p R5p -Rt35d Bdbrr50p"> |
169 | | - </div> |
| 138 | + <div class="-Sz15p <%= css.explosionSmoke%> T49p R5p -Rt35d Bdbrr50p"></div> |
170 | 139 | </div> |
171 | 140 | <% |
172 | 141 | css.foreheadPart = "Bgc-$explodingOrangeB Ps-a Tf" |
173 | 142 | %> |
174 | 143 | <!-- Forehead parts --> |
175 | 144 | <div class="<%= css.artLayer %>"> |
176 | 145 | <!-- The first from the left --> |
177 | | - <div class="-Sz10p <%= css.foreheadPart%> T54p L1p -Rt30d Bdblr50p"> |
178 | | - </div> |
| 146 | + <div class="-Sz10p <%= css.foreheadPart%> T54p L1p -Rt30d Bdblr50p"></div> |
179 | 147 | <!-- The second from the left --> |
180 | | - <div class="-Sz30p <%= css.foreheadPart %> T50p L8p -Rt30d Bdblr50p"> |
181 | | - </div> |
| 148 | + <div class="-Sz30p <%= css.foreheadPart %> T50p L8p -Rt30d Bdblr50p"></div> |
182 | 149 | <!-- The third from the left --> |
183 | | - <div class="-Sz30p <%= css.foreheadPart %> T50p L10p -Rt-35d"> |
184 | | - </div> |
| 150 | + <div class="-Sz30p <%= css.foreheadPart %> T50p L10p -Rt-35d"></div> |
185 | 151 | <!-- The fourth from the left --> |
186 | | - <div class="-Sz20p <%= css.foreheadPart %> T50p L30p -Rt35d"> |
187 | | - </div> |
| 152 | + <div class="-Sz20p <%= css.foreheadPart %> T50p L30p -Rt35d"></div> |
188 | 153 | <!-- The fifth from the left --> |
189 | | - <div class="-Sz25p <%= css.foreheadPart %> T49p L50p -Rt-35d"> |
190 | | - </div> |
| 154 | + <div class="-Sz25p <%= css.foreheadPart %> T49p L50p -Rt-35d"></div> |
191 | 155 | <!-- The sixth from the left --> |
192 | | - <div class="-Sz30p <%= css.foreheadPart %> T50p L60p -Rt-15d Bdbrr50p"> |
193 | | - </div> |
| 156 | + <div class="-Sz30p <%= css.foreheadPart %> T50p L60p -Rt-15d Bdbrr50p"></div> |
194 | 157 | <!-- The seventh from the left --> |
195 | | - <div class="-Sz15p <%= css.foreheadPart %> T55p R1.6p -Rt10d Bdbrr50p"> |
196 | | - </div> |
| 158 | + <div class="-Sz15p <%= css.foreheadPart %> T55p R1.6p -Rt10d Bdbrr50p"></div> |
197 | 159 | </div> |
198 | 160 | <% |
199 | 161 | css.outerPieces = "Ps-a Tf" |
200 | 162 | %> |
201 | 163 | <!-- Outer pieces --> |
202 | 164 | <div class="<%= css.artLayer %>"> |
203 | 165 | <!-- The first from the left --> |
204 | | - <div class="-Sz12p -Gdl60d,tp;0,tp;40p,$explodingOrangeB;40p,$explodingOrangeB;80p,tp;80p T8p L-8p Bdrd10p <%= css.outerPieces %> -Rt50d"> |
205 | | - </div> |
| 166 | + <div class="-Sz12p -Gdl60d,tp;0,tp;40p,$explodingOrangeB;40p,$explodingOrangeB;80p,tp;80p T8p L-8p Bdrd10p <%= css.outerPieces %> -Rt50d"></div> |
206 | 167 | <!-- The second from the left --> |
207 | | - <div class="H10p W15p -Gdl210d,tp;0,tp;40p,$explodingOrangeB;40p,$explodingOrangeB;80p,tp;80p T33p L-5p <%= css.outerPieces %> -Rt15d "> |
208 | | - </div> |
| 168 | + <div class="H10p W15p -Gdl210d,tp;0,tp;40p,$explodingOrangeB;40p,$explodingOrangeB;80p,tp;80p T33p L-5p <%= css.outerPieces %> -Rt15d "></div> |
209 | 169 | <!-- The third from the left --> |
210 | | - <div class="H10p W5p -Gdl60d,tp;0,tp;40p,$explodingOrangeB;40p -Rt-90d T-10p L20p Bdtrr20p <%= css.outerPieces%>" > |
211 | | - </div> |
| 170 | + <div class="H10p W5p -Gdl60d,tp;0,tp;40p,$explodingOrangeB;40p -Rt-90d T-10p L20p Bdtrr20p <%= css.outerPieces%>" ></div> |
212 | 171 | <!-- The fifth from the left --> |
213 | | - <div class="H8p W16p -Gdl60d,tp;0,tp;40p,$explodingOrangeB;40p T5p R-15p -Rt125d <%= css.outerPieces%>"> |
214 | | - </div> |
215 | | - <div class="W6p H15p Bdbrr100p Bgc-$explodingOrangeB T-10p R6p -Rt-55d <%= css.outerPieces%>"> |
216 | | - </div> |
| 172 | + <div class="H8p W16p -Gdl60d,tp;0,tp;40p,$explodingOrangeB;40p T5p R-15p -Rt125d <%= css.outerPieces%>"></div> |
| 173 | + <div class="W6p H15p Bdbrr100p Bgc-$explodingOrangeB T-10p R6p -Rt-55d <%= css.outerPieces%>"></div> |
217 | 174 | </div> |
218 | 175 | <!-- The bottom part of the head --> |
219 | 176 | <div class="<%= css.artLayer %> Fns10 -Gdl0d,$explodingOrangeA;20p,$explodingOrangeB;40p,tp;40p"> |
220 | 177 | <!-- Mouth --> |
221 | 178 | <div class="W36p H30p Ps-a B8p L32p"> |
222 | | - <div class="W100p H100p -Gdl0d,tp;60p,$explodingBrownD;60p,$explodingBrownD;65p,$explodingBrownA;100p Bdrd100p Ps-a T36p "> |
223 | | - </div> |
224 | | - <div class="W100p H20p -Bdbrd5u -Bdtrd5u Bgc-$explodingBrownD Ps-a T70p"> |
225 | | - </div> |
226 | | - <div class="W80p H12p Bdrd100p -Gdl0d,tp;0p,tp;50p,$explodingOrangeA;50p Ps-a B1p L10p"> |
227 | | - </div> |
| 179 | + <div class="W100p H100p -Gdl0d,tp;60p,$explodingBrownD;60p,$explodingBrownD;65p,$explodingBrownA;100p Bdrd100p Ps-a T36p "></div> |
| 180 | + <div class="W100p H20p -Bdbrd5u -Bdtrd5u Bgc-$explodingBrownD Ps-a T70p"></div> |
| 181 | + <div class="W80p H12p Bdrd100p -Gdl0d,tp;0p,tp;50p,$explodingOrangeA;50p Ps-a B1p L10p"></div> |
228 | 182 | </div> |
229 | 183 | <!-- Eyes --> |
230 | 184 | <div class="Apcr1 W100p Bdrd100p Ps-a"> |
231 | | - <div class="<%= css.eyes %> L27p"> |
232 | | - </div> |
233 | | - <div class="<%= css.eyes %> R27p"> |
234 | | - </div> |
| 185 | + <div class="<%= css.eyes %> L27p"></div> |
| 186 | + <div class="<%= css.eyes %> R27p"></div> |
235 | 187 | </div> |
236 | 188 | </div> |
237 | 189 | </div> |
|
0 commit comments