Showing
1 changed file
with
38 additions
and
22 deletions
| @@ -33,28 +33,36 @@ $border: #e0e0e0; | @@ -33,28 +33,36 @@ $border: #e0e0e0; | ||
| 33 | position: absolute; | 33 | position: absolute; |
| 34 | top: 30px; | 34 | top: 30px; |
| 35 | left: 30px; | 35 | left: 30px; |
| 36 | - height: 35px; | ||
| 37 | - padding: 0 10px; | ||
| 38 | - border: 2px solid $white; | ||
| 39 | - border-radius: 20px; | 36 | + height: 70px; |
| 37 | + padding: 0 20px; | ||
| 38 | + border: 4px solid $white; | ||
| 39 | + border-radius: 40px; | ||
| 40 | color: $white; | 40 | color: $white; |
| 41 | - font-size: 22px; | 41 | + font-size: 44px; |
| 42 | text-align: center; | 42 | text-align: center; |
| 43 | - line-height: 1.5; | 43 | + line-height: 70px; |
| 44 | + -webkit-transform: scale(0.5); | ||
| 45 | + transform: scale(0.5); | ||
| 46 | + -webkit-transform-origin: 0 0; | ||
| 47 | + transform-origin: 0 0; | ||
| 44 | } | 48 | } |
| 45 | 49 | ||
| 46 | .living { | 50 | .living { |
| 47 | position: absolute; | 51 | position: absolute; |
| 48 | top: 30px; | 52 | top: 30px; |
| 49 | left: 30px; | 53 | left: 30px; |
| 50 | - height: 35px; | ||
| 51 | - width: 70px; | 54 | + height: 70px; |
| 55 | + width: 140px; | ||
| 52 | background: $red; | 56 | background: $red; |
| 53 | - border-radius: 15px; | 57 | + border-radius: 40px; |
| 54 | color: $white; | 58 | color: $white; |
| 55 | - font-size: 22px; | 59 | + font-size: 44px; |
| 56 | text-align: center; | 60 | text-align: center; |
| 57 | - line-height: 1.5; | 61 | + line-height: 70px; |
| 62 | + -webkit-transform: scale(0.5); | ||
| 63 | + transform: scale(0.5); | ||
| 64 | + -webkit-transform-origin: 0 0; | ||
| 65 | + transform-origin: 0 0; | ||
| 58 | } | 66 | } |
| 59 | 67 | ||
| 60 | &_tag { | 68 | &_tag { |
| @@ -196,14 +204,18 @@ $border: #e0e0e0; | @@ -196,14 +204,18 @@ $border: #e0e0e0; | ||
| 196 | position: absolute; | 204 | position: absolute; |
| 197 | top: 30px; | 205 | top: 30px; |
| 198 | left: 30px; | 206 | left: 30px; |
| 199 | - height: 35px; | ||
| 200 | - width: 70px; | 207 | + height: 70px; |
| 208 | + width: 140px; | ||
| 201 | background: $red; | 209 | background: $red; |
| 202 | - border-radius: 20px; | 210 | + border-radius: 40px; |
| 203 | color: $white; | 211 | color: $white; |
| 204 | - font-size: 22px; | 212 | + font-size: 44px; |
| 205 | text-align: center; | 213 | text-align: center; |
| 206 | - line-height: 1.5; | 214 | + line-height: 70px; |
| 215 | + -webkit-transform: scale(0.5); | ||
| 216 | + transform: scale(0.5); | ||
| 217 | + -webkit-transform-origin: 0 0; | ||
| 218 | + transform-origin: 0 0; | ||
| 207 | } | 219 | } |
| 208 | 220 | ||
| 209 | .main-intro { | 221 | .main-intro { |
| @@ -294,14 +306,18 @@ $border: #e0e0e0; | @@ -294,14 +306,18 @@ $border: #e0e0e0; | ||
| 294 | position: absolute; | 306 | position: absolute; |
| 295 | top: 20px; | 307 | top: 20px; |
| 296 | left: 220px; | 308 | left: 220px; |
| 297 | - height: 35px; | ||
| 298 | - width: 70px; | ||
| 299 | - border: 2px solid $black; | ||
| 300 | - border-radius: 20px; | ||
| 301 | - font-size: 22px; | ||
| 302 | - line-height: 1.5; | 309 | + height: 70px; |
| 310 | + width: 140px; | ||
| 311 | + border: 4px solid $black; | ||
| 312 | + border-radius: 40px; | ||
| 313 | + font-size: 44px; | ||
| 314 | + line-height: 70px; | ||
| 303 | text-align: center; | 315 | text-align: center; |
| 304 | color: $black; | 316 | color: $black; |
| 317 | + -webkit-transform: scale(0.5); | ||
| 318 | + transform: scale(0.5); | ||
| 319 | + -webkit-transform-origin: 0 0; | ||
| 320 | + transform-origin: 0 0; | ||
| 305 | } | 321 | } |
| 306 | 322 | ||
| 307 | .pre-time { | 323 | .pre-time { |
-
Please register or login to post a comment