summaryrefslogtreecommitdiffstats
path: root/winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/topologymodeler.css
diff options
context:
space:
mode:
Diffstat (limited to 'winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/topologymodeler.css')
-rw-r--r--winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/topologymodeler.css286
1 files changed, 286 insertions, 0 deletions
diff --git a/winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/topologymodeler.css b/winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/topologymodeler.css
new file mode 100644
index 0000000..18f83ea
--- /dev/null
+++ b/winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/topologymodeler.css
@@ -0,0 +1,286 @@
+/*******************************************************************************
+ * Copyright (c) 2012-2013 University of Stuttgart.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * and the Apache License 2.0 which both accompany this distribution,
+ * and are available at http://www.eclipse.org/legal/epl-v10.html
+ * and http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Contributors:
+ * Uwe Breitenbücher - initial API and implementation and/or initial documentation
+ * Oliver Kopp - improvements
+ * Yves Schubert - switch to bootstrap 3
+ *******************************************************************************/
+
+/* used if elements should be hidden forever. Cannot be undone with $(...).show() */
+.hidden {
+ display: none;
+}
+
+.fileupload {
+ display: none;
+}
+
+.overflowhidden {
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+
+body {
+ background-color: white;
+ margin: 0px;
+}
+
+#loading {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ height: 100%;
+ width: 100%; z-index: 200;
+ background-color: white;
+ z-index: 2000;
+}
+
+#topbar {
+ padding: 5px;
+ width: 100%;
+ position: fixed;
+ top: 0px;
+ z-index: 600;
+ background-color: white;
+}
+
+/* override jquery-ui.css */
+.ui-widget {
+ font-size: 1.0em;
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+a:hover {
+ color:#1b911b;
+ background-color:#f0f0f0;
+}
+
+#drawingarea {
+ height: 80em;
+ position: relative;
+}
+
+#drawingarea.editview {
+ background: rgb(240, 246, 255);
+ background-image: -ms-linear-gradient(top, #FFFFFF 0%, rgb(243, 243, 243) 100%);
+ background-image: -moz-linear-gradient(top, #FFFFFF 0%, rgb(243, 243, 243) 100%);
+ background-image: -o-linear-gradient(top, #FFFFFF 0%, rgb(243, 243, 243) 100%);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, rgb(243, 243, 243)));
+ background-image: -webkit-linear-gradient(top, #FFFFFF 0%, rgb(243, 243, 243) 100%);
+ background-image: linear-gradient(to bottom, #FFFFFF 0%, rgb(243, 243, 243) 100%);
+}
+
+#drawingarea.printview {
+}
+
+/* currently not used */
+div.focusedElement {
+ border: 3px dotted rgb(0, 152, 255);
+
+ /* IE10 Consumer Preview */
+ background-image: -ms-linear-gradient(top, #FFFFFF 0%, rgb(153, 243, 255) 100%);
+
+ /* Mozilla Firefox */
+ background-image: -moz-linear-gradient(top, #FFFFFF 0%, rgb(153, 243, 255) 100%);
+
+ /* Opera */
+ background-image: -o-linear-gradient(top, #FFFFFF 0%, rgb(153, 243, 255) 100%);
+
+ /* Webkit (Safari/Chrome 10) */
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, rgb(153, 243, 255)));
+
+ /* Webkit (Chrome 11+) */
+ background-image: -webkit-linear-gradient(top, #FFFFFF 0%, rgb(153, 243, 255) 100%);
+
+ /* W3C Markup, IE10 Release Preview */
+ background-image: linear-gradient(to bottom, #FFFFFF 0%, rgb(153, 243, 255) 100%);
+}
+
+
+div.NodeTemplateShape.selected {
+ background: rgb(216, 238, 255);
+ border: 2px solid rgb(255, 127, 26);
+
+
+ /* IE10 Consumer Preview */
+ background-image: -ms-linear-gradient(top, #FFFFFF 0%, #FFD391 100%);
+
+ /* Mozilla Firefox */
+ background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FFD391 100%);
+
+ /* Opera */
+ background-image: -o-linear-gradient(top, #FFFFFF 0%, #FFD391 100%);
+
+ /* Webkit (Safari/Chrome 10) */
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #FFD391));
+
+ /* Webkit (Chrome 11+) */
+ background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFD391 100%);
+
+ /* W3C Markup, IE10 Release Preview */
+ background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFD391 100%);
+}
+
+div.content {
+ overflow: hidden;
+ width: 100%;
+}
+
+.renderMode.ui-draggable {
+ display:none;
+}
+
+div.menu {
+ display:none;
+}
+
+._jsPlumb_overlay {
+ z-index: 5000;
+}
+
+/* overriding dimensions.css to overcome problems with non-standard fonts and breaking cells */
+.u-size3of5,
+.u-size6of10 {
+ width: 59%;
+}
+.u-size4of5 {
+ width: 79%;
+}
+
+.breakword {
+ overflow-wrap: break-word;
+}
+
+a.topbutton {
+ margin-right: 10px;
+}
+
+#selectionbox {
+ position: absolute;
+ border-style: dashed;
+ border-width: 3px;
+ border-color: black;
+ background-color: cyan;
+ opacity: 0.15;
+ z-index: 30;
+ display: none;
+}
+
+#editorArea {
+ width: 100%;
+ height: 100%;
+ margin-top: 45px;
+}
+
+#nodeTemplateInformationSection > label {
+ display: inline-block;
+ width: 47px;
+}
+
+.form-horizontal .controls > span {
+ margin-top: 5px;
+ display: inline-block;
+}
+
+/* reset editable style */
+.editable-click {
+ border-bottom: none;
+}
+
+a.editable-click {
+ border-bottom: none;
+}
+
+a.editable-click:hover {
+ border-bottom: none;
+}
+
+
+/* adding a req/cap */
+
+div.modal-body > form.addReqForm > div.propertiesContainer {
+ border: 1px solid #aeaeae;
+ background: #ffffff;
+ margin: 7px;
+ width: 198px;
+ border-radius: 7px;
+ padding: 5px;
+ float: left;
+ overflow-x: hidden;
+ display: none;
+}
+
+div.modal-body > form.addReqForm > div.propertiesContainer > div.header {
+ background: rgb(241, 241, 241);
+ border-bottom: 1px solid #aeaeae;
+ float: left;
+ width: 198px;
+ padding: 5px;
+ margin-top: -5px;
+ margin-left: -5px;
+ margin-bottom: 6px;
+}
+
+div.modal-body > form.addReqForm > div.propertiesContainer > div.header > a {
+ float: right;
+ height: 6px;
+}
+
+div.modal-body > form.addReqForm > div.propertiesContainer > div.content > span.namespace {
+ display: none;
+}
+
+div.modal-body > form.addReqForm > div.propertiesContainer > div.content > span.elementName {
+ display: none;
+}
+
+div.modal-body > form.addReqForm > div.propertiesContainer > div.content table {
+ float: left;
+}
+
+div.modal-body > form.addCapForm > div.propertiesContainer {
+ border: 1px solid #aeaeae;
+ background: #ffffff;
+ margin: 7px;
+ width: 198px;
+ border-radius: 7px;
+ padding: 5px;
+ float: left;
+ overflow-x: hidden;
+ display: none;
+}
+
+div.modal-body > form.addCapForm > div.propertiesContainer > div.header {
+ background: rgb(241, 241, 241);
+ border-bottom: 1px solid #aeaeae;
+ float: left;
+ width: 198px;
+ padding: 5px;
+ margin-top: -5px;
+ margin-left: -5px;
+ margin-bottom: 6px;
+}
+
+div.modal-body > form.addCapForm > div.propertiesContainer > div.header > a {
+ float: right;
+ height: 6px;
+}
+
+div.modal-body > form.addCapForm > div.propertiesContainer > div.content > span.namespace {
+ display: none;
+}
+
+div.modal-body > form.addCapForm > div.propertiesContainer > div.content > span.elementName {
+ display: none;
+}
+
+div.modal-body > form.addCapForm > div.propertiesContainer > div.content table {
+ float: left;
+}