commit 5d330f93732635f3ce73900821dbdf7c1c183707 Author: Alessandro_N Date: Fri Apr 17 17:10:55 2015 +0200 Change necessary to hide the top toolbar in News column diff --git a/szcluster-db/cots/extjs/resources/css/xtheme-gray-custom.css b/szcluster-db/cots/extjs/resources/css/xtheme-gray-custom.css new file mode 100644 index 0000000..238e2da --- /dev/null +++ b/szcluster-db/cots/extjs/resources/css/xtheme-gray-custom.css @@ -0,0 +1,2555 @@ +/*! + * Ext JS Library 3.4.0 + * Copyright(c) 2006-2011 Sencha Inc. + * licensing@sencha.com + * http://www.sencha.com/license + */ +.ext-el-mask { + background-color: #ccc; +} + +.ext-el-mask-msg { + border-color:#999; + background-color:#ddd; + background-image:url(../images/gray/panel/white-top-bottom.gif); + background-position: 0 -1px; +} +.ext-el-mask-msg div { + background-color: #eee; + border-color:#d0d0d0; + color:#222; + font:normal 11px tahoma, arial, helvetica, sans-serif; +} + +.x-mask-loading div { + background-color:#fbfbfb; + background-image:url(../images/default/grid/loading.gif); +} + +.x-item-disabled { + color: gray; +} + +.x-item-disabled * { + color: gray !important; +} + +.x-splitbar-proxy { + background-color: #aaa; +} + +.x-color-palette a { + border-color:#fff; +} + +.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { + border-color:#CFCFCF; + background-color: #eaeaea; +} + +/* +.x-color-palette em:hover, .x-color-palette span:hover{ + background-color: #eaeaea; +} +*/ + +.x-color-palette em { + border-color:#aca899; +} + +.x-ie-shadow { + background-color:#777; +} + +.x-shadow .xsmc { + background-image: url(../images/default/shadow-c.png); +} + +.x-shadow .xsml, .x-shadow .xsmr { + background-image: url(../images/default/shadow-lr.png); +} + +.x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{ + background-image: url(../images/default/shadow.png); +} + +.loading-indicator { + font-size: 11px; + background-image: url(../images/default/grid/loading.gif); +} + +.x-spotlight { + background-color: #ccc; +} +.x-tab-panel-header, .x-tab-panel-footer { + border : none; + background-color: #eaeaea; + border-color:#d0d0d0; + overflow:hidden; + zoom:1; +} + +.x-tab-panel-header { + padding-bottom : 0px; +} + +.x-tab-panel-header, .x-tab-panel-footer { + border-color:#d0d0d0; +} + +ul.x-tab-strip-top{ + background-image: url("/sitools/cots/extjs/resources/images/gray-custom/title3_02.png") !important; + background-position: 0 -26px !important; + background-color : transparent; + border : none; + border-bottom-color:#d0d0d0; + /*background-color:#dbdbdb; + background-image: url(../images/gray/tabs/tab-strip-bg.gif);*/ +} + +ul.x-tab-strip-bottom{ + background-color:#dbdbdb; + background-image: url(../images/gray/tabs/tab-strip-btm-bg.gif); + border-top-color:#d0d0d0; +} + +.x-tab-panel-header-plain .x-tab-strip-spacer, +.x-tab-panel-footer-plain .x-tab-strip-spacer { + border-color:#d0d0d0; + background-color: #eaeaea; +} + +.x-tab-strip span.x-tab-strip-text { + font:normal 11px tahoma,arial,helvetica; + color:#333; +} + +.x-tab-strip-over span.x-tab-strip-text { + color:#111; +} + +.x-tab-strip-active span.x-tab-strip-text { + color:#333; + font-weight:bold; +} + +.x-tab-strip-disabled .x-tabs-text { + color:#aaaaaa; +} + +/** START TAB **/ + +.x-panel-body, .x-tab-panel-body, .x-tab-panel-footer, +.x-window-plain .x-window-mc { + background-color: #FAFAFA; +} + +.x-tab-panel-bwrap, .x-tab-panel-body { + border : none; +} + +.x-fieldset { + border : 1px solid #6E7378; +} + +.x-tab-panel-header-plain .x-tab-strip-spacer, .x-tab-panel-footer-plain .x-tab-strip-spacer { + background-color: #D2EDFD; + border-color: #3D7299; +} + +.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner { + background-image: url(../images/gray-custom/tab_a.png); +} + +.x-tab-strip-top .x-tab-right { + padding-left: 8px; + background-position: 0 0; +} + +.x-tab-strip-top .x-tab-left { + padding-right: 8px; + background-position: right -100px; +} + +.x-tab-strip-top .x-tab-strip-inner { + background-position: 0 -50px; +} + +.x-tab-strip-top .x-tab-strip-over .x-tab-right { + background-position: 0 -150px; +} + +.x-tab-strip-top .x-tab-strip-over .x-tab-left { + background-position: right -250px; +} + +.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner { + background-position: 0 -200px; +} + +.x-tab-strip-top .x-tab-strip-active .x-tab-right { + background-position: 0 -300px; +} + +.x-tab-strip-top .x-tab-strip-active .x-tab-left { + background-position: right -400px; +} + +.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner { + background-position: 0 -350px; +} + +ul.x-tab-strip-bottom { + background: url(../images/gray-custom/tab_bg_b.png) repeat-x !important; + padding-bottom: 2px; + border-top-color: #AAAFB4; +} + +.x-tab-panel-noborder .x-tab-panel-footer-noborder { + background-color: #F6F7F8; + border-color: #AAAFB4; +} + +/** END TAB **/ + +.x-tab-strip-bottom .x-tab-right { + background-image: url(../images/gray/tabs/tab-btm-inactive-right-bg.gif); +} + +.x-tab-strip-bottom .x-tab-left { + background-image: url(../images/gray/tabs/tab-btm-inactive-left-bg.gif); +} + +.x-tab-strip-bottom .x-tab-strip-over .x-tab-left { + background-image: url(../images/gray/tabs/tab-btm-over-left-bg.gif); +} + +.x-tab-strip-bottom .x-tab-strip-over .x-tab-right { + background-image: url(../images/gray/tabs/tab-btm-over-right-bg.gif); +} + +.x-tab-strip-bottom .x-tab-strip-active .x-tab-right { + background-image: url(../images/gray/tabs/tab-btm-right-bg.gif); +} + +.x-tab-strip-bottom .x-tab-strip-active .x-tab-left { + background-image: url(../images/gray/tabs/tab-btm-left-bg.gif); +} + +.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { + background-image:url(../images/gray/tabs/tab-close.gif); +} + +.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{ + background-image:url(../images/gray/tabs/tab-close.gif); +} + +.x-tab-panel-body { + border-color:#d0d0d0; + background-color:#fff; +} + +.x-tab-panel-body-top { + border-top: 0 none; +} + +.x-tab-panel-body-bottom { + border-bottom: 0 none; +} + +.x-tab-scroller-left { + background-image:url(../images/gray/tabs/scroll-left.gif); + border-bottom-color:#d0d0d0; +} + +.x-tab-scroller-left-over { + background-position: 0 0; +} + +.x-tab-scroller-left-disabled { + background-position: -18px 0; + opacity:.5; + -moz-opacity:.5; + filter:alpha(opacity=50); + cursor:default; +} + +.x-tab-scroller-right { + background-image:url(../images/gray/tabs/scroll-right.gif); + border-bottom-color:#d0d0d0; +} + +.x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar { + border-color:#d0d0d0; +} +.x-form-field{ + font:normal 12px tahoma, arial, helvetica, sans-serif; +} + +.x-form-text, textarea.x-form-field{ + background-color:#fff; + background-image:url(../images/default/form/text-bg.gif); + border-color:#C1C1C1; +} + +.x-form-select-one { + background-color:#fff; + border-color:#C1C1C1; +} + +.x-form-check-group-label { + border-bottom: 1px solid #d0d0d0; + color: #333; +} + +.x-editor .x-form-check-wrap { + background-color:#fff; +} + +.x-form-field-wrap .x-form-trigger{ + /*background-image:url(../images/gray/form/trigger.gif);*/ + border-bottom-color:#b5b8c8; +} + +.x-form-field-wrap .x-form-date-trigger{ + background-image: url(../images/gray/form/date-trigger.gif); +} + +.x-form-field-wrap .x-form-clear-trigger{ + background-image: url(../images/gray/form/clear-trigger.gif); +} + +.x-form-field-wrap .x-form-search-trigger{ + background-image: url(../images/gray/form/search-trigger.gif); +} + +.x-trigger-wrap-focus .x-form-trigger{ + border-bottom-color: #777777; +} + +.x-item-disabled .x-form-trigger-over{ + border-bottom-color:#b5b8c8; +} + +.x-item-disabled .x-form-trigger-click{ + border-bottom-color:#b5b8c8; +} + +.x-form-focus, textarea.x-form-focus{ + border-color:#777777; +} + +.x-form-invalid, textarea.x-form-invalid{ + background-color:#fff; + background-image:url(../images/default/grid/invalid_line.gif); + border-color:#c30; +} + +.ext-webkit .x-form-invalid{ + background-color:#fee; + border-color:#ff7870; +} + +.x-form-inner-invalid, textarea.x-form-inner-invalid{ + background-color:#fff; + background-image:url(../images/default/grid/invalid_line.gif); +} + +.x-form-grow-sizer { + font:normal 12px tahoma, arial, helvetica, sans-serif; +} + +.x-form-item { + font:normal 12px tahoma, arial, helvetica, sans-serif; +} + +.x-form-invalid-msg { + color:#c0272b; + font:normal 11px tahoma, arial, helvetica, sans-serif; + background-image:url(../images/default/shared/warning.gif); +} + +.x-form-empty-field { + color:gray; +} + +.x-small-editor .x-form-field { + font:normal 11px arial, tahoma, helvetica, sans-serif; +} + +.ext-webkit .x-small-editor .x-form-field { + font:normal 12px arial, tahoma, helvetica, sans-serif; +} + +.x-form-invalid-icon { + background-image:url(../images/default/form/exclamation.gif); +} + +.x-fieldset { + border-color:#CCCCCC; +} + +.x-fieldset legend { + font:bold 11px tahoma, arial, helvetica, sans-serif; + color:#777777; + +} + +.x-btn{ + font:normal 11px tahoma, verdana, helvetica; + padding-right: 3px; +} + +.x-btn em { + font-style:normal; + font-weight:normal; +} + +.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{ + background-image:url(../images/gray/button/btn.gif); +} + +.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{ + color:#000; +} + +.x-btn-disabled { + color:gray !important; +} + +.x-btn-mc em.x-btn-arrow { + background-image:url(../images/default/button/arrow.gif); +} + +.x-btn-mc em.x-btn-split { + background-image:url(../images/default/button/s-arrow.gif); +} + +.x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split { + background-image:url(../images/gray/button/s-arrow-o.gif); +} + +.x-btn-mc em.x-btn-arrow-bottom { + background-image:url(../images/default/button/s-arrow-b-noline.gif); +} + +.x-btn-mc em.x-btn-split-bottom { + background-image:url(../images/default/button/s-arrow-b.gif); +} + +.x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { + background-image:url(../images/gray/button/s-arrow-bo.gif); +} + +.x-btn-group-header { + color: #666; +} + +.x-btn-group-tc { + background-image: url(../images/gray/button/group-tb.gif); +} + +.x-btn-group-tl { + background-image: url(../images/gray/button/group-cs.gif); +} + +.x-btn-group-tr { + background-image: url(../images/gray/button/group-cs.gif); +} + +.x-btn-group-bc { + background-image: url(../images/gray/button/group-tb.gif); +} + +.x-btn-group-bl { + background-image: url(../images/gray/button/group-cs.gif); +} + +.x-btn-group-br { + background-image: url(../images/gray/button/group-cs.gif); +} + +.x-btn-group-ml { + background-image: url(../images/gray/button/group-lr.gif); +} +.x-btn-group-mr { + background-image: url(../images/gray/button/group-lr.gif); +} + +.x-btn-group-notitle .x-btn-group-tc { + background-image: url(../images/gray/button/group-tb.gif); +} + + +.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ + font:normal 11px arial,tahoma, helvetica, sans-serif; +} + +.x-toolbar .x-item-disabled { + color:gray; +} + +.x-toolbar .x-item-disabled * { + color:gray; +} + +.x-toolbar .x-btn-mc em.x-btn-split { + background-image:url(../images/default/button/s-arrow-noline.gif); +} + +.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split, +.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split +{ + background-image:url(../images/gray/button/s-arrow-o.gif); +} + +.x-toolbar .x-btn-mc em.x-btn-split-bottom { + background-image:url(../images/default/button/s-arrow-b-noline.gif); +} + +.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom, +.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom +{ + background-image:url(../images/gray/button/s-arrow-bo.gif); +} + +.x-toolbar .xtb-sep { + background-image: url(../images/default/grid/grid-split.gif); +} + +.x-tbar-page-first{ + background-image: url(../images/gray/grid/page-first.gif) !important; +} + +.x-tbar-loading{ + background-image: url(../images/gray/grid/refresh.gif) !important; +} + +.x-tbar-page-last{ + background-image: url(../images/gray/grid/page-last.gif) !important; +} + +.x-tbar-page-next{ + background-image: url(../images/gray/grid/page-next.gif) !important; +} + +.x-tbar-page-prev{ + background-image: url(../images/gray/grid/page-prev.gif) !important; +} + +.x-item-disabled .x-tbar-loading{ + background-image: url(../images/default/grid/loading.gif) !important; +} + +.x-item-disabled .x-tbar-page-first{ + background-image: url(../images/default/grid/page-first-disabled.gif) !important; +} + +.x-item-disabled .x-tbar-page-last{ + background-image: url(../images/default/grid/page-last-disabled.gif) !important; +} + +.x-item-disabled .x-tbar-page-next{ + background-image: url(../images/default/grid/page-next-disabled.gif) !important; +} + +.x-item-disabled .x-tbar-page-prev{ + background-image: url(../images/default/grid/page-prev-disabled.gif) !important; +} + +.x-paging-info { + color:#444; +} + +.x-toolbar-more-icon { + background-image: url(../images/gray/toolbar/more.gif) !important; +} +.x-resizable-handle { + background-color:#fff; +} + +.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east, +.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west +{ + background: rgb(234,235,242); + background: -moz-linear-gradient(top, rgba(234,235,242,1) 0%, rgba(220,221,232,1) 34%, rgba(193,196,204,1) 66%, rgba(173,175,186,1) 92%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,235,242,1)), color-stop(34%,rgba(220,221,232,1)), color-stop(66%,rgba(193,196,204,1)), color-stop(92%,rgba(173,175,186,1))); + background: -webkit-linear-gradient(top, rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); + background: -o-linear-gradient(top, rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); + background: -ms-linear-gradient(top, rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); + background: linear-gradient(to bottom, rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebf2', endColorstr='#adafba',GradientType=0 ); +} + +.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south, +.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north +{ + background-image:url(../images/gray/sizer/s-handle.gif); +} + +.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{ + background-image:url(../images/gray/sizer/s-handle.gif); +} +.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ + background-image:url(../images/gray/sizer/se-handle.gif); +} +.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{ + background-image:url(../images/gray/sizer/nw-handle.gif); +} +.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{ + background-image:url(../images/gray/sizer/ne-handle.gif); +} +.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{ + background-image:url(../images/gray/sizer/sw-handle.gif); +} +.x-resizable-proxy{ + border-color:#565656; +} +.x-resizable-overlay{ + background-color:#fff; +} +.x-grid3 { + background-color:#fff; +} + +.x-grid-panel .x-panel-mc .x-panel-body { + border-color:#d0d0d0; +} + +.x-grid3-row td, .x-grid3-summary-row td{ + font:normal 11px/13px arial, tahoma, helvetica, sans-serif; +} + +.x-grid3-hd-row td { + font:normal 11px/15px arial, tahoma, helvetica, sans-serif; +} + +.x-grid3-hd-row td { + border-left-color:#eee; + border-right-color:#d0d0d0; +} + +.x-grid-row-loading { + background-color: #fff; + background-image:url(../images/default/shared/loading-balls.gif); +} + +.x-grid3-row { + border-color:#fff; + border-top-color:#fff; +} + +.x-grid3-row-alt{ + background-color:#EEE; +} + +.x-grid3-row-over { + border-color:#ddd; + background-color:#efefef; + background-image:url(../images/default/grid/row-over.gif); +} + +.x-grid3-resize-proxy { + background-color:#777; +} + +.x-grid3-resize-marker { + background-color:#777; +} + +.x-grid3-header{ + background-color:#f9f9f9; + background-image:url(../images/gray/grid/grid3-hrow2.gif); +} + +.x-grid3-header-pop { + border-left-color:#d0d0d0; +} + +.x-grid3-header-pop-inner { + border-left-color:#eee; + background-image:url(../images/default/grid/hd-pop.gif); +} + +td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { + border-left-color:#ACACAC; + border-right-color:#ACACAC; +} + +td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { + background-color:#f9f9f9; + background-image:url(../images/gray/grid/grid3-hrow-over2.gif); + +} + +.sort-asc .x-grid3-sort-icon { + background-image: url(../images/gray/grid/sort_asc.gif); +} + +.sort-desc .x-grid3-sort-icon { + background-image: url(../images/gray/grid/sort_desc.gif); +} + +.x-grid3-cell-text, .x-grid3-hd-text { + color:#000; +} + +.x-grid3-split { + background-image: url(../images/default/grid/grid-split.gif); +} + +.x-grid3-hd-text { + color:#333; +} + +.x-dd-drag-proxy .x-grid3-hd-inner{ + background-color:#f9f9f9; + background-image:url(../images/gray/grid/grid3-hrow-over2.gif); + border-color:#ACACAC; +} + +.col-move-top{ + background-image:url(../images/gray/grid/col-move-top.gif); +} + +.col-move-bottom{ + background-image:url(../images/gray/grid/col-move-bottom.gif); +} + +.x-grid3-row-selected { + background-color:#BDA !important; + background-image: none; + border-color:#ACACAC; +} + +.x-grid3-cell-selected{ + background-color: #CBCBCB !important; + color:#000; +} + +.x-grid3-cell-selected span{ + color:#000 !important; +} + +.x-grid3-cell-selected .x-grid3-cell-text{ + color:#000; +} + +.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ + background-color:#ebeadb !important; + background-image:url(../images/default/grid/grid-hrow.gif) !important; + color:#000; + border-top-color:#fff; + border-right-color:#6fa0df !important; +} + +.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{ + color:#333 !important; +} + +.x-grid3-dirty-cell { + background-image:url(../images/default/grid/dirty.gif); +} + +.x-grid3-topbar, .x-grid3-bottombar{ + font:normal 11px arial, tahoma, helvetica, sans-serif; +} + +.x-grid3-bottombar .x-toolbar{ + border-top-color:#a9bfd3; +} + +.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ + background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important; + color:#000 !important; +} + +.x-props-grid .x-grid3-body .x-grid3-td-name{ + background-color:#fff !important; + border-right-color:#eee; +} + +.xg-hmenu-sort-asc .x-menu-item-icon{ + background-image: url(../images/default/grid/hmenu-asc.gif); +} + +.xg-hmenu-sort-desc .x-menu-item-icon{ + background-image: url(../images/default/grid/hmenu-desc.gif); +} + +.xg-hmenu-lock .x-menu-item-icon{ + background-image: url(../images/default/grid/hmenu-lock.gif); +} + +.xg-hmenu-unlock .x-menu-item-icon{ + background-image: url(../images/default/grid/hmenu-unlock.gif); +} + +.x-grid3-hd-btn { + background-color:#f9f9f9; + background-image:url(../images/gray/grid/grid3-hd-btn.gif); +} + +.x-grid3-body .x-grid3-td-expander { + background-image:url(../images/default/grid/grid3-special-col-bg.gif); +} + +.x-grid3-row-expander { + background-image:url(../images/gray/grid/row-expand-sprite.gif); +} + +.x-grid3-body .x-grid3-td-checker { + background-image: url(../images/default/grid/grid3-special-col-bg.gif); +} + +.x-grid3-row-checker, .x-grid3-hd-checker { + background-image:url(../images/default/grid/row-check-sprite.gif); +} + +.x-grid3-body .x-grid3-td-numberer { + background-image:url(../images/default/grid/grid3-special-col-bg.gif); +} + +.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { + color:#444; +} + +.x-grid3-body .x-grid3-td-row-icon { + background-image:url(../images/default/grid/grid3-special-col-bg.gif); +} + +.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, +.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, +.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { + background-image:url(../images/gray/grid/grid3-special-col-sel-bg.gif); +} + +.x-grid3-check-col { + background-image:url(../images/default/menu/unchecked.gif); +} + +.x-grid3-check-col-on { + background-image:url(../images/default/menu/checked.gif); +} + +.x-grid-group, .x-grid-group-body, .x-grid-group-hd { + zoom:1; +} + +.x-grid-group-hd { + border-bottom-color:#d0d0d0; +} + +.x-grid-group-hd div.x-grid-group-title { + background-image:url(../images/gray/grid/group-collapse.gif); + color:#5F5F5F; + font:bold 11px tahoma, arial, helvetica, sans-serif; +} + +.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title { + background-image:url(../images/gray/grid/group-expand.gif); +} + +.x-group-by-icon { + background-image:url(../images/default/grid/group-by.gif); +} + +.x-cols-icon { + background-image:url(../images/default/grid/columns.gif); +} + +.x-show-groups-icon { + background-image:url(../images/default/grid/group-by.gif); +} + +.x-grid-empty { + color:gray; + font:normal 11px tahoma, arial, helvetica, sans-serif; +} + +.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { + border-right-color:#ededed; +} + +.x-grid-with-col-lines .x-grid3-row{ + border-top-color:#ededed; +} + +.x-grid-with-col-lines .x-grid3-row-selected { + border-top-color:#B9B9B9; +} +.x-pivotgrid .x-grid3-header-offset table td { + background: url(../images/gray/grid/grid3-hrow2.gif) repeat-x 50% 100%; + border-left: 1px solid; + border-right: 1px solid; + border-left-color: #D0D0D0; + border-right-color: #D0D0D0; +} + +.x-pivotgrid .x-grid3-row-headers { + background-color: #f9f9f9; +} + +.x-pivotgrid .x-grid3-row-headers table td { + background: #EEE url(../images/default/grid/grid3-rowheader.gif) repeat-x left top; + border-left: 1px solid; + border-right: 1px solid; + border-left-color: #EEE; + border-right-color: #D0D0D0; + border-bottom: 1px solid; + border-bottom-color: #D0D0D0; + height: 18px; +} +.x-dd-drag-ghost{ + color:#000; + font: normal 11px arial, helvetica, sans-serif; + border-color: #ddd #bbb #bbb #ddd; + background-color:#fff; +} + +.x-dd-drop-nodrop .x-dd-drop-icon{ + background-image: url(../images/default/dd/drop-no.gif); +} + +.x-dd-drop-ok .x-dd-drop-icon{ + background-image: url(../images/default/dd/drop-yes.gif); +} + +.x-dd-drop-ok-add .x-dd-drop-icon{ + background-image: url(../images/default/dd/drop-add.gif); +} + +.x-view-selector { + background-color:#D6D6D6; + border-color:#888888; +} + +.x-tree-node-leaf .x-tree-node-icon{ + background-image:url(../images/default/tree/leaf.gif); +} + +/** START TREE **/ + +.x-tree-node-collapsed .x-tree-node-icon { + background-image: url(../images/gray-custom/folder.png); +} + +.x-tree-node-expanded .x-tree-node-icon { +background-image: url(../images/gray-custom/folder-open.png); +} + +/** END TREE **/ + +.x-tree-node-loading .x-tree-node-icon{ + background-image:url(../images/default/tree/loading.gif) !important; +} + +.x-tree-node .x-tree-node-inline-icon { + background-image: none; +} + +.x-tree-node-loading a span{ + font-style: italic; + color:#444444; +} + +.ext-ie .x-tree-node-el input { + width:15px; + height:15px; +} + +.x-tree-lines .x-tree-elbow{ + background-image:url(../images/default/tree/elbow.gif); +} + +.x-tree-lines .x-tree-elbow-plus{ + background-image:url(../images/default/tree/elbow-plus.gif); +} + +.x-tree-lines .x-tree-elbow-minus{ + background-image:url(../images/default/tree/elbow-minus.gif); +} + +.x-tree-lines .x-tree-elbow-end{ + background-image:url(../images/default/tree/elbow-end.gif); +} + +.x-tree-lines .x-tree-elbow-end-plus{ + background-image:url(../images/gray/tree/elbow-end-plus.gif); +} + +.x-tree-lines .x-tree-elbow-end-minus{ + background-image:url(../images/gray/tree/elbow-end-minus.gif); +} + +.x-tree-lines .x-tree-elbow-line{ + background-image:url(../images/default/tree/elbow-line.gif); +} + +.x-tree-no-lines .x-tree-elbow-plus{ + background-image:url(../images/default/tree/elbow-plus-nl.gif); +} + +.x-tree-no-lines .x-tree-elbow-minus{ + background-image:url(../images/default/tree/elbow-minus-nl.gif); +} + +.x-tree-no-lines .x-tree-elbow-end-plus{ + background-image:url(../images/gray/tree/elbow-end-plus-nl.gif); +} + +.x-tree-no-lines .x-tree-elbow-end-minus{ + background-image:url(../images/gray/tree/elbow-end-minus-nl.gif); +} + +.x-tree-arrows .x-tree-elbow-plus{ + background-image:url(../images/gray/tree/arrows.gif); +} + +.x-tree-arrows .x-tree-elbow-minus{ + background-image:url(../images/gray/tree/arrows.gif); +} + +.x-tree-arrows .x-tree-elbow-end-plus{ + background-image:url(../images/gray/tree/arrows.gif); +} + +.x-tree-arrows .x-tree-elbow-end-minus{ + background-image:url(../images/gray/tree/arrows.gif); +} + +.x-tree-node{ + color:#000; + font: normal 11px arial, tahoma, helvetica, sans-serif; +} + +.x-tree-node a, .x-dd-drag-ghost a{ + color:#000; +} + +.x-tree-node a span, .x-dd-drag-ghost a span{ + color:#000; +} + +.x-tree-node .x-tree-node-disabled a span{ + color:gray !important; +} + +.x-tree-node div.x-tree-drag-insert-below{ + border-bottom-color:#36c; +} + +.x-tree-node div.x-tree-drag-insert-above{ + border-top-color:#36c; +} + +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{ + border-bottom-color:#36c; +} + +.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{ + border-top-color:#36c; +} + +.x-tree-node .x-tree-drag-append a span{ + background-color:#ddd; + border-color:gray; +} + +.x-tree-node .x-tree-node-over { + background-color: #eee; +} + +.x-tree-node .x-tree-selected { + background-color: #BDA; +} + +.x-tree-drop-ok-append .x-dd-drop-icon{ + background-image: url(../images/default/tree/drop-add.gif); +} + +.x-tree-drop-ok-above .x-dd-drop-icon{ + background-image: url(../images/default/tree/drop-over.gif); +} + +.x-tree-drop-ok-below .x-dd-drop-icon{ + background-image: url(../images/default/tree/drop-under.gif); +} + +.x-tree-drop-ok-between .x-dd-drop-icon{ + background-image: url(../images/default/tree/drop-between.gif); +} +.x-date-picker { + border-color:#585858; + background-color: rgb(112, 112, 112); +} + +.x-date-middle,.x-date-left,.x-date-right { + background-image: url(../images/gray/shared/hd-sprite.gif); + color:#fff; + font:bold 11px "sans serif", tahoma, verdana, helvetica; +} + +.x-date-middle .x-btn .x-btn-text { + color:#fff; +} + +.x-date-middle .x-btn-mc em.x-btn-arrow { + background-image:url(../images/gray/toolbar/btn-arrow-light.gif); +} + +.x-date-right a { + background-image: url(../images/gray/shared/right-btn.gif); +} + +.x-date-left a{ + background-image: url(../images/gray/shared/left-btn.gif); +} + +.x-date-inner th { + background-color:#D8D8D8; + background-image: url(../images/gray/panel/white-top-bottom.gif); + border-bottom-color:#AFAFAF; + font:normal 10px arial, helvetica,tahoma,sans-serif; + color:#595959; +} + +.x-date-inner td { + border-color: rgb(124, 124, 124); +} + +.x-date-inner a { + font:normal 11px arial, helvetica,tahoma,sans-serif; + color:#000; +} + +.x-date-inner .x-date-active{ + color: rgb(0, 0, 0); +} + +.x-date-inner .x-date-selected a{ + background-image: none; + background-color: rgb(66, 66, 66); + border-color:#DCDCDC; +} + +.x-date-inner .x-date-today a{ + border-color:darkred; +} + +.x-date-inner .x-date-selected span{ + font-weight:bold; +} + +.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a { + color: rgb(34, 34, 34); +} + +.x-date-bottom { + border-top-color:#AFAFAF; + background-color:#D8D8D8; + background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px; +} + +.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{ + color:#000; + background-color:#D8D8D8; +} + +.x-date-inner .x-date-disabled a { + background-color:#eee; + color:#bbb; +} + +.x-date-mmenu{ + background-color:#eee !important; +} + +.x-date-mmenu .x-menu-item { + font-size:10px; + color:#000; +} + +.x-date-mp { + background-color:#fff; +} + +.x-date-mp td { + font:normal 11px arial, helvetica,tahoma,sans-serif; +} + +.x-date-mp-btns button { + background-color:#4E565F; + color:#fff; + border-color:#C0C0C0 #434343 #434343 #C0C0C0; + font:normal 11px arial, helvetica,tahoma,sans-serif; +} + +.x-date-mp-btns { + background-color:#D8D8D8; + background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px; +} + +.x-date-mp-btns td { + border-top-color:#AFAFAF; +} + +td.x-date-mp-month a,td.x-date-mp-year a { + color: #333; +} + +td.x-date-mp-month a:hover,td.x-date-mp-year a:hover { + color:#333; + background-color:#FDFDFD; +} + +td.x-date-mp-sel a { + background-color:#D8D8D8; + background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px; + border-color:#DCDCDC; +} + +.x-date-mp-ybtn a { + background-image:url(../images/gray/panel/tool-sprites.gif); +} + +td.x-date-mp-sep { + border-right-color:#D7D7D7; +}.x-tip .x-tip-close{ + background-image: url(../images/gray/qtip/close.gif); +} + +.x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr { + background-image: url(../images/gray/qtip/tip-sprite.gif); +} + +.x-tip .x-tip-mc { + font: normal 11px tahoma,arial,helvetica,sans-serif; +} +.x-tip .x-tip-ml { + background-color: #fff; +} + +.x-tip .x-tip-header-text { + font: bold 11px tahoma,arial,helvetica,sans-serif; + color:#444; +} + +.x-tip .x-tip-body { + font: normal 11px tahoma,arial,helvetica,sans-serif; + color:#444; +} + +.x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc, +.x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr +{ + background-image: url(../images/default/form/error-tip-corners.gif); +} + +.x-form-invalid-tip .x-tip-body { + background-image:url(../images/default/form/exclamation.gif); +} + +.x-tip-anchor { + background-image:url(../images/gray/qtip/tip-anchor-sprite.gif); +}.x-menu { + background-color:#f0f0f0; + background-image:url(../images/default/menu/menu.gif); +} + +.x-menu-floating{ + border-color:#7D7D7D; +} + +.x-menu-nosep { + background-image:none; +} + +.x-menu-list-item{ + font:normal 11px arial,tahoma,sans-serif; +} + +.x-menu-item-arrow{ + background-image:url(../images/gray/menu/menu-parent.gif); +} + +.x-menu-sep { + background-color:#e0e0e0; + border-bottom-color:#fff; +} + +a.x-menu-item { + color:#222; +} + +.x-menu-item-active { + background-image: url(../images/gray/menu/item-over.gif); + background-color: #f1f1f1; + border-color:#ACACAC; +} + +/* .sitools-navbar-menu ul{ */ +/* background: #73757c; Old browsers */ +/* background: -moz-linear-gradient(top, #73757c 0%, #23223a 99%); FF3.6+ */ +/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73757c), color-stop(99%,#23223a)); Chrome,Safari4+ */ +/* background: -webkit-linear-gradient(top, #73757c 0%,#23223a 99%); Chrome10+,Safari5.1+ */ +/* background: -o-linear-gradient(top, #73757c 0%,#23223a 99%); Opera 11.10+ */ +/* background: -ms-linear-gradient(top, #73757c 0%,#23223a 99%); IE10+ */ +/* background: linear-gradient(to bottom, #73757c 0%,#23223a 99%); W3C */ +/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73757c', endColorstr='#23223a',GradientType=0 ); IE6-9 */ +/* } */ + +/* .sitools-navbar-menu ul li.x-menu-item-active a.x-menu-item{ */ +/* background: #596a72; Old browsers */ +/* background: -moz-linear-gradient(top, #596a72 0%, #181828 12%, #181828 88%, #596a72 100%); FF3.6+ */ +/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#596a72), color-stop(12%,#181828), color-stop(88%,#181828), color-stop(100%,#596a72)); Chrome,Safari4+ */ +/* background: -webkit-linear-gradient(top, #596a72 0%,#181828 12%,#181828 88%,#596a72 100%); Chrome10+,Safari5.1+ */ +/* background: -o-linear-gradient(top, #596a72 0%,#181828 12%,#181828 88%,#596a72 100%); Opera 11.10+ */ +/* background: -ms-linear-gradient(top, #596a72 0%,#181828 12%,#181828 88%,#596a72 100%); IE10+ */ +/* background: linear-gradient(to bottom, #596a72 0%,#181828 12%,#181828 88%,#596a72 100%); W3C */ +/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#596a72',GradientType=0 ); IE6-9 */ +/* border: none; */ +/* } */ + +/* .sitools-navbar-menu ul li { */ +/* line-height: 11px; */ +/* } */ + +/* .sitools-navbar-menu { */ +/* border-bottom: 1px gray solid; */ +/* border-left: 1px gray solid; */ +/* border-right: 1px gray solid; */ +/* border-top : none; */ +/* } */ + +/* .sitools-navbar-menu ul li img { */ +/* height: 32px; */ +/* width : 32px; */ +/* background-size : 100%; */ +/* } */ + +/* .sitools-navbar-menu ul li a.x-menu-item span{ */ +/* font-size: 12px; */ +/* line-height: 32px; */ +/* color: #FFFFFF; */ +/* margin-left: 25px; */ +/* } */ + +.menu-forms-title { + color : #FFF; + font-weight: bold; + padding-top : 10px !important; + padding-left: 5px; +} + + +.sitools-navbar-menu ul li.x-menu-item-active { + border: none; +} + +.x-menu-item-active a.x-menu-item { + border-color:#ACACAC; +} + +.x-menu-check-item .x-menu-item-icon{ + background-image:url(../images/default/menu/unchecked.gif); +} + +.x-menu-item-checked .x-menu-item-icon{ + background-image:url(../images/default/menu/checked.gif); +} + +.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ + background-image:url(../images/gray/menu/group-checked.gif); +} + +.x-menu-group-item .x-menu-item-icon{ + background-image:none; +} + +.x-menu-plain { + background-color:#fff !important; +} + +.x-menu .x-date-picker{ + border-color:#AFAFAF; +} + +.x-cycle-menu .x-menu-item-checked { + border-color:#B9B9B9 !important; + background-color:#F1F1F1; +} + +.x-menu-scroller-top { + background-image:url(../images/default/layout/mini-top.gif); +} + +.x-menu-scroller-bottom { + background-image:url(../images/default/layout/mini-bottom.gif); +}.x-box-tl { + background-image: url(../images/default/box/corners.gif); +} + +.x-box-tc { + background-image: url(../images/default/box/tb.gif); +} + +.x-box-tr { + background-image: url(../images/default/box/corners.gif); +} + +.x-box-ml { + background-image: url(../images/default/box/l.gif); +} + +.x-box-mc { + background-color: #eee; + background-image: url(../images/default/box/tb.gif); + font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif; + color: #393939; + font-size: 12px; +} + +.x-box-mc h3 { + font-size: 14px; + font-weight: bold; +} + +.x-box-mr { + background-image: url(../images/default/box/r.gif); +} + +.x-box-bl { + background-image: url(../images/default/box/corners.gif); +} + +.x-box-bc { + background-image: url(../images/default/box/tb.gif); +} + +.x-box-br { + background-image: url(../images/default/box/corners.gif); +} + +.x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr { + background-image: url(../images/default/box/corners-blue.gif); +} + +.x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc { + background-image: url(../images/default/box/tb-blue.gif); +} + +.x-box-blue .x-box-mc { + background-color: #c3daf9; +} + +.x-box-blue .x-box-mc h3 { + color: #17385b; +} + +.x-box-blue .x-box-ml { + background-image: url(../images/default/box/l-blue.gif); +} + +.x-box-blue .x-box-mr { + background-image: url(../images/default/box/r-blue.gif); +} +.x-combo-list { + border-color:#ccc; + background-color:#ddd; + font:normal 12px tahoma, arial, helvetica, sans-serif; +} + +.x-combo-list-inner { + background-color:#fff; +} + +.x-combo-list-hd { + font:bold 11px tahoma, arial, helvetica, sans-serif; + color:#333; + background-image: url(../images/default/layout/panel-title-light-bg.gif); + border-bottom-color:#BCBCBC; +} + +.x-resizable-pinned .x-combo-list-inner { + border-bottom-color:#BEBEBE; +} + +.x-combo-list-item { + border-color:#fff; +} + +.x-combo-list .x-combo-selected{ + border-color:#777 !important; + background-color:#f0f0f0; +} + +.x-combo-list .x-toolbar { + border-top-color:#BCBCBC; +} + +.x-combo-list-small { + font:normal 11px tahoma, arial, helvetica, sans-serif; +}.x-panel { + border-color: #d0d0d0; +} + +.x-panel-header { + color:#333; + font-weight:bold; + font-size: 11px; + font-family: tahoma,arial,verdana,sans-serif; + border: none; + border-color:#d0d0d0; + /*background-image: url(../images/gray/panel/white-top-bottom.gif);*/ + background: rgb(244,244,244); /* Old browsers */ + background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(252,252,252,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(252,252,252,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */ + +} + +.x-panel-body { + border-top:1px solid; + border-color:#d0d0d0; + border-top-color:#d0d0d0; + background-color:#fff; +} + +.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar { + border-color:#d0d0d0; +} + +.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar { + border-top-color:#d0d0d0; +} + +.x-panel-body-noheader, .x-panel-mc .x-panel-body { + border : none; + border-top-color:#d0d0d0; +} + +.x-panel-tl .x-panel-header { + color:#333; + font:bold 11px tahoma,arial,verdana,sans-serif; +} + +.x-panel-tc { + background-image: url(../images/gray/panel/top-bottom.gif); +} + +.x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br{ + background-image: url(../images/gray/panel/corners-sprite.gif); + border-bottom-color:#d0d0d0; +} + +.x-panel-bc { + background-image: url(../images/gray/panel/top-bottom.gif); +} + +.x-panel-mc { + font: normal 11px tahoma,arial,helvetica,sans-serif; + background-color:#f1f1f1; +} + +.x-panel-ml { + background-color: #fff; + background-image:url(../images/gray/panel/left-right.gif); +} + +.x-panel-mr { + background-image: url(../images/gray/panel/left-right.gif); +} + +.x-tool { + background-image:url(../images/gray/panel/tool-sprites.gif); +} + +/** START : BUTTON WINDOW CLOSE, MAX, MIN **/ + +.x-tool-save { + background-image:url(../images/gray-custom/bt_rt.png); + width: 18px; + height: 18px; + background-position: 0 -362px; +} + +.x-tool-save-over { + background-image:url(../images/gray-custom/bt_rt.png); + width: 18px; + height: 18px; + background-position: 0 -382px; +} + +.x-tool-close { + background-position: 0 0; + background-image: url(../images/gray-custom/bt_rt.png); + width: 18px; + height: 18px; +} + +.x-tool-close-over { + background-position: 0 -18px; +} + +.x-tool-maximize { + background-position: 0 -54px; + background-image: url(../images/gray-custom/bt_rt.png); + width: 18px; + height: 18px; +} + +.x-tool-maximize-over { + background-position: 0 -72px; +} + +.x-tool-minimize { + background-position: 0 -108px; + background-image: url(../images/gray-custom/bt_rt.png); + width: 18px; + height: 18px; +} + +.x-tool-minimize-over { + background-position: 0 -126px; +} + +.x-tool-restore { + background-position: 0 -162px; + background-image: url(../images/gray-custom/bt_rt.png); + width: 18px; + height: 18px; +} + +.x-tool-restore-over { + background-position: 0 -180px; + background-image: url(../images/gray-custom/bt_rt.png); +} + +.x-tool-help { + background-position: 0 -216px; + background-image: url(../images/gray-custom/bt_rt.png); + width: 18px; + height: 18px; +} + +.x-tool-help-over { + background-position: 0 -234px; + background-image: url(../images/gray-custom/bt_rt.png); +} + +/** END : BUTTON WINDOW CLOSE, MAX, MIN **/ + +.x-panel-ghost { + background-color:#f2f2f2; +} + +.x-panel-ghost ul { + border-color:#d0d0d0; +} + +.x-panel-dd-spacer { + border-color:#d0d0d0; +} + +.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{ + font:normal 11px arial,tahoma, helvetica, sans-serif; +} +.x-window-proxy { + background-color:#fcfcfc; + border-color:#d0d0d0; +} + +.x-window-tl .x-window-header { + color:#555; + font:bold 13px tahoma,arial,verdana,sans-serif; + padding-left : 2px; +} + + +.x-window-bc { + background-image: url(../images/gray/window/top-bottom.png); +} + +.x-window-bl { + background-image: url(../images/gray/window/left-corners.png); +} + +.x-window-br { + background-image: url(../images/gray/window/right-corners.png); +} + +.x-panel-body, .x-tab-panel-body, .x-tab-panel-footer, .x-window-plain .x-window-mc { + background-color : #F7F7F7; +} + +.x-window-mc, +.x-window-dlg .x-window-mc, +.x-window-plain .x-window-mc { + border-width: 0 1px 0 1px !important; + border-style: solid !important; + border-color: #D0D0D0 #AAAFB4 !important; + font: normal 11px tahoma,arial,helvetica,sans-serif; + background-color:#e8e8e8; +} + +.x-window-ml { + background-image: url(../images/gray/window/left-right.png); + padding-left : 0px; +} + +.x-window-mr { + background-image: url(../images/gray/window/left-right.png); + padding-right : 0px; +} + +.x-window-maximized .x-window-tc { + background-color:#fff; +} + +.x-window-bbar .x-toolbar { + border-top-color:#d0d0d0; +} + +.x-panel-ghost .x-window-tl { + border-bottom-color:#d0d0d0; +} + +.x-panel-collapsed .x-window-tl { + border-bottom-color:#d0d0d0; +} + +.x-dlg-mask{ + background-color:#ccc; +} + +.x-window-plain .x-window-mc { + background-color: #E8E8E8; + border-color: #D0D0D0 #EEEEEE #EEEEEE #D0D0D0; +} + +.x-window-plain .x-window-body { + border-color: #EEEEEE #D0D0D0 #D0D0D0 #EEEEEE; +} + +body.x-body-masked .x-window-plain .x-window-mc { + background-color: #E4E4E4; +} +.x-html-editor-wrap { + border-color:#BCBCBC; + background-color:#fff; +} +.x-html-editor-tb .x-btn-text { + background-image:url(../images/default/editor/tb-sprite.gif); +} +.x-panel-noborder .x-panel-header-noborder { + border-bottom-color:#d0d0d0; +} + +.x-panel-noborder .x-panel-tbar-noborder .x-toolbar { + border-bottom-color:#d0d0d0; +} + +.x-panel-noborder .x-panel-bbar-noborder .x-toolbar { + border-top-color:#d0d0d0; +} + +.x-tab-panel-bbar-noborder .x-toolbar { + border-top-color:#d0d0d0; +} + +.x-tab-panel-tbar-noborder .x-toolbar { + border-bottom-color:#d0d0d0; +} + +.x-border-layout-ct { + background-color:#f0f0f0; +} +.x-border-layout-ct { + background-color:#f0f0f0; +} + +.x-accordion-hd { + color:#222; + font-weight:normal; + background-image: url(../images/gray/panel/light-hd.gif); +} + +.x-layout-collapsed{ + background-color:#dfdfdf; + border-color:#d0d0d0; +} + +.x-layout-collapsed-over{ + background-color:#e7e7e7; +} + +.x-layout-split-west .x-layout-mini { + background-image:url(../images/default/layout/mini-left.gif); +} +.x-layout-split-east .x-layout-mini { + background-image:url(../images/default/layout/mini-right.gif); +} +.x-layout-split-north .x-layout-mini { + background-image:url(../images/default/layout/mini-top.gif); +} +.x-layout-split-south .x-layout-mini { + background-image:url(../images/default/layout/mini-bottom.gif); +} + +.x-layout-cmini-west .x-layout-mini { + background-image:url(../images/default/layout/mini-right.gif); +} + +.x-layout-cmini-east .x-layout-mini { + background-image:url(../images/default/layout/mini-left.gif); +} + +.x-layout-cmini-north .x-layout-mini { + background-image:url(../images/default/layout/mini-bottom.gif); +} + +.x-layout-cmini-south .x-layout-mini { + background-image:url(../images/default/layout/mini-top.gif); +} +.x-progress-wrap { + border-color:#8E8E8E; +} + +.x-progress-inner { + background-color:#E7E7E7; + background-image:url(../images/gray/qtip/bg.gif); +} + +.x-progress-bar { + background-color:#BCBCBC; + background-image:url(../images/gray/progress/progress-bg.gif); + border-top-color:#E2E2E2; + border-bottom-color:#A4A4A4; + border-right-color:#A4A4A4; +} + +.x-progress-text { + font-size:11px; + font-weight:bold; + color:#fff; +} + +.x-progress-text-back { + color:#5F5F5F; +} +.x-list-header{ + background-color:#f9f9f9; + background-image:url(../images/gray/grid/grid3-hrow2.gif); +} + +.x-list-header-inner div em { + border-left-color:#ddd; + font:normal 11px arial, tahoma, helvetica, sans-serif; +} + +.x-list-body dt em { + font:normal 11px arial, tahoma, helvetica, sans-serif; +} + +.x-list-over { + background-color:#eee; +} + +.x-list-selected { + background-color:#f0f0f0; +} + +.x-list-resizer { + border-left-color:#555; + border-right-color:#555; +} + +.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc { + background-image:url(../images/gray/grid/sort-hd.gif); + border-color: #d0d0d0; +} +.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner { + background-image:url(../images/default/slider/slider-bg.png); +} + +.x-slider-horz .x-slider-thumb { + background-image:url(../images/gray/slider/slider-thumb.png); +} + +.x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner { + background-image:url(../images/default/slider/slider-v-bg.png); +} + +.x-slider-vert .x-slider-thumb { + background-image:url(../images/gray/slider/slider-v-thumb.png); +} +.x-window-dlg .ext-mb-text, +.x-window-dlg .x-window-header-text { + font-size:12px; +} + +.x-window-dlg .ext-mb-textarea { + font:normal 12px tahoma,arial,helvetica,sans-serif; +} + +.x-window-dlg .x-msg-box-wait { + background-image:url(../images/default/grid/loading.gif); +} + +.x-window-dlg .ext-mb-info { + background-image:url(../images/gray/window/icon-info.gif); +} + +.x-window-dlg .ext-mb-warning { + background-image:url(../images/gray/window/icon-warning.gif); +} + +.x-window-dlg .ext-mb-question { + background-image:url(../images/gray/window/icon-question.gif); +} + +.x-window-dlg .ext-mb-error { + background-image:url(../images/gray/window/icon-error.gif); +} + +/** START BUTTON + FORMS **/ + +.x-btn-icon .ux-taskbutton-center .x-btn-text { + width : 50px; +} + +.x-btn-icon .x-btn-small .x-btn-tl, .x-btn-icon .x-btn-small .x-btn-tr, +.x-btn-icon .x-btn-small .x-btn-tc, .x-btn-icon .x-btn-small .x-btn-ml, +.x-btn-icon .x-btn-small .x-btn-mr, .x-btn-icon .x-btn-small .x-btn-mc, +.x-btn-icon .x-btn-small .x-btn-bl, .x-btn-icon .x-btn-small .x-btn-br, +.x-btn-icon .x-btn-small .x-btn-bc { + background-image: none; +} + +.x-btn-icon .x-btn-small .x-tbar-page-first { + width: 22px; + height: 18px; + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 0; +} + +.x-btn-icon .x-btn-small .x-tbar-loading { + width: 22px; + height: 18px; + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -72px; +} + +.x-btn-icon .x-btn-small .x-tbar-page-last { + width: 22px; + height: 18px; + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -54px; +} + +.x-btn-icon .x-btn-small .x-tbar-page-next { + width: 22px; + height: 18px; + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -36px; +} + +.x-btn-icon .x-btn-small .x-tbar-page-prev { + width: 22px; + height: 18px; + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -18px; +} + +.x-btn-icon .x-btn-small .x-item-disabled .x-tbar-loading { + width: 22px; + height: 18px; + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -342px; +} + +.x-btn-icon .x-btn-small .x-item-disabled .x-tbar-page-first { + width: 22px; + height: 18px; + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -270px; +} + +.x-btn-icon .x-btn-small .x-item-disabled .x-tbar-page-last { + width: 22px; + height: 18px; + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -324px; +} + +.x-btn-icon .x-btn-small .x-item-disabled .x-tbar-page-next { + width: 22px; + height: 18px; + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -306px; +} + +.x-btn-icon .x-btn-small .x-item-disabled .x-tbar-page-prev { + width: 22px; + height: 18px; + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -288px; +} + +.x-btn-over .x-btn-small .x-tbar-page-first { + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -90px; +} + +.x-btn-over .x-btn-small .x-tbar-loading { + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -162px; +} + +.x-btn-over .x-btn-small .x-tbar-page-last { + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -144px; +} + +.x-btn-over .x-btn-small .x-tbar-page-next { + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -126px; +} + +.x-btn-over .x-btn-small .x-tbar-page-prev { + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -108px; +} + +.x-btn-click .x-btn-small .x-tbar-page-first { + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -180px; +} + +.x-btn-click .x-btn-small .x-tbar-loading { + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -252px; +} + +.x-btn-click .x-btn-small .x-tbar-page-last { + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -234px; +} + +.x-btn-click .x-btn-small .x-tbar-page-next { + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -216px; +} + +.x-btn-click .x-btn-small .x-tbar-page-prev { + background-image: url(../images/gray-custom/bt_pagebar.png) !important; + background-position: 0 -198px; +} + +.x-btn-icon .x-btn-small .x-tbar-loading-process { + background-image: url(../images/gray-custom/taskbar/loading.gif) !important; + height: 18px; + width: 22px; +} + +.x-btn-icon .x-btn-medium .x-btn-text { + height: 20px; +} + +.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-bl, .x-btn-br, .x-btn-bc { + background-image: none; + display: none; +} + +.x-btn-ml, .x-btn-mr, .x-btn-mc { + /**background-image: url(../images/gray-custom/bt_b.png);*/ + background-image: url(../images/gray-custom/bt_grey.png); + /**height: 22px;*/ + height: 30px; +} + +.x-btn-ml { + background-position: 0 0 !important; +} + +.x-btn-mc { + /**background-position: 0 -22px !important;*/ + background-position: 0 -30px !important; +} + +.x-btn-mr { + /**background-position: right -44px !important;*/ + background-position: right -60px !important; +} + +/** SPECIAL NAVBAR BUTTON WITHOUT BORDER **/ +.x-btn-ml-navBar { + background-position: 0 0; +} + +.x-btn-mc-navBar { + background-position: 0 -22px; +} + +.x-btn-mr-navBar { + background-position: right -44px ; +} + +.x-btn-text-icon .x-btn-icon-small-left .x-btn-text { + /*padding-left : 20px; + padding-right: 2px;*/ + padding: 0px 8px 0px 23px; +} + +#ux-staticbuttons-panel { + background: rgb(234,235,242); /* Old browsers */ + background: -moz-linear-gradient(top, rgba(234,235,242,1) 0%, rgba(220,221,232,1) 34%, rgba(193,196,204,1) 66%, rgba(173,175,186,1) 92%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,235,242,1)), color-stop(34%,rgba(220,221,232,1)), color-stop(66%,rgba(193,196,204,1)), color-stop(92%,rgba(173,175,186,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebf2', endColorstr='#adafba',GradientType=0 ); /* IE6-9 */ +} + +#ux-taskbuttons-panel { + -moz-box-shadow: 2px 2px 5px 6px #343434; + -webkit-box-shadow: 2px 2px 5px 6px #343434; + -o-box-shadow: 2px 2px 5px 6px #343434; + box-shadow: 2px 2px 5px 6px #343434; + filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=134, Strength=5); + + background: rgb(204,207,214); /* Old browsers */ + background: -moz-linear-gradient(top, rgba(204,207,214,1) 0%, rgba(182,185,192,1) 24%, rgba(136,138,145,1) 56%, rgba(111,113,120,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,207,214,1)), color-stop(24%,rgba(182,185,192,1)), color-stop(56%,rgba(136,138,145,1)), color-stop(100%,rgba(111,113,120,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccfd6', endColorstr='#6f7178',GradientType=0 ); /* IE6-9 */ +} + +#navBarId { + top: -2px !important; + -moz-box-shadow: 2px 2px 5px 2px #343434; + -webkit-box-shadow: 2px 2px 5px 2px #343434; + -o-box-shadow: 2px 2px 5px 2px #343434; + box-shadow: 2px 2px 5px 2px #343434; + filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=134, Strength=5); + + background: rgb(204,207,214); /* Old browsers */ + background: -moz-linear-gradient(top, rgba(204,207,214,1) 0%, rgba(182,185,192,1) 24%, rgba(136,138,145,1) 56%, rgba(111,113,120,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,207,214,1)), color-stop(24%,rgba(182,185,192,1)), color-stop(56%,rgba(136,138,145,1)), color-stop(100%,rgba(111,113,120,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccfd6', endColorstr='#6f7178',GradientType=0 ); /* IE6-9 */ + +/* background: rgb(217,219,226); Old browsers */ +/* background: -moz-linear-gradient(top, rgba(217,219,226,1) 0%, rgba(203,205,214,1) 30%, rgba(193,196,204,1) 43%, rgba(144,146,155,1) 90%); FF3.6+ */ +/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,219,226,1)), color-stop(30%,rgba(203,205,214,1)), color-stop(43%,rgba(193,196,204,1)), color-stop(90%,rgba(144,146,155,1))); Chrome,Safari4+ */ +/* background: -webkit-linear-gradient(top, rgba(217,219,226,1) 0%,rgba(203,205,214,1) 30%,rgba(193,196,204,1) 43%,rgba(144,146,155,1) 90%); Chrome10+,Safari5.1+ */ +/* background: -o-linear-gradient(top, rgba(217,219,226,1) 0%,rgba(203,205,214,1) 30%,rgba(193,196,204,1) 43%,rgba(144,146,155,1) 90%); Opera 11.10+ */ +/* background: -ms-linear-gradient(top, rgba(217,219,226,1) 0%,rgba(203,205,214,1) 30%,rgba(193,196,204,1) 43%,rgba(144,146,155,1) 90%); IE10+ */ +/* background: linear-gradient(to bottom, rgba(217,219,226,1) 0%,rgba(203,205,214,1) 30%,rgba(193,196,204,1) 43%,rgba(144,146,155,1) 90%); W3C */ +/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9dbe2', endColorstr='#90929b',GradientType=0 ); IE6-9 */ +} + +#navBarButtonsId { + -moz-box-shadow: 2px 2px 5px 2px #343434; + -webkit-box-shadow: 2px 2px 5px 2px #343434; + -o-box-shadow: 2px 2px 5px 2px #343434; + box-shadow: 2px 2px 5px 2px #343434; + filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=134, Strength=5); + + background: rgb(234,235,242); /* Old browsers */ +background: -moz-linear-gradient(top, rgba(234,235,242,1) 0%, rgba(220,221,232,1) 34%, rgba(193,196,204,1) 66%, rgba(173,175,186,1) 92%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,235,242,1)), color-stop(34%,rgba(220,221,232,1)), color-stop(66%,rgba(193,196,204,1)), color-stop(92%,rgba(173,175,186,1))); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); /* IE10+ */ +background: linear-gradient(to bottom, rgba(234,235,242,1) 0%,rgba(220,221,232,1) 34%,rgba(193,196,204,1) 66%,rgba(173,175,186,1) 92%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebf2', endColorstr='#adafba',GradientType=0 ); /* IE6-9 */ + +} + + /** END NAVBAR **/ + +.x-btn-over .x-btn-ml { + background-position: 0 -90px !important; +} + +.x-btn-over .x-btn-mc { + /**background-position: 0 -88px !important;*/ + background-position: 0 -120px !important; +} + +.x-btn-over .x-btn-mr { + background-position: right -150px !important; +} + +.x-btn-click .x-btn-ml { + background-position: 0 -180px !important; +} + +.x-btn-click .x-btn-mc { + background-position: 0 -210px !important; +} + +.x-btn-click .x-btn-mr { + background-position: right -240px !important; +} + +/**start x-btn-pressed **/ +.x-btn-pressed .x-btn-ml { + background-position: 0 -180px !important; +} + +.x-btn-pressed .x-btn-mc { + background-position: 0 -210px !important; +} + +.x-btn-pressed .x-btn-mr { + background-position: right -240px !important; +} +/** end x-btn-pressed **/ + +.x-item-disabled .x-btn-ml { + background-position: 0 -180px !important; +} + +.x-item-disabled .x-btn-mc { + background-position: 0 -210px !important; +} + +.x-item-disabled .x-btn-mr { + background-position: right -240px !important; +} + +.x-btn-text { + color: #3C3C3C; +} +/* +.x-btn-over .x-btn-text { + color: #004A80; +} +*/ + +.x-btn-click .x-btn-text { + color: #003C66; +} + +.x-item-disabled .x-btn-text { + color: #8C8C8C; +} + +/** START TOOLBAR BUTTON **/ + +.arrow-back{ + background-image : url(../images/gray-custom/back.png); + background-position: 0 0 !important; + width: 26px !important; + height: 22px !important; +} + +.arrow-next{ + background-image : url(../images/gray-custom/next.png); + background-position: 0 0px !important; + width: 26px !important; + height: 22px !important; +} + +.arrow-back:HOVER{ + background-position: 0 -22px !important; +} + +.arrow-next:HOVER{ + background-position: 0 -22px !important; +} + +.arrow-back:ACTIVE{ + background-position: 0 -44px !important; +} + +.arrow-next:ACTIVE{ + background-position: 0 -44px !important; +} + + +/** ENDTOOLBAR BUTTON **/ + +.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar { + border : none; + height: 21px;/*35px;*/ +} + +.x-form-field-wrap .x-form-trigger { + background-image: url(../images/gray/form/trigger.gif); + border-bottom-color: #6E7378; +} + +.x-form-field-wrap .x-form-date-trigger { + background-image: url(../images/gray/form/date-trigger.gif); + border-bottom-color: #6E7378; +} + +.x-form-field-wrap .x-form-trigger-over { + border-bottom-color: #2E6C99; +} + +.x-trigger-wrap-focus .x-form-trigger { + border-bottom-color: #2E6C99; +} + +.x-form-focus, textarea.x-form-focus { + border-color: #2E6C99; +} + +.x-form-text, textarea.x-form-field { + border-color: #6E7378; +} + +.active-win .x-window-tl .x-window-header { + color: #3c3c3c; +} + +.deactive-win .x-window-tl .x-window-header { + color: #787878; +} +/** END BUTTON + FORMS**/ + + +/** START MENU ICON DESKTOP **/ + +#navBarId .ux-taskbutton-center{ + border-radius : .3em; + box-shadow : 0px 0px; + display: inline-block; + outline: none; + vertical-align: middle; + text-shadow: 0 2px 2px rgba(242,246,248,1); + text-align:center; + + background: none; + +} + +#navBarId .ux-taskbutton-center:hover{ + + background: -moz-linear-gradient(top, rgba(71,71,71,1) 0%, rgba(17,17,17,0.95) 40%, rgba(71,71,71,0.92) 60%, rgba(89,89,89,0.9) 77%, rgba(76,76,76,0.88) 90%, rgba(76,76,76,0.87) 99%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,71,71,1)), color-stop(40%,rgba(17,17,17,0.95)), color-stop(60%,rgba(71,71,71,0.92)), color-stop(77%,rgba(89,89,89,0.9)), color-stop(90%,rgba(76,76,76,0.88)), color-stop(99%,rgba(76,76,76,0.87))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(17,17,17,0.95) 40%,rgba(71,71,71,0.92) 60%,rgba(89,89,89,0.9) 77%,rgba(76,76,76,0.88) 90%,rgba(76,76,76,0.87) 99%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(17,17,17,0.95) 40%,rgba(71,71,71,0.92) 60%,rgba(89,89,89,0.9) 77%,rgba(76,76,76,0.88) 90%,rgba(76,76,76,0.87) 99%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(17,17,17,0.95) 40%,rgba(71,71,71,0.92) 60%,rgba(89,89,89,0.9) 77%,rgba(76,76,76,0.88) 90%,rgba(76,76,76,0.87) 99%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(71,71,71,1) 0%,rgba(17,17,17,0.95) 40%,rgba(71,71,71,0.92) 60%,rgba(89,89,89,0.9) 77%,rgba(76,76,76,0.88) 90%,rgba(76,76,76,0.87) 99%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#de4c4c4c',GradientType=0 ); /* IE6-9 */ +} + +#navBarId .x-btn-text-icon .ux-navBarButton-center .x-btn-text{ + margin-left: 2px; + margin-right: 2px; +} + +/** **/ + +.navBar-separator { +/* background-image : url(../images/icons/navBarButtons/icon-separator.gif); */ +} +.navBar-separator .x-btn-icon .x-btn-small .x-btn-text { + height: 36px; +} + +.x-navBar-items button { + font: 13px verdana,helvetica; + color: white; +/* font-weight: bold; */ + padding: 10px; +} + +.ux-taskbutton-center { + display: inline-block; + outline: none; + vertical-align: middle; + text-shadow: 0 2px 2px rgba(242,246,248,1); + text-align:center; + -webkit-border-radius: .5em; + -moz-border-radius: .5em; + border-radius: .5em; + box-shadow: 0 2px 2px rgba(0,0,0,.2); + padding:0 5px; + cursor:pointer; + + -moz-box-shadow: 2px 2px 5px 1px #343434; + -webkit-box-shadow: 2px 2px 1px 1px #343434; + -o-box-shadow: 2px 2px 1px 1px #343434; + box-shadow: 2px 2px 1px 1px #343434; + filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=134, Strength=5); + + background: rgb(204,207,214); /* Old browsers */ + background: -moz-linear-gradient(top, rgba(204,207,214,1) 0%, rgba(182,185,192,1) 24%, rgba(136,138,145,1) 56%, rgba(111,113,120,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,207,214,1)), color-stop(24%,rgba(182,185,192,1)), color-stop(56%,rgba(136,138,145,1)), color-stop(100%,rgba(111,113,120,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(204,207,214,1) 0%,rgba(182,185,192,1) 24%,rgba(136,138,145,1) 56%,rgba(111,113,120,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccfd6', endColorstr='#6f7178',GradientType=0 ); /* IE6-9 */ +} + +.x-btn-text-icon .ux-taskbutton-center .x-btn-text{ + margin-left: 2px; + margin-right: 2px; +} + +.ux-taskbutton-center:hover{ + background: -moz-linear-gradient(top, rgba(71,71,71,1) 0%, rgba(17,17,17,0.95) 40%, rgba(71,71,71,0.92) 60%, rgba(89,89,89,0.9) 77%, rgba(76,76,76,0.88) 90%, rgba(76,76,76,0.87) 99%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,71,71,1)), color-stop(40%,rgba(17,17,17,0.95)), color-stop(60%,rgba(71,71,71,0.92)), color-stop(77%,rgba(89,89,89,0.9)), color-stop(90%,rgba(76,76,76,0.88)), color-stop(99%,rgba(76,76,76,0.87))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(17,17,17,0.95) 40%,rgba(71,71,71,0.92) 60%,rgba(89,89,89,0.9) 77%,rgba(76,76,76,0.88) 90%,rgba(76,76,76,0.87) 99%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(17,17,17,0.95) 40%,rgba(71,71,71,0.92) 60%,rgba(89,89,89,0.9) 77%,rgba(76,76,76,0.88) 90%,rgba(76,76,76,0.87) 99%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(17,17,17,0.95) 40%,rgba(71,71,71,0.92) 60%,rgba(89,89,89,0.9) 77%,rgba(76,76,76,0.88) 90%,rgba(76,76,76,0.87) 99%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(71,71,71,1) 0%,rgba(17,17,17,0.95) 40%,rgba(71,71,71,0.92) 60%,rgba(89,89,89,0.9) 77%,rgba(76,76,76,0.88) 90%,rgba(76,76,76,0.87) 99%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#de4c4c4c',GradientType=0 ); /* IE6-9 */ +} + +.ux-taskbutton-left{ + background:none; +} + +.ux-taskbutton-right{ + background: none; +} + +#ux-taskbar .active-win .ux-taskbutton-right{ + background: none; +} + +/** END MENU ICON NAVBAR **/ + +.x-layout-split { + border-color:#d0d0d0; + background-color:#f0f0f0; + background: rgb(244,244,244); /* Old browsers */ + background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(252,252,252,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(252,252,252,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */ +} + +.x-menu-list { + border: 0 none; + overflow: hidden; + overflow-y: hidden; + background: #777980; + background: -moz-linear-gradient(-45deg, rgba(119, 121, 128, 1) 0%, rgba(116, 118, 127, 1) 25%, rgba(113, 115, 122, 1) 42%, rgba(94, 96, 102, 1) 71%, rgba(75, 79, 81, 1) 88%, rgba(64, 68, 68, 1) 100%); + background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(119, 121, 128, 1)), color-stop(25%,rgba(116, 118, 127, 1)), color-stop(42%,rgba(113, 115, 122, 1)), color-stop(71%,rgba(94, 96, 102, 1)), color-stop(88%,rgba(75, 79, 81, 1)), color-stop(100%,rgba(64, 68, 68, 1))); + background: -webkit-linear-gradient(-45deg, rgba(119, 121, 128, 1) 0%,rgba(116, 118, 127, 1) 25%,rgba(113, 115, 122, 1) 42%,rgba(94, 96, 102, 1) 71%,rgba(75, 79, 81, 1) 88%,rgba(64, 68, 68, 1) 100%); + background: -o-linear-gradient(-45deg, rgba(119, 121, 128, 1) 0%,rgba(116, 118, 127, 1) 25%,rgba(113, 115, 122, 1) 42%,rgba(94, 96, 102, 1) 71%,rgba(75, 79, 81, 1) 88%,rgba(64, 68, 68, 1) 100%); + background: -ms-linear-gradient(-45deg, rgba(119, 121, 128, 1) 0%,rgba(116, 118, 127, 1) 25%,rgba(113, 115, 122, 1) 42%,rgba(94, 96, 102, 1) 71%,rgba(75, 79, 81, 1) 88%,rgba(64, 68, 68, 1) 100%); + background: linear-gradient(135deg, rgba(119, 121, 128, 1) 0%,rgba(116, 118, 127, 1) 25%,rgba(113, 115, 122, 1) 42%,rgba(94, 96, 102, 1) 71%,rgba(75, 79, 81, 1) 88%,rgba(64, 68, 68, 1) 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777980', endColorstr='#404444',GradientType=1 ); + -moz-box-shadow: 1px 1px 1px 0px #656565; + -webkit-box-shadow: 1px 1px 1px 0px #656565; + -o-box-shadow: 1px 1px 1px 0px #656565; + box-shadow: 1px 1px 1px 0px #656565; + filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5); + -moz-border-radius: 1px; + -webkit-border-radius: 1px; + border-radius: 1px; +} + +.x-menu a { + color: white; + font-family: verdana; +} + +.x-menu a:HOVER { + color: black; +} + +/* .x-menu-item-active a.x-menu-item { */ +/* border: 0px !important; */ +/* margin: 0px !important; */ +/* } */ + +/** SCROLLBAR WEBKIT**/ + +/* Let's get this party started */ +::-webkit-scrollbar { + width: 10px; + height: 10px; +} + +/* Track */ +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); + -webkit-border-radius: 10px; + border-radius: 10px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + -webkit-border-radius: 10px; + border-radius: 10px; + background: -moz-linear-gradient(-45deg, rgba(179,179,179,1) 0%, rgba(173,173,173,1) 50%, rgba(165,165,165,1) 51%, rgba(201,201,201,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(179,179,179,1)), color-stop(50%,rgba(173,173,173,1)), color-stop(51%,rgba(165,165,165,1)), color-stop(100%,rgba(201,201,201,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(-45deg, rgba(179,179,179,1) 0%,rgba(173,173,173,1) 50%,rgba(165,165,165,1) 51%,rgba(201,201,201,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(-45deg, rgba(179,179,179,1) 0%,rgba(173,173,173,1) 50%,rgba(165,165,165,1) 51%,rgba(201,201,201,1) 100%); /* Opera 11.10+ */ + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); +} + +::-webkit-scrollbar-thumb:window-inactive { + background: -moz-linear-gradient(-45deg, rgba(201,201,201,1) 0%, rgba(165,165,165,1) 49%, rgba(173,173,173,1) 50%, rgba(179,179,179,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(201,201,201,1)), color-stop(49%,rgba(165,165,165,1)), color-stop(50%,rgba(173,173,173,1)), color-stop(100%,rgba(179,179,179,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(-45deg, rgba(201,201,201,1) 0%,rgba(165,165,165,1) 49%,rgba(173,173,173,1) 50%,rgba(179,179,179,1) 100%); /* Chrome10+,Safari5.1+ */ +} + +::-webkit-scrollbar-thumb:hover { + background: -moz-linear-gradient(-45deg, rgba(201,213,201,1) 0%, rgba(165,165,165,1) 49%, rgba(173,173,173,1) 50%, rgba(179,179,179,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(201,213,201,1)), color-stop(49%,rgba(165,165,165,1)), color-stop(50%,rgba(173,173,173,1)), color-stop(100%,rgba(179,179,179,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(-45deg, rgba(201,213,201,1) 0%,rgba(165,165,165,1) 49%,rgba(173,173,173,1) 50%,rgba(179,179,179,1) 100%); /* Chrome10+,Safari5.1+ */ +} + +.x-panel-nofooter .x-panel-bc, +.x-panel-nofooter .x-window-bc { + height:0px; +} + +.x-window-tl { + background-image: url("../images/gray-custom/title3_01.png"); + padding-left: 7px; +} + +.x-window-tr { + background-image: url("../images/gray-custom/title3_03.png"); + padding-right: 7px; +} + +.x-window-tc { + background-image: url("../images/gray-custom/title3_02.png"); +} + +.x-toolbar{ +border-color:#d0d0d0; +background: rgb(244,244,244); /* Old browsers */ +background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(252,252,252,1) 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(252,252,252,1))); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* IE10+ */ +background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(252,252,252,1) 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */ +} + +.x-view-selected-datasetView { + background-color:#BDA !important; + background-image: none; +} + diff --git a/szcluster-db/workspace/client-user/js/components/dataviews/services/servicesToolbar.css b/szcluster-db/workspace/client-user/js/components/dataviews/services/servicesToolbar.css new file mode 100644 index 0000000..d96efc6 --- /dev/null +++ b/szcluster-db/workspace/client-user/js/components/dataviews/services/servicesToolbar.css @@ -0,0 +1,69 @@ +/*************************************** +* Copyright 2010-2014 CNES - CENTRE NATIONAL d'ETUDES SPATIALES +* +* This file is part of SITools2. +* +* SITools2 is free software: you can redistribute it and/or modify +* it under the terms of the GNU General Public License as published by +* the Free Software Foundation, either version 3 of the License, or +* (at your option) any later version. +* +* SITools2 is distributed in the hope that it will be useful, +* but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +* GNU General Public License for more details. +* +* You should have received a copy of the GNU General Public License +* along with SITools2. If not, see . +***************************************/ + +.x-window-bwrap .services-toolbar { + background-image: url("/sitools/cots/extjs/resources/images/gray-custom/title3_02.png") !important; + background-position: 0 -26px !important; + background-color : transparent; +} + +.services-toolbar-btn .x-btn-mc .sitools-btn-green .sitools-btn-blue .sitools-btn-red{ + padding : 0px 10px 0px 10px !important; +} + +/* Created to hide the 'Date' button and +the ComboBox at the top of the News column */ +.services-toolbar-feeds { + visibility: hidden; + border-bottom-color: #d0d0d0; + height: 15px; +} +/******************************************/ + +.sitools-btn-green button { + color: #3F3F3F !important; + text-shadow: 0.07em 0.09em #D5D5D5; +} + +.sitools-btn-blue button { + color: #3F3F3F !important; + text-shadow: 0.07em 0.09em #D5D5D5; +} + +.sitools-btn-red button { + text-shadow: 0.07em 0.09em #D5D5D5; +} + +.sitools-btn-green .x-btn-ml, +.sitools-btn-green .x-btn-mr, +.sitools-btn-green .x-btn-mc { + background-image: url("/sitools/cots/extjs/resources/images/gray-custom/bt_green.png"); +} + +.sitools-btn-blue .x-btn-ml, +.sitools-btn-blue .x-btn-mr, +.sitools-btn-blue .x-btn-mc { + background-image: url("/sitools/cots/extjs/resources/images/gray-custom/bt_blue.png"); +} + +.sitools-btn-red .x-btn-ml, +.sitools-btn-red .x-btn-mr, +.sitools-btn-red .x-btn-mc { + background-image: url("/sitools/cots/extjs/resources/images/gray-custom/bt_red.png"); +} diff --git a/szcluster-db/workspace/client-user/js/modules/feedsReader/feedReaderProject.js b/szcluster-db/workspace/client-user/js/modules/feedsReader/feedReaderProject.js new file mode 100644 index 0000000..89ecb57 --- /dev/null +++ b/szcluster-db/workspace/client-user/js/modules/feedsReader/feedReaderProject.js @@ -0,0 +1,186 @@ +/*************************************** +* Copyright 2010-2014 CNES - CENTRE NATIONAL d'ETUDES SPATIALES +* +* This file is part of SITools2. +* +* SITools2 is free software: you can redistribute it and/or modify +* it under the terms of the GNU General Public License as published by +* the Free Software Foundation, either version 3 of the License, or +* (at your option) any later version. +* +* SITools2 is distributed in the hope that it will be useful, +* but WITHOUT ANY WARRANTY; without even the implied warranty of +* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +* GNU General Public License for more details. +* +* You should have received a copy of the GNU General Public License +* along with SITools2. If not, see . +***************************************/ +/*global Ext, sitools, projectGlobal, i18n*/ + +Ext.namespace('sitools.user.modules'); + +/** + * Feeds Reader Module. + * @class sitools.user.modules.feedsReaderProject + * @extends Ext.Panel + */ +sitools.user.modules.feedsReaderProject = Ext.extend(Ext.Panel, { + layout : "fit", + initComponent : function () { + + this.storeFeeds = new Ext.data.JsonStore({ + fields : [ 'id', 'feedType', 'title', 'feedSource', 'name', 'url' ], + url : projectGlobal.sitoolsAttachementForUsers + "/feeds", + root : "data", + autoLoad : true + }); + + this.cb = new Ext.form.ComboBox({ + // all of your config options + store : this.storeFeeds, + displayField : 'name', + valueField : 'name', + typeAhead : true, + mode : 'local', + forceSelection : true, + triggerAction : 'all', + emptyText : i18n.get('label.selectAFeed'), + selectOnFocus : true, + scope : this, + listeners : { + scope : this, + select : this.selectProject, + render : function (cb) { + this.storeFeeds.on('load', function (store) { + if (this.storeFeeds.getTotalCount() > 0) { + var firstRec = store.getAt(0); + cb.setValue(firstRec.data.name); + this.selectProject(cb, firstRec, 0); + } + }, this); + } + } + }); + + this.buttonDate = this.createSorterButton({ + text: i18n.get("label.feedDate"), + sortData: { + //direction: 'ASC' + direction: 'DESC' + } + }); + + this.tbar = { + xtype : 'toolbar', + cls : 'services-toolbar-feeds', + defaults : { + scope : this, + cls : 'services-toolbar-btn' + }, + items : [ this.cb, '-' , this.buttonDate] + }; + + /**/ + + sitools.user.modules.feedsReaderProject.superclass.initComponent.call(this); + + }, + + selectProject : function (combo, rec, index) { + this.remove(this.feedsReader); + var url = projectGlobal.sitoolsAttachementForUsers + "/clientFeeds/" + rec.data.name; + + this.feedsReader = new sitools.widget.FeedGridFlux({ + urlFeed : url, + feedType : rec.data.feedType, + feedSource : rec.data.feedSource, + autoLoad : true + }); + + this.add(this.feedsReader); + this.doSort(); + this.doLayout(); + }, + + /** SPECIFIC METHOD FOR SORT BUTTON **/ + + /** + * Tells the store to sort itself according to our sort data + */ + doSort : function () { + this.feedsReader.items.items[0].sortByDate(this.buttonDate.sortData.direction); + }, + + /** + * Convenience function for creating Toolbar Buttons that are tied to sorters + * @param {Object} config Optional config object + * @return {Ext.Button} The new Button object + */ + createSorterButton : function (config) { + config = config || {}; + + Ext.applyIf(config, { + listeners: { + scope : this, + click: function (button, e) { + this.changeSortDirection(button, true); + } + }, + iconCls: 'sort-asc',// + config.sortData.direction.toLowerCase(), + reorderable: true + }); + + return new Ext.Button(config); + }, + + /** + * Callback handler used when a sorter button is clicked or reordered + * @param {Ext.Button} button The button that was clicked + * @param {Boolean} changeDirection True to change direction (default). Set to false for reorder + * operations as we wish to preserve ordering there + */ + changeSortDirection : function (button, changeDirection) { + var sortData = button.sortData, + iconCls = button.iconCls; + + if (sortData != undefined) { + if (changeDirection !== false) { + button.sortData.direction = button.sortData.direction.toggle("ASC", "DESC"); + button.setIconClass(iconCls.toggle("sort-asc", "sort-desc")); + } + this.doSort(); + } + }, + + /** + * Returns an array of sortData from the sorter buttons + * @return {Array} Ordered sort data from each of the sorter buttons + */ + getSorters : function () { + var sorters = []; + + Ext.each(this.getTopToolbar().findByType('button'), function (button) { + if (!Ext.isEmpty(button.sortData)) { + sorters.push(button.sortData); + } + }, this); + + return sorters; + }, + + /** + * method called when trying to save preference + * @returns + */ + _getSettings : function () { + return { + preferencesPath : "/modules", + preferencesFileName : this.id + }; + + } + +}); + +Ext.reg('sitools.user.modules.feedsReaderProject', sitools.user.modules.feedsReaderProject);