/*
* Counterize CSS
*/
.collapsed {
display: none;
}
.expanded {
display: table-row;
}
#counterize_history_navigationbar *, #counterize_history_navigationbar2 * {
display: inline-block;
}
#counterize_history_navigationbar li, #counterize_history_navigationbar2 li {
margin-left: 5px;
margin-right: 5px;
}
#counterizehistorytable {
margin-bottom: 30px;
}
#counterizehistorytable tr.alternate, #counterizehitcountertable tr.alternate {
background-color: #e8e8e8;
}
#counterizehistorytable tbody {
border: solid #999 1px;
}
#counterizehistorytable thead {
display: table-header-group;
border: solid #999 1px;
}
#counterizehistorytable th {
height: 30px;
background-color: #ddd;
}
#counterizehistorytable thead tr th, #counterizehistorytable tfoot tr th, #counterizehistorytable tbody tr.repeat th {
padding: 5px;
text-align: center;
}
#counterizehistorytable tfoot {
display: table-footer-group;
border: solid #999 1px;
}
#counterizehistorytable tbody tr.repeat {
border: solid #999 1px;
}
#counterizehistorytable th + th, #counterizehistorytable td + td {
border-left: dashed #d0d0d0 1px;
padding: 5px;
}
#counterizehistorytable td {
vertical-align: middle;
}
.counterize_history_killbutton {
color: red;
font-size: 18px;
font-weight: bold;
}
.counterize_subtable {
border: solid #ccc 1px;
}
.counterize_subtable .alternate {
background-color: #eee;
}
.counterize_caption_help:hover {
cursor: help;
}
.counterize_chart_bar {
box-shadow:2px 2px 2px #333333;
}
.counterize_chart_bar_horizontal {
vertical-align:middle;
margin-bottom: 1px;
height: 20px;
display: inline-block;
}
/* horizontal gradients */
.counterize_chart_bar_horizontal.blue {
background: #003399; /* Old browsers */
background: -moz-linear-gradient(left, #003399 0%, #006699 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003399), color-stop(100%,#006699)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #003399 0%,#006699 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #003399 0%,#006699 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #003399 0%,#006699 100%); /* IE10+ */
background: linear-gradient(left, #003399 0%,#006699 100%); /* W3C */
}
.counterize_chart_bar_horizontal.red {
background: #cc0000; /* Old browsers */
background: -moz-linear-gradient(left, #cc0000 0%, #ff0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cc0000), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #cc0000 0%,#ff0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #cc0000 0%,#ff0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #cc0000 0%,#ff0000 100%); /* IE10+ */
background: linear-gradient(left, #cc0000 0%,#ff0000 100%); /* W3C */
}
.counterize_chart_bar_horizontal.green {
background: #009900; /* Old browsers */
background: -moz-linear-gradient(left, #009900 0%, #00dc00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#009900), color-stop(100%,#00dc00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #009900 0%,#00dc00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #009900 0%,#00dc00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #009900 0%,#00dc00 100%); /* IE10+ */
background: linear-gradient(left, #009900 0%,#00dc00 100%); /* W3C */
}
.counterize_chart_bar_horizontal.yellow {
background: #ccc00c; /* Old browsers */
background: -moz-linear-gradient(left, #ccc00c 0%, #ffff00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ccc00c), color-stop(100%,#ffff00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ccc00c 0%,#ffff00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ccc00c 0%,#ffff00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ccc00c 0%,#ffff00 100%); /* IE10+ */
background: linear-gradient(left, #ccc00c 0%,#ffff00 100%); /* W3C */
}
.counterize_chart_bar_vertical {
width: 20px;
vertical-align: bottom;
margin-right: 1px;
display: inline-block;
}
/* vertical gradients */
.counterize_chart_bar_vertical.blue {
background: #006699; /* Old browsers */
background: -moz-linear-gradient(top, #006699 0%, #003399 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006699), color-stop(100%,#003399)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #006699 0%,#003399 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #006699 0%,#003399 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #006699 0%,#003399 100%); /* IE10+ */
background: linear-gradient(top, #006699 0%,#003399 100%); /* W3C */
}
.counterize_chart_bar_vertical.red {
background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(top, #ff0000 0%, #cc0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff0000 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff0000 0%,#cc0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff0000 0%,#cc0000 100%); /* IE10+ */
background: linear-gradient(top, #ff0000 0%,#cc0000 100%); /* W3C */
}
.counterize_chart_bar_vertical.green {
background: #00dc00; /* Old browsers */
background: -moz-linear-gradient(top, #00dc00 0%, #009900 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00dc00), color-stop(100%,#009900)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #00dc00 0%,#009900 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #00dc00 0%,#009900 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #00dc00 0%,#009900 100%); /* IE10+ */
background: linear-gradient(top, #00dc00 0%,#009900 100%); /* W3C */
}
.counterize_chart_bar_vertical.yellow {
background: #ffff00; /* Old browsers */
background: -moz-linear-gradient(top, #ffff00 0%, #cccc00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff00), color-stop(100%,#cccc00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffff00 0%,#cccc00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffff00 0%,#cccc00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffff00 0%,#cccc00 100%); /* IE10+ */
background: linear-gradient(top, #ffff00 0%,#cccc00 100%); /* W3C */
}
.counterize_chart_bar_vertical_inverted {
vertical-align: top;
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
-ms-filter: 'FlipV';
transform: scaleY(-1);
filter: FlipV;
}
.counterizefooter {
margin-top: 30px;
}