.x-tree-checkbox { background:url('/static/ext/resources/images/default/form/checkbox.gif') no-repeat 0 0; height:13px; width:13px; margin:0 1px; vertical-align:middle; } .x-tree-checkbox-over .x-tree-checkbox { background-position:-13px 0; } .x-tree-checkbox-down .x-tree-checkbox { background-position:-26px 0; } .x-tree-node-disabled .x-tree-checkbox { background-position:-39px 0; } .x-tree-node-checked { background-position:0 -13px; } .x-tree-checkbox-over .x-tree-node-checked { background-position:-13px -13px; } .x-tree-checkbox-down .x-tree-node-checked { background-position:-26px -13px; } .x-tree-node-disabled .x-tree-node-checked { background-position:-39px -13px; } .x-tree-node-grayed { background-position:0 -26px; } .x-tree-checkbox-over .x-tree-node-grayed { background-position:-13px -26px; } .x-tree-checkbox-down .x-tree-node-grayed { background-position:-26px -26px; } .x-tree-node-disabled .x-tree-node-grayed { background-position:-39px -26px; } /* eof */ /** vim: ts=4:sw=4:nu:fdc=4:nospell * * Ext.ux.grid.RowActions.css * * Style sheets for Grid RowActions Plugin * * @author Ing. Jozef Sakáloš * @date 27. March 2008 * @verson $Id: Ext.ux.grid.RowActions.css 753 2009-10-28 02:17:34Z jozo $ * * @license Ext.ux.grid.RowActions.css is licensed under the terms of * the Open Source LGPL 3.0 license. Commercial use is permitted to the extent * that the code/component(s) do NOT become part of another Open Source or Commercially * licensed development library or toolkit without explicit permission. * * License details: http://www.gnu.org/licenses/lgpl.html */ /* styles for rows */ .ux-row-action-cell .x-grid3-cell-inner { padding:1px 0 0 0; } .ux-row-action-item { float:left; min-width:16px; height:16px; background-repeat:no-repeat; margin: 0 3px 0 2px; /* margin: 1px 5px 0 2px; */ cursor:pointer; overflow:hidden; } .ext-ie .ux-row-action-item { width:16px; } .ext-ie .ux-row-action-text { width:auto; } .ux-row-action-item span { vertical-align:middle; padding:0 0 0 20px; line-height:18px; } .ext-ie .ux-row-action-item span { width:auto; } /* styles for groups */ .x-grid-group-hd div { position:relative; height:16px; } .ux-grow-action-item { min-width:16px; height:16px; background-repeat:no-repeat; background-position: 0 50% ! important; margin: 0 0 0 4px; padding: 0 ! important; cursor:pointer; float:left; } .ext-ie .ux-grow-action-item { width:16px; } .ux-action-right { float:right; margin: 0 3px 0 2px; padding: 0 ! important; } .ux-grow-action-text { padding: 0 ! important; margin:0 ! important; background:transparent none ! important; float:left; } /* eof */ /* These are examples of styles for the button icons (you must supply the icon files yourself) For nice icon sets, check out the following sites. - http://www.famfamfam.com/ - http://code.google.com/p/fugue-icons/ - http://www.everaldo.com/crystal/ See the notice.txt file in the images folder for possible licence conflicts with these images. Some icons may be licenced under the Creative Commons licence - http://creativecommons.org/licenses/by/2.5/ Some icons have been modified slightly from their source files, in which case the original authors license still applies. */ .x-edit-wordpaste {background: url(../../../assets/rapidapp/misc/static/images/htmleditorplugins/edit-word-text.png) 0 0 no-repeat !important;} .x-edit-table {background: url(../../../assets/rapidapp/misc/static/images/htmleditorplugins/edit-table.png) 0 0 no-repeat !important;} .x-edit-hr {background: url(../../../assets/rapidapp/misc/static/images/htmleditorplugins/edit-rule.png) 0 0 no-repeat !important;} .x-edit-indent {background: url(../../../assets/rapidapp/misc/static/images/htmleditorplugins/edit-indent.png) 0 0 no-repeat !important;} .x-edit-char {background: url(../../../assets/rapidapp/misc/static/images/htmleditorplugins/edit-char.png) 0 0 no-repeat !important;} .x-edit-outdent {background: url(../../../assets/rapidapp/misc/static/images/htmleditorplugins/edit-outdent.png) 0 0 no-repeat !important;} .x-edit-subscript {background: url(../../../assets/rapidapp/misc/static/images/htmleditorplugins/edit-subscript.png) 0 0 no-repeat !important;} .x-edit-superscript {background: url(../../../assets/rapidapp/misc/static/images/htmleditorplugins/edit-superscript.png) 0 0 no-repeat !important;} .x-edit-removeFormat {background: url(../../../assets/rapidapp/misc/static/images/htmleditorplugins/edit-removeFormat.png) 0 0 no-repeat !important;} .x-edit-image {background: url(../../../assets/rapidapp/misc/static/images/htmleditorplugins/edit-image.png) 0 0 no-repeat !important;} .x-edit-findandreplace {background: url(../../../assets/rapidapp/misc/static/images/htmleditorplugins/edit-findandreplace.png) 0 0 no-repeat !important;} .x-edit-undo {background: url(../../../assets/rapidapp/misc/static/images/htmleditorplugins/edit-undo.png) 0 0 no-repeat !important;} .x-edit-redo {background: url(../../../assets/rapidapp/misc/static/images/htmleditorplugins/edit-redo.png) 0 0 no-repeat !important;} .x-edit-formatblock-h1 {background: url(../../../assets/rapidapp/misc/static/images/htmleditorplugins/edit-heading-h1.png) 0 0 no-repeat !important;} .x-edit-formatblock-h2 {background: url(../../../assets/rapidapp/misc/static/images/htmleditorplugins/edit-heading-h2.png) 0 0 no-repeat !important;} /* When using the famfamfam set of icons, the following styles can be used, assuming the famfamfam set of icons was extracted to a folder named 'icons' - Thanks to 'dearsina' on the Ext JS Forums for this. .x-edit-wordpaste {background: url(icons/page_white_word.png) 0 0 no-repeat !important;} .x-edit-table {background: url(icons/table.png) 0 0 no-repeat !important;} .x-edit-hr {background: url(icons/text_horizontalrule.png) 0 0 no-repeat !important;} .x-edit-indent {background: url(icons/text_indent.png) 0 0 no-repeat !important;} .x-edit-char {background: url(icons/text_letter_omega.png) 0 0 no-repeat !important;} .x-edit-outdent {background: url(icons/text_indent_remove.png) 0 0 no-repeat !important;} .x-edit-subscript {background: url(icons/text_subscript.png) 0 0 no-repeat !important;} .x-edit-superscript {background: url(icons/text_superscript.png) 0 0 no-repeat !important;} .x-edit-removeFormat {background: url(icons/exclamation.png) 0 0 no-repeat !important;} .x-edit-undo {background: url(../../../assets/rapidapp/misc/static/images/htmleditorplugins/arrow_undo.png) 0 0 no-repeat !important;} .x-edit-redo {background: url(../../../assets/rapidapp/misc/static/images/htmleditorplugins/arrow_redo.png) 0 0 no-repeat !important;} */ /* These styles are used for the character map */ .char-item { float: left; border: 1px solid #99BBE8; margin: 3px; text-align: center; vertical-align: middle; width: 20px; height: 20px; font-size: 14px; color: #15428B; cursor: pointer; } .char-item.x-view-selected { background-color: #777; } .char-over { border: 1px solid #15428B; background-color:#d0def0; } @charset "utf-8"; .x-superboxselect {position:relative; height: auto !important; margin: 0px; overflow: hidden; padding:2px; display:block; outline: none !important;} .x-superboxselect input[disabled] {background-color: transparent;}; .x-superboxselect ul {overflow: hidden; cursor: text;} .x-superboxselect-display-btns {padding-right: 33px !important;} .x-superboxselect-btns {position: absolute; right: 1px; top: 0; overflow:hidden; padding:2px;} .x-superboxselect-btns div {float: left; width: 16px; height: 16px; margin-top: 4px;} .x-superboxselect-btn-clear {background: url(../../../assets/rapidapp/misc/static/images/superboxselect/clear.png) no-repeat scroll left 0px;} .x-superboxselect-btn-expand {background: url(../../../assets/rapidapp/misc/static/images/superboxselect/expand.png) no-repeat scroll left 0px;} .x-superboxselect-btn-over {background-position: left -16px} .x-superboxselect-btn-hide {display:none;} .x-superboxselect li {float: left; margin: 1px 1px 2px 1px; padding: 0;line-height: 18px;} .x-superboxselect-stacked li {float: none !important;} .x-superboxselect-input input { border: none; outline: none; margin-top: 4px; margin-bottom: 4px;} body.ext-ie .x-superboxselect-input input {background: none; border: none; margin-top: 3px;} .x-superboxselect-item {position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #CAD8F3; background-color: #DEE7F8; padding: 1px 15px 1px 5px !important; } body.ext-ie7 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 17px 4px 5px !important;} body.ext-ie6 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 19px 4px 5px !important;} .x-superboxselect-item-hover {background: #BBCEF1; border: 1px solid #6D95E0;} .x-superboxselect-item-focus {border-color: #598BEC; background: #598BEC; color: #fff;} .x-superboxselect-item-close {background: url(../../../assets/rapidapp/misc/static/images/superboxselect/close.png) no-repeat scroll left 0px; border: none; cursor: default; font-size: 1px; height: 16px;padding:0; position: absolute; right: 0px; top: 2px; width: 13px;display:block;cursor:pointer;} .x-superboxselect-item-close:hover, .x-superboxselect-item-close:active { background-position: left -12px;} .x-superboxselect-item-focus .x-superboxselect-item-close{ background-position: left -24px} .x-item-disabled .x-superboxselect-item-close{ background-position: left -36px} @charset "utf-8"; .x-superboxselect {position:relative; height: auto !important; margin: 0px; overflow: hidden; padding:2px; display:block; outline: none !important;} .x-superboxselect ul {overflow: hidden; cursor: text;} .x-superboxselect-display-btns {padding-right: 33px !important;} .x-superboxselect-btns {position: absolute; right: 1px; top: 0; overflow:hidden; padding:2px;} .x-superboxselect-btns div {float: left; width: 16px; height: 16px; margin-top: 4px;} .x-superboxselect-btn-clear {background: url(../../../assets/rapidapp/misc/static/images/superboxselect/clear.png) no-repeat scroll left 0px;} .x-superboxselect-btn-expand {background: url(../../../assets/rapidapp/misc/static/images/superboxselect/expand.png) no-repeat scroll left 0px;} .x-superboxselect-btn-over {background-position: left -16px} .x-superboxselect-btn-hide {display:none;} .x-superboxselect li {float: left; margin: 1px 1px 2px 1px; padding: 0;line-height: 18px;} .x-superboxselect-stacked li {float: none !important;} .x-superboxselect-input input { border: none; outline: none; margin-top: 4px; margin-bottom: 4px;} body.ext-ie .x-superboxselect-input input {background: none; border: none; margin-top: 3px;} .x-superboxselect-item {position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #d7d7d7; background-color: #e7e7e7; padding: 1px 15px 1px 5px !important; } body.ext-ie7 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 17px 4px 5px !important;} body.ext-ie6 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 19px 4px 5px !important;} .x-superboxselect-item-hover {background: #cdcdcd; border: 1px solid #949494;} .x-superboxselect-item-focus {border-color: #8b8b8b; background: #8b8b8b; color: #fff;} .x-superboxselect-item-close {background: url(../../../assets/rapidapp/misc/static/images/superboxselect/close.png) no-repeat scroll left 0px; border: none; cursor: default; font-size: 1px; height: 16px;padding:0; position: absolute; right: 0px; top: 2px; width: 13px;display:block;cursor:pointer;} .x-superboxselect-item-close:hover, .x-superboxselect-item-close:active { background-position: left -12px;} .x-superboxselect-item-focus .x-superboxselect-item-close{ background-position: left -24px} .x-item-disabled .x-superboxselect-item-close{ background-position: left -36px} /* file was deleted */ /** * simplemde v1.11.2 * Copyright Next Step Webs, Inc. * @link https://github.com/NextStepWebs/simplemde-markdown-editor * @license MIT */ .CodeMirror{color:#000}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-ruler{border-left:1px solid #ccc;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:none;font-variant-ligatures:none}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected,.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror{height:auto;min-height:300px;border:1px solid #ddd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:10px;font:inherit;z-index:1}.CodeMirror-scroll{min-height:300px}.CodeMirror-fullscreen{background:#fff;position:fixed!important;top:50px;left:0;right:0;bottom:0;height:auto;z-index:9}.CodeMirror-sided{width:50%!important}.editor-toolbar{position:relative;opacity:.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;padding:0 10px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #bbb;border-top-left-radius:4px;border-top-right-radius:4px}.editor-toolbar:after,.editor-toolbar:before{display:block;content:' ';height:1px}.editor-toolbar:before{margin-bottom:8px}.editor-toolbar:after{margin-top:8px}.editor-toolbar:hover,.editor-wrapper input.title:focus,.editor-wrapper input.title:hover{opacity:.8}.editor-toolbar.fullscreen{width:100%;height:50px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-top:10px;padding-bottom:10px;box-sizing:border-box;background:#fff;border:0;position:fixed;top:0;left:0;opacity:1;z-index:9}.editor-toolbar.fullscreen::before{width:20px;height:50px;background:-moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);position:fixed;top:0;left:0;margin:0;padding:0}.editor-toolbar.fullscreen::after{width:20px;height:50px;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);position:fixed;top:0;right:0;margin:0;padding:0}.editor-toolbar a{display:inline-block;text-align:center;text-decoration:none!important;color:#2c3e50!important;width:30px;height:30px;margin:0;border:1px solid transparent;border-radius:3px;cursor:pointer}.editor-toolbar a.active,.editor-toolbar a:hover{background:#fcfcfc;border-color:#95a5a6}.editor-toolbar a:before{line-height:30px}.editor-toolbar i.separator{display:inline-block;width:0;border-left:1px solid #d9d9d9;border-right:1px solid #fff;color:transparent;text-indent:-10px;margin:0 6px}.editor-toolbar a.fa-header-x:after{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:65%;vertical-align:text-bottom;position:relative;top:2px}.editor-toolbar a.fa-header-1:after{content:"1"}.editor-toolbar a.fa-header-2:after{content:"2"}.editor-toolbar a.fa-header-3:after{content:"3"}.editor-toolbar a.fa-header-bigger:after{content:"▲"}.editor-toolbar a.fa-header-smaller:after{content:"▼"}.editor-toolbar.disabled-for-preview a:not(.no-disable){pointer-events:none;background:#fff;border-color:transparent;text-shadow:inherit}@media only screen and (max-width:700px){.editor-toolbar a.no-mobile{display:none}}.editor-statusbar{padding:8px 10px;font-size:12px;color:#959694;text-align:right}.editor-statusbar span{display:inline-block;min-width:4em;margin-left:1em}.editor-preview,.editor-preview-side{padding:10px;background:#fafafa;overflow:auto;display:none;box-sizing:border-box}.editor-statusbar .lines:before{content:'lines: '}.editor-statusbar .words:before{content:'words: '}.editor-statusbar .characters:before{content:'characters: '}.editor-preview{position:absolute;width:100%;height:100%;top:0;left:0;z-index:7}.editor-preview-side{position:fixed;bottom:0;width:50%;top:50px;right:0;z-index:9;border:1px solid #ddd}.editor-preview-active,.editor-preview-active-side{display:block}.editor-preview-side>p,.editor-preview>p{margin-top:0}.editor-preview pre,.editor-preview-side pre{background:#eee;margin-bottom:10px}.editor-preview table td,.editor-preview table th,.editor-preview-side table td,.editor-preview-side table th{border:1px solid #ddd;padding:5px}.CodeMirror .CodeMirror-code .cm-tag{color:#63a35c}.CodeMirror .CodeMirror-code .cm-attribute{color:#795da3}.CodeMirror .CodeMirror-code .cm-string{color:#183691}.CodeMirror .CodeMirror-selected{background:#d9d9d9}.CodeMirror .CodeMirror-code .cm-header-1{font-size:200%;line-height:200%}.CodeMirror .CodeMirror-code .cm-header-2{font-size:160%;line-height:160%}.CodeMirror .CodeMirror-code .cm-header-3{font-size:125%;line-height:125%}.CodeMirror .CodeMirror-code .cm-header-4{font-size:110%;line-height:110%}.CodeMirror .CodeMirror-code .cm-comment{background:rgba(0,0,0,.05);border-radius:2px}.CodeMirror .CodeMirror-code .cm-link{color:#7f8c8d}.CodeMirror .CodeMirror-code .cm-url{color:#aab2b3}.CodeMirror .CodeMirror-code .cm-strikethrough{text-decoration:line-through}.CodeMirror .CodeMirror-placeholder{opacity:.5}.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){background:rgba(255,0,0,.15)} /* http://www.sohtanaka.com/web-design/styling-pre-tags-with-css-code-block/ */ pre { overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ /* width: 99%; */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } /* TODO: the above gloabl 'pre' rule does not seem to apply anymore. Not sure why, but this class name does the same thing */ .ra-pre-wrap { overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ /* width: 99%; */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .loading-background { background-repeat: no-repeat; background-position: center center; background-color: white; background-image: url(../../../assets/rapidapp/misc/static/images/indicator.gif) !important; } .rapp-margin-bottom-0 { margin-bottom: 0px; } .field-empty-text { color: darkgrey !important; font-family: Arial !important; font-size:.9em !important; } .blue-text { color: #083772; } .blue-text-code { color: #083772; font-family: "Lucida Console", Monaco, monospace; } .blue-text-code-bold { color: #083772; font-family: "Lucida Console", Monaco, monospace; font-weight: bold; } .with-icon { height: 16px; padding-left: 19px; background-repeat: no-repeat !important; background-position: 1px center; display: table-cell; vertical-align: middle; } /* Special work-around just to be able to use the ExtJS 'folder' icon the same as other iconCls icons. The reason this is needed is because this class has multiple states (with the folder open and teh folder closed). This workaround lets us use it with 'with-icon' and behave the same as a simple icon asset (using the collapsed/closed version */ .with-icon.x-tree-node-icon, .with-icon .x-tree-node-icon { background-image: url(../../../assets/extjs/current/resources/images/default/tree/folder.gif); } .with-inline-icon { padding-left: 18px; line-height: 16px; display: inline-block; background-repeat: no-repeat !important; } .ra-icon-centered-16x16 { height: 16px; width: 16px; background-repeat: no-repeat; background-position: center center; } .grid-cell-with-icon { height: 16px; text-indent: 16px; background-repeat: no-repeat; padding-top: 1px; background-position: 2px 2px; } .ra-icon-16x16 { height: 16px; width: 16px; background-size:16px 16px; background-repeat: no-repeat; } .ra-icon-14x14 { height: 14px; width: 14px; background-size:14px 14px; background-repeat: no-repeat; } .ra-icon-12x12 { height: 12px; width: 12px; background-size:12px 12px; background-repeat: no-repeat; } .ra-icon-11x11 { height: 11px; width: 11px; background-size:11px 11px; background-repeat: no-repeat; } .ra-icon-10x10 { height: 10px; width: 10px; background-size:10px 10px; background-repeat: no-repeat; } .with-background-right-image { background-repeat: no-repeat; background-position: right center; } /* http://stackoverflow.com/questions/826782/css-rule-to-disable-text-selection-highlighting */ .no-text-select { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } /* This class can be used to override and re-enable text highlighting that was previously disabled by 'no-text-select' above, or other class that does the same CSS-based text highlight disabling, such as ExtJS'es 'x-unselectable'. Note that this is not a fullproof solution, as text highlighting can also be disabled via swallowing of JS events (See Ext.Element.unselectable() as well as the 'unselectable' HTML tag *attribute*) */ .yes-text-select, .yes-text-select * { -webkit-user-select : text !important; -khtml-user-select : text !important; -moz-user-select : text !important; -ms-user-select : test !important; -o-user-select : text !important; user-select : text !important; } .x-logical-checkbox { width: 16px; height: 16px; cursor:pointer; float: left; } .ra-icon-bullet_key { background-image: url(../../../assets/rapidapp/misc/static/images/bullet_key.png) !important; background-repeat:no-repeat; padding-right: 18px; padding-top: 9px; padding-bottom: 3px; } .tbar-title-medium { font-size:175% !important; padding:6px !important; font-weight: bolder !important; } .tbar-button-medium { font-size:140% !important; padding-left: 5px !important; font-weight: bolder !important; } .tbar-title-small { padding:3px !important; font-weight: bolder !important; } .tbar-button-small { padding-left: 2px !important; font-weight: bolder !important; } /* Update: renamed from 'magnify-link-tiny' - merged with auto generated icon class 2013-06-22 by HV */ a.ra-icon-magnify-tiny { /* -- for IE, magic!! Without this, the "filter/opacity" is ignored and other misc problems, this magically makes the element have a "Layout" see: http://www.satzansatz.de/cssd/onhavinglayout.html, http://www.bennadel.com/blog/1354-The-Power-Of-ZOOM-Fixing-CSS-Issues-In-Internet-Explorer.htm */ zoom: 1; /* -- */ background-repeat:no-repeat !important; background-position: 0% 90%; padding-left: 10px; margin-left: 2px; margin-bottom: 2px; font-size: 9px; vertical-align: bottom; font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif; text-decoration: none; border-bottom: 0px transparent; color: transparent; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } a.ra-icon-magnify-tiny:hover { margin-bottom: 1px; border-bottom: 1px dotted; color: blue; opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } a.ra-icon-magnify-tiny span { visibility: hidden; } a.ra-icon-magnify-tiny:hover span { visibility: visible; } a.ra-icon-refresh-tiny { /* -- for IE, magic!! Without this, the "filter/opacity" is ignored and other misc problems, this magically makes the element have a "Layout" see: http://www.satzansatz.de/cssd/onhavinglayout.html, http://www.bennadel.com/blog/1354-The-Power-Of-ZOOM-Fixing-CSS-Issues-In-Internet-Explorer.htm */ zoom: 1; /* -- */ background-repeat:no-repeat !important; background-position: 0% 90%; padding-left: 10px; margin-left: 2px; margin-bottom: 2px; font-size: 9px; vertical-align: bottom; font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif; text-decoration: none; border-bottom: 0px transparent; color: transparent; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } a.ra-icon-refresh-tiny:hover { margin-bottom: 1px; border-bottom: 1px dotted; color: blue; opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } .ra-ap-body a.ra-icon-refresh-tiny span, a.ra-icon-refresh-tiny span { visibility: hidden; } a.ra-icon-refresh-tiny:hover span { visibility: visible; } /* ra-icon-paperclip-tiny: duplicated styles from ra-icon-magnify-tiny */ a.ra-icon-paperclip-tiny { /* -- for IE, magic!! Without this, the "filter/opacity" is ignored and other misc problems, this magically makes the element have a "Layout" see: http://www.satzansatz.de/cssd/onhavinglayout.html, http://www.bennadel.com/blog/1354-The-Power-Of-ZOOM-Fixing-CSS-Issues-In-Internet-Explorer.htm */ zoom: 1; /* -- */ background-repeat:no-repeat !important; background-position: 0% 90%; padding-left: 10px; margin-left: 2px; margin-bottom: 2px; font-size: 9px; vertical-align: bottom; font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif; text-decoration: none; border-bottom: 0px transparent; color: transparent; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } a.ra-icon-paperclip-tiny:hover { margin-bottom: 1px; border-bottom: 1px dotted; color: blue; opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } a.ra-icon-paperclip-tiny span { visibility: hidden; } a.ra-icon-paperclip-tiny:hover span { visibility: visible; } .superscript-navy { color: navy; font-weight: lighter; position: relative; top: -4px; } .superscript-green { color: green; font-weight: lighter; position: relative; top: -4px; } .x-multifilter-not { font-weight: bolder !important; font-size:145% !important; padding-left: 1px !important; padding-right: 1px !important; font-family: Lucida Console !important; color: lightgray !important; } .x-multifilter-not-on { color: red !important; } .x-multifilter-not-off { color: lightgray !important; } /* ----------------------------------- */ /* http://www.sencha.com/forum/showthread.php?45873-tbar-appears-ugly */ .tbarBottomBorderFix { border-bottom-style: solid !important; border-bottom-color: #D0D0D0 !important; border-bottom-width: 1px !important; } .panel-borders { border-style: solid !important; border-color: #D0D0D0 !important; border-width: 1px !important; } .item-disabled { opacity: 0.5 !important; filter: alpha(opacity=50) !important; background-color: #f2f2f2 !important; /* this is needed to fix stupid IE opacity bug */ } /* This is needed only with gray theme: */ /* .x-toolbar .xtb-sep { background-image: url(/static/ext/resources/images/default/grid/grid-split.gif) !important } */ .x-tab-panel-header { border-bottom: 0px; } .offline .x-grid3-cell { opacity: 0.5; filter: alpha(opacity=50); } /* .offline .x-grid3-cell .x-grid3-cell-first { opacity: 1.0 !important; filter: alpha(opacity=100); } */ .x-grid3-cell-first { opacity: 2.0; filter: alpha(opacity=200); } .x-grid3-col-memberpc { cursor:pointer; } .x-tab-panel-body { // border: 0 none !important; } .x-tab-panel-header-plain .x-tab-strip-spacer, .x-tab-panel-footer-plain .x-tab-strip-spacer { border-bottom: 0 none !important; } .x-grid3-row-expander { background-image: url(../../../assets/rapidapp/misc/static/images/row-expand-sprite-arrow.gif) !important; } .x-grid3-row-selected { background: #EEF3E2 !important; border:1px dotted gray; } /* .x-grid3-row-collapsed .x-grid3-row-expander { background-image: url(../../../assets/rapidapp/misc/static/images/bullet_arrow_up_sm.png) !important; display: inline; } .x-grid3-row-expanded .x-grid3-row-expander { background-image: url(../../../assets/rapidapp/misc/static/images/bullet_arrow_down_sm.png) !important; display: inline; } html { overflow: -moz-scrollbars-vertical; position: relative; } body { margin: 0 auto; padding: 0; font-family: Tahoma, Geneva, Verdana, Helvetica, sans-serif; font-size: 12px; background-color: #fff; color: #333; letter-spacing: 0.1px; position: relative; } */ /* td { font-family: Tahoma, Geneva, Verdana, Helvetica, sans-serif; letter-spacing: 0.1px; vertical-align: middle; } */ img { vertical-align: middle; } /* .x-panel-body { border:1px solid gray; border-top:0 none; } */ .link-underline { cursor:pointer; text-decoration:underline; } /* .x-tree-selected { font-weight: bold; } */ //.x-grid3-hd-row .x-grid3-td-PRI_KEY { padding: 0px 0px 0px 0px; } //.x-grid3-hd-inner .x-grid3-hd-PRI_KEY { padding: 0px 0px 0px 0px; } //.x-grid3-hd-PRI_KEY { padding: 0px 0px 0px 0px; } .x-grid3-td-editIcon .x-grid3-cell-inner { background-image: url(../../../assets/rapidapp/misc/static/images/table_edit.png) !important; background-position:center center; background-repeat:no-repeat; padding-left: 2px; padding-right: 2px; cursor: pointer; } .pos-top-right { text-align: right; position:absolute; top:0; right:5%; width:200px; background-color:yellow; } .sbl-panel-body-noborder { border-width: 0 0 0 0 !important; padding: 0 !important; background-color: white !important; } .res-block { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../img/theme/block-top.gif) no-repeat scroll 0 0; margin-bottom:15px; padding-top:5px; width:210px; } /* .sbl-panel-body-noborder, .sbl-panel-body-noborder .x-border-panel .x-border-layout-ct, .sbl-panel-body-noborder .x-panel .x-border-panel, .sbl-panel-body-noborder .x-panel-body .x-panel-body-noheader { border-width: 0 0 0 0 !important; padding: 0 !important; } */ /* html, body { height:100%; } */ .bold-italics { font-weight: bold !important; font-style: italic !important; } /* Taken from: http://www.extjs.com/blog/2008/05/14/form-group/ */ /* add some padding so it spaces nice and relative elements dn't get clipped */ .form-group { padding-top:15px; padding-bottom:10px; overflow:hidden; } /* Simple blue border */ .form-group .form-group-header { padding:0; border-bottom:1px solid #c3daf9; } /* Position the text element so it appears over the border added above */ .form-group .form-group-header-text { font-size:11px; font-family:tahoma,arial,sans-serif; line-height:13px; text-transform:uppercase; position:relative; left:5px; top:5px; padding:1px 5px 1px 20px; color:#4e79b2; border:1px solid #c3daf9; background:#fff url(../../../assets/rapidapp/misc/static/images/form-collapse-icon.gif) no-repeat 2px 0; } /* Copied from x-plain (for IE + layouts to work) */ .form-group-body { overflow:hidden; } /* Copied from x-plain (for IE + layouts to work) */ .form-group-bwrap { overflow:hidden; zoom:1; } /* Change the toggle icon when collapsed */ .x-panel-collapsed .form-group-header-text { background-position: 2px -15px; } .x-form-display-field, .ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field { display: block; padding: 3px 0px 0px 0px; padding-left: 0px; position: relative; z-index: 2; } .floating-form .x-form-item { display: inline; float:left; padding-right: 5px; } .floating-form label.x-form-item-label { padding-right:0; } .ext-ie .floating-form .x-form-clear-left { clear: none; display:none; } .GreenSheetWrap1 { border: 1px #999999 solid !important; margin : 3px !important; -moz-border-radius: 12px !important; -webkit-border-radius: 12px !important; border-radius: 12px !important; background-color: #ffffcc !important; padding-bottom: 3px !important; padding-top: 3px !important; } .GreenSheetPN { /* 4 */ font-weight: bold !important; margin : 3px !important; margin-left: 5px !important; font-size: 24px !important; /*text-decoration: underline !important; */ color: #333333 !important; } .GStitle { margin-left: 5px !important; margin-top: 5px !important; margin-bottom: 5px !important; font-weight: bold !important; font-size: 14px !important; padding-top: 3px !important; } .GSrtitle { margin-left: 5px !important; margin-top: 5px !important; margin-bottom: 5px !important; font-weight: bold !important; font-size: 12px !important; padding-top: 3px !important; } .GSdesc { font-size: 9px !important; overflow: hidden !important; width: 40% !important; border: 1px; padding: 2px !important; border-style: dotted !important; vertical-align: bottom !important; font-family: sans-serif !important; font-style: italic !important; color: grey !important; } .GSfloatRight { float: right !important; margin-right: 20px !important; padding-top: 3px !important; } table.GSprop { font: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif!important; padding: 0!important; margin: 0!important; border-collapse: collapse!important; color: #333!important; background: #F3F5F7!important; } table.GSprop a.GSprop { color: #3A4856!important; text-decoration: none!important; border-bottom: 1px solid #C6C8CB!important; } table.GSprop thead.GSprop th.GSprop { background: #3A4856!important; padding: 15px 10px!important; color: #fff!important; text-align: right!important; font-weight: bolder!important; } table.GSprop tbody.GSprop, table.GSprop thead.GSprop {border-left: 1px solid #EAECEE!important; border-right: 1px solid #EAECEE!important;} table.GSprop tbody.GSprop {border-bottom: 1px solid #EAECEE!important;} table.GSprop tbody.GSprop td.GSprop, table.GSprop tbody.GSprop { padding: 5px!important; background: url("../../../assets/rapidapp/misc/static/images/td_back.gif") repeat-x!important; text-align: left!important; } th.GSprop, table.GSprop tbody.GSprop { padding: 5px!important; background: url("../../../assets/rapidapp/misc/static/images/td_back.gif") repeat-x!important; } th.GSprop { font-weight: bolder!important; margin: 5px !important; white-space:nowrap !important; padding: 2px!important;} th.GSprop.right { text-align: right!important; } table.GSprop tbody.GSprop tr.GSprop {background: #F3F5F7!important;} table.GSprop tbody.GSprop tr.GSprop.odd {background: #F0F2F4!important;} table.GSprop tbody.GSprop tr.GSprop:hover {background: #EAECEE!important; color: #111!important;} table.GSprop tfoot.GSprop td.GSprop, table.GSprop tfoot.GSprop th.GSprop, table.GSprop tfoot.GSprop tr.GSprop { text-align: left!important; font: 120% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif!important; text-transform: uppercase!important; background: #fff!important; padding: 10px!important; } /* http://www.sencha.com/forum/showthread.php?77984-Field-help-text-plugin. */ .x-form-helptext { font-size: 9px; color: #888; white-space: normal; padding-bottom:3px; } .x-superboxselect-x-flag, body.ext-ie7 .x-superboxselect-x-flag, body.ext-ie6 .x-superboxselect-x-flag { background-image: url(../../../assets/rapidapp/misc/static/s.gif); background-repeat: no-repeat; background-position: 2px center; padding-left: 21px !important; white-space: normal !important; /*text-indent: 17px !important;*/ } /* .x-superboxselect-item-close {background: url(close.png) no-repeat scroll left 0px; border: none; cursor: default; font-size: 1px; height: 16px;padding:0; position: absolute; right: 0px; top: 2px; width: 13px;display:block;cursor:pointer;} */ .x-superboxselect-item-read-only .x-superboxselect-item-close {visibility: hidden; background-image: none; border: none; cursor: default; font-size: 1px; height: 0px;padding:0; position: absolute; right: 0px; top: 2px; width: 0px;display:block;cursor:pointer;} .x-superboxselect-item-read-only { -moz-border-radius:6px 6px 6px 6px !important; background-color:#E7E7E7 !important; border:1px solid #D7D7D7 !important; padding:1px 15px 1px 5px !important; position:relative !important; color: black; } .read-only-formfield { background-color: transparent!important; border-color: transparent!important; background-image:none!important; /* # the normal text field has padding-top: 2px which makes the text sit towards # the bottom of the field. We set top and bot here to move one of the px to the # bottom so the text will be vertically centered but take up the same vertical # size as a normal text field: */ padding-top:1px!important; padding-bottom:1px!important; } .RapidApp-dt s { display: none; } table.r-simple-table, .r-simple-table table { border: 1px solid #DDDDDD; } table.r-simple-table td, .r-simple-table table td { padding: 2px 8px 2px 3px; } table.r-simple-table th, .r-simple-table table th { padding: 2px 15px 2px 5px; font-weight: bold; } table.r-simple-table tr, .r-simple-table table tr { background: white; } table.r-simple-table tr:nth-child(2n+1), .r-simple-table table tr:nth-child(2n+1) { background: #F8F8F8; } table.r-simple-table tr > td:first-child, .r-simple-table table tr > td:first-child { font-weight: bold; } .appsuperbox-create-item { background:url(../../../assets/rapidapp/misc/static/images/add.png) center right no-repeat; padding:0px 18px 0px 1px; width: 30; cursor: pointer; font-size: 12px; font-family: arial; white-space:nowrap; color: darkgray; font-weight: bold; float:left; clear:both; border-bottom-width: 1px; border-color: transparent; cursor: pointer; } .appsuperbox-create-item:hover { border-bottom-style: dotted; border-color: blue; color: blue; } .bgtask-terminal { font-family: Pragmata, Menlo, 'DejaVu LGC Sans Mono', 'DejaVu Sans Mono', Consolas, 'Everson Mono', 'Lucida Console', 'Andale Mono', 'Nimbus Mono L', 'Liberation Mono', FreeMono, 'Osaka Monospaced', Courier, 'New Courier', monospace; padding: 0.5em; } .bgtask-terminal * { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ /* width: 99%; */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } /* alternative to x-grid3-dirty-cell, not currently in use */ .border-dirty { border-width:5px 0px 0px 5px; -moz-border-image:url("../../../assets/rapidapp/misc/static/images/dirty.gif") 50% 50% 50% 50% stretch; -webkit-border-image:url("../../../assets/rapidapp/misc/static/images/dirty.gif") 50% 50% 50% 50% stretch; border-image: url("../../../assets/rapidapp/misc/static/images/dirty.gif") 50% 50% 50% 50% stretch; } .menu-field-current-value { font-weight: bold; background-repeat: no-repeat; background-position: right center; background-image: url(../../../assets/rapidapp/misc/static/images/checkbox_yes.png); } .ra-batch-edit-heading { font-size: 1.7em; font-weight: bold; text-align: center; padding-bottom:15px; } .ra-batch-edit-heading span.num { color: green; font-size:1.25em; font-weight:900; } .ra-batch-edit-sub-heading { text-align: center; padding-bottom:20px; color:gray; } .ra-batch-edit-sub-heading .warn-line { padding-top:10px; } .ra-batch-edit-sub-heading span.warn { font-weight: bold; color: #DAA520; } .ra-searchbox-info .ra-relative-date { font-size: 11px; font-family: arial,tahoma,verdana,helvetica; color: #333333; background-image: url(../../../assets/rapidapp/misc/static/images/gears_view_48x48.png); background-repeat: no-repeat; background-position: 30px 8px; padding:2px; } .ra-searchbox-info .ra-relative-date .title { text-align: center; font-size: 2.4em; font-weight: bold; padding-left: 6px; padding-top:10px; padding-bottom: 10px; line-height: 48px; opacity:0.9; } .ra-searchbox-info div.mode-section { border: 1px hidden; border-radius: 5px; padding-left:10px; padding-right:5px; padding-bottom:5px; margin-top:5px; } .ra-searchbox-info div.active-mode { border: 1px dashed crimson !important; } .ra-searchbox-info h3 { font-size: 1.3em; color:navy; } .ra-searchbox-info div.active-mode h3 { } .ra-searchbox-info h5 { font-size: 1.1em; font-weight: normal; opacity:0.7; padding-left:7px; padding-bottom: 10px; padding-top:2px; } .ra-searchbox-info .ra-relative-date .sub { padding-bottom: 6px; padding-left:4px; } .ra-searchbox-info .ra-relative-date span.active { display:inline; } .ra-searchbox-info .ra-relative-date span.active i { color: crimson !important; opacity: 0.6; font-size:.8em; } .ra-relative-date { font-size: 11px; font-family: arial,tahoma,verdana,helvetica; color: #333333; background-image: url(../../../assets/rapidapp/misc/static/images/clock_run_24x24.png); background-repeat: no-repeat; background-position: 4px 2px; } .ra-relative-date .title { text-align: center; font-size: 1.6em; padding-left: 18px; padding-top:2px; padding-bottom: 8px; line-height: 24px; } .ra-relative-date .mono { font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif; color: gray !important; } .ra-relative-date .sub { padding-bottom: 6px; } .ra-relative-date .examples { font-weight: bold; } .ra-relative-date table { padding-left:5px; } .ra-relative-date ul { padding-top: 4px; padding-left: 12px; padding-bottom: 6px; } .ra-relative-date li { padding: 1px; white-space: nowrap; font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif; color: gray; } .ra-relative-date-renderval { display: block; padding-top: 5px; font-size: 11px; font-family: arial,tahoma,verdana,helvetica; font-style: italic; text-align: center; vertical-align:middle; width:100%; color: gray; } .ra-relative-date-renderval sup { vertical-align: baseline; font-size: 0.7em; position: relative; top: -0.3em; } .ra-relative-date-renderval span { font-style: normal; font-weight: bold; font-variant: small-caps; } .ra-footer { font-size: 10.5px; font-family: arial,tahoma,verdana,helvetica; background-color: #EAEAEA; color: #666666; vertical-align: middle; } .ra-footer .wrap { height: 17px; border-style: solid; border-color: #D0D0D0; border-top-width: 0px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; } .ra-footer td { vertical-align:middle; padding-right:5px; white-space: nowrap; } .ra-footer td.left { padding-left:5px; text-align:left; background-image: url(../../../assets/rapidapp/misc/static/images/rapidapp_powered_logo_tiny.png); background-repeat: no-repeat; background-position: left center; } .ra-footer td a.left { text-align:left; background-image: url(../../../assets/rapidapp/misc/static/images/rapidapp_powered_logo_tiny.png); background-repeat: no-repeat; background-position: left center; display: block; width:99px; height:14px; float:left; } .ra-footer td a.ra-autopanel-reloader { margin-left:7px; margin-bottom: 5px; } .ra-footer td.center { text-align:center; } .ra-footer td.right { text-align:right; } .ra-datastore-app-field { display: block; padding-top: 2px; padding-right: 12px; padding-bottom: 1px; padding-left: 20px; position: relative; z-index: 2; cursor: pointer; background-color: #FFFFFF; /*background-image: url("../images/default/form/text-bg.gif");*/ border: 1px solid; border-color: #C1C1C1; min-height: 15px; background-image: url(../../../assets/rapidapp/misc/static/images/bullet_arrow_down.png); background-repeat: no-repeat; background-position: 2px center; font: 11px tahoma,arial,helvetica,sans-serif; color: #333333; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; } .ra-wrap-on { white-space: normal !important; } .ra-datastore-app-field-invalid { border-color: #CC3300 !important; background-color: #FFCCCC !important; } .ra-datastore-app-field-updating { background-image: url(../../../assets/rapidapp/misc/static/images/progress_green_blocks.gif) !important; background-position: 4px center; padding-right: 2px !important; padding-left: 30px !important; color: #B3B3B3 !important; font-style:italic !important; font: 10px tahoma,arial,helvetica,sans-serif !important; } .ra-bold-grid-row .x-grid3-cell-inner { font-weight: bold; font-size: 1.1em; color: #800080; text-shadow:1px 1px 2px #989898; } .ra-combo-select-none { color: darkgray !important; font-style: italic !important; padding-left: 8px; padding-right: 8px; padding-bottom: 3px; font-size: 1.1em; } .ra-exception-heading { background-image: url(../../../assets/rapidapp/misc/static/icon-error.gif); background-repeat: no-repeat; background-position: 10px center; padding-left:60px; color: #333333; font: 16px tahoma,arial,helvetica,sans-serif; font-weight: bold; top: 10px; padding-top:15px; padding-bottom:15px; } .ra-exception-heading .ra-icon-refresh { font-weight:normal; vertical-align:baseline; font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif; } .ra-exception-body * { word-wrap: break-word; } .ra-exception-body pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; } .ra-autopanel-error { font-size: 1.2em; position:absolute; top: 0px; right: 25px; bottom: 0px; left:5px; } .ra-autopanel-error .msg { padding-top: 15px; font-size: 1.2em; font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif; color: gray; position:absolute; top: 45px; right: 0px; bottom: 0px; left:0px; min-height: 200px; } .ra-autopanel-error .retry-foot { position:absolute; right: 0px; bottom: 10px; left:0px; } /* general purpose search box styles */ .ra-search-box { position: relative; width: 100%; margin: 0; } .ra-search-form { height: 30px; border: 1px solid #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; overflow: hidden; } .ra-search-text { font-size: 14px; color: #ddd; border-width: 0; background: transparent; } .ra-search-box input[type="text"] { width: 90%; padding: 9px 0 6px 1em; color: #333; outline: none; color: #083772; font-family: "Lucida Console", Monaco, monospace; font-weight: bold; } /* .ra-search-box input::-webkit-input-placeholder { color: #999; font-weight: normal; font-family: Arial,Helvetica,sans-serif; padding: 8px 0 6px 1em; } .ra-search-box input:-moz-placeholder { color: #999; font-weight: normal; font-family: Arial,Helvetica,sans-serif; padding: 8px 0 6px 1em; } .ra-search-box input:-ms-input-placeholder { color: #999; font-weight: normal; font-family: Arial,Helvetica,sans-serif; padding: 8px 0 6px 1em; } */ .ra-search-button { position: absolute; top: 0; right: 0; height: 32px; width: 40px; font-size: 14px; color: #fff; text-align: center; line-height: 32px; border-width: 0; background-color: #999; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; cursor: pointer; } .ra-search-box-heading { font-size: 14px; font-family: Arial,Helvetica,sans-serif; color: #666666; font-weight: bold; padding-bottom:2px; padding-left:1px; } /* ----- Overrides to prevent editors from being chopped when they are larger than the grid, happens especially in Property Grid when editing the last field/row when it is a multi-line editor, like a textarea or html editor. TODO: make sure this doesn't cause problems someplace else * UPDATE -- it did cause problems someplace else, with broken scrolling in windows rendered in grids. Fixed the problem by changing the below rules to direct child '>' instead of ' ' in the selector paths & verififed it still does what is needed */ .x-grid-panel>.x-panel-bwrap, .x-grid-panel>.x-panel-bwrap>.x-grid-panel>.x-panel-body, .x-grid-panel>.x-panel-bwrap>.x-panel-body, .x-grid-panel>.x-panel-bwrap>.x-panel-body>.x-grid3, .x-grid-panel>.x-panel-bwrap>.x-panel-body>.x-grid3>.x-grid3-viewport { overflow: visible !important; } /* ----- */ .ra-override-cursor-default, .ra-override-cursor-default * { cursor: default !important; } /* http://blog.kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/ */ .hyphen-wrap { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .ra-ra-icon-actioncolumn { height: 16px; width: 16px; } /* Needed to fix new default in Ext 3.4.1 */ a:hover, a:hover * { cursor: pointer; } .x-tab-strip-active a:hover, .x-tab-strip-active a:hover * { cursor: default; } /* Use this class (with an icon class) in iconCls for the special case where you want a tab to have an icon only, no text title, and have the icon display nicely centered in the tab. This is hard coded for 16px width icons. Note that you *must* also set the 'title' to   for the proper/consistent height. This is used by AppExplorer for the dashboard tab (home icon) */ .ra-tab-icon-only-16px { background-position: 4px 3px !important; padding-left: 0px !important; width: 20px !important; } /* Added to fix Github Issue #12 - we want to make sure any spans *inside* tab titles are inline instead of block so they don't wrap */ .x-tab-strip .x-tab-strip-text span { display: inline; } /* used for the red asterisk appended to tabs with unsaved changes: #c00000 (shade of red) is the same color as 'dirty.gif' (dirty cell corner triangle icon) */ .ra-tab-dirty-flag { font-weight:bold; font-size:1.2em; line-height: 1em; color:#c00000; } .ra-grid-tb-query-time { /* light gray */ color:#b3b3b3 !important; font-size:0.85em !important; line-height: 0.93em !important; } /* padding only in the toolbar; not in the overflow menu: */ .xtb-text.ra-grid-tb-query-time { padding-left:6px !important; padding-bottom:4px !important; min-width: 50px; white-space: normal; word-wrap: break-word; text-align: center; } /* Hide autopanel reloaders unless they are within an AutoPanel*/ .ra-autopanel-reloader { visibility: hidden; } .ra-ap-body .ra-autopanel-reloader { visibility: visible; } /* Selector path/rule to apply borders _ONLY_ when rendered directly within an AutoPanel */ .ra-ap-body > .ra-ap-borders, .ra-ap-body > div > .ra-ap-borders, .ra-ap-body > div > div > .ra-ap-borders { border: 1px solid #D0D0D0; } .ra-autopanel-reloader { color: navy; } .ra-autopanel-reloader:hover { color: blue; cursor:pointer; text-decoration:underline; } /* Need this for the nested navtrees to horizontally scroll together TODO: this is a hack, and the mouse-over/highlight of tree nodes is not currently working properly (chopped off) */ #main-navtrees-container .x-panel-body, #main-navtrees-container .x-panel-bwrap, #main-navtrees-container .x-tree { overflow: visible; } /* Hide nav links when there is no nav target*/ .ra-nav-link { visibility: hidden; } #main-load-target .ra-nav-link { visibility: visible; } .ra-null-val { color:darkgrey; } .ra-dirty-display-val { opacity: 0.8; font-style: italic; border-bottom: 1px dotted #c00000; } .ra-hex-string { color: #083772; font-family: "Lucida Console", Monaco, monospace !important; font-size: 0.8em !important; } /* lighter version of the standard grey combo trigger */ .ra-x-form-arrow-trigger-light { background-image: url(../../../assets/rapidapp/misc/static/images/trigger-square-light.gif) !important; } /* http://stackoverflow.com/a/5108367 */ .ra-wrapword, .ra-wrapword * { white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -webkit-pre-wrap; /*Chrome & Safari */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* css-3 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ word-break: break-all; white-space: normal; } /* Added for shorten_tab_titles feature by GETTY */ .ra-short-tab-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .wrapword { white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* css-3 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/ word-break: break-all; white-space: normal; } /* This selector will match the tab strip loaded via /rapidapp/module/navable and put the top border on which is disabled when rendered within the explorer, because it already supplies borders */ body > #main-load-target > .x-tab-panel-header { border-top-width:1px; border-left-width:1px; border-right-width:1px; } /* Fix CSS bug in ExtJS -- the "noborder" settings of panels which are nested within grids do not work due to an apparent bug in ExtJS CSS. The 'border' style/rules of the grid end up being more specific (and thus higher priority) than the noborder rule, and so the border style meant for the grid's panel body get applied to child panel body's, even though they have border: false and/or bodyBorder: false. Here we repeat the same rule that is already in place, but prepend x-grid-panel to make it have higher priority. This has been a long standing, annoying bug for a long time (note, this bug fix might break things which relied on the bug) */ .x-grid-panel .x-panel-noborder .x-panel-body-noborder { border-width:0; } /* This style draws a line between the the form-panel items and the buttons, which is only really important when there are enough items to force to scroll. It is designed to work with the 'frame: true' setting, which is set in StoreCmp. This isn't perfect, but its better than nothing and is safe, since the panel 'frame' setting is a complex beast. */ .ra-datastore-add-edit-form>.x-panel-bwrap>.x-panel-bl { border-top: 1px solid #D0D0D0; } .ra-paging-total-count-btn button { font-size:1.1em; color:#083772; padding-left: 0px !important; margin-left: 0px; padding-right: 0px !important; margin-bottom: -3px; } .ra-paging-total-count-btn button .off { font-size:.9em; color:grey; font-style: italic !important; margin-left: 4px; /*border-bottom: 1px dotted grey; font-family: "Lucida Console", Monaco, monospace;*/ } /* see logic in 950-mutation-observers.js */ .ra-mo-expandable-max-height { display: block; overflow: hidden; } .pad-top-10px { padding-top: 10px; } .pad-top-7px { padding-top: 7px; } .pad-top-bottom-7px { padding-top: 7px; padding-bottom: 7px; } .pad-bottom-7px { padding-bottom: 7px; } .pad-top-bottom-4px { padding-top: 4px; padding-bottom: 4px; } .pad-top-7px-bottom-4px { padding-top: 7px; padding-bottom: 4px; } /* .appdv-edit-box { visibility:hidden; position: absolute; top: 0; right: 0; padding-top:4px; padding-left:4px; cursor: pointer; z-index:500; font-size: 10px; font-family: arial; background:url(../../../assets/rapidapp/misc/static/images/pencil_tiny.png) center right no-repeat floralwhite; padding:1px 14px 1px 1px; white-space:nowrap; color: blue; font-weight: normal; text-decoration:underline; border-style: dotted; border-width: 1px; border-color: blue; } .appdv-field-value:hover, .appdv-field-value:hover .appdv-edit-box { visibility:visible; } .appdv-edit-box + .save, .appdv-edit-box + .cancel, .editing .appdv-edit-box { display:none; } .editing .appdv-edit-box + .save, .editing .appdv-edit-box + .cancel { display:block; visibility:visible; position: relative; background: floralwhite; padding-right: 1px; float:right; } .editing .appdv-edit-box + .save { background:url(../../../assets/rapidapp/misc/static/images/bullet_disk.png) center right no-repeat floralwhite; padding-right: 15px; float:left; } */ /****************** edit-record-toggle *****************/ .appdv-tt-generated .edit-record-toggle.default { padding: 4px; } .record-update .appdv-tt-generated .edit-record-toggle .edit { display:none!important; } .appdv-tt-generated .edit-record-toggle .edit, .appdv-tt-generated .edit-record-toggle .save, .appdv-tt-generated .edit-record-toggle .cancel { display: none; visibility:hidden; } .appdv-tt-generated .edit-record-toggle.default .edit, .appdv-tt-generated .edit-record-toggle.default .save, .appdv-tt-generated .edit-record-toggle.default .cancel { width: 30; padding:4px 14px 1px 1px; cursor: pointer; font-size: 11px; line-height: 12px; font-family: arial; white-space:nowrap; color: blue; font-weight: bold; border-bottom-width: 1px; border-bottom-style: dotted; border-color: transparent; } .appdv-tt-generated .edit-record-toggle.default .edit:hover, .appdv-tt-generated .edit-record-toggle.default .save:hover, .appdv-tt-generated .edit-record-toggle.default .cancel:hover { border-color: blue; } .appdv-tt-generated .edit-record-toggle .edit { display:inline-block; } .editing-record .appdv-tt-generated .edit-record-toggle .edit, .ra-dsapi-deny-update .appdv-tt-generated .edit-record-toggle .edit { display:none; } .record-over:hover .appdv-tt-generated .edit-record-toggle .edit { visibility:visible; } .editing-record .appdv-tt-generated .edit-record-toggle .save, .editing-record .appdv-tt-generated .edit-record-toggle .cancel { visibility:visible; display:inline-block; } .appdv-tt-generated .edit-record-toggle.default .edit { background:url(../../../assets/rapidapp/misc/static/images/pencil_tiny.png) center right no-repeat; } .appdv-tt-generated .edit-record-toggle.default .save { background:url(../../../assets/rapidapp/misc/static/images/bullet_disk.png) center right no-repeat; } .appdv-tt-generated .edit-record-toggle.default .cancel { background:url(../../../assets/rapidapp/misc/static/images/bullet_cross.png) center right no-repeat; } /****************** END edit-record-toggle *****************/ /****************** record-delete *****************/ .appdv-tt-generated .delete-record, .appdv-tt-generated .print-view { display:inline-block; background:url(../../../assets/rapidapp/misc/static/images/cross.png) center right no-repeat; padding:0px 23px 0px 1px; width: 30px; cursor: pointer; font-size: 12px; line-height: 16px; font-family: arial; white-space:nowrap; color: darkgray; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-color: transparent; cursor: pointer; } .appdv-tt-generated .print-view { background:url(../../../assets/rapidapp/misc/static/images/printer.png) center right no-repeat; } .rapidapp-printview .appdv-tt-generated .print-view { display: none !important; } .appdv-tt-generated .delete-record:hover, .appdv-tt-generated .print-view:hover { border-bottom-style: dotted; border-color: blue; color: blue; } /* .editing-record .appdv-tt-generated .delete-record, .ra-dsapi-deny-destroy .appdv-tt-generated .delete-record { display: none !important; } */ /* This rule has been moved into 510-AppDV.js to be dynamically generated for each AppDV on an experimental basis. If this works out, many more styles will moved to be generated this way, to avoid rules of nested AppDV modules from conflicting ra-dsapi-deny-destroy .appdv-tt-generated .delete-record, */ .editing-record .appdv-tt-generated .delete-record { display: none !important; } @media print { .appdv-tt-generated .delete-record { display: none !important; } } /****************** END record-delete *****************/ /* .appdv-editable-value { padding-right: 14px; } .appdv-editable-value:hover { background:url(../../../assets/rapidapp/misc/static/images/pencil_tiny.png) center right no-repeat; cursor: pointer; } .appdv-editable-value:hover span { border-bottom-style: dotted; border-bottom-width: 1px; border-color: blue; } */ /****************** appdv-edit-field ******************/ .appdv-edit-field .icons { width:24px; } .appdv-edit-field .icons div { width: 12px; /*float:left;*/ cursor: pointer; visibility: hidden; } .editing-record .appdv-edit-field .icons div, .record-update .appdv-edit-field .icons div, .non-phantom .no-edit .appdv-edit-field .icons div, .ra-dsapi-deny-update .non-phantom .appdv-edit-field .icons div { visibility: hidden !important; } .appdv-edit-field .icons .edit { width: 14px; visibility: visible; background:url(../../../assets/rapidapp/misc/static/images/pencil_tiny_gray.png) right center no-repeat; } .appdv-edit-field .icons .save { background:url(../../../assets/rapidapp/misc/static/images/bullet_disk.png) center center no-repeat; display:none; } .appdv-edit-field .icons .cancel { background:url(../../../assets/rapidapp/misc/static/images/bullet_cross.png) center center no-repeat; display:none; } .appdv-edit-field:hover .icons .edit { visibility: visible; background:url(../../../assets/rapidapp/misc/static/images/pencil_tiny.png) right center no-repeat; } .appdv-edit-field .data-holder, .onepx-transparent-border-bottom { border-bottom-style: dotted; border-bottom-width: 1px; border-color: transparent; } /* prevent inheriting padding from parents */ .appdv-edit-field td, .appdv-edit-field tr { padding: 0px !important; } .appdv-edit-field:hover .data-holder { border-color: blue; cursor: pointer; } .non-phantom .no-edit .appdv-edit-field:hover .data-holder, .ra-dsapi-deny-update .non-phantom .appdv-edit-field:hover .data-holder { border-color: transparent; cursor: default; } .editing .appdv-edit-field .icons .save, .editing .appdv-edit-field .icons .cancel { display:inline-block; visibility: visible; } .editing .appdv-edit-field .icons .edit { visibility: hidden; display:none; } /****************** END appdv-edit-field ******************/ /****************** appdv-edit-bigfield ******************/ div.appdv-edit-bigfield { position:relative; min-height: 20px; } div.appdv-edit-bigfield .data-wrapper .data-holder { padding-right: 50px; /* make room for *edit* */ } .editing-record .appdv-edit-bigfield .icons div, .record-update .appdv-edit-bigfield .icons div, .non-phantom .no-edit .appdv-edit-bigfield .icons div, .ra-dsapi-deny-update .non-phantom .appdv-edit-bigfield .icons div { display:none !important; } .appdv-edit-bigfield div.edit, .appdv-edit-bigfield div.save, .appdv-edit-bigfield div.cancel { display:none; position: absolute; top: 0; right: 0; padding-top:4px; padding-left:4px; cursor: pointer; z-index:500; font-size: 10px; line-height: 11px; font-family: arial; padding:2px 16px 2px 2px; margin-right:1px; white-space:nowrap; color: blue; font-weight: normal; border-style: dotted; border-width: 1px; border-color: blue; } .appdv-edit-bigfield .icons .edit { display:block; color:transparent; border-color: transparent; background:url(../../../assets/rapidapp/misc/static/images/bullet_pencil_gray.png) center right no-repeat; } .appdv-edit-bigfield:hover .icons .edit { color:grey; } .appdv-edit-bigfield:hover .icons:hover .edit { color: blue; border-color: blue; text-decoration:underline; background:url(../../../assets/rapidapp/misc/static/images/bullet_pencil.png) center right no-repeat floralwhite; } .appdv-edit-bigfield .icons .save { background:url(../../../assets/rapidapp/misc/static/images/bullet_disk.png) center right no-repeat floralwhite; } .appdv-edit-bigfield .icons .cancel { background:url(../../../assets/rapidapp/misc/static/images/bullet_cross.png) center right no-repeat floralwhite; } .appdv-edit-bigfield:hover .icons, .appdv-edit-bigfield:hover .icons .edit { display:block; } .editing .appdv-edit-bigfield .icons .edit, .appdv-edit-bigfield:hover .icons .save, .appdv-edit-bigfield:hover .icons .cancel { display:none; } .editing .appdv-edit-bigfield .icons .save, .editing .appdv-edit-bigfield .icons .cancel { display:block; visibility:visible; position: relative; float:right; } .editing .appdv-edit-bigfield .icons .save:hover, .editing .appdv-edit-bigfield .icons .cancel:hover { color:#B8860B; } div.appdv-edit-bigfield .icons .pseudo-edit-wrapper { display:none; position: absolute; top: 0; right: 0; bottom: -2px; left: -2px; border-top-style: none; border-right-style: none; border-top-width: 0px; border-right-width: 0px; border-left-style: dotted; border-bottom-style: dotted; border-left-width: 1px; border-bottom-width: 1px; border-color: blue; } .appdv-edit-bigfield .icons .edit:hover + .pseudo-edit-wrapper { display:block !important; } /****************** END appdv-edit-bigfield ******************/ /* override to hide edit items if "no_update" is set and delete if no_destroy is set: */ .no_update .edit, .no_destroy .delete-record { display: none !important; } /* .appdv-tt-generated .clickable .editable-value .data { padding-right: 14px; } .appdv-tt-generated .clickable .editable-value .data:hover { background:url(../../../assets/rapidapp/misc/static/images/pencil_tiny.png) center right no-repeat; cursor: pointer; } .appdv-tt-generated .clickable .editable-value .data:hover span { border-bottom-style: dotted; border-bottom-width: 1px; border-color: blue; } .appdv-tt-generated .clickable .editable-value .save, .appdv-tt-generated .clickable .editable-value .cancel { position: absolute; top: 0; right: 0; padding-top:4px; padding-left:4px; cursor: pointer; z-index:500; font-size: 10px; font-family: arial; background:url(../../../assets/rapidapp/misc/static/images/pencil_tiny.png) center right no-repeat floralwhite; padding:1px 14px 1px 1px; white-space:nowrap; color: blue; font-weight: normal; text-decoration:underline; border-style: dotted; border-width: 1px; border-color: blue; } .appdv-tt-generated .clickable .editable-value + .editing .save, .appdv-tt-generated .clickable .editable-value + .editing .cancel { visibility:visible; } */ /************************************/ /************************************************************************** NEW: AppDV inline styles The 'inln' class is applied to edit-fields within AppDV server-side code at multiple levels in order to make it so that this: Foo is [% r.autofield.foo %] said Joe. Will render roughly the same as: Foo is {foo} said Joe. But the former with support inline edit controls */ div.appdv-tt-generated.inln, div.appdv-tt-generated .inln, div.appdv-tt-generated .appdv-edit-field * { display: inline-block; max-width:100%; } /* Special block 'blk' override, used for fields like cas-image-field */ /* This right now is about the best we can do, which is to position the edit icons to the outside on the right. We set a margin to make room, but this margin probably won't be honored depending on the content, such is the case of autosized using with max-width:100%. This just means the user markup should leave a little extra gap if the img is oversized and they don't want overlap */ div.appdv-tt-generated.blk .appdv-edit-field.inln { position:relative; margin-right:25px; } div.appdv-tt-generated.blk .appdv-edit-field.inln .icons { position:absolute; top:0; right:-23px; display: inline-block; } /**************************************************************************/ div.appdv-tt-generated .editable-value .appdv-edit-field .data-holder { line-height: 100%; padding-bottom:2px; } .appdv-tt-generated .clickable { cursor: pointer; } .appdv-tt-generated .appdv-edit-bigfield .data-wrapper { cursor: default; } .ra-dsbtn-deny-add .appdv-tt-generated .store-button.add, .ra-dsapi-deny-create .appdv-tt-generated .store-button.add, .ra-dsbtn-deny-edit .appdv-tt-generated .store-button.edit, .ra-dsapi-deny-update .appdv-tt-generated .store-button.edit, .ra-dsbtn-deny-delete .appdv-tt-generated .store-button.delete, .ra-dsapi-deny-destroy .appdv-tt-generated .store-button.delete, .ra-dsbtn-deny-reload .appdv-tt-generated .store-button.reload, .ra-dsbtn-deny-save .appdv-tt-generated .store-button.save, .ra-dsbtn-deny-undo .appdv-tt-generated .store-button.undo { opacity: 0.2; cursor: default; } /* Give enough room for the dirty flag to display (needed to see it with content like images) */ .appdv-tt-generated .x-grid3-dirty-cell { padding-left:5px; } .appdv-rec-invalids .appdv-tt-generated .edit-record-toggle .save, .appdv-tt-generated .appdv-field-invalid .appdv-edit-field .icons .save { cursor: default; pointer-events: none; opacity: 0.5; } /* appdv-fill-absolute class name can be set on a tag which encloses a big-field where it uses absolute positioning and you want the field and its editor to fill the area completely. This is useful for very large text areas that are the last elements of a page. */ .appdv-fill-absolute { height:100%; } .appdv-fill-absolute > .appdv-tt-generated { position: relative; height: 100%; width: 100%; } .appdv-fill-absolute > .appdv-tt-generated > .clickable, .appdv-fill-absolute > .appdv-tt-generated > .clickable > .editable-value { max-height: 100%; max-width: 100%; } .appdv-fill-absolute > .appdv-tt-generated > .clickable > .editable-value > .appdv-edit-bigfield, .appdv-fill-absolute > .appdv-tt-generated > .clickable > .editable-value > .appdv-edit-field { position: static; max-height: 100%; max-width: 100%; } .appdv-fill-absolute > .appdv-tt-generated > .clickable > .editable-value > .appdv-edit-bigfield .data-holder, .appdv-fill-absolute > .appdv-tt-generated > .clickable > .editable-value > .appdv-edit-bigfield .field-holder .x-form-field, .appdv-fill-absolute > .appdv-tt-generated > .clickable > .editable-value > .appdv-edit-field .data-holder, .appdv-fill-absolute > .appdv-tt-generated > .clickable > .editable-value > .appdv-edit-field .field-holder .x-form-field, .appdv-fill-absolute > .appdv-tt-generated .appdv-fill-absolute-target-rule { position: absolute; top: 0px; right:0px; bottom: 0px; left: 0px; overflow: auto; overflow-x: hidden; text-overflow: ellipsis; padding:0px; margin: 0px; } .appdv-fill-absolute.space-for-icons > .appdv-tt-generated > .clickable > .editable-value > .appdv-edit-bigfield .data-holder, .appdv-fill-absolute.space-for-icons > .appdv-tt-generated > .clickable > .editable-value > .appdv-edit-bigfield .field-holder .x-form-field, .appdv-fill-absolute.space-for-icons > .appdv-tt-generated .appdv-edit-bigfield .appdv-fill-absolute-target-rule { bottom: 17px; } .appdv-fill-absolute > .appdv-tt-generated > .clickable > .editable-value > .appdv-edit-bigfield .icons { position: absolute; bottom:0px; right:0px; } .appdv-fill-absolute.space-for-icons > .appdv-tt-generated > .clickable > .editable-value > .appdv-edit-field .data-holder, .appdv-fill-absolute.space-for-icons > .appdv-tt-generated > .clickable > .editable-value > .appdv-edit-field .field-holder .x-form-field, .appdv-fill-absolute.space-for-icons > .appdv-tt-generated .appdv-fill-absolute-target-rule { right: 38px; } .appdv-fill-absolute > .appdv-tt-generated > .clickable > .editable-value > .appdv-edit-field .icons { position: absolute; right:0px; bottom:2px; } .appdv-fill-absolute > .appdv-tt-generated > .clickable > .editable-value > .appdv-edit-bigfield .icons > *, .appdv-fill-absolute > .appdv-tt-generated > .clickable > .editable-value > .appdv-edit-field .icons > * { float:right; position: relative; } /* [OPTIONAL] -- may be used for either Ext.grid.GroupSummary / Ext.ux.grid.GridSummary plugins */ .x-grid3-summary-row{border-left:1px solid #fff;border-right:1px solid #fff;color:#333;background:#f1f2f4;} .x-grid3-summary-row .x-grid3-cell-inner{font-weight:bold;padding-bottom:4px;} /*.x-grid3-cell-first .x-grid3-cell-inner{padding-left:16px;}*/ .x-grid-hide-summary .x-grid3-summary-row{display:none;} .x-grid3-summary-msg{padding:4px 16px;font-weight:bold;} /* [REQUIRED] (by Ext.ux.grid.GridSummary plugin) */ .x-grid3-gridsummary-row-inner{overflow:hidden;width:100%;}/* IE6 requires width:100% for hori. scroll to work */ .x-grid3-gridsummary-row-offset{width:10000px;} .x-grid-hide-gridsummary .x-grid3-gridsummary-row-inner{display:none;} .ra-change-pw-heading { background-repeat: no-repeat; background-position: left top; background-image: url(../../../assets/rapidapp/misc/static/images/keys.png) !important; padding-left: 128px; padding-top: 15px; min-height: 128px; min-width: 160px; font-size: 30px; font-family: Arial,Helvetica,sans-serif; color: #666666; text-align: center; } .ra-change-pw-heading .sub { padding-top:20px; font-size: .6em; } /* file was deleted */ /* Styles for inline Template editing (RapidApp::Template::Controller) */ /* Templates directly within ExtJS Panel Bodys (i.e. Tabs) should fill the full area for max flexibility: */ .x-panel-body>.ra-template { height: auto; width: 100%; } /* Special case for templates with template_css_class set to 'ra-doc' (default). Set the padding *only* on the topmost template. This needs to be set here instead of in ra-doc.css because we don't want it applied to nested templates */ .ra-scoped-reset.ra-doc { padding: 2px 5px; } .ra-template { position: relative; min-height: 40px; min-width: 40px; } .ra-template>.edit { position: absolute; z-index: 100; top: 0; right: 0; height: 40px; width: 40px; opacity: 0.2; display:none; } /* Nesting - handled up to 5 levels deep */ .ra-template .ra-template>.edit { top: 2px; right: 15px; opacity: 0.16; } .ra-template .ra-template .ra-template>.edit { top: 4px; right: 30px; opacity: 0.12; } .ra-template .ra-template .ra-template .ra-template>.edit { top: 6px; right: 45px; opacity: 0.08; } .ra-template .ra-template .ra-template .ra-template .ra-template>.edit { top: 8px; right: 60px; opacity: 0.04; } .ra-template .ra-template .ra-template .ra-template .ra-template .ra-template>.edit { top: 10px; right: 75px; opacity: 0.02; } .ra-template:hover>.edit { display: block; } .ra-template>.edit:hover { cursor: pointer !important; opacity: 1 !important; } .ra-template>.not-exist, .ra-template>.tpl-error { margin: 10px; padding: 15px; border-width: 1px; background-color: #FAFAFA; border-color: orange; border-style: dashed; color: #2F2F2F; font-size: 16px; font-weight: bolder; font-family: arial, verdana, tahoma, sans-serif; display: block; } .ra-template>.tpl-error { border-color: crimson; } .ra-template>.tpl-error>.error-msg { color: crimson; font-size: 13px; padding-top: 10px; padding-left: 20px; padding-bottom: 5px; } .ra-template .tpl-name { font-size: 18px; padding-left: 4px; padding-right: 4px; color: navy; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; } .ra-template>.not-exist>.create { margin: 5px; padding-bottom: 1px; padding-top: 4px; padding-right: 5px; padding-left: 20px; font-size: 14px; cursor: pointer; color: #06e; border-bottom: 1px dotted #888; } .ra-template>.not-exist>.create:hover { color: #00e; border-bottom: 1px solid #00e; }