git-tfs-id: [http://tfs.userrendszerhaz.hu:8080/tfs/DefaultCollection]$/MediaCube...

diff --git a/server/user.mediacube.gui/css/jquery.flowchart.css b/server/user.mediacube.gui/css/jquery.flowchart.css
new file mode 100644 (file)
index 0000000..80df99c
--- /dev/null
+++ b/server/user.mediacube.gui/css/jquery.flowchart.css
@@ -0,0 +1,220 @@
+/*\r
+ * jquery.flowchart - CSS definitions\r
+ */\r
+   \r
+ .flowchart-example-container {\r
+       width: 800px;\r
+       height: 400px;\r
+       background: white;\r
+       border: 1px solid #BBB;\r
+       margin-bottom: 10px;\r
+}\r
+\r
+.flowchart-container {\r
+    position: relative;\r
+    overflow: hidden;\r
+}\r
+\r
+.flowchart-links-layer, .flowchart-operators-layer, .flowchart-temporary-link-layer {\r
+    position: absolute;\r
+    top: 0px;\r
+    left: 0px;\r
+    width: 100%;\r
+    height: 100%;\r
+}\r
+\r
+.flowchart-operators-layer, .flowchart-temporary-link-layer {\r
+    pointer-events: none;\r
+}\r
+\r
+.flowchart-temporary-link-layer {\r
+    display: none;\r
+}\r
+\r
+.flowchart-link, .flowchart-operator {\r
+    cursor: default;\r
+}\r
+\r
+.flowchart-operator-connector {\r
+    position: relative;\r
+    padding-top: 5px;\r
+    padding-bottom: 5px;\r
+}\r
+\r
+.flowchart-operator-connector-label {\r
+    font-size: small;\r
+}\r
+\r
+.flowchart-operator-inputs .flowchart-operator-connector-label {\r
+    margin-left: 14px;\r
+}\r
+\r
+.flowchart-operator-outputs .flowchart-operator-connector-label {\r
+    text-align: right;\r
+    margin-right: 5px;\r
+}\r
+\r
+.flowchart-operator-connector-arrow {\r
+    width: 0px;\r
+    height: 0px;\r
+    border-top: 10px solid transparent;\r
+    border-bottom: 10px solid transparent;\r
+    border-left: 10px solid rgb(204, 204, 204);\r
+    position: absolute;\r
+    top: 0px;\r
+}\r
+\r
+.flowchart-operator-connector-small-arrow {\r
+    width: 0px;\r
+    height: 0px;\r
+    border-top: 5px solid transparent;\r
+    border-bottom: 5px solid transparent;\r
+    border-left: 5px solid transparent; rgb(100, 100, 100);\r
+    position: absolute;\r
+    top: 5px;\r
+    pointer-events: none;\r
+}\r
+\r
+.flowchart-operator-connector:hover .flowchart-operator-connector-arrow {\r
+    border-left: 10px solid rgb(153, 153, 153);\r
+}\r
+\r
+.flowchart-operator-inputs .flowchart-operator-connector-arrow {\r
+    left: -1px;\r
+}\r
+\r
+.flowchart-operator-outputs .flowchart-operator-connector-arrow {\r
+    right: -10px;\r
+}\r
+\r
+.flowchart-operator-inputs .flowchart-operator-connector-small-arrow {\r
+    left: -1px;\r
+}\r
+\r
+.flowchart-operator-outputs .flowchart-operator-connector-small-arrow {\r
+    right: -7px;\r
+}\r
+\r
+.unselectable {\r
+   -moz-user-select: none;\r
+   -khtml-user-select: none;\r
+   -webkit-user-select: none;\r
+\r
+   /*\r
+     Introduced in IE 10.\r
+     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\r
+   */\r
+   -ms-user-select: none;\r
+   user-select: none;\r
+}\r
+\r
+\r
+/* Default Operator */\r
+\r
+.flowchart-operator {\r
+    position: absolute;\r
+    width: 140px;\r
+    border: 1px solid #CCCCCC;\r
+    background: #FAFAFA;\r
+    pointer-events: auto;\r
+}\r
+\r
+.flowchart-operator.hover {\r
+    border-color: #999;\r
+}\r
+\r
+.flowchart-operator.selected {\r
+    border-color: #555;\r
+}\r
+\r
+\r
+\r
+.flowchart-operator .flowchart-operator-title {\r
+    width: 100%;\r
+    padding: 5px;\r
+    font-weight: bold;\r
+    box-sizing: border-box;\r
+    border-bottom: 1px solid #DDDDDD;\r
+    background: #F0F0F0;\r
+    height: auto;\r
+    overflow: hidden;\r
+    text-overflow: ellipsis;\r
+    white-space: nowrap;\r
+    cursor: move;\r
+}\r
+\r
+.flowchart-operator .flowchart-operator-inputs-outputs {\r
+    display: table;\r
+    width: 100%;\r
+    margin-top: 5px;\r
+    margin-bottom: 5px;\r
+}\r
+\r
+.flowchart-operator .flowchart-operator-inputs, .flowchart-default-operator .flowchart-operator-outputs {\r
+    display: table-cell;\r
+    width: 50%;\r
+}\r
+\r
+/*\r
+ * flowchart-vertical\r
+ */\r
+\r
+.flowchart-vertical .flowchart-operator-inputs,\r
+.flowchart-vertical .flowchart-operator-outputs {\r
+    position: relative;\r
+    text-align: center;\r
+    display: table;\r
+    width: 100%;\r
+}\r
+.flowchart-vertical .flowchart-operator-connector-set {\r
+    display: table-cell;\r
+}\r
+.flowchart-vertical .flowchart-operator-connector {\r
+    position: relative;\r
+}\r
+.flowchart-vertical .flowchart-operator-connector-label {\r
+    position: relative;\r
+    text-align: center;\r
+    width: 100%;\r
+}\r
+.flowchart-vertical .flowchart-operator-inputs .flowchart-operator-connector-label {\r
+    margin-left: auto;\r
+}\r
+.flowchart-vertical .flowchart-operator-connector-arrow {\r
+    border-left: 10px solid transparent;\r
+    border-right: 10px solid transparent;\r
+    border-top: 10px solid #ccc;\r
+    left: calc(50% - 10px);\r
+}\r
+.flowchart-vertical .flowchart-operator-connector:hover .flowchart-operator-connector-arrow {\r
+    border-left-color: transparent;\r
+    border-top-color: #999;\r
+}\r
+.flowchart-vertical .flowchart-operator-connector-small-arrow {\r
+    border-right: 5px solid transparent;\r
+    top: 2px;\r
+    left: calc(50% - 5px);\r
+}\r
+.flowchart-vertical .flowchart-operator-connector-arrow {\r
+    top: 0px;\r
+}\r
+.flowchart-vertical .flowchart-operator-outputs .flowchart-operator-connector-arrow {\r
+    bottom: -20px;\r
+    top: auto;\r
+}\r
+.flowchart-vertical .flowchart-operator-outputs .flowchart-operator-connector-small-arrow {\r
+    left: calc(50% - 5px);\r
+    bottom: -12px;\r
+    top: auto;\r
+}\r
+.flowchart-vertical .flowchart-link rect {\r
+    display: none;\r
+}\r
+\r
+/*\r
+ * flowchart-operator-body\r
+ */\r
+.flowchart-operator-body {\r
+    padding: 5px;\r
+    cursor: move;\r
+}
\ No newline at end of file