Created
January 7, 2014 22:46
-
-
Save mhayes/8308349 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="pie-timer deg-350"> | |
| <div class="before"></div> | |
| <div class="after"></div> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.3.0.rc.1) | |
| // Compass (v0.13.alpha.10) | |
| // ---- | |
| @mixin simple-pie-chart($size, $chart-color: grey, $background-color: white) { | |
| // Variables | |
| //$percentage: $current-value/$total-value; | |
| position: relative; | |
| width: $size; | |
| height: $size; | |
| &%under-half { | |
| left: $size/2; | |
| -moz-transform-origin: left center; | |
| -ms-transform-origin: left center; | |
| -o-transform-origin: left center; | |
| -webkit-transform-origin: left center; | |
| transform-origin: left center; | |
| } | |
| &%over-half { | |
| left: 0; | |
| -moz-transform-origin: center center; | |
| -ms-transform-origin: center center; | |
| -o-transform-origin: center center; | |
| -webkit-transform-origin: center center; | |
| transform-origin: center center; | |
| } | |
| // @if $percentage < 0.5 { | |
| // left: $size/2; | |
| // -moz-transform-origin: left center; | |
| // -ms-transform-origin: left center; | |
| // -o-transform-origin: left center; | |
| // -webkit-transform-origin: left center; | |
| // transform-origin: left center; | |
| // } @else if $percentage >= 0.5 { | |
| // left: 0; | |
| // -moz-transform-origin: center center; | |
| // -ms-transform-origin: center center; | |
| // -o-transform-origin: center center; | |
| // -webkit-transform-origin: center center; | |
| // transform-origin: center center; | |
| // } | |
| %under-half-before {left: -$size/2;} | |
| %over-half-before {left: 0;} | |
| @for $i from 0 to 360 { | |
| &.deg-#{$i} .before { | |
| -moz-transform: rotate(#{$i}deg); | |
| -ms-transform: rotate(#{$i}deg); | |
| -webkit-transform: rotate(#{$i}deg); | |
| -o-transform: rotate(#{$i}deg); | |
| transform: rotate(#{$i}deg); | |
| } | |
| } | |
| .before { | |
| content: ''; | |
| position: absolute; | |
| width: $size/2; | |
| height: $size; | |
| border-radius: $size/2 0 0 $size/2; | |
| background: $chart-color; | |
| -moz-transform-origin: right center; | |
| -ms-transform-origin: right center; | |
| -o-transform-origin: right center; | |
| -webkit-transform-origin: right center; | |
| transform-origin: right center; | |
| // -moz-transform: rotate(#{$percentage * 360}deg); | |
| // -ms-transform: rotate(#{$percentage * 360}deg); | |
| // -webkit-transform: rotate(#{$percentage * 360}deg); | |
| // -o-transform: rotate(#{$percentage * 360}deg); | |
| // transform: rotate(#{$percentage * 360}deg); | |
| // @if $percentage >= 0.5 { | |
| // left: 0; | |
| // } @else { | |
| // left: -$size/2; | |
| // } | |
| } | |
| %under-half-after { | |
| left: -$size/2; | |
| background: $background-color; | |
| outline: 1px solid $background-color; | |
| box-shadow: none; | |
| } | |
| %over-half-after { | |
| left: $size/2; | |
| text-indent: -$size/2; | |
| background: $chart-color; | |
| border-radius: 0 $size/2 $size/2 0; | |
| } | |
| .after { | |
| content: ''; | |
| position: absolute; | |
| width: $size/2; | |
| height: $size; | |
| text-align: center; | |
| line-height: $size; | |
| // @if $percentage < 0.5 { | |
| // left: -$size/2; | |
| // box-shadow: none; | |
| // } @else { | |
| // left: $size/2; | |
| // text-indent: -$size/2; | |
| // background: $chart-color; | |
| // border-radius: 0 $size/2 $size/2 0; | |
| // } | |
| } | |
| @for $i from 0 to 361 { | |
| &.deg-#{$i} { | |
| @if $i < 180 { | |
| @extend %under-half; | |
| .before {@extend %under-half-before;} | |
| .after {@extend %under-half-after;} | |
| } @else { | |
| @extend %over-half; | |
| .before {@extend %over-half-before;} | |
| .after {@extend %over-half-after;} | |
| } | |
| } | |
| } | |
| } | |
| // Chart | |
| // 40/100 or 40% | |
| .pie-timer { | |
| @include simple-pie-chart(5em, #32a9d1, #f2ecdb); | |
| } | |
| body { | |
| background: #f2ecdb; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .pie-timer { | |
| position: relative; | |
| width: 5em; | |
| height: 5em; | |
| } | |
| .pie-timer.deg-0, .pie-timer.deg-1, .pie-timer.deg-2, .pie-timer.deg-3, .pie-timer.deg-4, .pie-timer.deg-5, .pie-timer.deg-6, .pie-timer.deg-7, .pie-timer.deg-8, .pie-timer.deg-9, .pie-timer.deg-10, .pie-timer.deg-11, .pie-timer.deg-12, .pie-timer.deg-13, .pie-timer.deg-14, .pie-timer.deg-15, .pie-timer.deg-16, .pie-timer.deg-17, .pie-timer.deg-18, .pie-timer.deg-19, .pie-timer.deg-20, .pie-timer.deg-21, .pie-timer.deg-22, .pie-timer.deg-23, .pie-timer.deg-24, .pie-timer.deg-25, .pie-timer.deg-26, .pie-timer.deg-27, .pie-timer.deg-28, .pie-timer.deg-29, .pie-timer.deg-30, .pie-timer.deg-31, .pie-timer.deg-32, .pie-timer.deg-33, .pie-timer.deg-34, .pie-timer.deg-35, .pie-timer.deg-36, .pie-timer.deg-37, .pie-timer.deg-38, .pie-timer.deg-39, .pie-timer.deg-40, .pie-timer.deg-41, .pie-timer.deg-42, .pie-timer.deg-43, .pie-timer.deg-44, .pie-timer.deg-45, .pie-timer.deg-46, .pie-timer.deg-47, .pie-timer.deg-48, .pie-timer.deg-49, .pie-timer.deg-50, .pie-timer.deg-51, .pie-timer.deg-52, .pie-timer.deg-53, .pie-timer.deg-54, .pie-timer.deg-55, .pie-timer.deg-56, .pie-timer.deg-57, .pie-timer.deg-58, .pie-timer.deg-59, .pie-timer.deg-60, .pie-timer.deg-61, .pie-timer.deg-62, .pie-timer.deg-63, .pie-timer.deg-64, .pie-timer.deg-65, .pie-timer.deg-66, .pie-timer.deg-67, .pie-timer.deg-68, .pie-timer.deg-69, .pie-timer.deg-70, .pie-timer.deg-71, .pie-timer.deg-72, .pie-timer.deg-73, .pie-timer.deg-74, .pie-timer.deg-75, .pie-timer.deg-76, .pie-timer.deg-77, .pie-timer.deg-78, .pie-timer.deg-79, .pie-timer.deg-80, .pie-timer.deg-81, .pie-timer.deg-82, .pie-timer.deg-83, .pie-timer.deg-84, .pie-timer.deg-85, .pie-timer.deg-86, .pie-timer.deg-87, .pie-timer.deg-88, .pie-timer.deg-89, .pie-timer.deg-90, .pie-timer.deg-91, .pie-timer.deg-92, .pie-timer.deg-93, .pie-timer.deg-94, .pie-timer.deg-95, .pie-timer.deg-96, .pie-timer.deg-97, .pie-timer.deg-98, .pie-timer.deg-99, .pie-timer.deg-100, .pie-timer.deg-101, .pie-timer.deg-102, .pie-timer.deg-103, .pie-timer.deg-104, .pie-timer.deg-105, .pie-timer.deg-106, .pie-timer.deg-107, .pie-timer.deg-108, .pie-timer.deg-109, .pie-timer.deg-110, .pie-timer.deg-111, .pie-timer.deg-112, .pie-timer.deg-113, .pie-timer.deg-114, .pie-timer.deg-115, .pie-timer.deg-116, .pie-timer.deg-117, .pie-timer.deg-118, .pie-timer.deg-119, .pie-timer.deg-120, .pie-timer.deg-121, .pie-timer.deg-122, .pie-timer.deg-123, .pie-timer.deg-124, .pie-timer.deg-125, .pie-timer.deg-126, .pie-timer.deg-127, .pie-timer.deg-128, .pie-timer.deg-129, .pie-timer.deg-130, .pie-timer.deg-131, .pie-timer.deg-132, .pie-timer.deg-133, .pie-timer.deg-134, .pie-timer.deg-135, .pie-timer.deg-136, .pie-timer.deg-137, .pie-timer.deg-138, .pie-timer.deg-139, .pie-timer.deg-140, .pie-timer.deg-141, .pie-timer.deg-142, .pie-timer.deg-143, .pie-timer.deg-144, .pie-timer.deg-145, .pie-timer.deg-146, .pie-timer.deg-147, .pie-timer.deg-148, .pie-timer.deg-149, .pie-timer.deg-150, .pie-timer.deg-151, .pie-timer.deg-152, .pie-timer.deg-153, .pie-timer.deg-154, .pie-timer.deg-155, .pie-timer.deg-156, .pie-timer.deg-157, .pie-timer.deg-158, .pie-timer.deg-159, .pie-timer.deg-160, .pie-timer.deg-161, .pie-timer.deg-162, .pie-timer.deg-163, .pie-timer.deg-164, .pie-timer.deg-165, .pie-timer.deg-166, .pie-timer.deg-167, .pie-timer.deg-168, .pie-timer.deg-169, .pie-timer.deg-170, .pie-timer.deg-171, .pie-timer.deg-172, .pie-timer.deg-173, .pie-timer.deg-174, .pie-timer.deg-175, .pie-timer.deg-176, .pie-timer.deg-177, .pie-timer.deg-178, .pie-timer.deg-179 { | |
| left: 2.5em; | |
| -moz-transform-origin: left center; | |
| -ms-transform-origin: left center; | |
| -o-transform-origin: left center; | |
| -webkit-transform-origin: left center; | |
| transform-origin: left center; | |
| } | |
| .pie-timer.deg-180, .pie-timer.deg-181, .pie-timer.deg-182, .pie-timer.deg-183, .pie-timer.deg-184, .pie-timer.deg-185, .pie-timer.deg-186, .pie-timer.deg-187, .pie-timer.deg-188, .pie-timer.deg-189, .pie-timer.deg-190, .pie-timer.deg-191, .pie-timer.deg-192, .pie-timer.deg-193, .pie-timer.deg-194, .pie-timer.deg-195, .pie-timer.deg-196, .pie-timer.deg-197, .pie-timer.deg-198, .pie-timer.deg-199, .pie-timer.deg-200, .pie-timer.deg-201, .pie-timer.deg-202, .pie-timer.deg-203, .pie-timer.deg-204, .pie-timer.deg-205, .pie-timer.deg-206, .pie-timer.deg-207, .pie-timer.deg-208, .pie-timer.deg-209, .pie-timer.deg-210, .pie-timer.deg-211, .pie-timer.deg-212, .pie-timer.deg-213, .pie-timer.deg-214, .pie-timer.deg-215, .pie-timer.deg-216, .pie-timer.deg-217, .pie-timer.deg-218, .pie-timer.deg-219, .pie-timer.deg-220, .pie-timer.deg-221, .pie-timer.deg-222, .pie-timer.deg-223, .pie-timer.deg-224, .pie-timer.deg-225, .pie-timer.deg-226, .pie-timer.deg-227, .pie-timer.deg-228, .pie-timer.deg-229, .pie-timer.deg-230, .pie-timer.deg-231, .pie-timer.deg-232, .pie-timer.deg-233, .pie-timer.deg-234, .pie-timer.deg-235, .pie-timer.deg-236, .pie-timer.deg-237, .pie-timer.deg-238, .pie-timer.deg-239, .pie-timer.deg-240, .pie-timer.deg-241, .pie-timer.deg-242, .pie-timer.deg-243, .pie-timer.deg-244, .pie-timer.deg-245, .pie-timer.deg-246, .pie-timer.deg-247, .pie-timer.deg-248, .pie-timer.deg-249, .pie-timer.deg-250, .pie-timer.deg-251, .pie-timer.deg-252, .pie-timer.deg-253, .pie-timer.deg-254, .pie-timer.deg-255, .pie-timer.deg-256, .pie-timer.deg-257, .pie-timer.deg-258, .pie-timer.deg-259, .pie-timer.deg-260, .pie-timer.deg-261, .pie-timer.deg-262, .pie-timer.deg-263, .pie-timer.deg-264, .pie-timer.deg-265, .pie-timer.deg-266, .pie-timer.deg-267, .pie-timer.deg-268, .pie-timer.deg-269, .pie-timer.deg-270, .pie-timer.deg-271, .pie-timer.deg-272, .pie-timer.deg-273, .pie-timer.deg-274, .pie-timer.deg-275, .pie-timer.deg-276, .pie-timer.deg-277, .pie-timer.deg-278, .pie-timer.deg-279, .pie-timer.deg-280, .pie-timer.deg-281, .pie-timer.deg-282, .pie-timer.deg-283, .pie-timer.deg-284, .pie-timer.deg-285, .pie-timer.deg-286, .pie-timer.deg-287, .pie-timer.deg-288, .pie-timer.deg-289, .pie-timer.deg-290, .pie-timer.deg-291, .pie-timer.deg-292, .pie-timer.deg-293, .pie-timer.deg-294, .pie-timer.deg-295, .pie-timer.deg-296, .pie-timer.deg-297, .pie-timer.deg-298, .pie-timer.deg-299, .pie-timer.deg-300, .pie-timer.deg-301, .pie-timer.deg-302, .pie-timer.deg-303, .pie-timer.deg-304, .pie-timer.deg-305, .pie-timer.deg-306, .pie-timer.deg-307, .pie-timer.deg-308, .pie-timer.deg-309, .pie-timer.deg-310, .pie-timer.deg-311, .pie-timer.deg-312, .pie-timer.deg-313, .pie-timer.deg-314, .pie-timer.deg-315, .pie-timer.deg-316, .pie-timer.deg-317, .pie-timer.deg-318, .pie-timer.deg-319, .pie-timer.deg-320, .pie-timer.deg-321, .pie-timer.deg-322, .pie-timer.deg-323, .pie-timer.deg-324, .pie-timer.deg-325, .pie-timer.deg-326, .pie-timer.deg-327, .pie-timer.deg-328, .pie-timer.deg-329, .pie-timer.deg-330, .pie-timer.deg-331, .pie-timer.deg-332, .pie-timer.deg-333, .pie-timer.deg-334, .pie-timer.deg-335, .pie-timer.deg-336, .pie-timer.deg-337, .pie-timer.deg-338, .pie-timer.deg-339, .pie-timer.deg-340, .pie-timer.deg-341, .pie-timer.deg-342, .pie-timer.deg-343, .pie-timer.deg-344, .pie-timer.deg-345, .pie-timer.deg-346, .pie-timer.deg-347, .pie-timer.deg-348, .pie-timer.deg-349, .pie-timer.deg-350, .pie-timer.deg-351, .pie-timer.deg-352, .pie-timer.deg-353, .pie-timer.deg-354, .pie-timer.deg-355, .pie-timer.deg-356, .pie-timer.deg-357, .pie-timer.deg-358, .pie-timer.deg-359, .pie-timer.deg-360 { | |
| left: 0; | |
| -moz-transform-origin: center center; | |
| -ms-transform-origin: center center; | |
| -o-transform-origin: center center; | |
| -webkit-transform-origin: center center; | |
| transform-origin: center center; | |
| } | |
| .pie-timer.deg-0 .before, .pie-timer.deg-1 .before, .pie-timer.deg-2 .before, .pie-timer.deg-3 .before, .pie-timer.deg-4 .before, .pie-timer.deg-5 .before, .pie-timer.deg-6 .before, .pie-timer.deg-7 .before, .pie-timer.deg-8 .before, .pie-timer.deg-9 .before, .pie-timer.deg-10 .before, .pie-timer.deg-11 .before, .pie-timer.deg-12 .before, .pie-timer.deg-13 .before, .pie-timer.deg-14 .before, .pie-timer.deg-15 .before, .pie-timer.deg-16 .before, .pie-timer.deg-17 .before, .pie-timer.deg-18 .before, .pie-timer.deg-19 .before, .pie-timer.deg-20 .before, .pie-timer.deg-21 .before, .pie-timer.deg-22 .before, .pie-timer.deg-23 .before, .pie-timer.deg-24 .before, .pie-timer.deg-25 .before, .pie-timer.deg-26 .before, .pie-timer.deg-27 .before, .pie-timer.deg-28 .before, .pie-timer.deg-29 .before, .pie-timer.deg-30 .before, .pie-timer.deg-31 .before, .pie-timer.deg-32 .before, .pie-timer.deg-33 .before, .pie-timer.deg-34 .before, .pie-timer.deg-35 .before, .pie-timer.deg-36 .before, .pie-timer.deg-37 .before, .pie-timer.deg-38 .before, .pie-timer.deg-39 .before, .pie-timer.deg-40 .before, .pie-timer.deg-41 .before, .pie-timer.deg-42 .before, .pie-timer.deg-43 .before, .pie-timer.deg-44 .before, .pie-timer.deg-45 .before, .pie-timer.deg-46 .before, .pie-timer.deg-47 .before, .pie-timer.deg-48 .before, .pie-timer.deg-49 .before, .pie-timer.deg-50 .before, .pie-timer.deg-51 .before, .pie-timer.deg-52 .before, .pie-timer.deg-53 .before, .pie-timer.deg-54 .before, .pie-timer.deg-55 .before, .pie-timer.deg-56 .before, .pie-timer.deg-57 .before, .pie-timer.deg-58 .before, .pie-timer.deg-59 .before, .pie-timer.deg-60 .before, .pie-timer.deg-61 .before, .pie-timer.deg-62 .before, .pie-timer.deg-63 .before, .pie-timer.deg-64 .before, .pie-timer.deg-65 .before, .pie-timer.deg-66 .before, .pie-timer.deg-67 .before, .pie-timer.deg-68 .before, .pie-timer.deg-69 .before, .pie-timer.deg-70 .before, .pie-timer.deg-71 .before, .pie-timer.deg-72 .before, .pie-timer.deg-73 .before, .pie-timer.deg-74 .before, .pie-timer.deg-75 .before, .pie-timer.deg-76 .before, .pie-timer.deg-77 .before, .pie-timer.deg-78 .before, .pie-timer.deg-79 .before, .pie-timer.deg-80 .before, .pie-timer.deg-81 .before, .pie-timer.deg-82 .before, .pie-timer.deg-83 .before, .pie-timer.deg-84 .before, .pie-timer.deg-85 .before, .pie-timer.deg-86 .before, .pie-timer.deg-87 .before, .pie-timer.deg-88 .before, .pie-timer.deg-89 .before, .pie-timer.deg-90 .before, .pie-timer.deg-91 .before, .pie-timer.deg-92 .before, .pie-timer.deg-93 .before, .pie-timer.deg-94 .before, .pie-timer.deg-95 .before, .pie-timer.deg-96 .before, .pie-timer.deg-97 .before, .pie-timer.deg-98 .before, .pie-timer.deg-99 .before, .pie-timer.deg-100 .before, .pie-timer.deg-101 .before, .pie-timer.deg-102 .before, .pie-timer.deg-103 .before, .pie-timer.deg-104 .before, .pie-timer.deg-105 .before, .pie-timer.deg-106 .before, .pie-timer.deg-107 .before, .pie-timer.deg-108 .before, .pie-timer.deg-109 .before, .pie-timer.deg-110 .before, .pie-timer.deg-111 .before, .pie-timer.deg-112 .before, .pie-timer.deg-113 .before, .pie-timer.deg-114 .before, .pie-timer.deg-115 .before, .pie-timer.deg-116 .before, .pie-timer.deg-117 .before, .pie-timer.deg-118 .before, .pie-timer.deg-119 .before, .pie-timer.deg-120 .before, .pie-timer.deg-121 .before, .pie-timer.deg-122 .before, .pie-timer.deg-123 .before, .pie-timer.deg-124 .before, .pie-timer.deg-125 .before, .pie-timer.deg-126 .before, .pie-timer.deg-127 .before, .pie-timer.deg-128 .before, .pie-timer.deg-129 .before, .pie-timer.deg-130 .before, .pie-timer.deg-131 .before, .pie-timer.deg-132 .before, .pie-timer.deg-133 .before, .pie-timer.deg-134 .before, .pie-timer.deg-135 .before, .pie-timer.deg-136 .before, .pie-timer.deg-137 .before, .pie-timer.deg-138 .before, .pie-timer.deg-139 .before, .pie-timer.deg-140 .before, .pie-timer.deg-141 .before, .pie-timer.deg-142 .before, .pie-timer.deg-143 .before, .pie-timer.deg-144 .before, .pie-timer.deg-145 .before, .pie-timer.deg-146 .before, .pie-timer.deg-147 .before, .pie-timer.deg-148 .before, .pie-timer.deg-149 .before, .pie-timer.deg-150 .before, .pie-timer.deg-151 .before, .pie-timer.deg-152 .before, .pie-timer.deg-153 .before, .pie-timer.deg-154 .before, .pie-timer.deg-155 .before, .pie-timer.deg-156 .before, .pie-timer.deg-157 .before, .pie-timer.deg-158 .before, .pie-timer.deg-159 .before, .pie-timer.deg-160 .before, .pie-timer.deg-161 .before, .pie-timer.deg-162 .before, .pie-timer.deg-163 .before, .pie-timer.deg-164 .before, .pie-timer.deg-165 .before, .pie-timer.deg-166 .before, .pie-timer.deg-167 .before, .pie-timer.deg-168 .before, .pie-timer.deg-169 .before, .pie-timer.deg-170 .before, .pie-timer.deg-171 .before, .pie-timer.deg-172 .before, .pie-timer.deg-173 .before, .pie-timer.deg-174 .before, .pie-timer.deg-175 .before, .pie-timer.deg-176 .before, .pie-timer.deg-177 .before, .pie-timer.deg-178 .before, .pie-timer.deg-179 .before { | |
| left: -2.5em; | |
| } | |
| .pie-timer.deg-180 .before, .pie-timer.deg-181 .before, .pie-timer.deg-182 .before, .pie-timer.deg-183 .before, .pie-timer.deg-184 .before, .pie-timer.deg-185 .before, .pie-timer.deg-186 .before, .pie-timer.deg-187 .before, .pie-timer.deg-188 .before, .pie-timer.deg-189 .before, .pie-timer.deg-190 .before, .pie-timer.deg-191 .before, .pie-timer.deg-192 .before, .pie-timer.deg-193 .before, .pie-timer.deg-194 .before, .pie-timer.deg-195 .before, .pie-timer.deg-196 .before, .pie-timer.deg-197 .before, .pie-timer.deg-198 .before, .pie-timer.deg-199 .before, .pie-timer.deg-200 .before, .pie-timer.deg-201 .before, .pie-timer.deg-202 .before, .pie-timer.deg-203 .before, .pie-timer.deg-204 .before, .pie-timer.deg-205 .before, .pie-timer.deg-206 .before, .pie-timer.deg-207 .before, .pie-timer.deg-208 .before, .pie-timer.deg-209 .before, .pie-timer.deg-210 .before, .pie-timer.deg-211 .before, .pie-timer.deg-212 .before, .pie-timer.deg-213 .before, .pie-timer.deg-214 .before, .pie-timer.deg-215 .before, .pie-timer.deg-216 .before, .pie-timer.deg-217 .before, .pie-timer.deg-218 .before, .pie-timer.deg-219 .before, .pie-timer.deg-220 .before, .pie-timer.deg-221 .before, .pie-timer.deg-222 .before, .pie-timer.deg-223 .before, .pie-timer.deg-224 .before, .pie-timer.deg-225 .before, .pie-timer.deg-226 .before, .pie-timer.deg-227 .before, .pie-timer.deg-228 .before, .pie-timer.deg-229 .before, .pie-timer.deg-230 .before, .pie-timer.deg-231 .before, .pie-timer.deg-232 .before, .pie-timer.deg-233 .before, .pie-timer.deg-234 .before, .pie-timer.deg-235 .before, .pie-timer.deg-236 .before, .pie-timer.deg-237 .before, .pie-timer.deg-238 .before, .pie-timer.deg-239 .before, .pie-timer.deg-240 .before, .pie-timer.deg-241 .before, .pie-timer.deg-242 .before, .pie-timer.deg-243 .before, .pie-timer.deg-244 .before, .pie-timer.deg-245 .before, .pie-timer.deg-246 .before, .pie-timer.deg-247 .before, .pie-timer.deg-248 .before, .pie-timer.deg-249 .before, .pie-timer.deg-250 .before, .pie-timer.deg-251 .before, .pie-timer.deg-252 .before, .pie-timer.deg-253 .before, .pie-timer.deg-254 .before, .pie-timer.deg-255 .before, .pie-timer.deg-256 .before, .pie-timer.deg-257 .before, .pie-timer.deg-258 .before, .pie-timer.deg-259 .before, .pie-timer.deg-260 .before, .pie-timer.deg-261 .before, .pie-timer.deg-262 .before, .pie-timer.deg-263 .before, .pie-timer.deg-264 .before, .pie-timer.deg-265 .before, .pie-timer.deg-266 .before, .pie-timer.deg-267 .before, .pie-timer.deg-268 .before, .pie-timer.deg-269 .before, .pie-timer.deg-270 .before, .pie-timer.deg-271 .before, .pie-timer.deg-272 .before, .pie-timer.deg-273 .before, .pie-timer.deg-274 .before, .pie-timer.deg-275 .before, .pie-timer.deg-276 .before, .pie-timer.deg-277 .before, .pie-timer.deg-278 .before, .pie-timer.deg-279 .before, .pie-timer.deg-280 .before, .pie-timer.deg-281 .before, .pie-timer.deg-282 .before, .pie-timer.deg-283 .before, .pie-timer.deg-284 .before, .pie-timer.deg-285 .before, .pie-timer.deg-286 .before, .pie-timer.deg-287 .before, .pie-timer.deg-288 .before, .pie-timer.deg-289 .before, .pie-timer.deg-290 .before, .pie-timer.deg-291 .before, .pie-timer.deg-292 .before, .pie-timer.deg-293 .before, .pie-timer.deg-294 .before, .pie-timer.deg-295 .before, .pie-timer.deg-296 .before, .pie-timer.deg-297 .before, .pie-timer.deg-298 .before, .pie-timer.deg-299 .before, .pie-timer.deg-300 .before, .pie-timer.deg-301 .before, .pie-timer.deg-302 .before, .pie-timer.deg-303 .before, .pie-timer.deg-304 .before, .pie-timer.deg-305 .before, .pie-timer.deg-306 .before, .pie-timer.deg-307 .before, .pie-timer.deg-308 .before, .pie-timer.deg-309 .before, .pie-timer.deg-310 .before, .pie-timer.deg-311 .before, .pie-timer.deg-312 .before, .pie-timer.deg-313 .before, .pie-timer.deg-314 .before, .pie-timer.deg-315 .before, .pie-timer.deg-316 .before, .pie-timer.deg-317 .before, .pie-timer.deg-318 .before, .pie-timer.deg-319 .before, .pie-timer.deg-320 .before, .pie-timer.deg-321 .before, .pie-timer.deg-322 .before, .pie-timer.deg-323 .before, .pie-timer.deg-324 .before, .pie-timer.deg-325 .before, .pie-timer.deg-326 .before, .pie-timer.deg-327 .before, .pie-timer.deg-328 .before, .pie-timer.deg-329 .before, .pie-timer.deg-330 .before, .pie-timer.deg-331 .before, .pie-timer.deg-332 .before, .pie-timer.deg-333 .before, .pie-timer.deg-334 .before, .pie-timer.deg-335 .before, .pie-timer.deg-336 .before, .pie-timer.deg-337 .before, .pie-timer.deg-338 .before, .pie-timer.deg-339 .before, .pie-timer.deg-340 .before, .pie-timer.deg-341 .before, .pie-timer.deg-342 .before, .pie-timer.deg-343 .before, .pie-timer.deg-344 .before, .pie-timer.deg-345 .before, .pie-timer.deg-346 .before, .pie-timer.deg-347 .before, .pie-timer.deg-348 .before, .pie-timer.deg-349 .before, .pie-timer.deg-350 .before, .pie-timer.deg-351 .before, .pie-timer.deg-352 .before, .pie-timer.deg-353 .before, .pie-timer.deg-354 .before, .pie-timer.deg-355 .before, .pie-timer.deg-356 .before, .pie-timer.deg-357 .before, .pie-timer.deg-358 .before, .pie-timer.deg-359 .before, .pie-timer.deg-360 .before { | |
| left: 0; | |
| } | |
| .pie-timer.deg-0 .before { | |
| -moz-transform: rotate(0deg); | |
| -ms-transform: rotate(0deg); | |
| -webkit-transform: rotate(0deg); | |
| -o-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| .pie-timer.deg-1 .before { | |
| -moz-transform: rotate(1deg); | |
| -ms-transform: rotate(1deg); | |
| -webkit-transform: rotate(1deg); | |
| -o-transform: rotate(1deg); | |
| transform: rotate(1deg); | |
| } | |
| .pie-timer.deg-2 .before { | |
| -moz-transform: rotate(2deg); | |
| -ms-transform: rotate(2deg); | |
| -webkit-transform: rotate(2deg); | |
| -o-transform: rotate(2deg); | |
| transform: rotate(2deg); | |
| } | |
| .pie-timer.deg-3 .before { | |
| -moz-transform: rotate(3deg); | |
| -ms-transform: rotate(3deg); | |
| -webkit-transform: rotate(3deg); | |
| -o-transform: rotate(3deg); | |
| transform: rotate(3deg); | |
| } | |
| .pie-timer.deg-4 .before { | |
| -moz-transform: rotate(4deg); | |
| -ms-transform: rotate(4deg); | |
| -webkit-transform: rotate(4deg); | |
| -o-transform: rotate(4deg); | |
| transform: rotate(4deg); | |
| } | |
| .pie-timer.deg-5 .before { | |
| -moz-transform: rotate(5deg); | |
| -ms-transform: rotate(5deg); | |
| -webkit-transform: rotate(5deg); | |
| -o-transform: rotate(5deg); | |
| transform: rotate(5deg); | |
| } | |
| .pie-timer.deg-6 .before { | |
| -moz-transform: rotate(6deg); | |
| -ms-transform: rotate(6deg); | |
| -webkit-transform: rotate(6deg); | |
| -o-transform: rotate(6deg); | |
| transform: rotate(6deg); | |
| } | |
| .pie-timer.deg-7 .before { | |
| -moz-transform: rotate(7deg); | |
| -ms-transform: rotate(7deg); | |
| -webkit-transform: rotate(7deg); | |
| -o-transform: rotate(7deg); | |
| transform: rotate(7deg); | |
| } | |
| .pie-timer.deg-8 .before { | |
| -moz-transform: rotate(8deg); | |
| -ms-transform: rotate(8deg); | |
| -webkit-transform: rotate(8deg); | |
| -o-transform: rotate(8deg); | |
| transform: rotate(8deg); | |
| } | |
| .pie-timer.deg-9 .before { | |
| -moz-transform: rotate(9deg); | |
| -ms-transform: rotate(9deg); | |
| -webkit-transform: rotate(9deg); | |
| -o-transform: rotate(9deg); | |
| transform: rotate(9deg); | |
| } | |
| .pie-timer.deg-10 .before { | |
| -moz-transform: rotate(10deg); | |
| -ms-transform: rotate(10deg); | |
| -webkit-transform: rotate(10deg); | |
| -o-transform: rotate(10deg); | |
| transform: rotate(10deg); | |
| } | |
| .pie-timer.deg-11 .before { | |
| -moz-transform: rotate(11deg); | |
| -ms-transform: rotate(11deg); | |
| -webkit-transform: rotate(11deg); | |
| -o-transform: rotate(11deg); | |
| transform: rotate(11deg); | |
| } | |
| .pie-timer.deg-12 .before { | |
| -moz-transform: rotate(12deg); | |
| -ms-transform: rotate(12deg); | |
| -webkit-transform: rotate(12deg); | |
| -o-transform: rotate(12deg); | |
| transform: rotate(12deg); | |
| } | |
| .pie-timer.deg-13 .before { | |
| -moz-transform: rotate(13deg); | |
| -ms-transform: rotate(13deg); | |
| -webkit-transform: rotate(13deg); | |
| -o-transform: rotate(13deg); | |
| transform: rotate(13deg); | |
| } | |
| .pie-timer.deg-14 .before { | |
| -moz-transform: rotate(14deg); | |
| -ms-transform: rotate(14deg); | |
| -webkit-transform: rotate(14deg); | |
| -o-transform: rotate(14deg); | |
| transform: rotate(14deg); | |
| } | |
| .pie-timer.deg-15 .before { | |
| -moz-transform: rotate(15deg); | |
| -ms-transform: rotate(15deg); | |
| -webkit-transform: rotate(15deg); | |
| -o-transform: rotate(15deg); | |
| transform: rotate(15deg); | |
| } | |
| .pie-timer.deg-16 .before { | |
| -moz-transform: rotate(16deg); | |
| -ms-transform: rotate(16deg); | |
| -webkit-transform: rotate(16deg); | |
| -o-transform: rotate(16deg); | |
| transform: rotate(16deg); | |
| } | |
| .pie-timer.deg-17 .before { | |
| -moz-transform: rotate(17deg); | |
| -ms-transform: rotate(17deg); | |
| -webkit-transform: rotate(17deg); | |
| -o-transform: rotate(17deg); | |
| transform: rotate(17deg); | |
| } | |
| .pie-timer.deg-18 .before { | |
| -moz-transform: rotate(18deg); | |
| -ms-transform: rotate(18deg); | |
| -webkit-transform: rotate(18deg); | |
| -o-transform: rotate(18deg); | |
| transform: rotate(18deg); | |
| } | |
| .pie-timer.deg-19 .before { | |
| -moz-transform: rotate(19deg); | |
| -ms-transform: rotate(19deg); | |
| -webkit-transform: rotate(19deg); | |
| -o-transform: rotate(19deg); | |
| transform: rotate(19deg); | |
| } | |
| .pie-timer.deg-20 .before { | |
| -moz-transform: rotate(20deg); | |
| -ms-transform: rotate(20deg); | |
| -webkit-transform: rotate(20deg); | |
| -o-transform: rotate(20deg); | |
| transform: rotate(20deg); | |
| } | |
| .pie-timer.deg-21 .before { | |
| -moz-transform: rotate(21deg); | |
| -ms-transform: rotate(21deg); | |
| -webkit-transform: rotate(21deg); | |
| -o-transform: rotate(21deg); | |
| transform: rotate(21deg); | |
| } | |
| .pie-timer.deg-22 .before { | |
| -moz-transform: rotate(22deg); | |
| -ms-transform: rotate(22deg); | |
| -webkit-transform: rotate(22deg); | |
| -o-transform: rotate(22deg); | |
| transform: rotate(22deg); | |
| } | |
| .pie-timer.deg-23 .before { | |
| -moz-transform: rotate(23deg); | |
| -ms-transform: rotate(23deg); | |
| -webkit-transform: rotate(23deg); | |
| -o-transform: rotate(23deg); | |
| transform: rotate(23deg); | |
| } | |
| .pie-timer.deg-24 .before { | |
| -moz-transform: rotate(24deg); | |
| -ms-transform: rotate(24deg); | |
| -webkit-transform: rotate(24deg); | |
| -o-transform: rotate(24deg); | |
| transform: rotate(24deg); | |
| } | |
| .pie-timer.deg-25 .before { | |
| -moz-transform: rotate(25deg); | |
| -ms-transform: rotate(25deg); | |
| -webkit-transform: rotate(25deg); | |
| -o-transform: rotate(25deg); | |
| transform: rotate(25deg); | |
| } | |
| .pie-timer.deg-26 .before { | |
| -moz-transform: rotate(26deg); | |
| -ms-transform: rotate(26deg); | |
| -webkit-transform: rotate(26deg); | |
| -o-transform: rotate(26deg); | |
| transform: rotate(26deg); | |
| } | |
| .pie-timer.deg-27 .before { | |
| -moz-transform: rotate(27deg); | |
| -ms-transform: rotate(27deg); | |
| -webkit-transform: rotate(27deg); | |
| -o-transform: rotate(27deg); | |
| transform: rotate(27deg); | |
| } | |
| .pie-timer.deg-28 .before { | |
| -moz-transform: rotate(28deg); | |
| -ms-transform: rotate(28deg); | |
| -webkit-transform: rotate(28deg); | |
| -o-transform: rotate(28deg); | |
| transform: rotate(28deg); | |
| } | |
| .pie-timer.deg-29 .before { | |
| -moz-transform: rotate(29deg); | |
| -ms-transform: rotate(29deg); | |
| -webkit-transform: rotate(29deg); | |
| -o-transform: rotate(29deg); | |
| transform: rotate(29deg); | |
| } | |
| .pie-timer.deg-30 .before { | |
| -moz-transform: rotate(30deg); | |
| -ms-transform: rotate(30deg); | |
| -webkit-transform: rotate(30deg); | |
| -o-transform: rotate(30deg); | |
| transform: rotate(30deg); | |
| } | |
| .pie-timer.deg-31 .before { | |
| -moz-transform: rotate(31deg); | |
| -ms-transform: rotate(31deg); | |
| -webkit-transform: rotate(31deg); | |
| -o-transform: rotate(31deg); | |
| transform: rotate(31deg); | |
| } | |
| .pie-timer.deg-32 .before { | |
| -moz-transform: rotate(32deg); | |
| -ms-transform: rotate(32deg); | |
| -webkit-transform: rotate(32deg); | |
| -o-transform: rotate(32deg); | |
| transform: rotate(32deg); | |
| } | |
| .pie-timer.deg-33 .before { | |
| -moz-transform: rotate(33deg); | |
| -ms-transform: rotate(33deg); | |
| -webkit-transform: rotate(33deg); | |
| -o-transform: rotate(33deg); | |
| transform: rotate(33deg); | |
| } | |
| .pie-timer.deg-34 .before { | |
| -moz-transform: rotate(34deg); | |
| -ms-transform: rotate(34deg); | |
| -webkit-transform: rotate(34deg); | |
| -o-transform: rotate(34deg); | |
| transform: rotate(34deg); | |
| } | |
| .pie-timer.deg-35 .before { | |
| -moz-transform: rotate(35deg); | |
| -ms-transform: rotate(35deg); | |
| -webkit-transform: rotate(35deg); | |
| -o-transform: rotate(35deg); | |
| transform: rotate(35deg); | |
| } | |
| .pie-timer.deg-36 .before { | |
| -moz-transform: rotate(36deg); | |
| -ms-transform: rotate(36deg); | |
| -webkit-transform: rotate(36deg); | |
| -o-transform: rotate(36deg); | |
| transform: rotate(36deg); | |
| } | |
| .pie-timer.deg-37 .before { | |
| -moz-transform: rotate(37deg); | |
| -ms-transform: rotate(37deg); | |
| -webkit-transform: rotate(37deg); | |
| -o-transform: rotate(37deg); | |
| transform: rotate(37deg); | |
| } | |
| .pie-timer.deg-38 .before { | |
| -moz-transform: rotate(38deg); | |
| -ms-transform: rotate(38deg); | |
| -webkit-transform: rotate(38deg); | |
| -o-transform: rotate(38deg); | |
| transform: rotate(38deg); | |
| } | |
| .pie-timer.deg-39 .before { | |
| -moz-transform: rotate(39deg); | |
| -ms-transform: rotate(39deg); | |
| -webkit-transform: rotate(39deg); | |
| -o-transform: rotate(39deg); | |
| transform: rotate(39deg); | |
| } | |
| .pie-timer.deg-40 .before { | |
| -moz-transform: rotate(40deg); | |
| -ms-transform: rotate(40deg); | |
| -webkit-transform: rotate(40deg); | |
| -o-transform: rotate(40deg); | |
| transform: rotate(40deg); | |
| } | |
| .pie-timer.deg-41 .before { | |
| -moz-transform: rotate(41deg); | |
| -ms-transform: rotate(41deg); | |
| -webkit-transform: rotate(41deg); | |
| -o-transform: rotate(41deg); | |
| transform: rotate(41deg); | |
| } | |
| .pie-timer.deg-42 .before { | |
| -moz-transform: rotate(42deg); | |
| -ms-transform: rotate(42deg); | |
| -webkit-transform: rotate(42deg); | |
| -o-transform: rotate(42deg); | |
| transform: rotate(42deg); | |
| } | |
| .pie-timer.deg-43 .before { | |
| -moz-transform: rotate(43deg); | |
| -ms-transform: rotate(43deg); | |
| -webkit-transform: rotate(43deg); | |
| -o-transform: rotate(43deg); | |
| transform: rotate(43deg); | |
| } | |
| .pie-timer.deg-44 .before { | |
| -moz-transform: rotate(44deg); | |
| -ms-transform: rotate(44deg); | |
| -webkit-transform: rotate(44deg); | |
| -o-transform: rotate(44deg); | |
| transform: rotate(44deg); | |
| } | |
| .pie-timer.deg-45 .before { | |
| -moz-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| -webkit-transform: rotate(45deg); | |
| -o-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| } | |
| .pie-timer.deg-46 .before { | |
| -moz-transform: rotate(46deg); | |
| -ms-transform: rotate(46deg); | |
| -webkit-transform: rotate(46deg); | |
| -o-transform: rotate(46deg); | |
| transform: rotate(46deg); | |
| } | |
| .pie-timer.deg-47 .before { | |
| -moz-transform: rotate(47deg); | |
| -ms-transform: rotate(47deg); | |
| -webkit-transform: rotate(47deg); | |
| -o-transform: rotate(47deg); | |
| transform: rotate(47deg); | |
| } | |
| .pie-timer.deg-48 .before { | |
| -moz-transform: rotate(48deg); | |
| -ms-transform: rotate(48deg); | |
| -webkit-transform: rotate(48deg); | |
| -o-transform: rotate(48deg); | |
| transform: rotate(48deg); | |
| } | |
| .pie-timer.deg-49 .before { | |
| -moz-transform: rotate(49deg); | |
| -ms-transform: rotate(49deg); | |
| -webkit-transform: rotate(49deg); | |
| -o-transform: rotate(49deg); | |
| transform: rotate(49deg); | |
| } | |
| .pie-timer.deg-50 .before { | |
| -moz-transform: rotate(50deg); | |
| -ms-transform: rotate(50deg); | |
| -webkit-transform: rotate(50deg); | |
| -o-transform: rotate(50deg); | |
| transform: rotate(50deg); | |
| } | |
| .pie-timer.deg-51 .before { | |
| -moz-transform: rotate(51deg); | |
| -ms-transform: rotate(51deg); | |
| -webkit-transform: rotate(51deg); | |
| -o-transform: rotate(51deg); | |
| transform: rotate(51deg); | |
| } | |
| .pie-timer.deg-52 .before { | |
| -moz-transform: rotate(52deg); | |
| -ms-transform: rotate(52deg); | |
| -webkit-transform: rotate(52deg); | |
| -o-transform: rotate(52deg); | |
| transform: rotate(52deg); | |
| } | |
| .pie-timer.deg-53 .before { | |
| -moz-transform: rotate(53deg); | |
| -ms-transform: rotate(53deg); | |
| -webkit-transform: rotate(53deg); | |
| -o-transform: rotate(53deg); | |
| transform: rotate(53deg); | |
| } | |
| .pie-timer.deg-54 .before { | |
| -moz-transform: rotate(54deg); | |
| -ms-transform: rotate(54deg); | |
| -webkit-transform: rotate(54deg); | |
| -o-transform: rotate(54deg); | |
| transform: rotate(54deg); | |
| } | |
| .pie-timer.deg-55 .before { | |
| -moz-transform: rotate(55deg); | |
| -ms-transform: rotate(55deg); | |
| -webkit-transform: rotate(55deg); | |
| -o-transform: rotate(55deg); | |
| transform: rotate(55deg); | |
| } | |
| .pie-timer.deg-56 .before { | |
| -moz-transform: rotate(56deg); | |
| -ms-transform: rotate(56deg); | |
| -webkit-transform: rotate(56deg); | |
| -o-transform: rotate(56deg); | |
| transform: rotate(56deg); | |
| } | |
| .pie-timer.deg-57 .before { | |
| -moz-transform: rotate(57deg); | |
| -ms-transform: rotate(57deg); | |
| -webkit-transform: rotate(57deg); | |
| -o-transform: rotate(57deg); | |
| transform: rotate(57deg); | |
| } | |
| .pie-timer.deg-58 .before { | |
| -moz-transform: rotate(58deg); | |
| -ms-transform: rotate(58deg); | |
| -webkit-transform: rotate(58deg); | |
| -o-transform: rotate(58deg); | |
| transform: rotate(58deg); | |
| } | |
| .pie-timer.deg-59 .before { | |
| -moz-transform: rotate(59deg); | |
| -ms-transform: rotate(59deg); | |
| -webkit-transform: rotate(59deg); | |
| -o-transform: rotate(59deg); | |
| transform: rotate(59deg); | |
| } | |
| .pie-timer.deg-60 .before { | |
| -moz-transform: rotate(60deg); | |
| -ms-transform: rotate(60deg); | |
| -webkit-transform: rotate(60deg); | |
| -o-transform: rotate(60deg); | |
| transform: rotate(60deg); | |
| } | |
| .pie-timer.deg-61 .before { | |
| -moz-transform: rotate(61deg); | |
| -ms-transform: rotate(61deg); | |
| -webkit-transform: rotate(61deg); | |
| -o-transform: rotate(61deg); | |
| transform: rotate(61deg); | |
| } | |
| .pie-timer.deg-62 .before { | |
| -moz-transform: rotate(62deg); | |
| -ms-transform: rotate(62deg); | |
| -webkit-transform: rotate(62deg); | |
| -o-transform: rotate(62deg); | |
| transform: rotate(62deg); | |
| } | |
| .pie-timer.deg-63 .before { | |
| -moz-transform: rotate(63deg); | |
| -ms-transform: rotate(63deg); | |
| -webkit-transform: rotate(63deg); | |
| -o-transform: rotate(63deg); | |
| transform: rotate(63deg); | |
| } | |
| .pie-timer.deg-64 .before { | |
| -moz-transform: rotate(64deg); | |
| -ms-transform: rotate(64deg); | |
| -webkit-transform: rotate(64deg); | |
| -o-transform: rotate(64deg); | |
| transform: rotate(64deg); | |
| } | |
| .pie-timer.deg-65 .before { | |
| -moz-transform: rotate(65deg); | |
| -ms-transform: rotate(65deg); | |
| -webkit-transform: rotate(65deg); | |
| -o-transform: rotate(65deg); | |
| transform: rotate(65deg); | |
| } | |
| .pie-timer.deg-66 .before { | |
| -moz-transform: rotate(66deg); | |
| -ms-transform: rotate(66deg); | |
| -webkit-transform: rotate(66deg); | |
| -o-transform: rotate(66deg); | |
| transform: rotate(66deg); | |
| } | |
| .pie-timer.deg-67 .before { | |
| -moz-transform: rotate(67deg); | |
| -ms-transform: rotate(67deg); | |
| -webkit-transform: rotate(67deg); | |
| -o-transform: rotate(67deg); | |
| transform: rotate(67deg); | |
| } | |
| .pie-timer.deg-68 .before { | |
| -moz-transform: rotate(68deg); | |
| -ms-transform: rotate(68deg); | |
| -webkit-transform: rotate(68deg); | |
| -o-transform: rotate(68deg); | |
| transform: rotate(68deg); | |
| } | |
| .pie-timer.deg-69 .before { | |
| -moz-transform: rotate(69deg); | |
| -ms-transform: rotate(69deg); | |
| -webkit-transform: rotate(69deg); | |
| -o-transform: rotate(69deg); | |
| transform: rotate(69deg); | |
| } | |
| .pie-timer.deg-70 .before { | |
| -moz-transform: rotate(70deg); | |
| -ms-transform: rotate(70deg); | |
| -webkit-transform: rotate(70deg); | |
| -o-transform: rotate(70deg); | |
| transform: rotate(70deg); | |
| } | |
| .pie-timer.deg-71 .before { | |
| -moz-transform: rotate(71deg); | |
| -ms-transform: rotate(71deg); | |
| -webkit-transform: rotate(71deg); | |
| -o-transform: rotate(71deg); | |
| transform: rotate(71deg); | |
| } | |
| .pie-timer.deg-72 .before { | |
| -moz-transform: rotate(72deg); | |
| -ms-transform: rotate(72deg); | |
| -webkit-transform: rotate(72deg); | |
| -o-transform: rotate(72deg); | |
| transform: rotate(72deg); | |
| } | |
| .pie-timer.deg-73 .before { | |
| -moz-transform: rotate(73deg); | |
| -ms-transform: rotate(73deg); | |
| -webkit-transform: rotate(73deg); | |
| -o-transform: rotate(73deg); | |
| transform: rotate(73deg); | |
| } | |
| .pie-timer.deg-74 .before { | |
| -moz-transform: rotate(74deg); | |
| -ms-transform: rotate(74deg); | |
| -webkit-transform: rotate(74deg); | |
| -o-transform: rotate(74deg); | |
| transform: rotate(74deg); | |
| } | |
| .pie-timer.deg-75 .before { | |
| -moz-transform: rotate(75deg); | |
| -ms-transform: rotate(75deg); | |
| -webkit-transform: rotate(75deg); | |
| -o-transform: rotate(75deg); | |
| transform: rotate(75deg); | |
| } | |
| .pie-timer.deg-76 .before { | |
| -moz-transform: rotate(76deg); | |
| -ms-transform: rotate(76deg); | |
| -webkit-transform: rotate(76deg); | |
| -o-transform: rotate(76deg); | |
| transform: rotate(76deg); | |
| } | |
| .pie-timer.deg-77 .before { | |
| -moz-transform: rotate(77deg); | |
| -ms-transform: rotate(77deg); | |
| -webkit-transform: rotate(77deg); | |
| -o-transform: rotate(77deg); | |
| transform: rotate(77deg); | |
| } | |
| .pie-timer.deg-78 .before { | |
| -moz-transform: rotate(78deg); | |
| -ms-transform: rotate(78deg); | |
| -webkit-transform: rotate(78deg); | |
| -o-transform: rotate(78deg); | |
| transform: rotate(78deg); | |
| } | |
| .pie-timer.deg-79 .before { | |
| -moz-transform: rotate(79deg); | |
| -ms-transform: rotate(79deg); | |
| -webkit-transform: rotate(79deg); | |
| -o-transform: rotate(79deg); | |
| transform: rotate(79deg); | |
| } | |
| .pie-timer.deg-80 .before { | |
| -moz-transform: rotate(80deg); | |
| -ms-transform: rotate(80deg); | |
| -webkit-transform: rotate(80deg); | |
| -o-transform: rotate(80deg); | |
| transform: rotate(80deg); | |
| } | |
| .pie-timer.deg-81 .before { | |
| -moz-transform: rotate(81deg); | |
| -ms-transform: rotate(81deg); | |
| -webkit-transform: rotate(81deg); | |
| -o-transform: rotate(81deg); | |
| transform: rotate(81deg); | |
| } | |
| .pie-timer.deg-82 .before { | |
| -moz-transform: rotate(82deg); | |
| -ms-transform: rotate(82deg); | |
| -webkit-transform: rotate(82deg); | |
| -o-transform: rotate(82deg); | |
| transform: rotate(82deg); | |
| } | |
| .pie-timer.deg-83 .before { | |
| -moz-transform: rotate(83deg); | |
| -ms-transform: rotate(83deg); | |
| -webkit-transform: rotate(83deg); | |
| -o-transform: rotate(83deg); | |
| transform: rotate(83deg); | |
| } | |
| .pie-timer.deg-84 .before { | |
| -moz-transform: rotate(84deg); | |
| -ms-transform: rotate(84deg); | |
| -webkit-transform: rotate(84deg); | |
| -o-transform: rotate(84deg); | |
| transform: rotate(84deg); | |
| } | |
| .pie-timer.deg-85 .before { | |
| -moz-transform: rotate(85deg); | |
| -ms-transform: rotate(85deg); | |
| -webkit-transform: rotate(85deg); | |
| -o-transform: rotate(85deg); | |
| transform: rotate(85deg); | |
| } | |
| .pie-timer.deg-86 .before { | |
| -moz-transform: rotate(86deg); | |
| -ms-transform: rotate(86deg); | |
| -webkit-transform: rotate(86deg); | |
| -o-transform: rotate(86deg); | |
| transform: rotate(86deg); | |
| } | |
| .pie-timer.deg-87 .before { | |
| -moz-transform: rotate(87deg); | |
| -ms-transform: rotate(87deg); | |
| -webkit-transform: rotate(87deg); | |
| -o-transform: rotate(87deg); | |
| transform: rotate(87deg); | |
| } | |
| .pie-timer.deg-88 .before { | |
| -moz-transform: rotate(88deg); | |
| -ms-transform: rotate(88deg); | |
| -webkit-transform: rotate(88deg); | |
| -o-transform: rotate(88deg); | |
| transform: rotate(88deg); | |
| } | |
| .pie-timer.deg-89 .before { | |
| -moz-transform: rotate(89deg); | |
| -ms-transform: rotate(89deg); | |
| -webkit-transform: rotate(89deg); | |
| -o-transform: rotate(89deg); | |
| transform: rotate(89deg); | |
| } | |
| .pie-timer.deg-90 .before { | |
| -moz-transform: rotate(90deg); | |
| -ms-transform: rotate(90deg); | |
| -webkit-transform: rotate(90deg); | |
| -o-transform: rotate(90deg); | |
| transform: rotate(90deg); | |
| } | |
| .pie-timer.deg-91 .before { | |
| -moz-transform: rotate(91deg); | |
| -ms-transform: rotate(91deg); | |
| -webkit-transform: rotate(91deg); | |
| -o-transform: rotate(91deg); | |
| transform: rotate(91deg); | |
| } | |
| .pie-timer.deg-92 .before { | |
| -moz-transform: rotate(92deg); | |
| -ms-transform: rotate(92deg); | |
| -webkit-transform: rotate(92deg); | |
| -o-transform: rotate(92deg); | |
| transform: rotate(92deg); | |
| } | |
| .pie-timer.deg-93 .before { | |
| -moz-transform: rotate(93deg); | |
| -ms-transform: rotate(93deg); | |
| -webkit-transform: rotate(93deg); | |
| -o-transform: rotate(93deg); | |
| transform: rotate(93deg); | |
| } | |
| .pie-timer.deg-94 .before { | |
| -moz-transform: rotate(94deg); | |
| -ms-transform: rotate(94deg); | |
| -webkit-transform: rotate(94deg); | |
| -o-transform: rotate(94deg); | |
| transform: rotate(94deg); | |
| } | |
| .pie-timer.deg-95 .before { | |
| -moz-transform: rotate(95deg); | |
| -ms-transform: rotate(95deg); | |
| -webkit-transform: rotate(95deg); | |
| -o-transform: rotate(95deg); | |
| transform: rotate(95deg); | |
| } | |
| .pie-timer.deg-96 .before { | |
| -moz-transform: rotate(96deg); | |
| -ms-transform: rotate(96deg); | |
| -webkit-transform: rotate(96deg); | |
| -o-transform: rotate(96deg); | |
| transform: rotate(96deg); | |
| } | |
| .pie-timer.deg-97 .before { | |
| -moz-transform: rotate(97deg); | |
| -ms-transform: rotate(97deg); | |
| -webkit-transform: rotate(97deg); | |
| -o-transform: rotate(97deg); | |
| transform: rotate(97deg); | |
| } | |
| .pie-timer.deg-98 .before { | |
| -moz-transform: rotate(98deg); | |
| -ms-transform: rotate(98deg); | |
| -webkit-transform: rotate(98deg); | |
| -o-transform: rotate(98deg); | |
| transform: rotate(98deg); | |
| } | |
| .pie-timer.deg-99 .before { | |
| -moz-transform: rotate(99deg); | |
| -ms-transform: rotate(99deg); | |
| -webkit-transform: rotate(99deg); | |
| -o-transform: rotate(99deg); | |
| transform: rotate(99deg); | |
| } | |
| .pie-timer.deg-100 .before { | |
| -moz-transform: rotate(100deg); | |
| -ms-transform: rotate(100deg); | |
| -webkit-transform: rotate(100deg); | |
| -o-transform: rotate(100deg); | |
| transform: rotate(100deg); | |
| } | |
| .pie-timer.deg-101 .before { | |
| -moz-transform: rotate(101deg); | |
| -ms-transform: rotate(101deg); | |
| -webkit-transform: rotate(101deg); | |
| -o-transform: rotate(101deg); | |
| transform: rotate(101deg); | |
| } | |
| .pie-timer.deg-102 .before { | |
| -moz-transform: rotate(102deg); | |
| -ms-transform: rotate(102deg); | |
| -webkit-transform: rotate(102deg); | |
| -o-transform: rotate(102deg); | |
| transform: rotate(102deg); | |
| } | |
| .pie-timer.deg-103 .before { | |
| -moz-transform: rotate(103deg); | |
| -ms-transform: rotate(103deg); | |
| -webkit-transform: rotate(103deg); | |
| -o-transform: rotate(103deg); | |
| transform: rotate(103deg); | |
| } | |
| .pie-timer.deg-104 .before { | |
| -moz-transform: rotate(104deg); | |
| -ms-transform: rotate(104deg); | |
| -webkit-transform: rotate(104deg); | |
| -o-transform: rotate(104deg); | |
| transform: rotate(104deg); | |
| } | |
| .pie-timer.deg-105 .before { | |
| -moz-transform: rotate(105deg); | |
| -ms-transform: rotate(105deg); | |
| -webkit-transform: rotate(105deg); | |
| -o-transform: rotate(105deg); | |
| transform: rotate(105deg); | |
| } | |
| .pie-timer.deg-106 .before { | |
| -moz-transform: rotate(106deg); | |
| -ms-transform: rotate(106deg); | |
| -webkit-transform: rotate(106deg); | |
| -o-transform: rotate(106deg); | |
| transform: rotate(106deg); | |
| } | |
| .pie-timer.deg-107 .before { | |
| -moz-transform: rotate(107deg); | |
| -ms-transform: rotate(107deg); | |
| -webkit-transform: rotate(107deg); | |
| -o-transform: rotate(107deg); | |
| transform: rotate(107deg); | |
| } | |
| .pie-timer.deg-108 .before { | |
| -moz-transform: rotate(108deg); | |
| -ms-transform: rotate(108deg); | |
| -webkit-transform: rotate(108deg); | |
| -o-transform: rotate(108deg); | |
| transform: rotate(108deg); | |
| } | |
| .pie-timer.deg-109 .before { | |
| -moz-transform: rotate(109deg); | |
| -ms-transform: rotate(109deg); | |
| -webkit-transform: rotate(109deg); | |
| -o-transform: rotate(109deg); | |
| transform: rotate(109deg); | |
| } | |
| .pie-timer.deg-110 .before { | |
| -moz-transform: rotate(110deg); | |
| -ms-transform: rotate(110deg); | |
| -webkit-transform: rotate(110deg); | |
| -o-transform: rotate(110deg); | |
| transform: rotate(110deg); | |
| } | |
| .pie-timer.deg-111 .before { | |
| -moz-transform: rotate(111deg); | |
| -ms-transform: rotate(111deg); | |
| -webkit-transform: rotate(111deg); | |
| -o-transform: rotate(111deg); | |
| transform: rotate(111deg); | |
| } | |
| .pie-timer.deg-112 .before { | |
| -moz-transform: rotate(112deg); | |
| -ms-transform: rotate(112deg); | |
| -webkit-transform: rotate(112deg); | |
| -o-transform: rotate(112deg); | |
| transform: rotate(112deg); | |
| } | |
| .pie-timer.deg-113 .before { | |
| -moz-transform: rotate(113deg); | |
| -ms-transform: rotate(113deg); | |
| -webkit-transform: rotate(113deg); | |
| -o-transform: rotate(113deg); | |
| transform: rotate(113deg); | |
| } | |
| .pie-timer.deg-114 .before { | |
| -moz-transform: rotate(114deg); | |
| -ms-transform: rotate(114deg); | |
| -webkit-transform: rotate(114deg); | |
| -o-transform: rotate(114deg); | |
| transform: rotate(114deg); | |
| } | |
| .pie-timer.deg-115 .before { | |
| -moz-transform: rotate(115deg); | |
| -ms-transform: rotate(115deg); | |
| -webkit-transform: rotate(115deg); | |
| -o-transform: rotate(115deg); | |
| transform: rotate(115deg); | |
| } | |
| .pie-timer.deg-116 .before { | |
| -moz-transform: rotate(116deg); | |
| -ms-transform: rotate(116deg); | |
| -webkit-transform: rotate(116deg); | |
| -o-transform: rotate(116deg); | |
| transform: rotate(116deg); | |
| } | |
| .pie-timer.deg-117 .before { | |
| -moz-transform: rotate(117deg); | |
| -ms-transform: rotate(117deg); | |
| -webkit-transform: rotate(117deg); | |
| -o-transform: rotate(117deg); | |
| transform: rotate(117deg); | |
| } | |
| .pie-timer.deg-118 .before { | |
| -moz-transform: rotate(118deg); | |
| -ms-transform: rotate(118deg); | |
| -webkit-transform: rotate(118deg); | |
| -o-transform: rotate(118deg); | |
| transform: rotate(118deg); | |
| } | |
| .pie-timer.deg-119 .before { | |
| -moz-transform: rotate(119deg); | |
| -ms-transform: rotate(119deg); | |
| -webkit-transform: rotate(119deg); | |
| -o-transform: rotate(119deg); | |
| transform: rotate(119deg); | |
| } | |
| .pie-timer.deg-120 .before { | |
| -moz-transform: rotate(120deg); | |
| -ms-transform: rotate(120deg); | |
| -webkit-transform: rotate(120deg); | |
| -o-transform: rotate(120deg); | |
| transform: rotate(120deg); | |
| } | |
| .pie-timer.deg-121 .before { | |
| -moz-transform: rotate(121deg); | |
| -ms-transform: rotate(121deg); | |
| -webkit-transform: rotate(121deg); | |
| -o-transform: rotate(121deg); | |
| transform: rotate(121deg); | |
| } | |
| .pie-timer.deg-122 .before { | |
| -moz-transform: rotate(122deg); | |
| -ms-transform: rotate(122deg); | |
| -webkit-transform: rotate(122deg); | |
| -o-transform: rotate(122deg); | |
| transform: rotate(122deg); | |
| } | |
| .pie-timer.deg-123 .before { | |
| -moz-transform: rotate(123deg); | |
| -ms-transform: rotate(123deg); | |
| -webkit-transform: rotate(123deg); | |
| -o-transform: rotate(123deg); | |
| transform: rotate(123deg); | |
| } | |
| .pie-timer.deg-124 .before { | |
| -moz-transform: rotate(124deg); | |
| -ms-transform: rotate(124deg); | |
| -webkit-transform: rotate(124deg); | |
| -o-transform: rotate(124deg); | |
| transform: rotate(124deg); | |
| } | |
| .pie-timer.deg-125 .before { | |
| -moz-transform: rotate(125deg); | |
| -ms-transform: rotate(125deg); | |
| -webkit-transform: rotate(125deg); | |
| -o-transform: rotate(125deg); | |
| transform: rotate(125deg); | |
| } | |
| .pie-timer.deg-126 .before { | |
| -moz-transform: rotate(126deg); | |
| -ms-transform: rotate(126deg); | |
| -webkit-transform: rotate(126deg); | |
| -o-transform: rotate(126deg); | |
| transform: rotate(126deg); | |
| } | |
| .pie-timer.deg-127 .before { | |
| -moz-transform: rotate(127deg); | |
| -ms-transform: rotate(127deg); | |
| -webkit-transform: rotate(127deg); | |
| -o-transform: rotate(127deg); | |
| transform: rotate(127deg); | |
| } | |
| .pie-timer.deg-128 .before { | |
| -moz-transform: rotate(128deg); | |
| -ms-transform: rotate(128deg); | |
| -webkit-transform: rotate(128deg); | |
| -o-transform: rotate(128deg); | |
| transform: rotate(128deg); | |
| } | |
| .pie-timer.deg-129 .before { | |
| -moz-transform: rotate(129deg); | |
| -ms-transform: rotate(129deg); | |
| -webkit-transform: rotate(129deg); | |
| -o-transform: rotate(129deg); | |
| transform: rotate(129deg); | |
| } | |
| .pie-timer.deg-130 .before { | |
| -moz-transform: rotate(130deg); | |
| -ms-transform: rotate(130deg); | |
| -webkit-transform: rotate(130deg); | |
| -o-transform: rotate(130deg); | |
| transform: rotate(130deg); | |
| } | |
| .pie-timer.deg-131 .before { | |
| -moz-transform: rotate(131deg); | |
| -ms-transform: rotate(131deg); | |
| -webkit-transform: rotate(131deg); | |
| -o-transform: rotate(131deg); | |
| transform: rotate(131deg); | |
| } | |
| .pie-timer.deg-132 .before { | |
| -moz-transform: rotate(132deg); | |
| -ms-transform: rotate(132deg); | |
| -webkit-transform: rotate(132deg); | |
| -o-transform: rotate(132deg); | |
| transform: rotate(132deg); | |
| } | |
| .pie-timer.deg-133 .before { | |
| -moz-transform: rotate(133deg); | |
| -ms-transform: rotate(133deg); | |
| -webkit-transform: rotate(133deg); | |
| -o-transform: rotate(133deg); | |
| transform: rotate(133deg); | |
| } | |
| .pie-timer.deg-134 .before { | |
| -moz-transform: rotate(134deg); | |
| -ms-transform: rotate(134deg); | |
| -webkit-transform: rotate(134deg); | |
| -o-transform: rotate(134deg); | |
| transform: rotate(134deg); | |
| } | |
| .pie-timer.deg-135 .before { | |
| -moz-transform: rotate(135deg); | |
| -ms-transform: rotate(135deg); | |
| -webkit-transform: rotate(135deg); | |
| -o-transform: rotate(135deg); | |
| transform: rotate(135deg); | |
| } | |
| .pie-timer.deg-136 .before { | |
| -moz-transform: rotate(136deg); | |
| -ms-transform: rotate(136deg); | |
| -webkit-transform: rotate(136deg); | |
| -o-transform: rotate(136deg); | |
| transform: rotate(136deg); | |
| } | |
| .pie-timer.deg-137 .before { | |
| -moz-transform: rotate(137deg); | |
| -ms-transform: rotate(137deg); | |
| -webkit-transform: rotate(137deg); | |
| -o-transform: rotate(137deg); | |
| transform: rotate(137deg); | |
| } | |
| .pie-timer.deg-138 .before { | |
| -moz-transform: rotate(138deg); | |
| -ms-transform: rotate(138deg); | |
| -webkit-transform: rotate(138deg); | |
| -o-transform: rotate(138deg); | |
| transform: rotate(138deg); | |
| } | |
| .pie-timer.deg-139 .before { | |
| -moz-transform: rotate(139deg); | |
| -ms-transform: rotate(139deg); | |
| -webkit-transform: rotate(139deg); | |
| -o-transform: rotate(139deg); | |
| transform: rotate(139deg); | |
| } | |
| .pie-timer.deg-140 .before { | |
| -moz-transform: rotate(140deg); | |
| -ms-transform: rotate(140deg); | |
| -webkit-transform: rotate(140deg); | |
| -o-transform: rotate(140deg); | |
| transform: rotate(140deg); | |
| } | |
| .pie-timer.deg-141 .before { | |
| -moz-transform: rotate(141deg); | |
| -ms-transform: rotate(141deg); | |
| -webkit-transform: rotate(141deg); | |
| -o-transform: rotate(141deg); | |
| transform: rotate(141deg); | |
| } | |
| .pie-timer.deg-142 .before { | |
| -moz-transform: rotate(142deg); | |
| -ms-transform: rotate(142deg); | |
| -webkit-transform: rotate(142deg); | |
| -o-transform: rotate(142deg); | |
| transform: rotate(142deg); | |
| } | |
| .pie-timer.deg-143 .before { | |
| -moz-transform: rotate(143deg); | |
| -ms-transform: rotate(143deg); | |
| -webkit-transform: rotate(143deg); | |
| -o-transform: rotate(143deg); | |
| transform: rotate(143deg); | |
| } | |
| .pie-timer.deg-144 .before { | |
| -moz-transform: rotate(144deg); | |
| -ms-transform: rotate(144deg); | |
| -webkit-transform: rotate(144deg); | |
| -o-transform: rotate(144deg); | |
| transform: rotate(144deg); | |
| } | |
| .pie-timer.deg-145 .before { | |
| -moz-transform: rotate(145deg); | |
| -ms-transform: rotate(145deg); | |
| -webkit-transform: rotate(145deg); | |
| -o-transform: rotate(145deg); | |
| transform: rotate(145deg); | |
| } | |
| .pie-timer.deg-146 .before { | |
| -moz-transform: rotate(146deg); | |
| -ms-transform: rotate(146deg); | |
| -webkit-transform: rotate(146deg); | |
| -o-transform: rotate(146deg); | |
| transform: rotate(146deg); | |
| } | |
| .pie-timer.deg-147 .before { | |
| -moz-transform: rotate(147deg); | |
| -ms-transform: rotate(147deg); | |
| -webkit-transform: rotate(147deg); | |
| -o-transform: rotate(147deg); | |
| transform: rotate(147deg); | |
| } | |
| .pie-timer.deg-148 .before { | |
| -moz-transform: rotate(148deg); | |
| -ms-transform: rotate(148deg); | |
| -webkit-transform: rotate(148deg); | |
| -o-transform: rotate(148deg); | |
| transform: rotate(148deg); | |
| } | |
| .pie-timer.deg-149 .before { | |
| -moz-transform: rotate(149deg); | |
| -ms-transform: rotate(149deg); | |
| -webkit-transform: rotate(149deg); | |
| -o-transform: rotate(149deg); | |
| transform: rotate(149deg); | |
| } | |
| .pie-timer.deg-150 .before { | |
| -moz-transform: rotate(150deg); | |
| -ms-transform: rotate(150deg); | |
| -webkit-transform: rotate(150deg); | |
| -o-transform: rotate(150deg); | |
| transform: rotate(150deg); | |
| } | |
| .pie-timer.deg-151 .before { | |
| -moz-transform: rotate(151deg); | |
| -ms-transform: rotate(151deg); | |
| -webkit-transform: rotate(151deg); | |
| -o-transform: rotate(151deg); | |
| transform: rotate(151deg); | |
| } | |
| .pie-timer.deg-152 .before { | |
| -moz-transform: rotate(152deg); | |
| -ms-transform: rotate(152deg); | |
| -webkit-transform: rotate(152deg); | |
| -o-transform: rotate(152deg); | |
| transform: rotate(152deg); | |
| } | |
| .pie-timer.deg-153 .before { | |
| -moz-transform: rotate(153deg); | |
| -ms-transform: rotate(153deg); | |
| -webkit-transform: rotate(153deg); | |
| -o-transform: rotate(153deg); | |
| transform: rotate(153deg); | |
| } | |
| .pie-timer.deg-154 .before { | |
| -moz-transform: rotate(154deg); | |
| -ms-transform: rotate(154deg); | |
| -webkit-transform: rotate(154deg); | |
| -o-transform: rotate(154deg); | |
| transform: rotate(154deg); | |
| } | |
| .pie-timer.deg-155 .before { | |
| -moz-transform: rotate(155deg); | |
| -ms-transform: rotate(155deg); | |
| -webkit-transform: rotate(155deg); | |
| -o-transform: rotate(155deg); | |
| transform: rotate(155deg); | |
| } | |
| .pie-timer.deg-156 .before { | |
| -moz-transform: rotate(156deg); | |
| -ms-transform: rotate(156deg); | |
| -webkit-transform: rotate(156deg); | |
| -o-transform: rotate(156deg); | |
| transform: rotate(156deg); | |
| } | |
| .pie-timer.deg-157 .before { | |
| -moz-transform: rotate(157deg); | |
| -ms-transform: rotate(157deg); | |
| -webkit-transform: rotate(157deg); | |
| -o-transform: rotate(157deg); | |
| transform: rotate(157deg); | |
| } | |
| .pie-timer.deg-158 .before { | |
| -moz-transform: rotate(158deg); | |
| -ms-transform: rotate(158deg); | |
| -webkit-transform: rotate(158deg); | |
| -o-transform: rotate(158deg); | |
| transform: rotate(158deg); | |
| } | |
| .pie-timer.deg-159 .before { | |
| -moz-transform: rotate(159deg); | |
| -ms-transform: rotate(159deg); | |
| -webkit-transform: rotate(159deg); | |
| -o-transform: rotate(159deg); | |
| transform: rotate(159deg); | |
| } | |
| .pie-timer.deg-160 .before { | |
| -moz-transform: rotate(160deg); | |
| -ms-transform: rotate(160deg); | |
| -webkit-transform: rotate(160deg); | |
| -o-transform: rotate(160deg); | |
| transform: rotate(160deg); | |
| } | |
| .pie-timer.deg-161 .before { | |
| -moz-transform: rotate(161deg); | |
| -ms-transform: rotate(161deg); | |
| -webkit-transform: rotate(161deg); | |
| -o-transform: rotate(161deg); | |
| transform: rotate(161deg); | |
| } | |
| .pie-timer.deg-162 .before { | |
| -moz-transform: rotate(162deg); | |
| -ms-transform: rotate(162deg); | |
| -webkit-transform: rotate(162deg); | |
| -o-transform: rotate(162deg); | |
| transform: rotate(162deg); | |
| } | |
| .pie-timer.deg-163 .before { | |
| -moz-transform: rotate(163deg); | |
| -ms-transform: rotate(163deg); | |
| -webkit-transform: rotate(163deg); | |
| -o-transform: rotate(163deg); | |
| transform: rotate(163deg); | |
| } | |
| .pie-timer.deg-164 .before { | |
| -moz-transform: rotate(164deg); | |
| -ms-transform: rotate(164deg); | |
| -webkit-transform: rotate(164deg); | |
| -o-transform: rotate(164deg); | |
| transform: rotate(164deg); | |
| } | |
| .pie-timer.deg-165 .before { | |
| -moz-transform: rotate(165deg); | |
| -ms-transform: rotate(165deg); | |
| -webkit-transform: rotate(165deg); | |
| -o-transform: rotate(165deg); | |
| transform: rotate(165deg); | |
| } | |
| .pie-timer.deg-166 .before { | |
| -moz-transform: rotate(166deg); | |
| -ms-transform: rotate(166deg); | |
| -webkit-transform: rotate(166deg); | |
| -o-transform: rotate(166deg); | |
| transform: rotate(166deg); | |
| } | |
| .pie-timer.deg-167 .before { | |
| -moz-transform: rotate(167deg); | |
| -ms-transform: rotate(167deg); | |
| -webkit-transform: rotate(167deg); | |
| -o-transform: rotate(167deg); | |
| transform: rotate(167deg); | |
| } | |
| .pie-timer.deg-168 .before { | |
| -moz-transform: rotate(168deg); | |
| -ms-transform: rotate(168deg); | |
| -webkit-transform: rotate(168deg); | |
| -o-transform: rotate(168deg); | |
| transform: rotate(168deg); | |
| } | |
| .pie-timer.deg-169 .before { | |
| -moz-transform: rotate(169deg); | |
| -ms-transform: rotate(169deg); | |
| -webkit-transform: rotate(169deg); | |
| -o-transform: rotate(169deg); | |
| transform: rotate(169deg); | |
| } | |
| .pie-timer.deg-170 .before { | |
| -moz-transform: rotate(170deg); | |
| -ms-transform: rotate(170deg); | |
| -webkit-transform: rotate(170deg); | |
| -o-transform: rotate(170deg); | |
| transform: rotate(170deg); | |
| } | |
| .pie-timer.deg-171 .before { | |
| -moz-transform: rotate(171deg); | |
| -ms-transform: rotate(171deg); | |
| -webkit-transform: rotate(171deg); | |
| -o-transform: rotate(171deg); | |
| transform: rotate(171deg); | |
| } | |
| .pie-timer.deg-172 .before { | |
| -moz-transform: rotate(172deg); | |
| -ms-transform: rotate(172deg); | |
| -webkit-transform: rotate(172deg); | |
| -o-transform: rotate(172deg); | |
| transform: rotate(172deg); | |
| } | |
| .pie-timer.deg-173 .before { | |
| -moz-transform: rotate(173deg); | |
| -ms-transform: rotate(173deg); | |
| -webkit-transform: rotate(173deg); | |
| -o-transform: rotate(173deg); | |
| transform: rotate(173deg); | |
| } | |
| .pie-timer.deg-174 .before { | |
| -moz-transform: rotate(174deg); | |
| -ms-transform: rotate(174deg); | |
| -webkit-transform: rotate(174deg); | |
| -o-transform: rotate(174deg); | |
| transform: rotate(174deg); | |
| } | |
| .pie-timer.deg-175 .before { | |
| -moz-transform: rotate(175deg); | |
| -ms-transform: rotate(175deg); | |
| -webkit-transform: rotate(175deg); | |
| -o-transform: rotate(175deg); | |
| transform: rotate(175deg); | |
| } | |
| .pie-timer.deg-176 .before { | |
| -moz-transform: rotate(176deg); | |
| -ms-transform: rotate(176deg); | |
| -webkit-transform: rotate(176deg); | |
| -o-transform: rotate(176deg); | |
| transform: rotate(176deg); | |
| } | |
| .pie-timer.deg-177 .before { | |
| -moz-transform: rotate(177deg); | |
| -ms-transform: rotate(177deg); | |
| -webkit-transform: rotate(177deg); | |
| -o-transform: rotate(177deg); | |
| transform: rotate(177deg); | |
| } | |
| .pie-timer.deg-178 .before { | |
| -moz-transform: rotate(178deg); | |
| -ms-transform: rotate(178deg); | |
| -webkit-transform: rotate(178deg); | |
| -o-transform: rotate(178deg); | |
| transform: rotate(178deg); | |
| } | |
| .pie-timer.deg-179 .before { | |
| -moz-transform: rotate(179deg); | |
| -ms-transform: rotate(179deg); | |
| -webkit-transform: rotate(179deg); | |
| -o-transform: rotate(179deg); | |
| transform: rotate(179deg); | |
| } | |
| .pie-timer.deg-180 .before { | |
| -moz-transform: rotate(180deg); | |
| -ms-transform: rotate(180deg); | |
| -webkit-transform: rotate(180deg); | |
| -o-transform: rotate(180deg); | |
| transform: rotate(180deg); | |
| } | |
| .pie-timer.deg-181 .before { | |
| -moz-transform: rotate(181deg); | |
| -ms-transform: rotate(181deg); | |
| -webkit-transform: rotate(181deg); | |
| -o-transform: rotate(181deg); | |
| transform: rotate(181deg); | |
| } | |
| .pie-timer.deg-182 .before { | |
| -moz-transform: rotate(182deg); | |
| -ms-transform: rotate(182deg); | |
| -webkit-transform: rotate(182deg); | |
| -o-transform: rotate(182deg); | |
| transform: rotate(182deg); | |
| } | |
| .pie-timer.deg-183 .before { | |
| -moz-transform: rotate(183deg); | |
| -ms-transform: rotate(183deg); | |
| -webkit-transform: rotate(183deg); | |
| -o-transform: rotate(183deg); | |
| transform: rotate(183deg); | |
| } | |
| .pie-timer.deg-184 .before { | |
| -moz-transform: rotate(184deg); | |
| -ms-transform: rotate(184deg); | |
| -webkit-transform: rotate(184deg); | |
| -o-transform: rotate(184deg); | |
| transform: rotate(184deg); | |
| } | |
| .pie-timer.deg-185 .before { | |
| -moz-transform: rotate(185deg); | |
| -ms-transform: rotate(185deg); | |
| -webkit-transform: rotate(185deg); | |
| -o-transform: rotate(185deg); | |
| transform: rotate(185deg); | |
| } | |
| .pie-timer.deg-186 .before { | |
| -moz-transform: rotate(186deg); | |
| -ms-transform: rotate(186deg); | |
| -webkit-transform: rotate(186deg); | |
| -o-transform: rotate(186deg); | |
| transform: rotate(186deg); | |
| } | |
| .pie-timer.deg-187 .before { | |
| -moz-transform: rotate(187deg); | |
| -ms-transform: rotate(187deg); | |
| -webkit-transform: rotate(187deg); | |
| -o-transform: rotate(187deg); | |
| transform: rotate(187deg); | |
| } | |
| .pie-timer.deg-188 .before { | |
| -moz-transform: rotate(188deg); | |
| -ms-transform: rotate(188deg); | |
| -webkit-transform: rotate(188deg); | |
| -o-transform: rotate(188deg); | |
| transform: rotate(188deg); | |
| } | |
| .pie-timer.deg-189 .before { | |
| -moz-transform: rotate(189deg); | |
| -ms-transform: rotate(189deg); | |
| -webkit-transform: rotate(189deg); | |
| -o-transform: rotate(189deg); | |
| transform: rotate(189deg); | |
| } | |
| .pie-timer.deg-190 .before { | |
| -moz-transform: rotate(190deg); | |
| -ms-transform: rotate(190deg); | |
| -webkit-transform: rotate(190deg); | |
| -o-transform: rotate(190deg); | |
| transform: rotate(190deg); | |
| } | |
| .pie-timer.deg-191 .before { | |
| -moz-transform: rotate(191deg); | |
| -ms-transform: rotate(191deg); | |
| -webkit-transform: rotate(191deg); | |
| -o-transform: rotate(191deg); | |
| transform: rotate(191deg); | |
| } | |
| .pie-timer.deg-192 .before { | |
| -moz-transform: rotate(192deg); | |
| -ms-transform: rotate(192deg); | |
| -webkit-transform: rotate(192deg); | |
| -o-transform: rotate(192deg); | |
| transform: rotate(192deg); | |
| } | |
| .pie-timer.deg-193 .before { | |
| -moz-transform: rotate(193deg); | |
| -ms-transform: rotate(193deg); | |
| -webkit-transform: rotate(193deg); | |
| -o-transform: rotate(193deg); | |
| transform: rotate(193deg); | |
| } | |
| .pie-timer.deg-194 .before { | |
| -moz-transform: rotate(194deg); | |
| -ms-transform: rotate(194deg); | |
| -webkit-transform: rotate(194deg); | |
| -o-transform: rotate(194deg); | |
| transform: rotate(194deg); | |
| } | |
| .pie-timer.deg-195 .before { | |
| -moz-transform: rotate(195deg); | |
| -ms-transform: rotate(195deg); | |
| -webkit-transform: rotate(195deg); | |
| -o-transform: rotate(195deg); | |
| transform: rotate(195deg); | |
| } | |
| .pie-timer.deg-196 .before { | |
| -moz-transform: rotate(196deg); | |
| -ms-transform: rotate(196deg); | |
| -webkit-transform: rotate(196deg); | |
| -o-transform: rotate(196deg); | |
| transform: rotate(196deg); | |
| } | |
| .pie-timer.deg-197 .before { | |
| -moz-transform: rotate(197deg); | |
| -ms-transform: rotate(197deg); | |
| -webkit-transform: rotate(197deg); | |
| -o-transform: rotate(197deg); | |
| transform: rotate(197deg); | |
| } | |
| .pie-timer.deg-198 .before { | |
| -moz-transform: rotate(198deg); | |
| -ms-transform: rotate(198deg); | |
| -webkit-transform: rotate(198deg); | |
| -o-transform: rotate(198deg); | |
| transform: rotate(198deg); | |
| } | |
| .pie-timer.deg-199 .before { | |
| -moz-transform: rotate(199deg); | |
| -ms-transform: rotate(199deg); | |
| -webkit-transform: rotate(199deg); | |
| -o-transform: rotate(199deg); | |
| transform: rotate(199deg); | |
| } | |
| .pie-timer.deg-200 .before { | |
| -moz-transform: rotate(200deg); | |
| -ms-transform: rotate(200deg); | |
| -webkit-transform: rotate(200deg); | |
| -o-transform: rotate(200deg); | |
| transform: rotate(200deg); | |
| } | |
| .pie-timer.deg-201 .before { | |
| -moz-transform: rotate(201deg); | |
| -ms-transform: rotate(201deg); | |
| -webkit-transform: rotate(201deg); | |
| -o-transform: rotate(201deg); | |
| transform: rotate(201deg); | |
| } | |
| .pie-timer.deg-202 .before { | |
| -moz-transform: rotate(202deg); | |
| -ms-transform: rotate(202deg); | |
| -webkit-transform: rotate(202deg); | |
| -o-transform: rotate(202deg); | |
| transform: rotate(202deg); | |
| } | |
| .pie-timer.deg-203 .before { | |
| -moz-transform: rotate(203deg); | |
| -ms-transform: rotate(203deg); | |
| -webkit-transform: rotate(203deg); | |
| -o-transform: rotate(203deg); | |
| transform: rotate(203deg); | |
| } | |
| .pie-timer.deg-204 .before { | |
| -moz-transform: rotate(204deg); | |
| -ms-transform: rotate(204deg); | |
| -webkit-transform: rotate(204deg); | |
| -o-transform: rotate(204deg); | |
| transform: rotate(204deg); | |
| } | |
| .pie-timer.deg-205 .before { | |
| -moz-transform: rotate(205deg); | |
| -ms-transform: rotate(205deg); | |
| -webkit-transform: rotate(205deg); | |
| -o-transform: rotate(205deg); | |
| transform: rotate(205deg); | |
| } | |
| .pie-timer.deg-206 .before { | |
| -moz-transform: rotate(206deg); | |
| -ms-transform: rotate(206deg); | |
| -webkit-transform: rotate(206deg); | |
| -o-transform: rotate(206deg); | |
| transform: rotate(206deg); | |
| } | |
| .pie-timer.deg-207 .before { | |
| -moz-transform: rotate(207deg); | |
| -ms-transform: rotate(207deg); | |
| -webkit-transform: rotate(207deg); | |
| -o-transform: rotate(207deg); | |
| transform: rotate(207deg); | |
| } | |
| .pie-timer.deg-208 .before { | |
| -moz-transform: rotate(208deg); | |
| -ms-transform: rotate(208deg); | |
| -webkit-transform: rotate(208deg); | |
| -o-transform: rotate(208deg); | |
| transform: rotate(208deg); | |
| } | |
| .pie-timer.deg-209 .before { | |
| -moz-transform: rotate(209deg); | |
| -ms-transform: rotate(209deg); | |
| -webkit-transform: rotate(209deg); | |
| -o-transform: rotate(209deg); | |
| transform: rotate(209deg); | |
| } | |
| .pie-timer.deg-210 .before { | |
| -moz-transform: rotate(210deg); | |
| -ms-transform: rotate(210deg); | |
| -webkit-transform: rotate(210deg); | |
| -o-transform: rotate(210deg); | |
| transform: rotate(210deg); | |
| } | |
| .pie-timer.deg-211 .before { | |
| -moz-transform: rotate(211deg); | |
| -ms-transform: rotate(211deg); | |
| -webkit-transform: rotate(211deg); | |
| -o-transform: rotate(211deg); | |
| transform: rotate(211deg); | |
| } | |
| .pie-timer.deg-212 .before { | |
| -moz-transform: rotate(212deg); | |
| -ms-transform: rotate(212deg); | |
| -webkit-transform: rotate(212deg); | |
| -o-transform: rotate(212deg); | |
| transform: rotate(212deg); | |
| } | |
| .pie-timer.deg-213 .before { | |
| -moz-transform: rotate(213deg); | |
| -ms-transform: rotate(213deg); | |
| -webkit-transform: rotate(213deg); | |
| -o-transform: rotate(213deg); | |
| transform: rotate(213deg); | |
| } | |
| .pie-timer.deg-214 .before { | |
| -moz-transform: rotate(214deg); | |
| -ms-transform: rotate(214deg); | |
| -webkit-transform: rotate(214deg); | |
| -o-transform: rotate(214deg); | |
| transform: rotate(214deg); | |
| } | |
| .pie-timer.deg-215 .before { | |
| -moz-transform: rotate(215deg); | |
| -ms-transform: rotate(215deg); | |
| -webkit-transform: rotate(215deg); | |
| -o-transform: rotate(215deg); | |
| transform: rotate(215deg); | |
| } | |
| .pie-timer.deg-216 .before { | |
| -moz-transform: rotate(216deg); | |
| -ms-transform: rotate(216deg); | |
| -webkit-transform: rotate(216deg); | |
| -o-transform: rotate(216deg); | |
| transform: rotate(216deg); | |
| } | |
| .pie-timer.deg-217 .before { | |
| -moz-transform: rotate(217deg); | |
| -ms-transform: rotate(217deg); | |
| -webkit-transform: rotate(217deg); | |
| -o-transform: rotate(217deg); | |
| transform: rotate(217deg); | |
| } | |
| .pie-timer.deg-218 .before { | |
| -moz-transform: rotate(218deg); | |
| -ms-transform: rotate(218deg); | |
| -webkit-transform: rotate(218deg); | |
| -o-transform: rotate(218deg); | |
| transform: rotate(218deg); | |
| } | |
| .pie-timer.deg-219 .before { | |
| -moz-transform: rotate(219deg); | |
| -ms-transform: rotate(219deg); | |
| -webkit-transform: rotate(219deg); | |
| -o-transform: rotate(219deg); | |
| transform: rotate(219deg); | |
| } | |
| .pie-timer.deg-220 .before { | |
| -moz-transform: rotate(220deg); | |
| -ms-transform: rotate(220deg); | |
| -webkit-transform: rotate(220deg); | |
| -o-transform: rotate(220deg); | |
| transform: rotate(220deg); | |
| } | |
| .pie-timer.deg-221 .before { | |
| -moz-transform: rotate(221deg); | |
| -ms-transform: rotate(221deg); | |
| -webkit-transform: rotate(221deg); | |
| -o-transform: rotate(221deg); | |
| transform: rotate(221deg); | |
| } | |
| .pie-timer.deg-222 .before { | |
| -moz-transform: rotate(222deg); | |
| -ms-transform: rotate(222deg); | |
| -webkit-transform: rotate(222deg); | |
| -o-transform: rotate(222deg); | |
| transform: rotate(222deg); | |
| } | |
| .pie-timer.deg-223 .before { | |
| -moz-transform: rotate(223deg); | |
| -ms-transform: rotate(223deg); | |
| -webkit-transform: rotate(223deg); | |
| -o-transform: rotate(223deg); | |
| transform: rotate(223deg); | |
| } | |
| .pie-timer.deg-224 .before { | |
| -moz-transform: rotate(224deg); | |
| -ms-transform: rotate(224deg); | |
| -webkit-transform: rotate(224deg); | |
| -o-transform: rotate(224deg); | |
| transform: rotate(224deg); | |
| } | |
| .pie-timer.deg-225 .before { | |
| -moz-transform: rotate(225deg); | |
| -ms-transform: rotate(225deg); | |
| -webkit-transform: rotate(225deg); | |
| -o-transform: rotate(225deg); | |
| transform: rotate(225deg); | |
| } | |
| .pie-timer.deg-226 .before { | |
| -moz-transform: rotate(226deg); | |
| -ms-transform: rotate(226deg); | |
| -webkit-transform: rotate(226deg); | |
| -o-transform: rotate(226deg); | |
| transform: rotate(226deg); | |
| } | |
| .pie-timer.deg-227 .before { | |
| -moz-transform: rotate(227deg); | |
| -ms-transform: rotate(227deg); | |
| -webkit-transform: rotate(227deg); | |
| -o-transform: rotate(227deg); | |
| transform: rotate(227deg); | |
| } | |
| .pie-timer.deg-228 .before { | |
| -moz-transform: rotate(228deg); | |
| -ms-transform: rotate(228deg); | |
| -webkit-transform: rotate(228deg); | |
| -o-transform: rotate(228deg); | |
| transform: rotate(228deg); | |
| } | |
| .pie-timer.deg-229 .before { | |
| -moz-transform: rotate(229deg); | |
| -ms-transform: rotate(229deg); | |
| -webkit-transform: rotate(229deg); | |
| -o-transform: rotate(229deg); | |
| transform: rotate(229deg); | |
| } | |
| .pie-timer.deg-230 .before { | |
| -moz-transform: rotate(230deg); | |
| -ms-transform: rotate(230deg); | |
| -webkit-transform: rotate(230deg); | |
| -o-transform: rotate(230deg); | |
| transform: rotate(230deg); | |
| } | |
| .pie-timer.deg-231 .before { | |
| -moz-transform: rotate(231deg); | |
| -ms-transform: rotate(231deg); | |
| -webkit-transform: rotate(231deg); | |
| -o-transform: rotate(231deg); | |
| transform: rotate(231deg); | |
| } | |
| .pie-timer.deg-232 .before { | |
| -moz-transform: rotate(232deg); | |
| -ms-transform: rotate(232deg); | |
| -webkit-transform: rotate(232deg); | |
| -o-transform: rotate(232deg); | |
| transform: rotate(232deg); | |
| } | |
| .pie-timer.deg-233 .before { | |
| -moz-transform: rotate(233deg); | |
| -ms-transform: rotate(233deg); | |
| -webkit-transform: rotate(233deg); | |
| -o-transform: rotate(233deg); | |
| transform: rotate(233deg); | |
| } | |
| .pie-timer.deg-234 .before { | |
| -moz-transform: rotate(234deg); | |
| -ms-transform: rotate(234deg); | |
| -webkit-transform: rotate(234deg); | |
| -o-transform: rotate(234deg); | |
| transform: rotate(234deg); | |
| } | |
| .pie-timer.deg-235 .before { | |
| -moz-transform: rotate(235deg); | |
| -ms-transform: rotate(235deg); | |
| -webkit-transform: rotate(235deg); | |
| -o-transform: rotate(235deg); | |
| transform: rotate(235deg); | |
| } | |
| .pie-timer.deg-236 .before { | |
| -moz-transform: rotate(236deg); | |
| -ms-transform: rotate(236deg); | |
| -webkit-transform: rotate(236deg); | |
| -o-transform: rotate(236deg); | |
| transform: rotate(236deg); | |
| } | |
| .pie-timer.deg-237 .before { | |
| -moz-transform: rotate(237deg); | |
| -ms-transform: rotate(237deg); | |
| -webkit-transform: rotate(237deg); | |
| -o-transform: rotate(237deg); | |
| transform: rotate(237deg); | |
| } | |
| .pie-timer.deg-238 .before { | |
| -moz-transform: rotate(238deg); | |
| -ms-transform: rotate(238deg); | |
| -webkit-transform: rotate(238deg); | |
| -o-transform: rotate(238deg); | |
| transform: rotate(238deg); | |
| } | |
| .pie-timer.deg-239 .before { | |
| -moz-transform: rotate(239deg); | |
| -ms-transform: rotate(239deg); | |
| -webkit-transform: rotate(239deg); | |
| -o-transform: rotate(239deg); | |
| transform: rotate(239deg); | |
| } | |
| .pie-timer.deg-240 .before { | |
| -moz-transform: rotate(240deg); | |
| -ms-transform: rotate(240deg); | |
| -webkit-transform: rotate(240deg); | |
| -o-transform: rotate(240deg); | |
| transform: rotate(240deg); | |
| } | |
| .pie-timer.deg-241 .before { | |
| -moz-transform: rotate(241deg); | |
| -ms-transform: rotate(241deg); | |
| -webkit-transform: rotate(241deg); | |
| -o-transform: rotate(241deg); | |
| transform: rotate(241deg); | |
| } | |
| .pie-timer.deg-242 .before { | |
| -moz-transform: rotate(242deg); | |
| -ms-transform: rotate(242deg); | |
| -webkit-transform: rotate(242deg); | |
| -o-transform: rotate(242deg); | |
| transform: rotate(242deg); | |
| } | |
| .pie-timer.deg-243 .before { | |
| -moz-transform: rotate(243deg); | |
| -ms-transform: rotate(243deg); | |
| -webkit-transform: rotate(243deg); | |
| -o-transform: rotate(243deg); | |
| transform: rotate(243deg); | |
| } | |
| .pie-timer.deg-244 .before { | |
| -moz-transform: rotate(244deg); | |
| -ms-transform: rotate(244deg); | |
| -webkit-transform: rotate(244deg); | |
| -o-transform: rotate(244deg); | |
| transform: rotate(244deg); | |
| } | |
| .pie-timer.deg-245 .before { | |
| -moz-transform: rotate(245deg); | |
| -ms-transform: rotate(245deg); | |
| -webkit-transform: rotate(245deg); | |
| -o-transform: rotate(245deg); | |
| transform: rotate(245deg); | |
| } | |
| .pie-timer.deg-246 .before { | |
| -moz-transform: rotate(246deg); | |
| -ms-transform: rotate(246deg); | |
| -webkit-transform: rotate(246deg); | |
| -o-transform: rotate(246deg); | |
| transform: rotate(246deg); | |
| } | |
| .pie-timer.deg-247 .before { | |
| -moz-transform: rotate(247deg); | |
| -ms-transform: rotate(247deg); | |
| -webkit-transform: rotate(247deg); | |
| -o-transform: rotate(247deg); | |
| transform: rotate(247deg); | |
| } | |
| .pie-timer.deg-248 .before { | |
| -moz-transform: rotate(248deg); | |
| -ms-transform: rotate(248deg); | |
| -webkit-transform: rotate(248deg); | |
| -o-transform: rotate(248deg); | |
| transform: rotate(248deg); | |
| } | |
| .pie-timer.deg-249 .before { | |
| -moz-transform: rotate(249deg); | |
| -ms-transform: rotate(249deg); | |
| -webkit-transform: rotate(249deg); | |
| -o-transform: rotate(249deg); | |
| transform: rotate(249deg); | |
| } | |
| .pie-timer.deg-250 .before { | |
| -moz-transform: rotate(250deg); | |
| -ms-transform: rotate(250deg); | |
| -webkit-transform: rotate(250deg); | |
| -o-transform: rotate(250deg); | |
| transform: rotate(250deg); | |
| } | |
| .pie-timer.deg-251 .before { | |
| -moz-transform: rotate(251deg); | |
| -ms-transform: rotate(251deg); | |
| -webkit-transform: rotate(251deg); | |
| -o-transform: rotate(251deg); | |
| transform: rotate(251deg); | |
| } | |
| .pie-timer.deg-252 .before { | |
| -moz-transform: rotate(252deg); | |
| -ms-transform: rotate(252deg); | |
| -webkit-transform: rotate(252deg); | |
| -o-transform: rotate(252deg); | |
| transform: rotate(252deg); | |
| } | |
| .pie-timer.deg-253 .before { | |
| -moz-transform: rotate(253deg); | |
| -ms-transform: rotate(253deg); | |
| -webkit-transform: rotate(253deg); | |
| -o-transform: rotate(253deg); | |
| transform: rotate(253deg); | |
| } | |
| .pie-timer.deg-254 .before { | |
| -moz-transform: rotate(254deg); | |
| -ms-transform: rotate(254deg); | |
| -webkit-transform: rotate(254deg); | |
| -o-transform: rotate(254deg); | |
| transform: rotate(254deg); | |
| } | |
| .pie-timer.deg-255 .before { | |
| -moz-transform: rotate(255deg); | |
| -ms-transform: rotate(255deg); | |
| -webkit-transform: rotate(255deg); | |
| -o-transform: rotate(255deg); | |
| transform: rotate(255deg); | |
| } | |
| .pie-timer.deg-256 .before { | |
| -moz-transform: rotate(256deg); | |
| -ms-transform: rotate(256deg); | |
| -webkit-transform: rotate(256deg); | |
| -o-transform: rotate(256deg); | |
| transform: rotate(256deg); | |
| } | |
| .pie-timer.deg-257 .before { | |
| -moz-transform: rotate(257deg); | |
| -ms-transform: rotate(257deg); | |
| -webkit-transform: rotate(257deg); | |
| -o-transform: rotate(257deg); | |
| transform: rotate(257deg); | |
| } | |
| .pie-timer.deg-258 .before { | |
| -moz-transform: rotate(258deg); | |
| -ms-transform: rotate(258deg); | |
| -webkit-transform: rotate(258deg); | |
| -o-transform: rotate(258deg); | |
| transform: rotate(258deg); | |
| } | |
| .pie-timer.deg-259 .before { | |
| -moz-transform: rotate(259deg); | |
| -ms-transform: rotate(259deg); | |
| -webkit-transform: rotate(259deg); | |
| -o-transform: rotate(259deg); | |
| transform: rotate(259deg); | |
| } | |
| .pie-timer.deg-260 .before { | |
| -moz-transform: rotate(260deg); | |
| -ms-transform: rotate(260deg); | |
| -webkit-transform: rotate(260deg); | |
| -o-transform: rotate(260deg); | |
| transform: rotate(260deg); | |
| } | |
| .pie-timer.deg-261 .before { | |
| -moz-transform: rotate(261deg); | |
| -ms-transform: rotate(261deg); | |
| -webkit-transform: rotate(261deg); | |
| -o-transform: rotate(261deg); | |
| transform: rotate(261deg); | |
| } | |
| .pie-timer.deg-262 .before { | |
| -moz-transform: rotate(262deg); | |
| -ms-transform: rotate(262deg); | |
| -webkit-transform: rotate(262deg); | |
| -o-transform: rotate(262deg); | |
| transform: rotate(262deg); | |
| } | |
| .pie-timer.deg-263 .before { | |
| -moz-transform: rotate(263deg); | |
| -ms-transform: rotate(263deg); | |
| -webkit-transform: rotate(263deg); | |
| -o-transform: rotate(263deg); | |
| transform: rotate(263deg); | |
| } | |
| .pie-timer.deg-264 .before { | |
| -moz-transform: rotate(264deg); | |
| -ms-transform: rotate(264deg); | |
| -webkit-transform: rotate(264deg); | |
| -o-transform: rotate(264deg); | |
| transform: rotate(264deg); | |
| } | |
| .pie-timer.deg-265 .before { | |
| -moz-transform: rotate(265deg); | |
| -ms-transform: rotate(265deg); | |
| -webkit-transform: rotate(265deg); | |
| -o-transform: rotate(265deg); | |
| transform: rotate(265deg); | |
| } | |
| .pie-timer.deg-266 .before { | |
| -moz-transform: rotate(266deg); | |
| -ms-transform: rotate(266deg); | |
| -webkit-transform: rotate(266deg); | |
| -o-transform: rotate(266deg); | |
| transform: rotate(266deg); | |
| } | |
| .pie-timer.deg-267 .before { | |
| -moz-transform: rotate(267deg); | |
| -ms-transform: rotate(267deg); | |
| -webkit-transform: rotate(267deg); | |
| -o-transform: rotate(267deg); | |
| transform: rotate(267deg); | |
| } | |
| .pie-timer.deg-268 .before { | |
| -moz-transform: rotate(268deg); | |
| -ms-transform: rotate(268deg); | |
| -webkit-transform: rotate(268deg); | |
| -o-transform: rotate(268deg); | |
| transform: rotate(268deg); | |
| } | |
| .pie-timer.deg-269 .before { | |
| -moz-transform: rotate(269deg); | |
| -ms-transform: rotate(269deg); | |
| -webkit-transform: rotate(269deg); | |
| -o-transform: rotate(269deg); | |
| transform: rotate(269deg); | |
| } | |
| .pie-timer.deg-270 .before { | |
| -moz-transform: rotate(270deg); | |
| -ms-transform: rotate(270deg); | |
| -webkit-transform: rotate(270deg); | |
| -o-transform: rotate(270deg); | |
| transform: rotate(270deg); | |
| } | |
| .pie-timer.deg-271 .before { | |
| -moz-transform: rotate(271deg); | |
| -ms-transform: rotate(271deg); | |
| -webkit-transform: rotate(271deg); | |
| -o-transform: rotate(271deg); | |
| transform: rotate(271deg); | |
| } | |
| .pie-timer.deg-272 .before { | |
| -moz-transform: rotate(272deg); | |
| -ms-transform: rotate(272deg); | |
| -webkit-transform: rotate(272deg); | |
| -o-transform: rotate(272deg); | |
| transform: rotate(272deg); | |
| } | |
| .pie-timer.deg-273 .before { | |
| -moz-transform: rotate(273deg); | |
| -ms-transform: rotate(273deg); | |
| -webkit-transform: rotate(273deg); | |
| -o-transform: rotate(273deg); | |
| transform: rotate(273deg); | |
| } | |
| .pie-timer.deg-274 .before { | |
| -moz-transform: rotate(274deg); | |
| -ms-transform: rotate(274deg); | |
| -webkit-transform: rotate(274deg); | |
| -o-transform: rotate(274deg); | |
| transform: rotate(274deg); | |
| } | |
| .pie-timer.deg-275 .before { | |
| -moz-transform: rotate(275deg); | |
| -ms-transform: rotate(275deg); | |
| -webkit-transform: rotate(275deg); | |
| -o-transform: rotate(275deg); | |
| transform: rotate(275deg); | |
| } | |
| .pie-timer.deg-276 .before { | |
| -moz-transform: rotate(276deg); | |
| -ms-transform: rotate(276deg); | |
| -webkit-transform: rotate(276deg); | |
| -o-transform: rotate(276deg); | |
| transform: rotate(276deg); | |
| } | |
| .pie-timer.deg-277 .before { | |
| -moz-transform: rotate(277deg); | |
| -ms-transform: rotate(277deg); | |
| -webkit-transform: rotate(277deg); | |
| -o-transform: rotate(277deg); | |
| transform: rotate(277deg); | |
| } | |
| .pie-timer.deg-278 .before { | |
| -moz-transform: rotate(278deg); | |
| -ms-transform: rotate(278deg); | |
| -webkit-transform: rotate(278deg); | |
| -o-transform: rotate(278deg); | |
| transform: rotate(278deg); | |
| } | |
| .pie-timer.deg-279 .before { | |
| -moz-transform: rotate(279deg); | |
| -ms-transform: rotate(279deg); | |
| -webkit-transform: rotate(279deg); | |
| -o-transform: rotate(279deg); | |
| transform: rotate(279deg); | |
| } | |
| .pie-timer.deg-280 .before { | |
| -moz-transform: rotate(280deg); | |
| -ms-transform: rotate(280deg); | |
| -webkit-transform: rotate(280deg); | |
| -o-transform: rotate(280deg); | |
| transform: rotate(280deg); | |
| } | |
| .pie-timer.deg-281 .before { | |
| -moz-transform: rotate(281deg); | |
| -ms-transform: rotate(281deg); | |
| -webkit-transform: rotate(281deg); | |
| -o-transform: rotate(281deg); | |
| transform: rotate(281deg); | |
| } | |
| .pie-timer.deg-282 .before { | |
| -moz-transform: rotate(282deg); | |
| -ms-transform: rotate(282deg); | |
| -webkit-transform: rotate(282deg); | |
| -o-transform: rotate(282deg); | |
| transform: rotate(282deg); | |
| } | |
| .pie-timer.deg-283 .before { | |
| -moz-transform: rotate(283deg); | |
| -ms-transform: rotate(283deg); | |
| -webkit-transform: rotate(283deg); | |
| -o-transform: rotate(283deg); | |
| transform: rotate(283deg); | |
| } | |
| .pie-timer.deg-284 .before { | |
| -moz-transform: rotate(284deg); | |
| -ms-transform: rotate(284deg); | |
| -webkit-transform: rotate(284deg); | |
| -o-transform: rotate(284deg); | |
| transform: rotate(284deg); | |
| } | |
| .pie-timer.deg-285 .before { | |
| -moz-transform: rotate(285deg); | |
| -ms-transform: rotate(285deg); | |
| -webkit-transform: rotate(285deg); | |
| -o-transform: rotate(285deg); | |
| transform: rotate(285deg); | |
| } | |
| .pie-timer.deg-286 .before { | |
| -moz-transform: rotate(286deg); | |
| -ms-transform: rotate(286deg); | |
| -webkit-transform: rotate(286deg); | |
| -o-transform: rotate(286deg); | |
| transform: rotate(286deg); | |
| } | |
| .pie-timer.deg-287 .before { | |
| -moz-transform: rotate(287deg); | |
| -ms-transform: rotate(287deg); | |
| -webkit-transform: rotate(287deg); | |
| -o-transform: rotate(287deg); | |
| transform: rotate(287deg); | |
| } | |
| .pie-timer.deg-288 .before { | |
| -moz-transform: rotate(288deg); | |
| -ms-transform: rotate(288deg); | |
| -webkit-transform: rotate(288deg); | |
| -o-transform: rotate(288deg); | |
| transform: rotate(288deg); | |
| } | |
| .pie-timer.deg-289 .before { | |
| -moz-transform: rotate(289deg); | |
| -ms-transform: rotate(289deg); | |
| -webkit-transform: rotate(289deg); | |
| -o-transform: rotate(289deg); | |
| transform: rotate(289deg); | |
| } | |
| .pie-timer.deg-290 .before { | |
| -moz-transform: rotate(290deg); | |
| -ms-transform: rotate(290deg); | |
| -webkit-transform: rotate(290deg); | |
| -o-transform: rotate(290deg); | |
| transform: rotate(290deg); | |
| } | |
| .pie-timer.deg-291 .before { | |
| -moz-transform: rotate(291deg); | |
| -ms-transform: rotate(291deg); | |
| -webkit-transform: rotate(291deg); | |
| -o-transform: rotate(291deg); | |
| transform: rotate(291deg); | |
| } | |
| .pie-timer.deg-292 .before { | |
| -moz-transform: rotate(292deg); | |
| -ms-transform: rotate(292deg); | |
| -webkit-transform: rotate(292deg); | |
| -o-transform: rotate(292deg); | |
| transform: rotate(292deg); | |
| } | |
| .pie-timer.deg-293 .before { | |
| -moz-transform: rotate(293deg); | |
| -ms-transform: rotate(293deg); | |
| -webkit-transform: rotate(293deg); | |
| -o-transform: rotate(293deg); | |
| transform: rotate(293deg); | |
| } | |
| .pie-timer.deg-294 .before { | |
| -moz-transform: rotate(294deg); | |
| -ms-transform: rotate(294deg); | |
| -webkit-transform: rotate(294deg); | |
| -o-transform: rotate(294deg); | |
| transform: rotate(294deg); | |
| } | |
| .pie-timer.deg-295 .before { | |
| -moz-transform: rotate(295deg); | |
| -ms-transform: rotate(295deg); | |
| -webkit-transform: rotate(295deg); | |
| -o-transform: rotate(295deg); | |
| transform: rotate(295deg); | |
| } | |
| .pie-timer.deg-296 .before { | |
| -moz-transform: rotate(296deg); | |
| -ms-transform: rotate(296deg); | |
| -webkit-transform: rotate(296deg); | |
| -o-transform: rotate(296deg); | |
| transform: rotate(296deg); | |
| } | |
| .pie-timer.deg-297 .before { | |
| -moz-transform: rotate(297deg); | |
| -ms-transform: rotate(297deg); | |
| -webkit-transform: rotate(297deg); | |
| -o-transform: rotate(297deg); | |
| transform: rotate(297deg); | |
| } | |
| .pie-timer.deg-298 .before { | |
| -moz-transform: rotate(298deg); | |
| -ms-transform: rotate(298deg); | |
| -webkit-transform: rotate(298deg); | |
| -o-transform: rotate(298deg); | |
| transform: rotate(298deg); | |
| } | |
| .pie-timer.deg-299 .before { | |
| -moz-transform: rotate(299deg); | |
| -ms-transform: rotate(299deg); | |
| -webkit-transform: rotate(299deg); | |
| -o-transform: rotate(299deg); | |
| transform: rotate(299deg); | |
| } | |
| .pie-timer.deg-300 .before { | |
| -moz-transform: rotate(300deg); | |
| -ms-transform: rotate(300deg); | |
| -webkit-transform: rotate(300deg); | |
| -o-transform: rotate(300deg); | |
| transform: rotate(300deg); | |
| } | |
| .pie-timer.deg-301 .before { | |
| -moz-transform: rotate(301deg); | |
| -ms-transform: rotate(301deg); | |
| -webkit-transform: rotate(301deg); | |
| -o-transform: rotate(301deg); | |
| transform: rotate(301deg); | |
| } | |
| .pie-timer.deg-302 .before { | |
| -moz-transform: rotate(302deg); | |
| -ms-transform: rotate(302deg); | |
| -webkit-transform: rotate(302deg); | |
| -o-transform: rotate(302deg); | |
| transform: rotate(302deg); | |
| } | |
| .pie-timer.deg-303 .before { | |
| -moz-transform: rotate(303deg); | |
| -ms-transform: rotate(303deg); | |
| -webkit-transform: rotate(303deg); | |
| -o-transform: rotate(303deg); | |
| transform: rotate(303deg); | |
| } | |
| .pie-timer.deg-304 .before { | |
| -moz-transform: rotate(304deg); | |
| -ms-transform: rotate(304deg); | |
| -webkit-transform: rotate(304deg); | |
| -o-transform: rotate(304deg); | |
| transform: rotate(304deg); | |
| } | |
| .pie-timer.deg-305 .before { | |
| -moz-transform: rotate(305deg); | |
| -ms-transform: rotate(305deg); | |
| -webkit-transform: rotate(305deg); | |
| -o-transform: rotate(305deg); | |
| transform: rotate(305deg); | |
| } | |
| .pie-timer.deg-306 .before { | |
| -moz-transform: rotate(306deg); | |
| -ms-transform: rotate(306deg); | |
| -webkit-transform: rotate(306deg); | |
| -o-transform: rotate(306deg); | |
| transform: rotate(306deg); | |
| } | |
| .pie-timer.deg-307 .before { | |
| -moz-transform: rotate(307deg); | |
| -ms-transform: rotate(307deg); | |
| -webkit-transform: rotate(307deg); | |
| -o-transform: rotate(307deg); | |
| transform: rotate(307deg); | |
| } | |
| .pie-timer.deg-308 .before { | |
| -moz-transform: rotate(308deg); | |
| -ms-transform: rotate(308deg); | |
| -webkit-transform: rotate(308deg); | |
| -o-transform: rotate(308deg); | |
| transform: rotate(308deg); | |
| } | |
| .pie-timer.deg-309 .before { | |
| -moz-transform: rotate(309deg); | |
| -ms-transform: rotate(309deg); | |
| -webkit-transform: rotate(309deg); | |
| -o-transform: rotate(309deg); | |
| transform: rotate(309deg); | |
| } | |
| .pie-timer.deg-310 .before { | |
| -moz-transform: rotate(310deg); | |
| -ms-transform: rotate(310deg); | |
| -webkit-transform: rotate(310deg); | |
| -o-transform: rotate(310deg); | |
| transform: rotate(310deg); | |
| } | |
| .pie-timer.deg-311 .before { | |
| -moz-transform: rotate(311deg); | |
| -ms-transform: rotate(311deg); | |
| -webkit-transform: rotate(311deg); | |
| -o-transform: rotate(311deg); | |
| transform: rotate(311deg); | |
| } | |
| .pie-timer.deg-312 .before { | |
| -moz-transform: rotate(312deg); | |
| -ms-transform: rotate(312deg); | |
| -webkit-transform: rotate(312deg); | |
| -o-transform: rotate(312deg); | |
| transform: rotate(312deg); | |
| } | |
| .pie-timer.deg-313 .before { | |
| -moz-transform: rotate(313deg); | |
| -ms-transform: rotate(313deg); | |
| -webkit-transform: rotate(313deg); | |
| -o-transform: rotate(313deg); | |
| transform: rotate(313deg); | |
| } | |
| .pie-timer.deg-314 .before { | |
| -moz-transform: rotate(314deg); | |
| -ms-transform: rotate(314deg); | |
| -webkit-transform: rotate(314deg); | |
| -o-transform: rotate(314deg); | |
| transform: rotate(314deg); | |
| } | |
| .pie-timer.deg-315 .before { | |
| -moz-transform: rotate(315deg); | |
| -ms-transform: rotate(315deg); | |
| -webkit-transform: rotate(315deg); | |
| -o-transform: rotate(315deg); | |
| transform: rotate(315deg); | |
| } | |
| .pie-timer.deg-316 .before { | |
| -moz-transform: rotate(316deg); | |
| -ms-transform: rotate(316deg); | |
| -webkit-transform: rotate(316deg); | |
| -o-transform: rotate(316deg); | |
| transform: rotate(316deg); | |
| } | |
| .pie-timer.deg-317 .before { | |
| -moz-transform: rotate(317deg); | |
| -ms-transform: rotate(317deg); | |
| -webkit-transform: rotate(317deg); | |
| -o-transform: rotate(317deg); | |
| transform: rotate(317deg); | |
| } | |
| .pie-timer.deg-318 .before { | |
| -moz-transform: rotate(318deg); | |
| -ms-transform: rotate(318deg); | |
| -webkit-transform: rotate(318deg); | |
| -o-transform: rotate(318deg); | |
| transform: rotate(318deg); | |
| } | |
| .pie-timer.deg-319 .before { | |
| -moz-transform: rotate(319deg); | |
| -ms-transform: rotate(319deg); | |
| -webkit-transform: rotate(319deg); | |
| -o-transform: rotate(319deg); | |
| transform: rotate(319deg); | |
| } | |
| .pie-timer.deg-320 .before { | |
| -moz-transform: rotate(320deg); | |
| -ms-transform: rotate(320deg); | |
| -webkit-transform: rotate(320deg); | |
| -o-transform: rotate(320deg); | |
| transform: rotate(320deg); | |
| } | |
| .pie-timer.deg-321 .before { | |
| -moz-transform: rotate(321deg); | |
| -ms-transform: rotate(321deg); | |
| -webkit-transform: rotate(321deg); | |
| -o-transform: rotate(321deg); | |
| transform: rotate(321deg); | |
| } | |
| .pie-timer.deg-322 .before { | |
| -moz-transform: rotate(322deg); | |
| -ms-transform: rotate(322deg); | |
| -webkit-transform: rotate(322deg); | |
| -o-transform: rotate(322deg); | |
| transform: rotate(322deg); | |
| } | |
| .pie-timer.deg-323 .before { | |
| -moz-transform: rotate(323deg); | |
| -ms-transform: rotate(323deg); | |
| -webkit-transform: rotate(323deg); | |
| -o-transform: rotate(323deg); | |
| transform: rotate(323deg); | |
| } | |
| .pie-timer.deg-324 .before { | |
| -moz-transform: rotate(324deg); | |
| -ms-transform: rotate(324deg); | |
| -webkit-transform: rotate(324deg); | |
| -o-transform: rotate(324deg); | |
| transform: rotate(324deg); | |
| } | |
| .pie-timer.deg-325 .before { | |
| -moz-transform: rotate(325deg); | |
| -ms-transform: rotate(325deg); | |
| -webkit-transform: rotate(325deg); | |
| -o-transform: rotate(325deg); | |
| transform: rotate(325deg); | |
| } | |
| .pie-timer.deg-326 .before { | |
| -moz-transform: rotate(326deg); | |
| -ms-transform: rotate(326deg); | |
| -webkit-transform: rotate(326deg); | |
| -o-transform: rotate(326deg); | |
| transform: rotate(326deg); | |
| } | |
| .pie-timer.deg-327 .before { | |
| -moz-transform: rotate(327deg); | |
| -ms-transform: rotate(327deg); | |
| -webkit-transform: rotate(327deg); | |
| -o-transform: rotate(327deg); | |
| transform: rotate(327deg); | |
| } | |
| .pie-timer.deg-328 .before { | |
| -moz-transform: rotate(328deg); | |
| -ms-transform: rotate(328deg); | |
| -webkit-transform: rotate(328deg); | |
| -o-transform: rotate(328deg); | |
| transform: rotate(328deg); | |
| } | |
| .pie-timer.deg-329 .before { | |
| -moz-transform: rotate(329deg); | |
| -ms-transform: rotate(329deg); | |
| -webkit-transform: rotate(329deg); | |
| -o-transform: rotate(329deg); | |
| transform: rotate(329deg); | |
| } | |
| .pie-timer.deg-330 .before { | |
| -moz-transform: rotate(330deg); | |
| -ms-transform: rotate(330deg); | |
| -webkit-transform: rotate(330deg); | |
| -o-transform: rotate(330deg); | |
| transform: rotate(330deg); | |
| } | |
| .pie-timer.deg-331 .before { | |
| -moz-transform: rotate(331deg); | |
| -ms-transform: rotate(331deg); | |
| -webkit-transform: rotate(331deg); | |
| -o-transform: rotate(331deg); | |
| transform: rotate(331deg); | |
| } | |
| .pie-timer.deg-332 .before { | |
| -moz-transform: rotate(332deg); | |
| -ms-transform: rotate(332deg); | |
| -webkit-transform: rotate(332deg); | |
| -o-transform: rotate(332deg); | |
| transform: rotate(332deg); | |
| } | |
| .pie-timer.deg-333 .before { | |
| -moz-transform: rotate(333deg); | |
| -ms-transform: rotate(333deg); | |
| -webkit-transform: rotate(333deg); | |
| -o-transform: rotate(333deg); | |
| transform: rotate(333deg); | |
| } | |
| .pie-timer.deg-334 .before { | |
| -moz-transform: rotate(334deg); | |
| -ms-transform: rotate(334deg); | |
| -webkit-transform: rotate(334deg); | |
| -o-transform: rotate(334deg); | |
| transform: rotate(334deg); | |
| } | |
| .pie-timer.deg-335 .before { | |
| -moz-transform: rotate(335deg); | |
| -ms-transform: rotate(335deg); | |
| -webkit-transform: rotate(335deg); | |
| -o-transform: rotate(335deg); | |
| transform: rotate(335deg); | |
| } | |
| .pie-timer.deg-336 .before { | |
| -moz-transform: rotate(336deg); | |
| -ms-transform: rotate(336deg); | |
| -webkit-transform: rotate(336deg); | |
| -o-transform: rotate(336deg); | |
| transform: rotate(336deg); | |
| } | |
| .pie-timer.deg-337 .before { | |
| -moz-transform: rotate(337deg); | |
| -ms-transform: rotate(337deg); | |
| -webkit-transform: rotate(337deg); | |
| -o-transform: rotate(337deg); | |
| transform: rotate(337deg); | |
| } | |
| .pie-timer.deg-338 .before { | |
| -moz-transform: rotate(338deg); | |
| -ms-transform: rotate(338deg); | |
| -webkit-transform: rotate(338deg); | |
| -o-transform: rotate(338deg); | |
| transform: rotate(338deg); | |
| } | |
| .pie-timer.deg-339 .before { | |
| -moz-transform: rotate(339deg); | |
| -ms-transform: rotate(339deg); | |
| -webkit-transform: rotate(339deg); | |
| -o-transform: rotate(339deg); | |
| transform: rotate(339deg); | |
| } | |
| .pie-timer.deg-340 .before { | |
| -moz-transform: rotate(340deg); | |
| -ms-transform: rotate(340deg); | |
| -webkit-transform: rotate(340deg); | |
| -o-transform: rotate(340deg); | |
| transform: rotate(340deg); | |
| } | |
| .pie-timer.deg-341 .before { | |
| -moz-transform: rotate(341deg); | |
| -ms-transform: rotate(341deg); | |
| -webkit-transform: rotate(341deg); | |
| -o-transform: rotate(341deg); | |
| transform: rotate(341deg); | |
| } | |
| .pie-timer.deg-342 .before { | |
| -moz-transform: rotate(342deg); | |
| -ms-transform: rotate(342deg); | |
| -webkit-transform: rotate(342deg); | |
| -o-transform: rotate(342deg); | |
| transform: rotate(342deg); | |
| } | |
| .pie-timer.deg-343 .before { | |
| -moz-transform: rotate(343deg); | |
| -ms-transform: rotate(343deg); | |
| -webkit-transform: rotate(343deg); | |
| -o-transform: rotate(343deg); | |
| transform: rotate(343deg); | |
| } | |
| .pie-timer.deg-344 .before { | |
| -moz-transform: rotate(344deg); | |
| -ms-transform: rotate(344deg); | |
| -webkit-transform: rotate(344deg); | |
| -o-transform: rotate(344deg); | |
| transform: rotate(344deg); | |
| } | |
| .pie-timer.deg-345 .before { | |
| -moz-transform: rotate(345deg); | |
| -ms-transform: rotate(345deg); | |
| -webkit-transform: rotate(345deg); | |
| -o-transform: rotate(345deg); | |
| transform: rotate(345deg); | |
| } | |
| .pie-timer.deg-346 .before { | |
| -moz-transform: rotate(346deg); | |
| -ms-transform: rotate(346deg); | |
| -webkit-transform: rotate(346deg); | |
| -o-transform: rotate(346deg); | |
| transform: rotate(346deg); | |
| } | |
| .pie-timer.deg-347 .before { | |
| -moz-transform: rotate(347deg); | |
| -ms-transform: rotate(347deg); | |
| -webkit-transform: rotate(347deg); | |
| -o-transform: rotate(347deg); | |
| transform: rotate(347deg); | |
| } | |
| .pie-timer.deg-348 .before { | |
| -moz-transform: rotate(348deg); | |
| -ms-transform: rotate(348deg); | |
| -webkit-transform: rotate(348deg); | |
| -o-transform: rotate(348deg); | |
| transform: rotate(348deg); | |
| } | |
| .pie-timer.deg-349 .before { | |
| -moz-transform: rotate(349deg); | |
| -ms-transform: rotate(349deg); | |
| -webkit-transform: rotate(349deg); | |
| -o-transform: rotate(349deg); | |
| transform: rotate(349deg); | |
| } | |
| .pie-timer.deg-350 .before { | |
| -moz-transform: rotate(350deg); | |
| -ms-transform: rotate(350deg); | |
| -webkit-transform: rotate(350deg); | |
| -o-transform: rotate(350deg); | |
| transform: rotate(350deg); | |
| } | |
| .pie-timer.deg-351 .before { | |
| -moz-transform: rotate(351deg); | |
| -ms-transform: rotate(351deg); | |
| -webkit-transform: rotate(351deg); | |
| -o-transform: rotate(351deg); | |
| transform: rotate(351deg); | |
| } | |
| .pie-timer.deg-352 .before { | |
| -moz-transform: rotate(352deg); | |
| -ms-transform: rotate(352deg); | |
| -webkit-transform: rotate(352deg); | |
| -o-transform: rotate(352deg); | |
| transform: rotate(352deg); | |
| } | |
| .pie-timer.deg-353 .before { | |
| -moz-transform: rotate(353deg); | |
| -ms-transform: rotate(353deg); | |
| -webkit-transform: rotate(353deg); | |
| -o-transform: rotate(353deg); | |
| transform: rotate(353deg); | |
| } | |
| .pie-timer.deg-354 .before { | |
| -moz-transform: rotate(354deg); | |
| -ms-transform: rotate(354deg); | |
| -webkit-transform: rotate(354deg); | |
| -o-transform: rotate(354deg); | |
| transform: rotate(354deg); | |
| } | |
| .pie-timer.deg-355 .before { | |
| -moz-transform: rotate(355deg); | |
| -ms-transform: rotate(355deg); | |
| -webkit-transform: rotate(355deg); | |
| -o-transform: rotate(355deg); | |
| transform: rotate(355deg); | |
| } | |
| .pie-timer.deg-356 .before { | |
| -moz-transform: rotate(356deg); | |
| -ms-transform: rotate(356deg); | |
| -webkit-transform: rotate(356deg); | |
| -o-transform: rotate(356deg); | |
| transform: rotate(356deg); | |
| } | |
| .pie-timer.deg-357 .before { | |
| -moz-transform: rotate(357deg); | |
| -ms-transform: rotate(357deg); | |
| -webkit-transform: rotate(357deg); | |
| -o-transform: rotate(357deg); | |
| transform: rotate(357deg); | |
| } | |
| .pie-timer.deg-358 .before { | |
| -moz-transform: rotate(358deg); | |
| -ms-transform: rotate(358deg); | |
| -webkit-transform: rotate(358deg); | |
| -o-transform: rotate(358deg); | |
| transform: rotate(358deg); | |
| } | |
| .pie-timer.deg-359 .before { | |
| -moz-transform: rotate(359deg); | |
| -ms-transform: rotate(359deg); | |
| -webkit-transform: rotate(359deg); | |
| -o-transform: rotate(359deg); | |
| transform: rotate(359deg); | |
| } | |
| .pie-timer .before { | |
| content: ''; | |
| position: absolute; | |
| width: 2.5em; | |
| height: 5em; | |
| border-radius: 2.5em 0 0 2.5em; | |
| background: #32a9d1; | |
| -moz-transform-origin: right center; | |
| -ms-transform-origin: right center; | |
| -o-transform-origin: right center; | |
| -webkit-transform-origin: right center; | |
| transform-origin: right center; | |
| } | |
| .pie-timer.deg-0 .after, .pie-timer.deg-1 .after, .pie-timer.deg-2 .after, .pie-timer.deg-3 .after, .pie-timer.deg-4 .after, .pie-timer.deg-5 .after, .pie-timer.deg-6 .after, .pie-timer.deg-7 .after, .pie-timer.deg-8 .after, .pie-timer.deg-9 .after, .pie-timer.deg-10 .after, .pie-timer.deg-11 .after, .pie-timer.deg-12 .after, .pie-timer.deg-13 .after, .pie-timer.deg-14 .after, .pie-timer.deg-15 .after, .pie-timer.deg-16 .after, .pie-timer.deg-17 .after, .pie-timer.deg-18 .after, .pie-timer.deg-19 .after, .pie-timer.deg-20 .after, .pie-timer.deg-21 .after, .pie-timer.deg-22 .after, .pie-timer.deg-23 .after, .pie-timer.deg-24 .after, .pie-timer.deg-25 .after, .pie-timer.deg-26 .after, .pie-timer.deg-27 .after, .pie-timer.deg-28 .after, .pie-timer.deg-29 .after, .pie-timer.deg-30 .after, .pie-timer.deg-31 .after, .pie-timer.deg-32 .after, .pie-timer.deg-33 .after, .pie-timer.deg-34 .after, .pie-timer.deg-35 .after, .pie-timer.deg-36 .after, .pie-timer.deg-37 .after, .pie-timer.deg-38 .after, .pie-timer.deg-39 .after, .pie-timer.deg-40 .after, .pie-timer.deg-41 .after, .pie-timer.deg-42 .after, .pie-timer.deg-43 .after, .pie-timer.deg-44 .after, .pie-timer.deg-45 .after, .pie-timer.deg-46 .after, .pie-timer.deg-47 .after, .pie-timer.deg-48 .after, .pie-timer.deg-49 .after, .pie-timer.deg-50 .after, .pie-timer.deg-51 .after, .pie-timer.deg-52 .after, .pie-timer.deg-53 .after, .pie-timer.deg-54 .after, .pie-timer.deg-55 .after, .pie-timer.deg-56 .after, .pie-timer.deg-57 .after, .pie-timer.deg-58 .after, .pie-timer.deg-59 .after, .pie-timer.deg-60 .after, .pie-timer.deg-61 .after, .pie-timer.deg-62 .after, .pie-timer.deg-63 .after, .pie-timer.deg-64 .after, .pie-timer.deg-65 .after, .pie-timer.deg-66 .after, .pie-timer.deg-67 .after, .pie-timer.deg-68 .after, .pie-timer.deg-69 .after, .pie-timer.deg-70 .after, .pie-timer.deg-71 .after, .pie-timer.deg-72 .after, .pie-timer.deg-73 .after, .pie-timer.deg-74 .after, .pie-timer.deg-75 .after, .pie-timer.deg-76 .after, .pie-timer.deg-77 .after, .pie-timer.deg-78 .after, .pie-timer.deg-79 .after, .pie-timer.deg-80 .after, .pie-timer.deg-81 .after, .pie-timer.deg-82 .after, .pie-timer.deg-83 .after, .pie-timer.deg-84 .after, .pie-timer.deg-85 .after, .pie-timer.deg-86 .after, .pie-timer.deg-87 .after, .pie-timer.deg-88 .after, .pie-timer.deg-89 .after, .pie-timer.deg-90 .after, .pie-timer.deg-91 .after, .pie-timer.deg-92 .after, .pie-timer.deg-93 .after, .pie-timer.deg-94 .after, .pie-timer.deg-95 .after, .pie-timer.deg-96 .after, .pie-timer.deg-97 .after, .pie-timer.deg-98 .after, .pie-timer.deg-99 .after, .pie-timer.deg-100 .after, .pie-timer.deg-101 .after, .pie-timer.deg-102 .after, .pie-timer.deg-103 .after, .pie-timer.deg-104 .after, .pie-timer.deg-105 .after, .pie-timer.deg-106 .after, .pie-timer.deg-107 .after, .pie-timer.deg-108 .after, .pie-timer.deg-109 .after, .pie-timer.deg-110 .after, .pie-timer.deg-111 .after, .pie-timer.deg-112 .after, .pie-timer.deg-113 .after, .pie-timer.deg-114 .after, .pie-timer.deg-115 .after, .pie-timer.deg-116 .after, .pie-timer.deg-117 .after, .pie-timer.deg-118 .after, .pie-timer.deg-119 .after, .pie-timer.deg-120 .after, .pie-timer.deg-121 .after, .pie-timer.deg-122 .after, .pie-timer.deg-123 .after, .pie-timer.deg-124 .after, .pie-timer.deg-125 .after, .pie-timer.deg-126 .after, .pie-timer.deg-127 .after, .pie-timer.deg-128 .after, .pie-timer.deg-129 .after, .pie-timer.deg-130 .after, .pie-timer.deg-131 .after, .pie-timer.deg-132 .after, .pie-timer.deg-133 .after, .pie-timer.deg-134 .after, .pie-timer.deg-135 .after, .pie-timer.deg-136 .after, .pie-timer.deg-137 .after, .pie-timer.deg-138 .after, .pie-timer.deg-139 .after, .pie-timer.deg-140 .after, .pie-timer.deg-141 .after, .pie-timer.deg-142 .after, .pie-timer.deg-143 .after, .pie-timer.deg-144 .after, .pie-timer.deg-145 .after, .pie-timer.deg-146 .after, .pie-timer.deg-147 .after, .pie-timer.deg-148 .after, .pie-timer.deg-149 .after, .pie-timer.deg-150 .after, .pie-timer.deg-151 .after, .pie-timer.deg-152 .after, .pie-timer.deg-153 .after, .pie-timer.deg-154 .after, .pie-timer.deg-155 .after, .pie-timer.deg-156 .after, .pie-timer.deg-157 .after, .pie-timer.deg-158 .after, .pie-timer.deg-159 .after, .pie-timer.deg-160 .after, .pie-timer.deg-161 .after, .pie-timer.deg-162 .after, .pie-timer.deg-163 .after, .pie-timer.deg-164 .after, .pie-timer.deg-165 .after, .pie-timer.deg-166 .after, .pie-timer.deg-167 .after, .pie-timer.deg-168 .after, .pie-timer.deg-169 .after, .pie-timer.deg-170 .after, .pie-timer.deg-171 .after, .pie-timer.deg-172 .after, .pie-timer.deg-173 .after, .pie-timer.deg-174 .after, .pie-timer.deg-175 .after, .pie-timer.deg-176 .after, .pie-timer.deg-177 .after, .pie-timer.deg-178 .after, .pie-timer.deg-179 .after { | |
| left: -2.5em; | |
| background: #f2ecdb; | |
| outline: 1px solid #f2ecdb; | |
| box-shadow: none; | |
| } | |
| .pie-timer.deg-180 .after, .pie-timer.deg-181 .after, .pie-timer.deg-182 .after, .pie-timer.deg-183 .after, .pie-timer.deg-184 .after, .pie-timer.deg-185 .after, .pie-timer.deg-186 .after, .pie-timer.deg-187 .after, .pie-timer.deg-188 .after, .pie-timer.deg-189 .after, .pie-timer.deg-190 .after, .pie-timer.deg-191 .after, .pie-timer.deg-192 .after, .pie-timer.deg-193 .after, .pie-timer.deg-194 .after, .pie-timer.deg-195 .after, .pie-timer.deg-196 .after, .pie-timer.deg-197 .after, .pie-timer.deg-198 .after, .pie-timer.deg-199 .after, .pie-timer.deg-200 .after, .pie-timer.deg-201 .after, .pie-timer.deg-202 .after, .pie-timer.deg-203 .after, .pie-timer.deg-204 .after, .pie-timer.deg-205 .after, .pie-timer.deg-206 .after, .pie-timer.deg-207 .after, .pie-timer.deg-208 .after, .pie-timer.deg-209 .after, .pie-timer.deg-210 .after, .pie-timer.deg-211 .after, .pie-timer.deg-212 .after, .pie-timer.deg-213 .after, .pie-timer.deg-214 .after, .pie-timer.deg-215 .after, .pie-timer.deg-216 .after, .pie-timer.deg-217 .after, .pie-timer.deg-218 .after, .pie-timer.deg-219 .after, .pie-timer.deg-220 .after, .pie-timer.deg-221 .after, .pie-timer.deg-222 .after, .pie-timer.deg-223 .after, .pie-timer.deg-224 .after, .pie-timer.deg-225 .after, .pie-timer.deg-226 .after, .pie-timer.deg-227 .after, .pie-timer.deg-228 .after, .pie-timer.deg-229 .after, .pie-timer.deg-230 .after, .pie-timer.deg-231 .after, .pie-timer.deg-232 .after, .pie-timer.deg-233 .after, .pie-timer.deg-234 .after, .pie-timer.deg-235 .after, .pie-timer.deg-236 .after, .pie-timer.deg-237 .after, .pie-timer.deg-238 .after, .pie-timer.deg-239 .after, .pie-timer.deg-240 .after, .pie-timer.deg-241 .after, .pie-timer.deg-242 .after, .pie-timer.deg-243 .after, .pie-timer.deg-244 .after, .pie-timer.deg-245 .after, .pie-timer.deg-246 .after, .pie-timer.deg-247 .after, .pie-timer.deg-248 .after, .pie-timer.deg-249 .after, .pie-timer.deg-250 .after, .pie-timer.deg-251 .after, .pie-timer.deg-252 .after, .pie-timer.deg-253 .after, .pie-timer.deg-254 .after, .pie-timer.deg-255 .after, .pie-timer.deg-256 .after, .pie-timer.deg-257 .after, .pie-timer.deg-258 .after, .pie-timer.deg-259 .after, .pie-timer.deg-260 .after, .pie-timer.deg-261 .after, .pie-timer.deg-262 .after, .pie-timer.deg-263 .after, .pie-timer.deg-264 .after, .pie-timer.deg-265 .after, .pie-timer.deg-266 .after, .pie-timer.deg-267 .after, .pie-timer.deg-268 .after, .pie-timer.deg-269 .after, .pie-timer.deg-270 .after, .pie-timer.deg-271 .after, .pie-timer.deg-272 .after, .pie-timer.deg-273 .after, .pie-timer.deg-274 .after, .pie-timer.deg-275 .after, .pie-timer.deg-276 .after, .pie-timer.deg-277 .after, .pie-timer.deg-278 .after, .pie-timer.deg-279 .after, .pie-timer.deg-280 .after, .pie-timer.deg-281 .after, .pie-timer.deg-282 .after, .pie-timer.deg-283 .after, .pie-timer.deg-284 .after, .pie-timer.deg-285 .after, .pie-timer.deg-286 .after, .pie-timer.deg-287 .after, .pie-timer.deg-288 .after, .pie-timer.deg-289 .after, .pie-timer.deg-290 .after, .pie-timer.deg-291 .after, .pie-timer.deg-292 .after, .pie-timer.deg-293 .after, .pie-timer.deg-294 .after, .pie-timer.deg-295 .after, .pie-timer.deg-296 .after, .pie-timer.deg-297 .after, .pie-timer.deg-298 .after, .pie-timer.deg-299 .after, .pie-timer.deg-300 .after, .pie-timer.deg-301 .after, .pie-timer.deg-302 .after, .pie-timer.deg-303 .after, .pie-timer.deg-304 .after, .pie-timer.deg-305 .after, .pie-timer.deg-306 .after, .pie-timer.deg-307 .after, .pie-timer.deg-308 .after, .pie-timer.deg-309 .after, .pie-timer.deg-310 .after, .pie-timer.deg-311 .after, .pie-timer.deg-312 .after, .pie-timer.deg-313 .after, .pie-timer.deg-314 .after, .pie-timer.deg-315 .after, .pie-timer.deg-316 .after, .pie-timer.deg-317 .after, .pie-timer.deg-318 .after, .pie-timer.deg-319 .after, .pie-timer.deg-320 .after, .pie-timer.deg-321 .after, .pie-timer.deg-322 .after, .pie-timer.deg-323 .after, .pie-timer.deg-324 .after, .pie-timer.deg-325 .after, .pie-timer.deg-326 .after, .pie-timer.deg-327 .after, .pie-timer.deg-328 .after, .pie-timer.deg-329 .after, .pie-timer.deg-330 .after, .pie-timer.deg-331 .after, .pie-timer.deg-332 .after, .pie-timer.deg-333 .after, .pie-timer.deg-334 .after, .pie-timer.deg-335 .after, .pie-timer.deg-336 .after, .pie-timer.deg-337 .after, .pie-timer.deg-338 .after, .pie-timer.deg-339 .after, .pie-timer.deg-340 .after, .pie-timer.deg-341 .after, .pie-timer.deg-342 .after, .pie-timer.deg-343 .after, .pie-timer.deg-344 .after, .pie-timer.deg-345 .after, .pie-timer.deg-346 .after, .pie-timer.deg-347 .after, .pie-timer.deg-348 .after, .pie-timer.deg-349 .after, .pie-timer.deg-350 .after, .pie-timer.deg-351 .after, .pie-timer.deg-352 .after, .pie-timer.deg-353 .after, .pie-timer.deg-354 .after, .pie-timer.deg-355 .after, .pie-timer.deg-356 .after, .pie-timer.deg-357 .after, .pie-timer.deg-358 .after, .pie-timer.deg-359 .after, .pie-timer.deg-360 .after { | |
| left: 2.5em; | |
| text-indent: -2.5em; | |
| background: #32a9d1; | |
| border-radius: 0 2.5em 2.5em 0; | |
| } | |
| .pie-timer .after { | |
| content: ''; | |
| position: absolute; | |
| width: 2.5em; | |
| height: 5em; | |
| text-align: center; | |
| line-height: 5em; | |
| } | |
| body { | |
| background: #f2ecdb; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="pie-timer deg-350"> | |
| <div class="before"></div> | |
| <div class="after"></div> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment