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

- old
+ new

@@ -22,16 +22,30 @@ width: 5%; height: 5%; z-index: 10; } +.timepiece-analog-abbr { + color: #333; + font-family:Helvetica,Arial,sans-serif; + font-size:1.25em; + position: absolute; + left: 25%; + top: 50%; + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + z-index: 3; +} + .timepiece-minutes-container, .timepiece-hours-container, .timepiece-seconds-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; + z-index:5; } .timepiece-analog-hours { background: #333; height: 25%; /**/ @@ -96,9 +110,16 @@ } .timepiece-analog-day .timepiece-analog-hours, .timepiece-analog-day .timepiece-analog-minutes { background: #333; } +.timepiece-analog-day .timepiece-analog-abbr { + color: #333; +} + +.timepiece-analog-night .timepiece-analog-abbr { + color: #eee; +} .timepiece-analog-night{ /* border-color:#222; */ background-color:#333; }