diff options
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.css | 286 |
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; +} |