admin.css
6 years ago
bulk-optimization.css
7 years ago
dashboard-widget.css
8 years ago
optimization-chart.css
7 years ago
optimization-chart.css
53 lines
| 1 | div.tiny-optimization-chart { |
| 2 | float: left; |
| 3 | position: relative; |
| 4 | width: 50%; |
| 5 | text-align: center; |
| 6 | } |
| 7 | |
| 8 | .ie8 div.tiny-optimization-chart { |
| 9 | margin: 0; |
| 10 | } |
| 11 | |
| 12 | div.tiny-optimization-chart svg circle.main { |
| 13 | fill: #ebebeb; |
| 14 | animation: shwoosh 2s ease; |
| 15 | transition: stroke-dasharray 1s ease; |
| 16 | } |
| 17 | |
| 18 | div.tiny-optimization-chart svg circle.inner { |
| 19 | fill: #fff; |
| 20 | } |
| 21 | |
| 22 | div.tiny-optimization-chart div.value { |
| 23 | position: absolute; |
| 24 | top: 0; |
| 25 | left: 0; |
| 26 | width: 100%; |
| 27 | text-align: center; |
| 28 | } |
| 29 | |
| 30 | div.tiny-optimization-chart div.value div.percentage { |
| 31 | width: 50%; |
| 32 | margin-left: auto; |
| 33 | margin-right: auto; |
| 34 | margin-top: 56px; |
| 35 | font-size: 2.1em; |
| 36 | line-height: 1em; |
| 37 | } |
| 38 | |
| 39 | div.tiny-optimization-chart div.value div.label { |
| 40 | width: 50%; |
| 41 | margin-left: auto; |
| 42 | margin-right: auto; |
| 43 | font-size: 1.4em; |
| 44 | line-height: 1.2em; |
| 45 | } |
| 46 | |
| 47 | @media only screen and (max-width: 400px) { |
| 48 | div.tiny-bulk-optimization div.tiny-optimization-chart { |
| 49 | float: none; |
| 50 | width: 100%; |
| 51 | } |
| 52 | } |
| 53 |