app/assets/stylesheets/timepiece.css in timepiece-0.2.3 vs app/assets/stylesheets/timepiece.css in timepiece-0.2.4

- old
+ new

@@ -1,10 +1,10 @@ -// CSS for the analogue clock version of timepiece, and maybe some optional styles for the digital. +/* CSS for the analogue clock version of timepiece, and maybe some optional styles for the digital. */ .timepiece-analog { - //border:solid 1em; - //border-color:#222; + /*border:solid 1em;*/ + /*border-color:#222;*/ border-radius: 50%; background-color: #eee; background-size: 88%; position: relative; } @@ -32,47 +32,47 @@ left: 0; } .timepiece-analog-hours { background: #333; - height: 25%; // + height: 25%; /**/ left: 48.75%; position: absolute; - top: 25%; // + top: 25%; /**/ -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; width: 2.5%; } .timepiece-analog-minutes { background: #333; - height: 40%; // + height: 40%; /**/ left: 49%; position: absolute; - top: 10%; // + top: 10%; /**/ -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; width: 2%; } .timepiece-analog-seconds { background: #d00; - height: 45%; // + height: 45%; /**/ left: 49.5%; position: absolute; - top: 14%; // + top: 14%; /**/ -ms-transform-origin: 50% 80%; -webkit-transform-origin: 50% 80%; transform-origin: 50% 80%; width: 1%; z-index: 8; } -// Animation code - unused but kept for reference: -// We should animate the clocks into correct positions when the clock refreshes on page reentry. +/* Animation code - unused but kept for reference: */ +/* We should animate the clocks into correct positions when the clock refreshes on page reentry. */ /* @-webkit-keyframes rotate { 100% {-webkit-transform: rotateZ(360deg);} } @@ -86,11 +86,11 @@ -webkit-animation: rotate 60s infinite steps(60); } */ .timepiece-analog-day{ - //border-color:#222; + /* border-color:#222; */ background-color:#eee; } .timepiece-analog-day:after, .timepiece-analog-day .timepiece-analog-seconds { background: #d00; } @@ -98,10 +98,10 @@ background: #333; } .timepiece-analog-night{ - //border-color:#222; + /* border-color:#222; */ background-color:#333; } .timepiece-analog-night:after, .timepiece-analog-night .timepiece-analog-seconds { background: #d00; }