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;
}