summaryrefslogtreecommitdiffstats
path: root/html/detail.css
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--html/detail.css104
1 files changed, 104 insertions, 0 deletions
diff --git a/html/detail.css b/html/detail.css
new file mode 100644
index 0000000..b0567a4
--- /dev/null
+++ b/html/detail.css
@@ -0,0 +1,104 @@
+.rickshaw_graph .detail {
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ z-index: 2;
+ background: rgba(0, 0, 0, 0.1);
+ bottom: 0;
+ width: 1px;
+ transition: opacity 0.25s linear;
+ -moz-transition: opacity 0.25s linear;
+ -o-transition: opacity 0.25s linear;
+ -webkit-transition: opacity 0.25s linear;
+}
+.rickshaw_graph .detail.inactive {
+ opacity: 0;
+}
+.rickshaw_graph .detail .item.active {
+ opacity: 1;
+}
+.rickshaw_graph .detail .x_label {
+ font-family: Arial, sans-serif;
+ border-radius: 3px;
+ padding: 6px;
+ opacity: 0.5;
+ border: 1px solid #e0e0e0;
+ font-size: 12px;
+ position: absolute;
+ background: white;
+ white-space: nowrap;
+ top: -20px; /* add this */
+}
+.rickshaw_graph .detail .x_label.left {
+ left: 0;
+}
+.rickshaw_graph .detail .x_label.right {
+ right: 0;
+}
+.rickshaw_graph .detail .item {
+ position: absolute;
+ z-index: 2;
+ border-radius: 3px;
+ padding: 0.25em;
+ font-size: 12px;
+ font-family: Arial, sans-serif;
+ opacity: 0;
+ background: rgba(0, 0, 0, 0.4);
+ color: white;
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ margin-left: 1em;
+ margin-right: 1em;
+ margin-top: -1em;
+ white-space: nowrap;
+}
+.rickshaw_graph .detail .item.left {
+ left: 0;
+}
+.rickshaw_graph .detail .item.right {
+ right: 0;
+}
+.rickshaw_graph .detail .item.active {
+ opacity: 1;
+ background: rgba(0, 0, 0, 0.8);
+}
+.rickshaw_graph .detail .item:after {
+ position: absolute;
+ display: block;
+ width: 0;
+ height: 0;
+
+ content: "";
+
+ border: 5px solid transparent;
+}
+.rickshaw_graph .detail .item.left:after {
+ top: 1em;
+ left: -5px;
+ margin-top: -5px;
+ border-right-color: rgba(0, 0, 0, 0.8);
+ border-left-width: 0;
+}
+.rickshaw_graph .detail .item.right:after {
+ top: 1em;
+ right: -5px;
+ margin-top: -5px;
+ border-left-color: rgba(0, 0, 0, 0.8);
+ border-right-width: 0;
+}
+.rickshaw_graph .detail .dot {
+ width: 4px;
+ height: 4px;
+ margin-left: -2px;
+ margin-top: -2px;
+ border-radius: 5px;
+ position: absolute;
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
+ background: white;
+ border-width: 2px;
+ border-style: solid;
+ display: none;
+ background-clip: padding-box;
+}
+.rickshaw_graph .detail .dot.active {
+ display: block;
+}