jquery_countdown_timer.css in jQuery Countdown Timer 8
.position {
display: inline-block;
height: 1.6em;
overflow: hidden;
position: relative;
width: 1.1em;
}
.digit {
position: absolute;
display: block;
width: 1em;
background-color: #444;
border-radius: 0.2em;
text-align: center;
color: #fff;
letter-spacing: -1px;
}
.digit.static {
box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35);
background-image: linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
background-image: -o-linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
background-image: -moz-linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
background-image: -webkit-linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
background-image: -ms-linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3a3a3a), color-stop(0.5, #444444));
}
.countDiv {
display: inline-block;
width: 16px;
height: 1.6em;
position: relative;
}
.countDiv:before,
.countDiv:after {
position: absolute;
width: 5px;
height: 5px;
background-color: #444;
border-radius: 50%;
left: 50%;
margin-left: -3px;
top: 0.5em;
box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
content: '';
}
.countDiv:after {
top: 0.9em;
}
#jquery-countdown-timer-note {
color: #666666;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
font-size: 12px;
}
File
css/jquery_countdown_timer.css
View source
- .position {
- display: inline-block;
- height: 1.6em;
- overflow: hidden;
- position: relative;
- width: 1.1em;
- }
-
- .digit {
- position: absolute;
- display: block;
- width: 1em;
- background-color: #444;
- border-radius: 0.2em;
- text-align: center;
- color: #fff;
- letter-spacing: -1px;
- }
-
- .digit.static {
- box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35);
- background-image: linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
- background-image: -o-linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
- background-image: -moz-linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
- background-image: -webkit-linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
- background-image: -ms-linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3a3a3a), color-stop(0.5, #444444));
- }
-
- .countDiv {
- display: inline-block;
- width: 16px;
- height: 1.6em;
- position: relative;
- }
-
- .countDiv:before,
- .countDiv:after {
- position: absolute;
- width: 5px;
- height: 5px;
- background-color: #444;
- border-radius: 50%;
- left: 50%;
- margin-left: -3px;
- top: 0.5em;
- box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
- content: '';
- }
-
- .countDiv:after {
- top: 0.9em;
- }
-
- #jquery-countdown-timer-note {
- color: #666666;
- text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
- font-size: 12px;
- }