@CHARSET "UTF-8";
.custom-counter {
-khtml-box-shadow: 5px 5px 10px #000000;
-moz-border-radius: 5px;
-moz-box-shadow: 5px 5px 10px #000000;
-webkit-box-shadow: 5px 5px 10px #000000;
background-color: white;
border: 5px solid #dddddd;
border-radius: 5px;
box-shadow: 5px 5px 10px #000000;
margin: 0px auto;
}
/* You may remove those example classes below if not used by Your code */
.example-counter-0 {
-khtml-box-shadow: 3px 3px 8px #000000;
-moz-border-radius: 3px;
-moz-box-shadow: 3px 3px 8px #000000;
-webkit-box-shadow: 3px 3px 8px #000000;
background-color: white;
border: 3px solid #dddddd;
border-radius: 3px;
box-shadow: 3px 3px 8px #000000;
margin: 0px auto;
}
.example-counter-1 {
-khtml-box-shadow: 5px 5px 10px #000000;
-moz-border-radius: 5px;
-moz-box-shadow: 5px 5px 10px #000000;
-webkit-box-shadow: 5px 5px 10px #000000;
background-color: white;
border: 5px solid #dddddd;
border-radius: 5px;
box-shadow: 5px 5px 10px #000000;
float: left;
}
.example-counter-2 {
-khtml-box-shadow: 5px 5px 10px #000000;
-moz-border-radius: 5px;
-moz-box-shadow: 5px 5px 10px #000000;
-webkit-box-shadow: 5px 5px 10px #000000;
background-color: white;
border: 5px solid #dddddd;
border-radius: 5px;
box-shadow: 5px 5px 10px #000000;
margin: 0px auto;
}
.example-counter-3 {
-khtml-box-shadow: 5px 5px 10px #000000;
-moz-border-radius: 5px;
-moz-box-shadow: 5px 5px 10px #000000;
-webkit-box-shadow: 5px 5px 10px #000000;
background-color: black;
border: 7px solid #222222;
border-radius: 5px;
box-shadow: 5px 5px 10px #000000;
margin: 0px auto;
}
.example-counter-4 {
-khtml-box-shadow: 5px 5px 10px #000000;
-moz-border-radius: 5px;
-moz-box-shadow: 5px 5px 10px #000000;
-webkit-box-shadow: 5px 5px 10px #000000;
background-color: white;
border: 5px solid #dddddd;
border-radius: 5px;
box-shadow: 5px 5px 10px #000000;
float: left;
}
.example-counter-7 {
-khtml-box-shadow: 5px 5px 10px #000000;
-moz-border-radius: 5px;
-moz-box-shadow: 5px 5px 10px #000000;
-webkit-box-shadow: 5px 5px 10px #000000;
background-color: white;
border: 5px solid #dddddd;
border-radius: 5px;
box-shadow: 5px 5px 10px #000000;
margin: 0px auto;
}
.example-counter-8 {
-khtml-box-shadow: 5px 5px 10px #000000;
-moz-border-radius: 5px;
-moz-box-shadow: 5px 5px 10px #000000;
-webkit-box-shadow: 5px 5px 10px #000000;
background-color: white;
border: 5px solid #dddddd;
border-radius: 5px;
box-shadow: 5px 5px 10px #000000;
margin: 0px auto;
}
.example-counter-9 {
-khtml-box-shadow: 5px 5px 10px #000000;
-moz-border-radius: 5px;
-moz-box-shadow: 5px 5px 10px #000000;
-webkit-box-shadow: 5px 5px 10px #000000;
background-color: white;
border: 5px solid #dddddd;
border-radius: 5px;
box-shadow: 5px 5px 10px #000000;
margin: 35px auto;
}
.counter_character {
display: inline;
float: left;
/*top: -35px;*/
margin-left: 1px;
margin-right: 1px;
position: relative;
}
.counter_text {
background-color: #000;
color: #FFF;
font-family: Tahoma;
font-size: 50px;
font-weight: bold;
line-height: 45px;
text-align: center;
}
.counter_character_left {
margin-left: 0px;
margin-right: 1px;
}
.counter_character_inner {
margin-left: 1px;
margin-right: 1px;
}
.counter_character_right {
margin-left: 1px;
margin-right: 0px;
}
.counter_marker {
position: relative;
z-index: 10;
}