From fea574ac18cbc664bf45444148309780af8a6182 Mon Sep 17 00:00:00 2001
From: Apache <apache@localhost.localdomain>
Date: Wed, 16 Mar 2016 12:59:25 +0100
Subject: TestGraph

---
 client/css/graph.css | 62 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 client/css/graph.css

(limited to 'client/css')

diff --git a/client/css/graph.css b/client/css/graph.css
new file mode 100644
index 0000000..62056eb
--- /dev/null
+++ b/client/css/graph.css
@@ -0,0 +1,62 @@
+#paper {
+   position: relative;
+   border: 1px solid gray;
+   display: inline-block;
+   background: transparent;
+   overflow: hidden;
+}
+#paper svg {
+   background: transparent;
+}
+#paper svg .link {
+   z-index: 2;
+}
+.html-element {
+   position: absolute;
+   background: #3498DB;
+   /* Make sure events are propagated to the JointJS element so, e.g. dragging works.*/
+   pointer-events: none;
+   -webkit-user-select: none;
+   border-radius: 4px;
+   border: 2px solid #2980B9;
+   padding: 5px;
+   box-sizing: border-box;
+   z-index: 2;
+   display: flex;
+   justify-content: center;
+   align-items: center;
+}
+.html-element select,
+.html-element input,
+.html-element button {
+   /* Enable interacting with inputs only. */
+   pointer-events: auto;   
+}
+.html-element input.config {
+   width: 22px;
+   height: 22px;
+   position: absolute;
+   top: 1px;
+   left: 102px;
+   padding: 0;
+   margin: 0;
+   font-weight: bold;
+   cursor: pointer;
+}
+.html-element img {
+   margin: 8px;
+}
+.html-element input.config:hover {
+   width: 25px;
+   height: 25px;
+   margin: -1px;
+}
+
+.html-element label {
+   color: #333;
+   text-align: center;
+   margin: auto;
+   font-weight: bold;
+   font-size: 12px;
+   float: right;
+}
\ No newline at end of file
-- 
cgit v1.2.3