diff options
Diffstat (limited to 'winery/org.eclipse.winery.topologymodeler/src/main/webapp/css')
5 files changed, 1032 insertions, 0 deletions
diff --git a/winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/palette.css b/winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/palette.css new file mode 100644 index 0000000..e67a715 --- /dev/null +++ b/winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/palette.css @@ -0,0 +1,111 @@ +/******************************************************************************* + * 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 + *******************************************************************************/ + +#palette { + min-height: 180px; + background: rgb(248, 248, 248); + width: 230px; + box-shadow: 2px 2px 7px rgb(156, 156, 156); + padding: 10px; + border: 1px solid #aeaeae; + position: fixed; + top: 50px; + left: 0px; + z-index: 100; + cursor: default; + border-radius: 0px 9px 9px 0px; + background-image: -ms-linear-gradient(left, #FFFFFF 0%, rgb(237, 242, 247) 100%); + background-image: -moz-linear-gradient(left, #FFFFFF 0%, rgb(237, 242, 247) 100%); + background-image: -o-linear-gradient(left, #FFFFFF 0%, rgb(237, 242, 247) 100%); + background-image: -webkit-gradient(linear, left, right, color-stop(0, #FFFFFF), color-stop(1, rgb(237, 242, 247))); + background-image: -webkit-linear-gradient(left, #FFFFFF 0%, rgb(237, 242, 247) 100%); + background-image: linear-gradient(to right, #FFFFFF 0%, rgb(237, 242, 247) 100%); + + overflow-x: hidden; + overflow-y: visible; + max-height: 90%; + + /* fix for bootstrap.css, which sets that to "border-box" */ + box-sizing: content-box; + -webkit-box-sizing: content-box; +} + +#palette.shrunk { + width: 35px; + padding: 0px; + padding-left: 9px; +} + +#paletteLabel { + width: 0px; + background-color: blue; + top: 95px; + position: relative; + transform: rotate(270deg); + -o-transform: rotate(270deg); + -moz-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -webkit-transform: rotate(270deg); + display: none; + left: 8px; + font-size: 12px; + color: rgb(143, 151, 170); +} + +div.iconContainer { + width: 45px; + margin-left: 5px; + float: left; + height: 20px; + margin-top: 4px; +} + + +div.paletteEntry { + height: 28px; + border-bottom: 1px solid rgb(200, 214, 228); + margin: 0px; + float: left; + width: 230px; +} + +div.paletteEntry:hover { + background: rgb(237, 242, 247); +} + + +div.paletteEntry > div.iconContainer > img.icon { + height: 20px; + vertical-align: top; +} + + +div.paletteEntry > div.typeContainer { + margin: 4px 0px; + height: 20px; + display: table; + width: 180px; + font-size: 11px; + line-height: 20px; +} + +div.paletteEntry > div.typeContainer > div.typeContainerMiddle { + display: table-cell; + vertical-align: middle; + width: 100%; + position: static; +} + +div.paletteEntry > div.typeContainer > div.typeContainerMiddle > div.typeContainerInner { +} + diff --git a/winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/propertiesview.css b/winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/propertiesview.css new file mode 100644 index 0000000..3ff0d3b --- /dev/null +++ b/winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/propertiesview.css @@ -0,0 +1,76 @@ +/******************************************************************************* + * Copyright (c) 2012-2014 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 + *******************************************************************************/ + +div.propertiesView { + width: 200px; + position: fixed; + top: 57px; + right: -1px; + background: #eaeaea; + z-index: 600; + background-image: linear-gradient(to left, #FFFFFF 0%, rgb(237, 243, 247) 100%); + border-radius: 9px 0px 0px 9px; + border: 1px solid #aeaeae; + padding: 14px; + box-shadow: -1px 2px 7px rgb(156, 156, 156); + font-size: 80%; +} + +#propertiesSection { + padding: 10px; +} + +#propertiesSection div.content { + background: rgb(244, 247, 250); +} + +#daSection { + background: #eaeaea; + padding: 10px; +} + +#daSection div.content { + background: rgb(244, 247, 250); +} + +#nodeTemplateInformationSection > div.control-group > label.control-label { + width: 37px; +} + +#nodeTemplateInformationSection > div.control-group > input { + width: 100px; +} + + +/* relationship templates only; adapted from topologytemplatecontent.css */ + +#RTPropertiesView > div.propertiesContainer > div.header { + font-weight: bold +} + +#RTPropertiesView > div.propertiesContainer > div.header > a { + float: right; + height: 6px; +} + +#RTPropertiesView > div.propertiesContainer > div.content > span.namespace { + display: none; +} + +#RTPropertiesView > div.propertiesContainer > div.content > span.elementName { + display: none; +} + +#RTPropertiesView > div.propertiesContainer > div.content table { + float: left; +} 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; +} diff --git a/winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/topologytemplatecontent.css b/winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/topologytemplatecontent.css new file mode 100644 index 0000000..0c7eea4 --- /dev/null +++ b/winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/topologytemplatecontent.css @@ -0,0 +1,421 @@ +/******************************************************************************* + * Copyright (c) 2012-2014 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 + *******************************************************************************/ + +/** This CSS is shared between the Winery Repository and the Winery Topology Modeler **/ + +div.NodeTemplateShape { + font-family: arial, verdana; + font-size: 12px; + + border: 1px solid black; + border: 2px solid rgb(112, 152, 179); + border-radius: 12px; + width: 225px; + z-index:20; + position:absolute; + box-shadow: 5px 5px 17px #aaa; + background: #ffffff; + cursor: move; + + /* IE10 Consumer Preview */ + background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EBF2F7 100%); + + /* Mozilla Firefox */ + background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EBF2F7 100%); + + /* Opera */ + background-image: -o-linear-gradient(top, #FFFFFF 0%, #EBF2F7 100%); + + /* Webkit (Safari/Chrome 10) */ + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EBF2F7)); + + /* Webkit (Chrome 11+) */ + background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EBF2F7 100%); + + /* W3C Markup, IE10 Release Preview */ + background-image: linear-gradient(to bottom, #FFFFFF 0%, #EBF2F7 100%); +} + +div.NodeTemplateShape > div.headerContainer { + height: 65px; +} + +div.NodeTemplateShape div.minMaxInstances { +} + +div.NodeTemplateShape div.minMaxInstances span.minInstances { + +} + +div.NodeTemplateShape div.minMaxInstances span.maxInstances { + +} + +div.NodeTemplateShape > .headerContainer > img.icon { + float: left; + height: 55px; + margin: 10px 0px 10px 10px; +} +div.NodeTemplateShape > .headerContainer > div.id { + position: absolute; + left: 90px; + top: 0px; + height: 16px; + width: 130px; + text-overflow: ellipsis; + overflow: hidden; + text-decoration: underline; + display: none; +} +div.NodeTemplateShape > .headerContainer > div.name { + position: absolute; + left: 90px; + top: 20px; + height: 16px; + width: 130px; + text-overflow: ellipsis; + overflow: hidden; +} +div.NodeTemplateShape > .headerContainer > div.type { + position: absolute; + left: 90px; + top: 40px; + height: 16px; + width: 130px; + text-overflow: ellipsis; + overflow: hidden; +} +div.NodeTemplateShape > .headerContainer > div.type:before { + content: "("; +} +div.NodeTemplateShape > .headerContainer > div.type:after { + content: ")"; +} + +img.createAnnotation { + width: 20px; + position: absolute; + top: 5px; + right: 5px; +} + +a.KVPropertyValue { + overflow: hidden; + text-overflow: ellipsis; +} + +div.NodeTemplateShape > div.deploymentArtifactsContainer { + border: 1px solid #aeaeae; + background: #ffffff; + margin: 7px; + width: 198px; + border-radius: 7px; + padding: 5px; + float: left; + overflow-x: hidden; + display: none; +} + +div.NodeTemplateShape > div.deploymentArtifactsContainer > div.header { + border-bottom: 1px solid #aeaeae; + float: left; + width: 198px; + padding: 5px; + margin-top: -5px; + margin-left: -5px; + margin-bottom: 6px; + background-image: -ms-linear-gradient(top, #FFFFFF 0%, rgb(209, 209, 209) 100%); + background-image: -moz-linear-gradient(top, #FFFFFF 0%, rgb(209, 209, 209) 100%); + background-image: -o-linear-gradient(top, #FFFFFF 0%, rgb(209, 209, 209) 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, rgb(209, 209, 209))); + background-image: -webkit-linear-gradient(top, #FFFFFF 0%, rgb(209, 209, 209) 100%); + background-image: linear-gradient(to bottom, #FFFFFF 0%, rgb(209, 209, 209) 100%); +} + +div.NodeTemplateShape > div.deploymentArtifactsContainer > div.content > div.deploymentArtifact { + background-color: #FFDADA; + height: 20px; +} + +/* indicates editing possibility */ +div.NodeTemplateShape > div.deploymentArtifactsContainer > div.content > div.deploymentArtifact:hover { + background-color: lightblue; + cursor: pointer; +} + +div.NodeTemplateShape > div.deploymentArtifactsContainer > div.content > div.deploymentArtifact > div { + height: 20px; +} + +div.NodeTemplateShape > div.deploymentArtifactsContainer > div.content > div.deploymentArtifact:first-child { + border-top: 0px; +} + +div.NodeTemplateShape > div.deploymentArtifactsContainer > div.content > div.addDA { + display: none; +} + +div.NodeTemplateShape > div.deploymentArtifactsContainer > div.content > div.addnewartifacttemplate { + display: none; + background-color: Silver; + text-align: center; +} + +div.NodeTemplateShape > 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.NodeTemplateShape > 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.NodeTemplateShape > div.propertiesContainer > div.header > a { + float: right; + height: 6px; +} + +div.NodeTemplateShape > div.propertiesContainer > div.content > span.namespace { + display: none; +} + +div.NodeTemplateShape > div.propertiesContainer > div.content > span.elementName { + display: none; +} + +div.NodeTemplateShape > div.propertiesContainer > div.content table { + float: left; +} + +div.NodeTemplateShape div.reqorcap { + cursor: pointer; +} + +div.NodeTemplateShape div.reqorcap.id { +} + +div.NodeTemplateShape div.reqorcap.name { + overflow: hidden; + text-overflow: ellipsis; +} + +div.NodeTemplateShape div.reqorcap.type { + overflow: hidden; + text-overflow: ellipsis; +} + +/* indicates editing possibility */ +div.NodeTemplateShape div.reqorcap:hover { + background-color: lightgray; +} + +div.NodeTemplateShape > div.requirementsContainer { + border: 1px solid #aeaeae; + background: #ffffff; + margin: 7px; + width: 198px; + border-radius: 7px; + padding: 5px; + float: left; + overflow-x: hidden; + display: none; +} + +div.NodeTemplateShape > div.requirementsContainer > 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.NodeTemplateShape > div.requirementsContainer > div.content > div.reqorcap > div.propertiesContainer { + display: none; +} + + +div.NodeTemplateShape > div.capabilitiesContainer { + border: 1px solid #aeaeae; + background: #ffffff; + margin: 7px; + width: 198px; + border-radius: 7px; + padding: 5px; + float: left; + overflow-x: hidden; + display: none; +} + +div.NodeTemplateShape > div.capabilitiesContainer > 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.NodeTemplateShape > div.capabilitiesContainer > div.content > div.reqorcap > div.propertiesContainer { + display: none; +} + + +/** Policies **/ + +div.NodeTemplateShape > div.policiesContainer { + border: 1px solid #aeaeae; + background: #ffffff; + margin: 7px; + width: 198px; + border-radius: 7px; + padding: 5px; + float: left; + overflow-x: hidden; + display: none; +} + +div.NodeTemplateShape > div.policiesContainer > 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; +} + +/* indicates editing possibility */ +div.NodeTemplateShape > div.policiesContainer > div.content > div.policy:hover { + background-color: lightgray; +} + +div.NodeTemplateShape > div.policiesContainer > div.content > div.policy > div { + overflow: hidden; + text-overflow: ellipsis; +} + +div.NodeTemplateShape > div.policiesContainer > div.content > div.policy > span { + display: none; +} + +div.NodeTemplateShape > div.policiesContainer > div.content > div.policy > textarea.policy_xml { + display: none; +} + + + +div.connectorBox { + height: 15px; + width: 15px; + float: left; +} + +div.connectorLabel { + height: 15px; + width: 125px; + overflow: hidden; + margin-left: 20px; + white-space: nowrap; + line-height: 16px; + overflow: hidden; + text-overflow: ellipsis; +} + +div.connectorEndpoint { + width: 140px; + cursor: pointer; +} + +div.connectorEndpoint:hover { + background: rgb(237, 242, 247); +} + +div.endpointContainer { + background: #ffffff; + box-shadow: 2px 2px 19px #aaa; + border: 1px solid #aeaeae; + width: 150px; + position: absolute; + left: 212px; + padding: 5px; + z-index: 20; + display: none; +} + +._jsPlumb_connector { + z-index: 15; +} + +div#patternArea { + position: absolute; + z-index: 10000; + right: 0px; + top: 0px; + height: 100%; + width: 500px; + background: rgb(250, 250, 250); + padding: 5px; +} + +div.patternSuggestionContainer { + border: 2px solid #aeaeae; + padding: 5px 3px; + margin-bottom: 5px; +} + +div.patternSuggestionContainer.focusedElement { + +} + +.pointer { + cursor: pointer; +} + +div.relationshipTypeLabel { + /* z-index of arrow is 14, therefore we use 15 */ + z-index: 15; + + cursor: default; + font-family: arial, verdana; + font-size: 12px; +} + +.unselectable { + /* disable text selection - source: http://stackoverflow.com/a/4407335/873282 */ + user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -webkit-touch-callout: none; + -webkit-user-select: none; +} diff --git a/winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/winery-common.css b/winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/winery-common.css new file mode 100644 index 0000000..b6d2251 --- /dev/null +++ b/winery/org.eclipse.winery.topologymodeler/src/main/webapp/css/winery-common.css @@ -0,0 +1,138 @@ +/******************************************************************************* + * 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 + *******************************************************************************/ + +/** This CSS is shared between the Winery Repository and the Winery Topology Modeler **/ + +.informationbox { + position: absolute; + text-align: center; + top: 0; + left: 0; + width: 100%; + height: 0; + z-index: 99; +} + +.informationbox > .alert { + background: #fff1a8; + border: 1px solid #999; + border-top: 0; + border-radius: 0 0 3px 3px; + display: inline-block; + line-height: 21px; + padding: 0 12px; +} + +/* when hovering over the text, the cursor should stay as is */ +.ui-pnotify { + cursor: default; +} + +/* change pnotify's container to be always at the top of the window */ +div.ui-pnotify-history-container { + position: fixed; +} + +/* enable pnotify notifications to wrap correctly */ +.ui-pnotify-text { + overflow: hidden; + overflow-wrap: break-word; +} + +.button { + cursor: pointer; +} + +td.editable { + cursor: text; +} + +td { + cursor: default; +} + +.input-xxlarge { + width: 510px; +} + +.spinner { + text-align: right; +} + +/* enables stacked modal dialogs */ +div.z1051 { + z-index: 1051; +} + +/* used for showing the full notification at PNotify */ +div.z1060 { + z-index: 1060; +} + + +/* fixes bootstrap margin problem at horizontal form */ +.form-horizontal > div.control-group > label.control-label { + margin-right: 10px; +} + +/* used by artifactcreationdialog.tag */ +div.unknown { + color: gray; +} + +div.unknown:before { + content: '?'; +} + +div.invalid { + color: red; +} + +div#artifactTemplateNameIsValid { + height: 19px; +} + +div.valid { + color: green; +} + +#diagmessagemsg { + text-overflow: ellipsis; + overflow: hidden; +} + +textarea.properties_xml { + display: none +} + +/** properties **/ + +span.properties_element { + display: none; +} + +span.properties_type { + display: none +} + +div.form-group-grouping { + background: #F0F0F0; + padding: 15px; + margin-top: 10px; + margin-bottom: 10px; +} + +div.orionxmleditordiv { + height: 300px; +}
\ No newline at end of file |