Index: development/themes/Calculator.css =================================================================== diff -u --- development/themes/Calculator.css (revision 0) +++ development/themes/Calculator.css (revision 1182) @@ -0,0 +1,24 @@ +/* + + Calculator styling. See include/Calculator.js for the control. + See xslt/Calculator.xslt for the generated HTML. + +*/ + +.calculator .calculator-display { + padding: 1em; + height: 1em; + text-align: right; + margin-bottom: 2px; +} + +.calculator-buttons table { + border-collapse: collapse; + border-spacing: 0; +} + +.calculator-buttons button { + width: 50px; + height: 30px; + margin: 0.1em; +} \ No newline at end of file Index: development/themes/LikertScale.css =================================================================== diff -u --- development/themes/LikertScale.css (revision 0) +++ development/themes/LikertScale.css (revision 1182) @@ -0,0 +1,17 @@ +TABLE.likertscale +{ +} +TR.likertscale +{ +} +TD.likertscale +{ + width: 75px; +} +TR.likertscalelabel +{ +} +TD.likertscalelabel +{ + width: 75px; +} \ No newline at end of file Index: development/themes/TabularCombobox.css =================================================================== diff -u --- development/themes/TabularCombobox.css (revision 0) +++ development/themes/TabularCombobox.css (revision 1182) @@ -0,0 +1,81 @@ +/* + See include/InitializeTabularCombobox.js for the Tabular combobox control usage. + See xslt/HtmlControls.xslt on "InsertTabularComboboxControl" for the HTML generation. +*/ + +/* Clean the default data table style to make the control more look like the default combobox. */ +/*.eConTabularComboboxTableContainer table.dataTable tr.odd { + background-color: white; +}*/ +.eConTabularComboboxTableContainer table.dataTable tr td { + /*override sorting column default style*/ + /*background-color: transparent !important;*/ + cursor: pointer; +} +.eConTabularComboboxTableContainer table.dataTable tbody tr:not(.ui-state-focus):not(:first-child) { + border-top: 1px solid #eeeeee; +} +.eConTabularComboboxTableContainer .ui-toolbar { + background: #eeeeee; + color: black; +} +.eConTabularComboboxTableContainer { + /*-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);*/ + border: 1px solid #bbbbbb; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.eConTabularComboboxTableContainer th { + border-top: 0px; +} +.eConTabularComboboxTableContainer th:first-child { + border-left: 0px; +} +.eConTabularComboboxTableContainer th:last-child { + border-right: 0px; +} +.eConTabularComboboxTableContainer .table_processing { + /*display: none;*/ /* because this element is not nice, uses visibility: hidden which causes overflow */ + overflow: hidden; + width: 250px; +} + +.eConTabularComboboxTableContainer table.dataTable img { + max-height: 100px; /* use max-height to prevent stretching images*/ + + margin-left: -10px; + margin-right: -10px; +} + +.dataTables_scrollHeadInner { + width: auto !important; + padding-right: 0px !important; +} + +table.dataTable thead th { + padding-left: 0px; + padding-right: 0px; + box-sizing: border-box; +} + +/* In some themes, there are borders on the outside. This causes a scrollbar in Chrome */ +table.dataTable tr.ui-state-focus { + border: 0px; +} +.eConTabularComboboxTableContainer table.dataTable td:last-child { + border-right: 0px; +} +.eConTabularComboboxTableContainer table.dataTable td:first-child { + border-left: 0px; +} + +.toggle-columns-button { + float: right; + height: 18px; + margin-left: 0.1em; + margin-right: 0.1em; +} +.toggle-columns-button .ui-button-text { + padding: 0px 4px !important; +} Index: development/themes/Combobox.css =================================================================== diff -u --- development/themes/Combobox.css (revision 0) +++ development/themes/Combobox.css (revision 1182) @@ -0,0 +1,41 @@ +/* + See include/Combobox.js for the Combobox control usage. + See xslt/HtmlControls.xslt on "InsertComboboxControl" for the HTML generation. +*/ + +.ui-preloadedCombobox, +.ui-preloadedCombobox * { + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; +} + +.ui-preloadedCombobox { + position: relative; + display: inline-block; + padding-right: 19px; /*fix because the toggle button has absolute positioning*/ + max-width: 100%; +} +.ui-preloadedCombobox .ui-preloadedCombobox-toggle { + position: absolute; + top: 0px; + bottom: 0px; + right: 0px; + + margin-right: 0px; + padding: 0; + width: 20px; +} +.ui-preloadedCombobox-input { + margin: 0; + width: 350px; +} +.ui-preloadedCombobox input::-ms-clear { + display: none; +} +.ui-autocomplete { + z-index: 10 !important; +} +.ui-autocomplete li { + cursor: pointer; +} \ No newline at end of file Index: development/themes/ResizableImage.css =================================================================== diff -u --- development/themes/ResizableImage.css (revision 0) +++ development/themes/ResizableImage.css (revision 1182) @@ -0,0 +1,61 @@ +.drag-drop-resize .resize-container { + position: absolute; + display: inline-block; + cursor: move; + margin: 0 auto; + + /* Set starting point*/ + top: 0px; + left: 0px; +} + +.drag-drop-resize .resize-container img { + display: block +} + +.drag-drop-resize .resize-container:hover img, +.drag-drop-resize .resize-container:active img { + outline: 2px dashed #db902d; + transition: outline-width .2s; +} + +.drag-drop-resize .resize-container:hover .resize-handle-ne, +.drag-drop-resize .resize-container:active .resize-handle-ne, +.drag-drop-resize .resize-container:hover .resize-handle-se, +.drag-drop-resize .resize-container:active .resize-handle-se, +.drag-drop-resize .resize-container:hover .resize-handle-nw, +.drag-drop-resize .resize-container:active .resize-handle-nw, +.drag-drop-resize .resize-container:hover .resize-handle-sw, +.drag-drop-resize .resize-container:active .resize-handle-sw { + position: absolute; + display: block; + width: 10px; + height: 10px; + background-color: #db902d; + z-index: 999; + transition: .2s; +} + +.drag-drop-resize .resize-handle-nw { + top: -5px; + left: -5px; + cursor: nw-resize; +} + +.drag-drop-resize .resize-handle-sw { + bottom: -5px; + left: -5px; + cursor: sw-resize; +} + +.drag-drop-resize .resize-handle-ne { + top: -5px; + right: -5px; + cursor: ne-resize; +} + +.drag-drop-resize .resize-handle-se { + bottom: -5px; + right: -5px; + cursor: se-resize; +} \ No newline at end of file Index: development/themes/Slider.css =================================================================== diff -u --- development/themes/Slider.css (revision 0) +++ development/themes/Slider.css (revision 1182) @@ -0,0 +1,32 @@ +/* + + Styling for the slider with field. See include/Slider.js for the control, xslt/HtmlControls.xslt for the generated HTML. + +*/ + +.eConSlider { +} + +.eConSlider input { + display: none; +} + +.eConSliderField { + float: left; +} + +.eConSliderSlider.ui-slider { + display: inline-block; + margin: 5px 0px; + + height: 1em; + max-width: 100%; + + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; +} + +.eConSliderSlider.ui-slider .ui-slider-handle { + z-index: 1; /* Otherwise in front of combobox etc */ +} \ No newline at end of file Index: development/themes/ImageOverlay.css =================================================================== diff -u --- development/themes/ImageOverlay.css (revision 0) +++ development/themes/ImageOverlay.css (revision 1182) @@ -0,0 +1,70 @@ +.image-overlay #overlayBase { + position: relative; + float: left; +} + +.image-overlay .resize-container { + position: absolute; + z-index:1000; +} + +.image-overlay .set-points .point { + width: 10px; + height: 10px; + background-color: #db902d; + position: absolute; +} + +.image-overlay #point0, .image-overlay #point1 { + margin-top: -10px; +} + +.image-overlay #point0, .image-overlay #point3 { + margin-left: -10px; +} + +.image-overlay .instructions { + /*height: 62px; + border: 4px solid gray; + padding: 10px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + margin-bottom: 10px;*/ + + min-height: 20px; + padding: 10px; + margin: 4px; +} + +.image-overlay #settings { + float:left; + margin-left: 10px; +} + +.image-overlay .ui-button img { + width: 32px; + height: 32px; +} + +.image-overlay-library { + position: absolute; + height: 85px; +} +/*.image-overlay-library:after { + content: "Library"; + position: absolute; + top: 0px; + left: 0px; + width: 100%; + text-align: center; +}*/ + +#resultImageOverlay { + max-width: 100%; + cursor: pointer; +} + +.adjust-pane-button { + height: 18.5px; +} \ No newline at end of file Index: development/themes/jquery.scrollbar.css =================================================================== diff -u --- development/themes/jquery.scrollbar.css (revision 0) +++ development/themes/jquery.scrollbar.css (revision 1182) @@ -0,0 +1,197 @@ +/*************** SCROLLBAR BASE CSS ***************/ + +.scroll-wrapper { + overflow: hidden !important; + padding: 0 !important; + position: relative; +} + + .scroll-wrapper > .scroll-content { + border: none !important; + box-sizing: content-box !important; + height: auto; + left: 0; + margin: 0; + max-height: none; + max-width: none !important; + overflow: scroll !important; + padding: 0; + position: relative !important; + top: 0; + width: auto !important; + } + + .scroll-wrapper > .scroll-content::-webkit-scrollbar { + height: 0; + width: 0; + } + +.scroll-element { + display: none; +} + + .scroll-element, .scroll-element div { + box-sizing: content-box; + } + + .scroll-element.scroll-x.scroll-scrollx_visible, + .scroll-element.scroll-y.scroll-scrolly_visible { + display: block; + } + + .scroll-element .scroll-bar, + .scroll-element .scroll-arrow { + cursor: default; + } + +.scroll-textarea { + border: 1px solid #cccccc; + border-top-color: #999999; +} + + .scroll-textarea > .scroll-content { + overflow: hidden !important; + } + + .scroll-textarea > .scroll-content > textarea { + border: none !important; + box-sizing: border-box; + height: 100% !important; + margin: 0; + max-height: none !important; + max-width: none !important; + overflow: scroll !important; + outline: none; + padding: 2px; + position: relative !important; + top: 0; + width: 100% !important; + } + + .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { + height: 0; + width: 0; + } + + + + +/*************** SCROLLBAR MAC OS X ***************/ + +.scroll-wrapper > .scroll-element, +.scroll-wrapper > .scroll-element div { + background: none; + border: none; + margin: 0; + padding: 0; + position: absolute; + z-index: 10; +} + + .scroll-wrapper > .scroll-element div { + display: block; + height: 100%; + left: 0; + top: 0; + width: 100%; + } + + .scroll-wrapper > .scroll-element .scroll-element_track { + display: none; + } + + .scroll-wrapper > .scroll-element .scroll-bar { + background-color: #6C6E71; + display: block; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + opacity: 0; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + -o-transition: opacity 0.2s linear; + -ms-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; + } + + .scroll-wrapper:hover > .scroll-element .scroll-bar, + .scroll-wrapper > .scroll-element.scroll-draggable .scroll-bar { + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=70); + opacity: 0.7; + } + + + .scroll-wrapper > .scroll-element.scroll-x { + bottom: 0px; + height: 0px; + left: 0; + min-width: 100%; + overflow: visible; + width: 100%; + } + + .scroll-wrapper > .scroll-element.scroll-y { + height: 100%; + min-height: 100%; + right: 0px; + top: 0; + width: 0px; + } + + /* scrollbar height/width & offset from container borders */ + .scroll-wrapper > .scroll-element.scroll-x .scroll-bar { + height: 5px; + min-width: 10px; + top: -7px; + transition: height .2s, top .2s; + -webkit-transition: height .2s, top .2s; + } + + .scroll-wrapper > .scroll-element.scroll-y .scroll-bar { + left: -7px; + min-height: 10px; + width: 5px; + transition: width .2s, left .2s; + -webkit-transition: width .2s, left .2s; + } + + .scroll-wrapper > .scroll-element.scroll-x .scroll-element_outer { + left: 2px; + } + + .scroll-wrapper > .scroll-element.scroll-x .scroll-element_size { + left: -4px; + } + + .scroll-wrapper > .scroll-element.scroll-y .scroll-element_outer { + top: 2px; + } + + .scroll-wrapper > .scroll-element.scroll-y .scroll-element_size { + top: -4px; + } + + /* update scrollbar offset if both scrolls are visible */ + .scroll-wrapper > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { + left: -11px; + } + + .scroll-wrapper > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { + top: -11px; + } + + + .scroll-wrapper > .scroll-element.scroll-y:hover .scroll-bar, + .scroll-wrapper > .scroll-element.scroll-y.scroll-draggable .scroll-bar { + width: 8px; + left: -9px; + } + + .scroll-wrapper > .scroll-element.scroll-x:hover .scroll-bar, + .scroll-wrapper > .scroll-element.scroll-x.scroll-draggable .scroll-bar { + height: 8px; + top: -9px; + } Index: development/themes/e-ConLocal.css =================================================================== diff -u --- development/themes/e-ConLocal.css (revision 0) +++ development/themes/e-ConLocal.css (revision 1182) @@ -0,0 +1,871 @@ +BODY +{ + font-size: 9pt; + font-family: Verdana, Helvetica, Arial, sans-serif; + line-height: 9pt; + vertical-align: baseline; + color: black; + overflow: hidden; + margin: 0px; +} +.eConTD { + font-size: 9pt; + vertical-align: middle; +} +.eConTH { + font-size: 9pt; + padding: 2px; + vertical-align: middle; + text-align: left; + border-left: 0px solid #7FA7E1; + border-bottom: 1px solid #7FA7E1; + /* cursor: hand; */ +} +TD +{ + FONT-SIZE: 11px; + VERTICAL-ALIGN: top; + COLOR: black; + LINE-HEIGHT: 12px; + FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif +} +TH +{ + FONT-SIZE: 11px; + VERTICAL-ALIGN: top; + TEXT-ALIGN: left; + LINE-HEIGHT: 12px; + FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif +} +TEXTAREA +{ + FONT-SIZE: 11px; + FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif +} +INPUT +{ + FONT-SIZE: 11px; + FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif +} +SELECT +{ + FONT-SIZE: 11px; + FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif +} +H1 +{ + FONT-SIZE: 17px; + COLOR: #1e117b +} +H2 +{ + DISPLAY: inline; + FONT-SIZE: 12px; + COLOR: #1e117b; + LINE-HEIGHT: 16px; + FONT-STYLE: italic +} +HR +{ + WIDTH: 300px; + COLOR: #1e117b +} +A:visited +{ + COLOR: #c06f00; + TEXT-DECORATION: underline +} +A:link +{ + COLOR: #c06f00; + TEXT-DECORATION: underline +} +A:active +{ + COLOR: #c06f00; + TEXT-DECORATION: underline +} +A:hover +{ + COLOR: #996699; + TEXT-DECORATION: underline +} + +.eConMain +{ + overflow-x: hidden; + overflow-y: hidden; + padding: 0px; + /* height:expression(document.body.clientHeight - 20); */ + /* width:expression(document.body.clientWidth - 12); */ + height: 100%; + width: 100%; + border: 0px solid #7FA7E1; +} + +.eConInfo +{ + font-size: 8pt; + border:1px solid #7FA7E1; + padding: 4px; + width: 100%; + margin-bottom: 2px; +} + +.eConCommandButtonsDIV +{ + display: none; + width: 100%; +} + +.eConTabDIV +{ + padding-left: 9px; +} + +.eConTabTABLE { + border: 0px; + border-collapse: collapse; + width: 100%; +} + +.eConDIV { + /* overflow-x: auto; */ + /* overflow-y: auto; */ + border: 1px solid #7FA7E1; + background-color: #fffbff; + z-index: 0; + position: relative; + top: -1px; + width: 100%; +} +.eConSPAN +{ + width: 100px; +} + +#oMessages +{ + overflow: auto; + display:block; + border: 2px solid red; + width: 100%; + height: 50px; + /* position:absolute;*/ + /* left:expression((document.body.clientWidth - 500)/2);*/ + /* top:expression((document.body.clientHeight - 200)/2);*/ +} +#oMessageButton +{ + cursor:hand; + text-decoration: underline; +} +.messageLine +{ + margin-top:2px; + margin-bottom:2px; +} + +.configViewbox +{ + overflow-x: auto; + overflow-y: auto; +} + +#oImageViewbox +{ + overflow-x: auto; + overflow-y: auto; +} +.ImageViewboxtop +{ + height:200px; +} +.ImageViewboxbottom +{ + height:200px; +} +.ImageViewboxleft +{ + width: 300px; +} +.ImageViewboxright +{ + width: 300px; +} + +.eConTABLE { + position: relative; + width: 100%; + table-layout: fixed; +} + +.eConHeadTR { +} + +.eConEvenTR { +} + +.eConOddTR { +} + + +.eConEmptyTH { +} + +.eConEvenTD { +} + +.eConOddTD { +} + +.eConImgTR { +} + +.eConImgTD { +} + +.eConImgDIV { + position: absolute; +} + +.eConIMG { +} + +.eConTdIMG { +} + +.eConTdSPAN { +} + +.eConTdA { +} + +.eConP { +} +.eConPR { + background-color: #DEECFE; +} + +.eConMandatoryP { + FONT-WEIGHT: bolder +} +.eConMandatoryPR { + FONT-WEIGHT: bolder +} +.eConNotFilledP { + FONT-WEIGHT: bolder +} +.eConNotFilledPR { + FONT-WEIGHT: bolder +} +.eConSelected { + cursor: hand; + background-color: #7FA7E1; + color: white; + /* padding: 2px; */ +} + +.eConTextINPUT { + border: 1px solid #7FA7E1; + /* width: 30ex; */ +} + +.eConTextINPUTReadOnly { + /* width: 30ex; */ +} +.eConTextINPUTDisabled { + /* width: 30ex; */ +} +.eConLongINPUT { + border: 1px solid #7FA7E1; +} + +.eConCheckboxINPUT { +} + +.eConBooleanINPUT { +} + +.eConTEXTAREA { +} + +.eConSELECT +{ + margin-top:2px; + margin-bottom:2px; + word-wrap: break-word; +} +.eConSELECTFULL +{ + margin-top:2px; + margin-bottom:2px; + word-wrap: break-word; +} +.eConOPTION +{ + word-wrap: break-word; +} + +.eConZoomINPUT { +} + +.eConIMGRADIO { + border: 2px solid white; + width: 100px; + height: 100px; +} +.eConIMGRADIOSELECTED { + border: 2px solid red; + width: 100px; + height: 100px; +} +DIV.eConEditor +{ +} +SPAN.eConEditor +{ +} +.eConZoomEditor +{ +} + +TABLE.eConTableSelect { + border: 1px solid steelblue; +} +TR.eConTableSelect { +} +TD.eConTableSelect { + border: 1px solid steelblue; +} +TD.eConTableSelected { + border: 1px solid red; +} + +TABLE.eConOption { + width: 100%; + border: 1; +} + +THEAD.eConOption { +} +TBODY.eConOption { +} + +TR.eConOptionHead { + +} +TH.eConOptionHead { + +} + +TR.eConOptionEven { + background-color: lightsteelblue; +} +TR.eConOptionOdd { + background-color: steelblue; +} +TR.eConOptionInvalid { + text-decoration:line-through; +} + +TD.eConOptionEven { + +} + +TD.eConOptionOdd { + +} + +A.eConOption { + +} + +IMG.eConOption { + +} + +.eConHowWhyTABLE { + +} + +.eConHowWhyTR { + +} + +.eConHowWhyTD { + +} + +.eConHowWhyTEXTAREA { + +} + +.eConMemberNormal +{ +} +.eConMemberItalic +{ + font-style: italic; +} +.eConMemberBold +{ + font-weight: bold; +} +.eConMemberSmall +{ + font-size: x-small; +} +.eConMemberLarge +{ + font-size: large; +} +.eConMemberStrikeThrough +{ + text-decoration: line-through; +} +.eConMemberRight +{ + text-align: right; +} +.eConMemberCenter +{ + text-align: center; +} +.eConHighPriority +{ + background-color: red; + color: yellow; + font-weight: bold; +} +.eConMediumPriority +{ + background-color: forestgreen; + color: yellow; +} +.eConLowPriority +{ + background-color: lightgrey; + color: yellow; +} +.eConButtonXP +{ + padding-left: 2px; + padding-right: 2px; + width: 75px; + height: 26px; + /* filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DDECFE,endColorStr=#7BA4E0);*/ +} +.eConNewButtonXP +{ + background-color: transparent; + padding-left: 2px; + padding-right: 2px; + padding-top: 0px; + padding-bottom: 0px; + height: 22px; + border: 0px solid #7FA7E1; + /* filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DDECFE,endColorStr=#7BA4E0); */ +} +.eConCopyButtonXP +{ + background-color: transparent; + padding-left: 2px; + padding-right: 2px; + padding-top: 0px; + padding-bottom: 0px; + height: 22px; + border: 0px solid #7FA7E1; + /* filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DDECFE,endColorStr=#7BA4E0); */ +} +.eConDeleteButtonXP +{ + background-color: transparent; + padding-left: 2px; + padding-right: 2px; + padding-top: 0px; + padding-bottom: 0px; + height: 22px; + border: 0px solid #7FA7E1; + /* filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DDECFE,endColorStr=#7BA4E0); */ +} +.eConZoomButtonXP +{ + height: 20px; + filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DDECFE,endColorStr=#7BA4E0); +} +.eConButtonTD +{ + VERTICAL-ALIGN: middle; + TEXT-ALIGN: center; + width: 100%; +} +.eConButtonTD A:visited +{ + COLOR: #000000; + TEXT-DECORATION: none +} +.eConButtonTD A:link +{ + COLOR: #000000; + TEXT-DECORATION: none +} +.eConButtonTD A:active +{ + COLOR: #000000; + TEXT-DECORATION: none +} +.eConButtonTD A:hover +{ + COLOR: #ffffff; + TEXT-DECORATION: none +} +.eConButtonTABLE +{ + BORDER-RIGHT: 0px; + BORDER-TOP: 0px; + BORDER-LEFT: 0px; + BORDER-BOTTOM: 0px; + height: 17px; + width: 100%; +} + +.eConButtonIMG +{ + margin-right: 1px; + border: 0px; + height: 22px; +} + +#pbar +{ + border: 2px ridge; + display:none; + position: absolute; + width: 300px; + height: 50px; + left: 300px; + top: 100px; +} +#ptable +{ + margin: 5px; +: width: 300px; + border: 1px inset; +} +#pinfo +{ + margin: 5px; + color: #000099; + width: 100%; +} +TD.progressstep +{ + height: 10px; +} + +TD.progressstepFinished +{ + height: 10px; + width: 10px; + background-color: #8500B4; + color: #AF86D4; +} + +TD.progressstepUnfinished +{ + height: 10px; + width: 10px; + color: #8500B4; + background-color: #AF86D4; +} + +/* Dialogs */ +.eConDialog +{ + width: 300px; + height: 350px; + pixelWidth: 200; + pixelHeight: 300; +} +.eConDialogTitle +{ + width: 100%; + margin-top: 10px; + margin-bottom: 5px; + font-size: 14px; + height: 25px; +} +.eConDialogLabel +{ + width: 100px; +} +.eConDialogInput +{ +} +.eConDialogButtons +{ + margin-top: 10px; + margin-bottom: 5px; +} +.FLabelStyle +{ + background-color: yellow; +} +.GControlStyle +{ + border: 4px solid red; +} + +/* Classes for user interface groups */ +/* The main control */ +.eConGroupMain +{ + overflow-x: auto; + overflow-y: auto; + width: 100%; + height: 88%; + border: 0px solid #7FA7E1; +} +/* The groupbox control with a title */ +.eConGroupBox +{ + border-left: 1px solid #7FA7E1; + border-bottom: 1px solid #7FA7E1; + margin: 2px; + padding: 4px; +} +/* The image groupbox control with a title */ +.eConImageGroupBox +{ + border-left: 1px solid #7FA7E1; + border-bottom: 1px solid #7FA7E1; + margin: 2px; + padding: 4px; +} +/* The panel control without any decoration */ +.eConGroupPanel +{ + padding: 2px; +} +/* The tab control with stacked containers */ +.eConGroupTab +{ + width: 100%; + border: 1px solid #949e9c; + background-color: #fffbff; + display: block; + z-index: 0; + position: relative; + top: -2px; +} +/* The group control with external content generated by XSLT */ +.eConGroupXslt +{ +} +/* The iframe group control with external content */ +.eConGroupIFrame +{ +} + +DIV.eConGroupBoxLabel +{ + background: lightsteelblue; +} +SPAN.eConGroupBoxLabel +{ + filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#DDECFE,endColorStr=#fffbff); + padding-left: 2px; + font-size: 12px; + height: 14px; + width: 80%; +} +IMG.eConGroupExpand +{ + position: relative; + left: 10px; +} +IMG.eConGroupBoxImage +{ + margin: 1px; +} + +DIV.eConTabButtons +{ +} + +/* Classes for the group vertical layout */ +DIV.eConGroupVFlow +{ +} + +/* Classes for the group horizontal layout */ +TABLE.eConGroupHFlow +{ + width: 100%; +} +TR.eConGroupHFlow +{ +} +TD.eConGroupHFlow +{ +} + +/* Classes for the group grid layout */ +TABLE.eConGroupGrid +{ +} +TR.eConGroupGrid +{ +} +TD.eConGroupGrid +{ +} + +/* Sample group style */ +.Group3 +{ + background-color: steelblue; + margin: 4px; + padding: 4px; + border: 1px solid white; +} + +.hidden +{ + visibility:hidden; +} + +.nobox +{ + border: 1px solid #FFFFFF +} + +.vrml +{ + width: 600px; + height: 400px; +} + +.Blue +{ + color: #0000FF; +} +.Red +{ + color: #FF0000; +} +.Underline +{ + text-decoration: underline; +} +.Underlinebluespecial +{ + border-bottom:2px solid #7A97DF; + border-left-width:1px; + border-rigth-width:1px; + border-top-width:1px; + padding-left:0; + padding-right:25; + float:left; + width:400; font-variant:small-caps; +} + +.eConDrawing +{ + border: 1px solid red; +} + +/* styles for likertscale, matrixproperties */ +TABLE.likertscale +{ +} +TR.likertscale +{ +} +TD.likertscale +{ + width: 75px; +} +TR.likertscalelabel +{ +} +TD.likertscalelabel +{ + width: 75px; +} +TABLE.matrixproperties +{ + /* table-layout: fixed; */ +} +TR.matrixproperties +{ +} +TD.matrixproperties +{ + text-align: left; + vertical-align: middle; + width: 120px; +} +TR.matrixpropertieslabel +{ +} +TD.matrixpropertieslabel +{ + text-align: left; + vertical-align: middle; + width: 120px; +} +TABLE.matrix +{ + /* table-layout: fixed; */ +} +TR.matrix +{ +} +TR.matrixselected +{ + background-color: Yellow; +} +TD.matrix +{ + text-align: left; + vertical-align: middle; + width: 120px; + /*padding: 1px;*/ +} +TR.matrixlabel +{ +} +TH.matrixlabel +{ + text-align: left; + vertical-align: middle; + width: 120px; +} +.eConColumn +{ + height: 20px; +} +.advicebox +{ + margin-left: 20px; + width: 300px; + height: 200px; + border: 1px solid steelblue; +} +.iframe +{ + width: 100%; +} + +TABLE.customHeader +{ + display:none; + width: 100%; +} + +.eConAttachment +{ + border: 1px solid #7FA7E1; +} Index: development/themes/Ribbon.css =================================================================== diff -u --- development/themes/Ribbon.css (revision 0) +++ development/themes/Ribbon.css (revision 1182) @@ -0,0 +1,206 @@ +/* + +Styling for the button ribbon. See include/InitializeRibbon.js for the control, xslt/HtmlTransformer.xslt for the generated HTML. + +*/ + +.eConRibbonButtonIcon { + background: url('../images/sprite.png') no-repeat; +} + +.ui-ribbon-button-icon { + width: 32px; + height: 32px; +} + +.eConRibbonButtonIcon-help { + background-position: 0 0; +} +.eConRibbonButtonIcon-exit { + background-position: -32px 0; +} +.eConRibbonButtonIcon-collapseall { + background-position: -64px 0; +} +.eConRibbonButtonIcon-expandall { + background-position: -96px 0; +} +.eConRibbonButtonIcon-post { + background-position: -128px 0; +} +.eConRibbonButtonIcon-postandexit { + background-position: -160px 0; +} +.eConRibbonButtonIcon-print { + background-position: -192px 0; +} +.eConRibbonButtonIcon-process { + background-position: -224px 0; +} +.eConRibbonButtonIcon-processandexit { + background-position: -256px 0; +} +.eConRibbonButtonIcon-refresh { + background-position: -288px 0; +} +.eConRibbonButtonIcon-restart { + background-position: -320px 0; +} +.eConRibbonButtonIcon-save { + background-position: -352px 0; +} +.eConRibbonButtonIcon-saveandexit { + background-position: -384px 0; +} +.eConRibbonButtonIcon-saveastemplate { + background-position: -416px 0; +} +.eConRibbonButtonIcon-savetemplateandexit { + background-position: -448px 0; +} +.eConRibbonButtonIcon-delete { + background-position: -480px 0; +} +.eConRibbonButtonIcon-new { + background-position: -512px 0; +} +.eConRibbonButtonIcon-function { + background-position: -544px 0; +} +.eConRibbonButtonIcon-ok { + background-position: -576px 0; +} +.eConRibbonButtonIcon-cancel { + background-position: -608px 0; +} +.eConRibbonButtonIcon-true { + background-position: -640px 0; +} +.eConRibbonButtonIcon-false { + background-position: -672px 0; +} +.eConRibbonButtonIcon-previous { + background-position: -704px 0; +} +.eConRibbonButtonIcon-next { + background-position: -736px 0; +} +.eConRibbonButtonIcon-last { + background-position: -768px 0; +} +.eConRibbonButtonIcon-home { + background-position: -800px 0; +} +.eConRibbonButtonIcon-wizard { + background-position: -832px 0; +} +.eConRibbonButtonIcon-whatif.eConRibbonButtonIcon { + background: url('../images/whatif.png') no-repeat; +} + +.ui-ribbon-item .ui-button-text-icon-primary { + font-size: 1em; +} +.ui-ribbon-item .ui-button-text-only { + font-size: 1.15em; +} +.ui-ribbon-item { + height: 83px; /*fix for IE*/ +} +.ui-ribbon-button { + margin: 2px 2px 0 2px; + width: 70px; + height: 80px; +} +.ui-button-text-icon-primary .ui-ribbon-button-text { + height: 32px; +} +.ui-button-text-only .ui-ribbon-button-text { + max-height: 50px; + top: 30px; +} +.ui-ribbon-button:not(.ui-state-hover):not(.ui-state-active):not(.ui-state-focus) { + border: 1px solid transparent; + background: none; +} + +.ui-ribbon.ui-widget-header { + width: 100%; + border-top: 0; + border-left: 0; + border-right: 0; + height: 87px; + overflow: hidden; +} +.ui-ribbon ul { + white-space: nowrap; + padding: 0 5px; + float:left; +} +.ui-ribbon-item { + /*float: left;*/ + display: inline-block; + overflow: hidden; + margin: 0; + padding: 0; + *float: left; /* IE<8 fix */ +} +.ui-ribbon-button { + cursor: pointer; + padding: 0; + position: relative; + display: block; +} +.ui-ribbon-button-icon { + clear: both; + display: block; + float: none; + margin: 0 auto 0 auto; + position: absolute; + top: 5px; + left: 18px; +} +.ui-ribbon-button-text { + clear: both; + display: block; + float: none; + overflow: hidden; + white-space: normal; + text-overflow: ellipsis; + position: absolute; + top: 45px; + left: 0; + text-align: center; + width: 100%; +} + +#eConRibbonButtonsPopup { + padding: 0px; + overflow: hidden; +} + +#eConRibbonButtonsPopup .ui-ribbon { + height: auto; +} + +#eConRibbonButtonsPopup .ui-ribbon-item { + display: block; +} +.noTitleBar .ui-dialog-titlebar { + display: none; +} + +#overflowButton { + width: 25px; +} +#overflowButton .ui-ribbon-button-text { + top: 12px; + font-size: 1.2em; +} +#overflowPopupFocusElement { + height: 0px; + width: 0px; + position: absolute; + opacity: 0; + filter:alpha(opacity:0); +} \ No newline at end of file Index: development/themes/Panel.css =================================================================== diff -u --- development/themes/Panel.css (revision 0) +++ development/themes/Panel.css (revision 1182) @@ -0,0 +1,14 @@ +/* + + Styling for the preloaded panel. See include/Panel.js for the javascript, xslt/HtmlTransformer.xslt for the generated HTML. + +*/ + +.ui-preloadedPanel { width: 100%; } +.ui-preloadedPanel .ui-preloadedPanel-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } +.ui-preloadedPanel .ui-preloadedPanel-header-active { border-width: 1px 0 0 0 !important; } +.ui-preloadedPanel .ui-preloadedPanel-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } +.ui-preloadedPanel-icons .ui-preloadedPanel-header a { padding-left: 37px; } +.ui-preloadedPanel .ui-preloadedPanel-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } +.ui-preloadedPanel .ui-preloadedPanel-content { padding: 0.5em; border: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } +.ui-preloadedPanel .ui-preloadedPanel-content-active { display: block; } \ No newline at end of file Index: development/themes/ImageEditor.css =================================================================== diff -u --- development/themes/ImageEditor.css (revision 0) +++ development/themes/ImageEditor.css (revision 1182) @@ -0,0 +1,13 @@ +.normal +{ + max-width: 50px; +} +.large +{ + max-width: 80px; +} +.small +{ + max-width: 30px; +} + \ No newline at end of file Index: development/themes/Tablesorter.css =================================================================== diff -u --- development/themes/Tablesorter.css (revision 0) +++ development/themes/Tablesorter.css (revision 1182) @@ -0,0 +1,9 @@ +.header { + cursor: pointer; +} + +.header .ui-icon { + display: inline; + margin: -3px; + float: right; +} \ No newline at end of file Index: development/themes/Suite.css =================================================================== diff -u --- development/themes/Suite.css (revision 0) +++ development/themes/Suite.css (revision 1182) @@ -0,0 +1,146 @@ +BODY.es-mainbody +{ + border:1px solid #002D96; + padding:0px; + margin:0px; + font-size: 10pt; + font-family: Verdana; +} +TABLE.es-mainbody +{ + width:expression(body.clientWidth); +} +.es-tdselected +{ + font-size: 9pt; + color: White; + background-color:#316AC5; + cursor:default; +} +.es-tdselected-withmouse +{ + font-size: 9pt; + color: White; + background-color:#316AC5; + cursor:hand; +} +.es-tdnotselected +{ + font-size: 9pt; + background-color:White; + cursor:default; +} +.es-tdnotselected-withmouse +{ + font-size: 9pt; + background-color:White; + cursor:hand; +} +.esFrameSet +{ + border-color: #C4DAFA; +} +.esFrame +{ + border-color: #C4DAFA; +} +.esEnvLabel +{ + width: expression(body.clientWidth); + height: 12pt; + color: Black; + font-size: 10pt; + filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ECE9D8,endColorStr=#F9CB5F); + border-bottom: 1px solid #BB5503; +} +.esTaskLabel +{ + width:100%; + height:18pt; + color:White; + font-size:14pt; + filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#5987D6,endColorStr=#002D96); +} +TABLE.esTask +{ + width: 100%; +} +TR.esTaskHeader +{ + background-color:#ECE9D8; +} +TH.esTaskHeader +{ + font-size: 10pt; + color: Black; + font-weight:normal; + border-right: 1px solid gray; + padding-left: 2px; + padding-right: 2px; +} +TH.esTaskHeaderAction +{ + width: 25px; +} +TD.esTaskBodyselected +{ + height: 16pt; + font-size: 10pt; + color:#FFFFFF; + background-color:#316AC5; + border-bottom:solid 1px #EAE9E1; +} +TD.esTaskBodyeven +{ + height: 16pt; + font-size: 10pt; + border-bottom:solid 1px #EAE9E1; +} +TD.esTaskBodyodd +{ + height: 16pt; + font-size: 10pt; + border-bottom:1px solid #EAE9E1; +} +.es-mainmenu +{ + font-size: 8pt; + width: expression(body.clientWidth); + height: 24px; + background-color: #C3DAF9; + filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DDECFE,endColorStr=#81A9E2); +} +.es-menuitem +{ + vertical-align:middle; + height: 100%; + padding-left:4px; + cursor:default; + border: 1px solid #C3DAF9; +} +.es-menuitem-withmouse +{ + vertical-align:middle; + height: 100%; + padding-left:4px; + /* background-color: #F9CB5F; */ + border: 1px solid #000080; + cursor:hand; + filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFF4CC,endColorStr=#FFD091); +} +.es-contextmenu +{ + position:absolute; + width:150px; + border:2px solid #000080; + background-color:#DDECFE; + font-family:Verdana; + line-height:20px; + cursor:default; + visibility:hidden; +} +.es-contextmenuitem +{ + padding-left:5px; + padding-right:10px; +} \ No newline at end of file Index: development/themes/e-Con.css =================================================================== diff -u --- development/themes/e-Con.css (revision 0) +++ development/themes/e-Con.css (revision 1182) @@ -0,0 +1,1140 @@ +html, body +{ + height: 100%; + width: 100%; +} /* you need this to allow for 100% on any other elements */ + +/* enable to use an empty jQuery UI icon */ +/* see http://stackoverflow.com/questions/2900377/does-the-jquery-ui-icon-system-have-an-empty-icon-one-with-no-image */ +.ui-icon-empty { background: none !important; } + +.eConLogo { + display: block; + height: 87px; + float: right; + margin-right: 2px; +} +.verticalAlignFix { + display: inline-block; + height: 100%; + vertical-align: middle; +} +.eConLogo img { + vertical-align: middle; + max-height: 87px; + border: 0px; +} + +#oDocumentContentContainer, #oDocumentContent { + height: 100%; + width: 100%; + border: 0px; +} + +.ui-dialog.ui-front { /* Otherwise, dialogs in RunAsChild appears behind the overlay */ + z-index: 101; +} +.ui-dialog .configure-input-dialog.ui-dialog-content, +.ui-dialog .popup-dialog.ui-dialog-content { + overflow: hidden; + padding: 0px; +} + +.configure-input-dialog iframe, +.popup-dialog iframe { + border: 0 none; +} +.configure-input-dialog .ui-progressbar, +.popup-dialog .ui-progressbar { + position: absolute; + top: 50%; + left: 0px; + right: 0px; +} + +div.howwhy-dialog.ui-dialog-content { + overflow: hidden; +} + +.scroll-wrapper { + -webkit-overflow-scrolling: touch; + overflow-y: scroll; + + height: 100%; + width: 100%; + /* important: dimensions or positioning here! */ +} + +.howwhy-dialog iframe { + border: 0 none; +} + +#oMainContainer { + /*display: table;*/ + height: 100%; + width: 100%; +} +/* top header */ +#oButtonsContainer { + /*display: table-row;*/ + /*position: fixed;*/ + float: left; + clear: both; + width: 100%; + /*top: 0; + height: 135px; + overflow: hidden;*/ + margin-bottom: 0px; + position: relative; +} +/* main */ +#oMain1Container { + /*display: table-row;*/ + /*height: 100%;*/ + /*padding-top: 135px;*/ /*header height*/ + /*float: left;*/ + clear: both; + padding-bottom: 26px; /*footer height*/ + width: 100%; + height: 100%; /*fix before resize*/ +} +/* bottom footer */ +#oInfoContainerRow { + /*display: table-row;*/ + position: fixed; /* Solves Chrome scroll issue*/ + bottom: 0; + left: 0; + overflow: hidden; + border-right: 0; + border-left: 0; +} + +#oTreeStructure { + /*display: table; + height: 100%; + width: 100%;*/ + height: 100%; /*fix before resize*/ +} +/* left */ +#oTreeContainer { + /*display: table-cell;*/ + float: left; + width: 15%; /* override in Init.js */ + height: 100%; /*fix before resize*/ +} +/* right */ +#oMain3Container { + /*display: table-cell;*/ + float: left; + /*width: 84.8%;*/ /*does not work together with tree specified width*/ +} + +#oMessageBoxStructure { + /*display: table; + height: 100%; + width: 100%;*/ +} +/* top */ +#oMain4Container { + /*display: table-row; + height: 100%;*/ +} +/* bottom */ +#oMessageBoxContainer { + /*display: table-row;*/ + position: fixed; + left: 0px; + right: 0px; + /*bottom: 41px;*/ /* Removed this line, since on small devices the switch buttons might get below the invalidfields / messages line */ + +} + +.tabsStructure { + /*display: table; + height: 100%; + width: 100%;*/ +} +.tabs { + /*display: table-row;*/ +} +.eConTabs { + border: 0 !important; +} +.eConTabs.ui-tabs.ui-state-disabled li a { + cursor: default; + outline: 0px; +} +.tab.ui-tabs-active.ui-state-active:not(.tabOn) a.ui-tabs-anchor {/* Progress tab */ + cursor: pointer; +} +.configViewbox { + padding: 10px 19px; + vertical-align: top; + position: relative; +} + +div.eConButtons { + white-space: nowrap; +} +div.eConControl { + width: 100%; + position: relative; +} +div.eConButtons { + float: right; +} + +table.matrixproperties .eConControl input + .eConButton { + position: absolute; + top: 0; + right: -2px; +} +table.matrixproperties TD.matrixproperties { + overflow: visible; +} +.eConButtons .eConButton { + width: 19px; + height: 16px; +} +td.eConTD > div.eConButtons, +td.eConTD > div.eConControl { + display: inline-block; +} +table.eConTABLE.max0buttons .eConButtons { + display: none; +} +table.eConTABLE.max1buttons .eConButtons { + width: 19px; +} +table.eConTABLE.max2buttons .eConButtons { + width: 38px; +} +table.eConTABLE.max3buttons .eConButtons { + width: 57px; +} +table.eConTABLE.max4buttons .eConButtons { + width: 76px; +} +table.eConTABLE.max5buttons .eConButtons { + width: 95px; +} +table.eConTABLE.max6buttons .eConButtons { + width: 114px; +} + +div.eConLabel { + /*float: left;*/ + clear: both; /*because of the control float, labels positioned at bottom will not be displayed right if not cleared*/ +} +.eConLabelText { + padding-right: 0.5em; +} +.eConLabelText.expandable { + margin-left: 14px; +} +button.eConButton.eConExpandCollapseReferenceButton.ui-button+.eConLabelText { + margin-left: 0px; +} + +.sectionlabel { + display: block; + font-weight: bold; + font-size: 1.2em; + /*border-bottom: 1px solid #C8C8C8;*/ +} +.sectionlabel:before { + content: ""; + position: relative; + left: 0px; + top: 0px; + color: transparent; + padding: 1px; + margin-right: 4px; +} + +BODY +{ + overflow: hidden; + margin: 0; + font-size: 10.5px; + position: fixed; +} +.ui-button-icon-only { + width: 1.8em; /*2.2em*/ +} +button.ui-button-icon-only { + width: 2em; /*2.4em*/ +} +.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { + padding: 0.2em; /*0.4em*/ +} +.ui-button-text-only .ui-button-text { + padding: 0.2em 1em; /*0.4em 1em*/ +} +.ui-tabs .ui-tabs-nav li a { + padding: 0.4em 1em; /*0.5em 1em*/ +} +.ui-state-disabled, +.ui-widget-content .ui-state-disabled, +.ui-widget-header .ui-state-disabled, +.ui-widget-content .eConControl .ui-state-disabled, +.eConDisabled { + opacity: 0.75; + filter: alpha(opacity:75); +} + +.eConTD { + padding: 2px; + vertical-align: top; +} + +.eConTH { + padding-bottom: 10px; + font-size: 1.2em; + text-align: left; +} +TD +{ + +} +TH +{ + +} +INPUT, TEXTAREA, SELECT +{ + /*padding: 0.3em;*/ + padding: 0.1em; + margin: 0; +} +TEXTAREA { + overflow: auto; +} +.eConRichTextEditor { /* Placeholder to avoid jumpy screen */ + height: 100px; + margin: 49px 0px; +} + +.eConSvgDrawing { + opacity: 1; + overflow: auto; +} + +.eConRadioLabel { + padding-right: 8px; +} +.eConRadioLabel * { + vertical-align: middle; +} +input.eConImageRadioLabel, +input.eConImageCheckbox { + /*display: none;*/ /* This breaks the focus (tab, enter, etc). opacity:0; is working fine. */ + opacity: 0 !important; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; /*IE8 fix */ + /* Make sure the control is not consuming any space */ + position: absolute; +} +.eConImageRadioLabel { + background: none; + margin-right: 3px; + padding: 1px; + cursor: pointer; +} +.eConImageRadioLabel.ui-state-highlight { + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 1.0); + box-shadow: 0 0 5px rgba(0, 0, 0, 1.0); + border-width: 2px; + border-collapse: separate; /*IE9*/ +} +/* BEGIN For optionpopup + optiontext */ +.eConRadioButtonsCell { + position: relative; + display: flex; + flex-direction: row; +} +.eConRadioButtonsCell input.eConImageRadioLabel { + bottom: 22px; +} +label.eConImageRadioLabel { + margin-bottom: 35px; +} +.eConRadioButtonsCell button.ui-state-default { + position: absolute; + top: 0px; + right: 0px; + border: 0px; + background: 0px; + width: 20px; + height: 20px; +} + +.eConRadioButtonsCell button .ui-icon{ + background: url('../images/vh-info.png'); + background-size: 100%; + width: 17px; + height: 17px; + border-radius: 100%; + border: 1px solid white !important; +} +.eConRadioButtonsCell .optiontext { + text-align: center; + display: block; +} +.eConRadioButtonsCell .eConInvalidOption ~ .optiontext { + text-decoration: line-through; +} +/* END For optionpopup + optiontext */ + +.eConRadioButtons { + +} +.eConRadioButtonsRow { + float: left; + clear: both; +} +.eConRadioButtonsCell +{ + float: left; + padding: 0.1em 0; +} +.eConInvalidOption img { + opacity: 0.5; +} + +A.eConP:visited +{ + +} +A.eConP:link +{ + +} +A.eConP:active +{ + +} +A.eConP:hover +{ + +} + +.eConMain +{ + +} + +.eConInfo +{ + text-align: right; + float: right; +} + +.eConCommandButtonsDIV +{ + width: 100%; +} + +.eConTabDIV +{ + padding-left: 9px; +} + +.eConTabTABLE { + border: 0px; + border-collapse: collapse; + width: 100%; +} + +/* +.eConDIV { + border: 1px solid #7FA7E1; + background-color: #fffbff; + z-index: 0; + position: relative; + top: -1px; + width: 100%; +} +*/ +/* +.eConSPAN +{ + width: 100px; +} +*/ + +#oMessageButton +{ + +} +.messageLine { +} +.messageLine .ui-icon { + margin: 0 15px 1em 0; +} +.messageLine .message { + margin-top: 1px; /* To align text with icon */ +} +.messageLine .ui-icon, +.messageLine .message { + display: inline-block; + vertical-align: top; +} + +#oMain3Container { + /* separation border with tree */ + border-left: 1px solid #eeeeee; + /* apply class ui-corner-tl? */ +} + +#oImageHolderContainer { + border: 0 solid #eeeeee; /* border-width influenced by rendering position */ +} +#oImageHolderContainer.eConImageHolderLeft { + border-right-width: 1px; +} +#oImageHolderContainer.eConImageHolderRight { + border-left-width: 1px; +} +#oImageHolderContainer.eConImageHolderTop { + border-bottom-width: 1px; +} +#oImageHolderContainer.eConImageHolderBottom { + border-top-width: 1px; +} +#tdImages { + padding: 3px; +} +#oImageViewbox { + position: relative; + overflow: auto; +} + +.ImageViewboxtop +{ + /* height:200px; */ +} +.ImageViewboxbottom +{ + /* height:200px; */ +} +.ImageViewboxleft +{ + /* width: 300px; */ +} +.ImageViewboxright +{ + /* width: 300px; */ +} + +/* +.eConTABLE { + position: relative; + width: 100%; + table-layout: fixed; +} +*/ + +.eConHeadTR { +} + +.eConEvenTR { +} + +.eConOddTR { +} + + +.eConEmptyTH { +} + +.eConEvenTD { +} + +.eConOddTD { +} + +.eConImgTR { +} + +.eConImgTD { +} + +.eConImgDIV { + position: relative; +} + +.eConIMG { +} + +.eConTdIMG { +} + +.eConTdSPAN { +} + +.eConTdA { +} + + +/*hide the reference control if it has a fixed value*/ +.eConExpandableReferenceRow > td > div.eConControl > input.ui-state-disabled { + visibility: hidden; +} + +.eConMain .eConExpandCollapseReferenceButton.ui-button { + margin-left: -0.4em; /*align with left of other labels*/ + margin-right: 0.4em; + margin-bottom: 0.4em; + background: none; + border: 0; + width: 1.2em; +} +.eConMain .eConExpandCollapseReferenceButton:focus { + outline: 1px dotted; +} + +.eConSelected { + cursor: pointer; + background-color: #7FA7E1; + color: white; + /* padding: 2px; */ +} + +DIV.eConEditor +{ +} +SPAN.eConEditor +{ +} +.eConZoomEditor +{ +} + +TABLE.eConTableSelect { + border: 1px solid steelblue; +} +TR.eConTableSelect { +} +TD.eConTableSelect { + border: 1px solid steelblue; +} +TD.eConTableSelected { + border: 1px solid red; +} + +TABLE.eConOption { + width: 100%; + border: 1px; +} + +THEAD.eConOption { +} +TBODY.eConOption { +} + +TR.eConOptionHead { + +} +TH.eConOptionHead { + +} + +TR.eConOptionEven { + background-color: lightsteelblue; +} +TR.eConOptionOdd { + background-color: steelblue; +} +TR.eConOptionInvalid { + text-decoration:line-through; +} + +TD.eConOptionEven { + +} + +TD.eConOptionOdd { + +} + +A.eConOption { + +} + +IMG.eConOption { + +} + +.eConHowWhyTABLE { + +} + +.eConHowWhyTR { + +} + +.eConHowWhyTD { + +} + +.eConHowWhyTEXTAREA { + +} + +.eConMemberNormal +{ +} + + +.eConButtonTD +{ + width: 100%; + margin: 0px; +} +.eConButtonTABLE +{ + BORDER-RIGHT: 0px; + BORDER-TOP: 0px; + BORDER-LEFT: 0px; + BORDER-BOTTOM: 0px; + height: 17px; + width: 100%; +} + +#pbar +{ + border: 2px ridge; + display:none; + position: absolute; + width: 300px; + height: 50px; + left: 300px; + top: 100px; +} +#ptable +{ + margin: 5px; + width: 300px; + border: 1px inset; +} +#pinfo +{ + margin: 5px; + color: #000099; + width: 100%; +} +TD.progressstep +{ + height: 10px; +} + +TD.progressstepFinished +{ + height: 10px; + width: 10px; + background-color: #8500B4; + color: #AF86D4; +} + +TD.progressstepUnfinished +{ + height: 10px; + width: 10px; + color: #8500B4; + background-color: #AF86D4; +} + +/* Dialogs */ +.eConDialog +{ + width: 300px; + height: 350px; +} +.eConDialogTitle +{ + width: 100%; + margin-top: 10px; + margin-bottom: 5px; + font-size: 14px; + height: 25px; +} +.eConDialogLabel +{ + width: 100px; +} +.eConDialogInput +{ +} +.eConDialogButtons +{ + margin-top: 10px; + margin-bottom: 5px; +} +.FLabelStyle +{ + background-color: yellow; +} +.GControlStyle +{ + border: 4px solid red; +} + +.hidden, .hiddenR +{ + visibility: hidden; + border-color: transparent !important; +} +div.hidden +{ + display: none; +} + + +.vrml +{ + width: 600px; + height: 400px; +} + +.eConDrawing +{ + border: 1px solid red; +} + +.eConColumn +{ + height: 21px; +} +.advicebox +{ + margin-left: 20px; + width: 300px; + height: 200px; + border: 1px solid steelblue; +} +.iframe +{ + width: 100%; +} + +.moneybox +{ + border: 1px solid steelblue; + text-align: right; + padding-right: 5px; +} + +.moneybox_ro +{ + border: 1px solid #FFFFFF; + text-align: right; + padding-right: 5px; +} + +.econTextUPLOAD +{ + width: 40px; +} +.eConTextUPLOADADV +{ + position:relative; + filter:alpha(opacity:0); + z-index: 2; +} +div.fakeupload +{ + position: absolute; + top: 0px; + left: 0px; + z-index: 1; +} +input.fakeupload +{ + border: 0px; +} +button.fakeupload +{ + height: 20px; + width: 75px; + margin-left: 3px; +} + +/* the main e-Con containers, Styles are defined for specific element ID's */ +#oMainContainer +{ + +} +#oConfigContainer +{ + overflow: auto; + position: relative; /* fix for controls that use position relative inside (IE<8) */ +} + +.configTable +{ + table-layout: fixed; + width: 100%; + padding: 10px; +} +#oTreeContainer +{ + /*overflow: auto;*/ +} + +#oInfoContainerRow +{ + width: 100%; + min-height: 41px; /* on small devices the switch buttons might get below the invalidfields / messages line */ +} +#oInfoContainer +{ + padding: 5px 10px; +} +#oInfoContainer a { + display: inline-block; + margin-left: 5px; /*for multiple items*/ + margin-bottom: 5px; /* a little spacing for when on top of buttons */ + margin-top: 7px; /* When device switch buttons not available */ +} +#oInfoContainer a span.icon { + float: left; + margin:0 7px 0 0; +} +#oInfoContainer a:hover { + color: gray; +} +/* Progress Tab in statusbar */ +#oInfoContainerRow .eConTabs { + padding: 0px; + display: inline-block; + + position: fixed; + bottom: 1px; +} +#oInfoContainerRow .eConTabs .tabs { + background: none; + border: none; +} +#oInfoContainerRow .eConTabs .tabs li { + border-bottom: inherit; +} +#oMessageContainer +{ + +} + +/* What If styling */ +#WhatIfDIV +{ + line-height: 18px; +} + +.whatIfTABLE { + border-spacing: 0; + width:100%; + margin: 5px; +} + +.whatIfTABLE td { + padding-left: 5px; + width: 33%; +} + +.whatIfTABLE caption { + height: 25px; + line-height: 25px; +} + +.customHeader +{ + display:none; +} + +.eConSwitchStyle { + border-bottom: medium none; + border-right: medium none; + border-top: medium none; + display: inline-block; /* Make sure all buttons are in same row. When buttons are below each other, it consumes more space */ + margin-left: 1em; +} +.eConSwitchStyle *:not(:first-child) { + margin-left: .5em; + display: inline-block; /* For iPad */ +} + +.eConInvalidOption { + text-decoration: line-through; +} + +.eConTextINPUTDisabled { + border: none; +} + +/* Style for a button with a 32x32 icon */ +.eCon32x32IconButton.ui-button-icon-only { + padding: 0.8em; + width: 3.5em; +} + +.eCon32x32IconButton.ui-button-icon-only .ui-icon { + height: 32px; + margin-left: -16px; + margin-top: -16px; + width: 32px; +} + +.eConHelpButton { + background: none repeat scroll 0 0 transparent; + border: 0 none; + /*vertical-align: super;*/ +} + +.dialog-progress-bar { + clear: both; +} + +.collapsed +{ + display:none; +} + +ul.ui-autocomplete { + overflow-y: auto; +} +/* To compensate newer theme's */ +.ui-autocomplete.ui-menu li.ui-menu-item { + padding: 0px; + margin: 0px; +} +.ui-autocomplete.ui-menu li.ui-menu-item a { + margin: 0px; + border: 0px; +} +.ui-menu .ui-menu-item a { + text-decoration: none; + display: block; +} + +.eConControl INPUT, +.eConControl TEXTAREA, +.eConControl SELECT, +.eConControl img, +.eConControl span { + max-width: 100%; + /* fix to not calculate the padding in width */ + box-sizing:border-box; + -moz-box-sizing:border-box; + -webkit-box-sizing:border-box; +} + +.mnemonic-key { + text-decoration: underline; +} + +:-moz-placeholder { + font-weight: normal; + font-style: italic; +} +::-moz-placeholder { + font-weight: normal; + font-style: italic; +} +:-ms-input-placeholder { + font-weight: normal; + font-style: italic; +} +::-webkit-input-placeholder { + font-weight: normal; + font-style: italic; +} + +/* Switch button styles */ +.eConSwitchStyle button, .eConSwitchStyle a { + cursor: pointer; + text-decoration: none; +} + +.eConSwitchStyle label.ui-button { + background-repeat: no-repeat; + height: 30px; + width: 42px; +} + +.eConSwitchStyle #desktop+label.ui-button { + background-image: url('../images/desktop.png'); +} + +.eConSwitchStyle #mobile+label.ui-button { + background-image: url('../images/mobile.png'); + margin-right: 0px; /* Alignment when below invalidfields / messages */ +} + +.eConSwitchStyle #mobileButtons { + margin-right: 0px; /* Alignment when below invalidfields / messages */ +} + +/* Hide the touch buttons for now. In Touch.css, it will be shown if not-IE8 */ +.eConSwitchStyle #deviceButtons { + display: none; +} + +.eConSwitchStyle #touch+label.ui-button { + background-image: url('../images/touch.png'); +} + +.eConSwitchStyle #classic+label.ui-button { + background-image: url('../images/mouse.png'); +} + +/* Disable all extra browser buttons, + Since it�s just confusing and it might not work properly +*/ +input::-webkit-clear-button, +input::-webkit-inner-spin-button, +input::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +input[type=time].eConTimePicker, +input[type=number].eConSpinner { + -moz-appearance:textfield; +} + +.loading { + position: absolute; + top: 50%; + left: 50%; + padding: 10px 20px 10px 35px; + margin-left: -60px; + margin-top: -20px; + + color: black; + font-size: 15px; + + background: url("../images/loading.gif?v=2") no-repeat 10px center; + opacity: 0.5; + filter:alpha(opacity:50); +} + +.ui-tabs .ui-tabs-nav { + padding: 2px 2px 0px !important; /* Needed, since properties are 'cut off' when combined with tabs - in Chrome only */ +} + +/* Statusbar labels */ +.statusbar-labels { + vertical-align: bottom; + display: inline-block; + text-align: right; +} +.statusbar-label { + display: inline-block; + margin-left: 2em; +} +.statusbar-label .eConLabelText { + padding-right: 0px; + font-size: 0.9em; +} +.statusbar-label .value { + font-style: italic; + margin-top: 2px; +} \ No newline at end of file Index: development/themes/Groups.css =================================================================== diff -u --- development/themes/Groups.css (revision 0) +++ development/themes/Groups.css (revision 1182) @@ -0,0 +1,108 @@ +/* Classes for user interface groups */ +/* The main control */ +.eConGroupMain +{ + overflow: auto; + width: 100%; + height: 88%; + border: 0px solid #7FA7E1; +} +/* The groupbox control with a title */ +.eConGroupBox +{ + border-left: 1px solid #7FA7E1; + border-bottom: 1px solid #7FA7E1; + margin: 2px; + padding: 4px; +} +/* The image groupbox control with a title */ +.eConImageGroupBox +{ + border-left: 1px solid #7FA7E1; + border-bottom: 1px solid #7FA7E1; + margin: 2px; + padding: 4px; +} +/* The panel control without any decoration */ +.eConGroupPanel +{ + padding: 2px; +} +/* The tab control with stacked containers */ +.eConGroupTab +{ + width: 100%; + border: 1px solid #949e9c; + background-color: #fffbff; + display: block; + z-index: 0; + position: relative; + top: -2px; +} +/* The group control with external content generated by XSLT */ +.eConGroupXslt +{ +} +/* The iframe group control with external content */ +.eConGroupIFrame +{ +} + +DIV.eConGroupBoxLabel +{ + background: lightsteelblue; +} +SPAN.eConGroupBoxLabel +{ + filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#DDECFE,endColorStr=#fffbff); + padding-left: 2px; + font-size: 12px; + height: 14px; + width: 80%; +} +IMG.eConGroupExpand +{ + position: relative; + left: 10px; +} +IMG.eConGroupBoxImage +{ + margin: 1px; +} + +/* Classes for the group vertical layout */ +DIV.eConGroupVFlow +{ +} + +/* Classes for the group horizontal layout */ +TABLE.eConGroupHFlow +{ + width: 100%; +} +TR.eConGroupHFlow +{ +} +TD.eConGroupHFlow +{ +} + +/* Classes for the group grid layout */ +TABLE.eConGroupGrid +{ +} +TR.eConGroupGrid +{ +} +TD.eConGroupGrid +{ +} + +/* Sample group style */ +.Group3 +{ + background-color: steelblue; + margin: 4px; + padding: 4px; + border: 1px solid white; +} \ No newline at end of file Index: development/themes/Matrix.css =================================================================== diff -u --- development/themes/Matrix.css (revision 0) +++ development/themes/Matrix.css (revision 1182) @@ -0,0 +1,62 @@ +/* + +Styling for the matrix controls. + +*/ + +TABLE.matrixproperties, TABLE.matrix, TABLE.matrixpropertieslabel +{ + display: inline-table; /* if a popup button or anything will be shown next to table*/ + table-layout: fixed; + border-collapse: collapse; + border-spacing: 0; + width: 100%; /* Responsive: 100% to enable shrinking (untill the tablewidth style is met, if specified) */ /* hack to let the table listen to the width specified, see http://stackoverflow.com/questions/4457506/css-how-to-set-the-table-column-width-constant-regardless-of-the-amount-of-text */ + margin-left: -3px; /* the cell padding moved to the left, such that the cell content aligns with the baseline */ +} +td.matrixproperties, td.eConMatrixPropertiesLabel, td.matrix, td.eConMatrixLabel { + padding: 0 2px; /* cell padding: see above note */ + border: 1px solid transparent; +} +TR.matrixproperties, TR.matrix +{ +} +TD.matrixproperties, TD.matrix +{ + text-align: left; + vertical-align: middle; + overflow: hidden; +} + +td.matrixbuttons, td.matrixpropertiesbuttons { + overflow: visible; + white-space: nowrap; +} +TR.matrixpropertieslabel +{ + +} +TD.eConMatrixPropertiesLabel, TD.eConMatrixLabel +{ + text-align: left; + vertical-align: middle; + padding-top: 3px; + padding-bottom: 2px; + border: 1px solid #d0d0d0; + border-top: 1px solid #b0b0b0; + border-bottom: 1px solid #d4d4d4; + background: url('../images/tableHeaderGradient.png') repeat-x scroll 50% 50% #f3f3f5; + overflow: hidden; + text-overflow: ellipsis; +} +TD.eConMatrixPropertiesButtonsLabel, TD.eConMatrixButtonsLabel { + border: 1px solid transparent; + background: none; +} +.eConMatrixPropertiesHeaderLabel { + display: block; +} + +td.matrix.mandatory.mandatorynotfilled input, +td.matrixproperties.mandatory.mandatorynotfilled input { + border: 1px solid #EF5959; +} \ No newline at end of file Index: development/themes/UIPanes.css =================================================================== diff -u --- development/themes/UIPanes.css (revision 0) +++ development/themes/UIPanes.css (revision 1182) @@ -0,0 +1,282 @@ +/* Styles specific for UI Templates */ +.configViewboxesContainer.parentContainer { + display: block; + white-space: nowrap; +} +.configViewboxesContainer.use-rows { + margin-top: 3px; +} +.configViewboxesContainer.use-rows:last-child { + margin-bottom: 3px; +} + +.configViewboxesContainer.use-rows .configViewbox:first-child { + margin-left: 3px; +} + +.configViewboxesContainer.use-rows .configViewbox:last-child { + margin-right: 3px; +} + +.configViewboxesContainer.fixed { + display: block; + overflow: auto; +} + +.configViewboxesContainer.parentContainer.use-columns { + height: 100%; +} + +.configViewboxColumn { + display: inline-block; + vertical-align: top; + height: 100%; +} + +.configViewboxColumn .configViewboxesContainer.use-columns { + margin-top: 3px; +} + +.configViewboxColumn .configViewboxesContainer.use-columns:last-child { + margin-bottom: 3px; +} + +.configViewboxesContainer.use-columns { + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; +} +.configViewboxColumn .configViewboxesContainer.use-columns { + width: 100%; +} +.use-columns .configViewbox { + width: 100%; +} + + +.configViewboxesContainer .configViewbox { + display: inline-block; + box-sizing: border-box; + padding: 0px; +} +.configViewboxesContainer .title-bar:not(.hidden) ~ .tabsContainer, .configViewboxesContainer .title-bar:not(.hidden) ~ div.pane-scrollbar .tabsContainer { + border-top: 0px; +} +.configViewbox { + padding: 10px; + overflow: auto; + white-space: normal; /* Don't inherit from .configViewboxesContainer */ +} + +.configViewboxesContainer .eConTabs { + padding: 0px; +} +#oConfigContainer > .configViewbox.ui-widget.ui-widget-content.ui-corner-all { + margin: 2px 4px; +} + +.configViewbox.uipane-Text div.text-container { + padding: 10px; +} + +/* Close pane button + title bar */ +.closePaneButton.ui-button, .pinPaneButton.ui-button { + position: absolute; + top: 2px; + right: 2px; + margin: 0px; + width: 10px; + height: 10px; + text-align: center; + z-index: 1; +} +.floating-pane .closePaneButton, +.floating-pane .pinPaneButton { + z-index: 5; +} + +.closePaneButton.pinPaneButton { + top: 0px; +} + +.closePaneButton ~ .title-bar { + padding-right: 15px; +} + +.title-bar.ui-widget-header { + text-align: center; + border: 0px; + padding: 1px 5px 3px 5px; +} + +.title-bar span.ui-state-default { + background: none; + border: 0px; +} + +.restorePaneButton, .slideInPaneButton { + margin: 0px 2px; +} + +.restorePaneButton { + margin-left: 3px; + margin-bottom: 3px; +} + +#slideInPaneButtonsRight { + -webkit-transform: rotate(90deg) translate(100%, 0%); + -webkit-transform-origin: 100% 0%; + -ms-transform: rotate(90deg) translate(100%, 0%); + -ms-transform-origin: 100% 0%; + transform: rotate(90deg) translate(100%, 0%); + transform-origin: 100% 0%; + + position: fixed; + right: 0px; + top: 93px; +} +.is-child #slideInPaneButtonsRight { + top: 0px; +} + +.floating-pane { + position: fixed; + z-index: 2; + padding: 0px; +} +.floating-pane.floating { + z-index: 3; /* must be on top of pinned panes */ +} + +.floating-pane.location-Right { + right: 0px; + top: 87px; + bottom: 0px; + + /*height: 100%;*/ /* Not necessary, already set top&bottom */ + width: 300px; /* default width, to be overriden in the pane */ +} +.is-child .floating-pane.location-Right { + top: 0px; +} +.floating-pane.location-Bottom { + bottom: 0px; + left: 0px; + right: 0px; + + /*width: 100%;*/ /* Not necessary, already set left&right */ + height: 300px; /* default height, to be overriden in the pane */ +} + +.floating-pane .title-bar { + text-align: center; + border: 0px; + margin: 0px; + padding: 1px 5px 0px 5px; +} + +.configViewbox.uipane-Url { + overflow-y: hidden !important; +} +.configViewbox.uipane-Url iframe { + height: 100%; + width: 100%; + border: 0px; +} +.configViewbox.uipane-Url .pane-scrollbar { + height: 100%; +} +.configViewbox.uipane-Url .loading { + background-color: white; +} +button.slideInPaneButton { + transition: .5s; +} + +.minimized { /* Don't hide for imageholder pane -> must be visible to feed the ImageOverlay */ + position: absolute; + top: -999999px; + left: -999999px; +} + +.hiding { + animation: hidepane .5s; +} +.showing { + animation: showpane .5s; +} + +@keyframes hidepane { + 0% { + transform: scale(1); + } + + 70% { + transform: scale(0.7); + } + + 100% { + transform: scale(0.1) translate(0,4000px); + } +} + + +@keyframes showpane { + 1% { /* 1% to prevent page to have a huge scrollbar */ + transform: scale(0.3) translate(0,4000px); + } + + 40% { + transform: scale(0.8); + } + + 100% { + transform: scale(1); + } +} + +.hide-floating-pane.location-Bottom { + animation: hide-pane-bottom .5s; +} +.show-floating-pane.location-Bottom { + animation: show-pane-bottom .5s; +} + +.hide-floating-pane.location-Right { + animation: hide-pane-right .5s; +} +.show-floating-pane.location-Right { + animation: show-pane-right .5s; +} + +@keyframes hide-pane-bottom { + to { + bottom: -1000px; + } +} +@keyframes show-pane-bottom { + from { + bottom: -1000px; + } +} + +@keyframes hide-pane-right { + to { + right: -1000px; + } +} +@keyframes show-pane-right { + from { + right: -1000px; + } +} + + +/* Responsive +@media only screen and (max-width: 750px) { + .configViewboxesContainer.use-rows { + display: inline; + white-space: wrap; + } +} + */ \ No newline at end of file Index: development/themes/Progressbar.css =================================================================== diff -u --- development/themes/Progressbar.css (revision 0) +++ development/themes/Progressbar.css (revision 1182) @@ -0,0 +1,61 @@ +/* + Progressbar styles + See include/InitializeProgressbar.js for the Progressbar functions. +*/ +div.econ-progressbar-small { + display: none; + width: auto; + overflow: hidden; + margin: 5px; + height: 16px; /* for jQuery progressbar in <=IE9 */ +} +div.econ-progressbar-large { + width: 100%; + position: absolute; + z-index: 101; + display: none; + top: 50%; + height: 50px; /* for jQuery progressbar in <=IE9 */ +} +div#econ-progressbar-overlay { + display: none; + opacity: 0.2; + filter: Alpha(Opacity=20); +} + +div.econ-progressbar-block { + position: relative; + -webkit-animation: 4.4s linear infinite; /* The specific animation is calculated and set in InitializeProgressbar.js */ + animation: 4.4s linear infinite; + + display: inline-block; + opacity: 0; + position: absolute; +} +div.econ-progressbar-block { + width: 16px; + height: 16px; +} +div.econ-progressbar-large div.econ-progressbar-block { + width: 50px; + height: 50px; +} + +#block1 { + background: #DB902D; + -webkit-animation-delay: 1.8s !important; + animation-delay: 1.8s !important; +} +#block2 { + background: #9A9A9A; + -webkit-animation-delay: 1.2s !important; + animation-delay: 1.2s !important; +} +#block3 { + background: #004996; + -webkit-animation-delay: .6s !important; + animation-delay: .6s !important; +} +#block4 { + background: #011F53; +} \ No newline at end of file Index: development/themes/eConDefaultStyles.css =================================================================== diff -u --- development/themes/eConDefaultStyles.css (revision 0) +++ development/themes/eConDefaultStyles.css (revision 1182) @@ -0,0 +1,74 @@ +/* LABELS */ + +.eConP { + +} +.eConPR { + +} +.eConMandatoryP { + +} +.eConMandatoryPR { + +} +.eConNotFilledP { + +} +.eConNotFilledPR { + +} + +/* CONTROLS */ + +.eConTextINPUT { + +} +.eConTextINPUTReadOnly { + +} +.eConTextINPUTDisabled { + +} +.eConLongINPUT { + +} +.eConCheckboxINPUT { + margin: 0 0 5px 0; +} +.eConBooleanINPUT { + +} +.eConTEXTAREA { + +} +.eConSELECT { + +} +.eConSELECTFULL { + +} +.eConZoomINPUT { + +} +.eConRADIO, +.eConRADIOReadOnly, +.eConRADIODisabled { + vertical-align: middle; + margin: 0 5px 0 0; +} +.eConRadioLabel { + /*display: block;*/ + display: inline-block; + vertical-align: middle; +} +.eConIMGRADIO, .eConIMGRADIOSELECTED { + max-width: 100%;/*500px;*/ + max-height: 500px; + vertical-align: middle; +} +.ui-spinner .eConSpinner { /* Add ui-spinner -> the border will be removed after loading */ + margin: 0px 16px 0px 0px; + padding: 0.1em; /* Just normal padding, as defined in INPUT, TEXTAREA, SELECT in e-Con.css. Overrides the jQuery padding of 0px */ + border: 0px; +} \ No newline at end of file Index: development/themes/eConSemanticStyles.css =================================================================== diff -u --- development/themes/eConSemanticStyles.css (revision 0) +++ development/themes/eConSemanticStyles.css (revision 1182) @@ -0,0 +1,26 @@ +/* + All styles have this part in front: ".ui-widget-content ". This is to make sure they have precedence above the jQuery themeroller styles. +*/ +.ui-widget-content .eConHighPriority +{ + background-color: red; + color: yellow; + font-weight: bold; +} +.ui-widget-content .eConMediumPriority +{ + background-color: forestgreen; + color: yellow; +} +.ui-widget-content .eConLowPriority +{ + background-color: lightgrey; + color: yellow; +} + +.ui-widget-content .nobox, .ui-widget-content .noboxR +{ + border: none; + -webkit-box-shadow: none; + box-shadow: none; +} \ No newline at end of file Index: development/themes/DataTables.css =================================================================== diff -u --- development/themes/DataTables.css (revision 0) +++ development/themes/DataTables.css (revision 1182) @@ -0,0 +1,35 @@ +#lookup-dialog table.dataTable tr { + cursor: pointer; +} + +tr.eConRowSelectedCurrent { + +} +tr.eConRowSelectedCurrent td { + +} + +tr.eConRowSelectedDefault { + +} +tr.eConRowSelectedDefault td { + +} + +tr.eConRowSelectedPrevious { + +} +tr.eConRowSelectedPrevious td { + +} + +/*table.dataTable tr.odd { + background-color: #eeeeee; +}*/ + +table.dataTable td.ui-state-focus { + border: none; +} +table.dataTable tr { + background: white; +} \ No newline at end of file Index: development/themes/TimePicker.css =================================================================== diff -u --- development/themes/TimePicker.css (revision 0) +++ development/themes/TimePicker.css (revision 1182) @@ -0,0 +1,86 @@ +/** + * jQuery Timepicker - v1.3.1 - 2013-11-09 + * http://wvega.github.com/timepicker/ + * + * Enhances standard form input fields helping users to select (or type) times. + * + * Copyright (c) 2013 Willington Vega; Licensed MIT, GPL + */ + +.ui-timepicker-container { + position: absolute; + overflow: hidden; +} + +.ui-timepicker { + display: block; + height: 200px; + text-align: center; + list-style: none outside none; + overflow: auto; + overflow-x: hidden; /* IE */ + margin: 0; + padding: 0 1px; +} +.ui-timepicker-standard { + /* Edit */ + /* .ui-menu */ + margin: 0; + padding: 0px; +} +.ui-timepicker-standard a { + /* .ui-widget-content a */ + /*color: #222;*/ /*Edit*/ +} +.ui-timepicker-standard .ui-state-hover { + /* .ui-state-hover */ + background-color: #DADADA; + border: 1px solid #999; + /*font-weight: normal; */ + /*color: #212121;*/ +} +.ui-timepicker-standard .ui-menu-item { + /* .ui-menu .ui-menu-item */ + /*clear: left; + float: left;*/ + margin: 0; + padding: 0; + /*width: 100%;*/ +} +.ui-timepicker-standard .ui-menu-item a { + /* .ui-menu .ui-menu-item a */ + display: block; + padding: 0.2em 0.4em; + line-height: 1.5; + text-decoration: none; +} +.ui-timepicker-standard .ui-menu-item a.ui-state-hover { + /* .ui-menu .ui-menu-item a.ui-state-hover */ + /*font-weight: normal;*/ + margin: -1px -1px -1px -1px; +} + .ui-timepicker-corners, .ui-timepicker-corners .ui-corner-all { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +.ui-timepicker-hidden { + /* .ui-helper-hidden */ + display: none; +} + +.ui-timepicker-container .ui-no-scrollbar { + border: none; +} + +#timepicker-dialog .ui-content{ + height: 400px; + padding: 0px; +} +#timepicker-dialog .ui-timepicker{ + height: 100%; +} +a.eConTimePicker { + display: inline-block; + vertical-align: middle; +} \ No newline at end of file Index: development/themes/Tree.css =================================================================== diff -u --- development/themes/Tree.css (revision 0) +++ development/themes/Tree.css (revision 1182) @@ -0,0 +1,113 @@ +/* + + Styling for the tree. See include/InitializeTree.js for the control, xslt/Tree.xslt for the generated HTML. + +*/ + +.eConTree { + position: relative; + height: 100%; /*fix before resize*/ +} +.eConTreeTree { + overflow: auto; + padding-right: 20px; /*for the vertical scroll bar*/ +} +.eConTree .eConTreeNodeLink { + text-decoration: none; + display: inline-block; + padding: 5px 0px 5px 5px; + border: 0; + background: transparent none; + width: 100% !important; + box-sizing: border-box; +} +.eConTree a { + +} +.eConTree .selected { + +} +.eConTree .eConTreeNodeLine:not(.ui-state-active):not(.ui-state-hover):not(.ui-state-focus) { + background: transparent none; +} +.eConTree .eConTreeNodeLine { + border: 0; + /*background: transparent none;*/ + color: black; +} +.eConTreeNodeLine button.ui-button { + border: 0px; + background: none; +} + +/*.eConTree .eConTreeNodeLine.ui-state-default span { + color: gray; +} +.eConTree .eConTreeNodeLine.ui-state-active span { + color: black; +} +.eConTree .eConTreeNodeLine.ui-state-hover span { + color: black; +} +.eConTree .eConTreeNodeLine.ui-state-focus span { + color: navy; +}*/ +.eConTree ul .eConTreeNodeLine .eConTreeNodeLink { + padding-left: 5px; +} +.eConTree ul ul .eConTreeNodeLine .eConTreeNodeLink { + padding-left: 25px; +} +.eConTree ul ul ul .eConTreeNodeLine .eConTreeNodeLink { + padding-left: 45px; +} +.eConTree ul ul ul ul .eConTreeNodeLine .eConTreeNodeLink { + padding-left: 65px; +} +.eConTree ul ul ul ul ul .eConTreeNodeLine .eConTreeNodeLink { + padding-left: 85px; +} +.eConTree ul ul ul ul ul ul .eConTreeNodeLine .eConTreeNodeLink { + padding-left: 105px; +} +.eConTree ul li { + white-space: nowrap; +} +.eConTree ul { + list-style-type: none; + margin: 0; + padding-left: 5px; + /*float: left; + clear: both;*/ +} +.eConTree .closed ul { + display: none; +} + +.eConTree div.eConTreeButtons { + /*position: absolute; + bottom: 0;*/ +} + +.eConTree .eConTreeButtonDisabled { + display: none; +} + +.eConTree .eConTreeHitArea { + /*float: left;*/ + display: inline-block; + width: 1.2em; + height: 2em; + background: transparent none; + border: 0; +} + +.eConTreeNodeLabel { + padding: 5px; +} + +/* responsive tree */ +#showTree { + display: none; + width: 40px; +} \ No newline at end of file Index: development/themes/e-ConPages.css =================================================================== diff -u --- development/themes/e-ConPages.css (revision 0) +++ development/themes/e-ConPages.css (revision 1182) @@ -0,0 +1,116 @@ +