/* base ==========================================*/ body { background:#fff; } .app-header { background:#e8e8e8; } .app-toolbar, .bg-toolbar { background:#f5f5f5; } .mini-modal { background:#fff; opacity: .6; filter: alpha(opacity=60); } .mini-mask-background { background:#fff; opacity: 0; filter: alpha(opacity=0); } .mini-popup, .mini-window, .mini-menu-open { /*box-shadow:rgba(0,​ 0,​ 0,​ 0.6) 0px 6px 12px 0px;*/ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); } /* tools ==========================================*/ /* popup ==========================================*/ .mini-popup { border-color:#d3d3d3; } /* toolbar ==========================================*/ .mini-toolbar { background:#f5f5f5; border-color:#d3d3d3; } .separator { border-color:#d3d3d3; } /* button ==========================================*/ .mini-button { background:#e6e6e6 url(images/btn.png) repeat-x 0 50%; border-color: #d3d3d3; color: #222; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; border-radius:4px; } body a:hover.mini-button { background:#dadada url(images/over.png) repeat-x 0 50%; border-color:#aaa; color: #222; } body .mini-button-pressed, body a:hover.mini-button-pressed, body .mini-button-checked, body a:hover.mini-button-checked, body a.mini-button-popup, body a:hover.mini-button-popup { background:#dadada url(images/over.png) repeat-x 0 50%; border-color: #aaa; color: #222; } body a.mini-button-disabled, body a:hover.mini-button-disabled { border-color:#d3d3d3; background:#e6e6e6 url(images/btn.png) repeat-x 0 50%; opacity: 0.5; filter: alpha(opacity=50); } /* textbox ==========================================*/ .mini-textbox-border { background:#fff; border-color:#d3d3d3; border-radius:4px; } .mini-textbox-focus .mini-textbox-border { /*background-color: #fff;*/ /*background:#dadada url(images/over.png) repeat-x 0 50%;*/ border-color:#d3d3d3; color: #222; } body .mini-error .mini-textbox-border, body .mini-error .mini-buttonedit-border, body .mini-error .mini-textboxlist-border { border-color: #ffa8a8; background: #fff3f3; } .mini-textbox-input { color:#444; } /* buttonedit ==========================================*/ .mini-buttonedit-border { background:#fff; border-color:#d3d3d3; border-radius:4px; } .mini-buttonedit-focus .mini-buttonedit-border { /*background:#dadada url(images/over.png) repeat-x 0 50%;*/ border-color: #d3d3d3; color: #222; } .mini-buttonedit-input { color:#444; } .mini-buttonedit-button { background:transparent; border-color:#cccccc; color: #222; } .mini-buttonedit-button-hover, .mini-buttonedit-hover .mini-buttonedit-trigger { color:#222; background:#dadada url(images/over.png) repeat-x 0 50%; border-color:#bbb; } .mini-buttonedit-button-pressed, .mini-buttonedit-popup .mini-buttonedit-trigger { color:#222; background:#dadada url(images/over.png) repeat-x 0 50%; border-color:#bbb; } .mini-popupedit .mini-buttonedit-trigger .mini-buttonedit-icon { background:url(images/arrow.gif) no-repeat 1px 2px; } .mini-datepicker .mini-buttonedit-trigger .mini-buttonedit-icon { background:url(images/date.gif) no-repeat 50% 50%; } .mini-buttonedit-up span, .mini-buttonedit-down span { background:url(images/spinner_arrows.png) no-repeat 0px 50%; } .mini-buttonedit-down span { background-position:-16px 50%; } /* textboxlist ==========================================*/ .mini-textboxlist-border { border-color: #d3d3d3; } .mini-textboxlist-focus .mini-textboxlist-border { /*background-color: #fff;*/ border-color: #d3d3d3; color: #000; } .mini-textboxlist-item { color:#222; } /* htmlfile ==========================================*/ .mini-htmlfile .mini-buttonedit-button { color:#222; background:#f6ebc9; border-color:#d3d3d3; } /* panel ==========================================*/ .mini-panel-border { border-color:#d3d3d3; } .mini-panel-header { background:#e6e6e6 url(images/btn.png) repeat-x 0 50%; color:#222; font-weight:bold; border-color:#d3d3d3; } .mini-panel-body { background:#fff; } .mini-panel-toolbar, .mini-panel-footer { background:#fff; border-color:#d3d3d3; } /* window ==========================================*/ .mini-window .mini-panel-header { background:#e6e6e6 url(images/btn.png) repeat-x 0 50%; } .mini-window .mini-panel-footer { background:#fff; } .mini-window, .mini-window > .mini-panel-border { border-radius:6px; } /* outlookbar ==========================================*/ .mini-outlookbar-border { border-color:#d3d3d3; } .mini-outlookbar .mini-outlookbar-groupHeader { background:#e6e6e6 url(images/btn.png) repeat-x 0 50%; border-color:#d3d3d3; color:#222; } .mini-outlookbar .mini-outlookbar-hover { background:#e6e6e6 url(images/btn.png) repeat-x 0 50%; border-color:#d3d3d3; } .mini-outlookbar-expand .mini-outlookbar-groupHeader { background:#e6e6e6 url(images/btn.png) repeat-x 0 50%; border-color:#d3d3d3; } .mini-outlookbar .mini-outlookbar-groupTitle { font-weight:normal; } .mini-outlookbar .mini-outlookbar-group { border-color:#d3d3d3; } .mini-outlookbar .mini-outlookbar-groupBody { border-color:#d3d3d3; } .mini-outlookbar-view2 .mini-outlookbar-groupHeader { border-color:#d3d3d3; } .mini-outlookbar-view2 .mini-outlookbar-groupBody { background:#fff; } .mini-outlookbar-view3 .mini-outlookbar-group { border-color:#d3d3d3; } /* splitter ==========================================*/ .mini-splitter-border { border-color: #d3d3d3; } .mini-splitter .mini-splitter-pane1{ border-color:#d3d3d3; } .mini-splitter .mini-splitter-pane2{ border-color:#d3d3d3; } /* layout ==========================================*/ .mini-layout-border { border-color:#d3d3d3; } .mini-layout-region { border-color:#d3d3d3; } .mini-layout-region-header { background:#e6e6e6 url(images/btn.png) repeat-x 0 50%; border-color:#d3d3d3; } .mini-layout-proxy { border-color:#d3d3d3; background:#efefef; } .mini-layout-proxy-hover { background:#f5f5f5; } .mini-layout-region-title { color:#222; } /* menu ==========================================*/ .mini-menu { background:#fff; color:#222; } .mini-menu-border { border-color:#d3d3d3; } .mini-menuitem-hover, .mini-menu-popup { background:#e6e6e6 url(images/btn.png) repeat-x 0 50%; border-color:#aaa; } .mini-menuitem-selected { background:#e6e6e6 url(images/btn.png) repeat-x 0 50%; border-color:#aaa; } .mini-menuitem-text, .mini-menuitem-text a { color:#222; } .mini-separator { border-color:#d3d3d3; } .mini-menu-horizontal .mini-menu-inner { background:#fff; } .mini-menu-horizontal .mini-menuitem-allow { background:url(images/menu_arrows.png) no-repeat -2px -4px; } /* pager ==========================================*/ .mini-pager { background:transparent; border-color:#d3d3d3; } /* grid ==========================================*/ .mini-grid-border { border-color:#d3d3d3; } .mini-grid-header { } .mini-grid-headerCell, .mini-grid-topRightCell, .mini-grid-columnproxy { background:#e6e6e6 url(images/btn.png) repeat-x 0 50%; border-color:#d3d3d3; } .mini-grid-cell { border-color:#ddd; } .mini-grid-footer, .mini-grid-pager, .mini-grid-filterRow { border-color:#d3d3d3; background:#f5f5f5; } html body .mini-grid-row-hover { background:#ecedef; } html body .mini-grid-row-selected { background: #e6e6e6; } html body .mini-grid .mini-grid-cell-selected { background:#cfcece; } .mini-grid-header-over { background:#dadada url(images/over.png) repeat-x 0 50%; } /* tree ==========================================*/ .mini-tree-nodeshow { border-radius:4px; } .mini-tree-node-hover .mini-tree-nodeshow { background:#e6e6e6; border-color:#bbb; } .mini-tree-selectedNode .mini-tree-nodeshow { background:#e6e6e6; border-color:#bbb; } .mini-tree-leaf { background-image:url(images/file.gif); } .mini-tree-folder { background-image:url(images/folder.gif); } .mini-tree-expand .mini-tree-folder { background-image:url(images/folder-open.gif); } /* listbox ==========================================*/ .mini-listbox-border { border-color:#d3d3d3; } .mini-listbox-header { background:#e6e6e6 url(images/btn.png) repeat-x 0 50%; border-color:#d3d3d3; } .mini-listbox-header td { border-color:#d3d3d3; } .mini-listbox-item td{ border-color:#ddd; } .mini-listbox-item-hover td{ background:#ecedef; } .mini-listbox-item-selected td{ background:#e6e6e6; } /* tabs ==========================================*/ .mini-tabs-scrollCt { border-color:#d3d3d3; background:#f5f5f5; } .mini-tabs-leftButton, .mini-tabs-rightButton, .mini-tabs-tabmenu { background-color:#d7ebf9; border-color:#d3d3d3; border-radius:4px; } a:hover.mini-tabs-leftButton, a:hover.mini-tabs-rightButton, a:hover.mini-tabs-tabmenu { border-color:#aaa; background-color:#e4f1fb; } /* top */ .mini-tabs-bodys { border-color:#d3d3d3; background:#fff; } .mini-tabs-space { border-color:#d3d3d3; } .mini-tabs-space2 { border-color:#d3d3d3; } .mini-tab { background:#e6e6e6 url(images/btn.png) repeat-x 0 50%; border-color:#d3d3d3; color: #666; font-weight:bold; } .mini-tab-hover { background:#dadada url(images/over.png) repeat-x 0 50%; border-color:#aaa; } .mini-tab-active { border-color:#d3d3d3; border-bottom-color:#fff; background:#fff; color:#222; } .mini-tab-close-hover { background-color:#d3d3d3; } /* bottom */ .mini-tabs-header-bottom .mini-tabs-space, .mini-tabs-header-bottom .mini-tabs-space2 { border-color:#d3d3d3; } .mini-tabs-header-bottom .mini-tabs-bodys { border-color:#d3d3d3; } .mini-tabs-header-bottom .mini-tab-active { border-top-color:white; border-bottom-color:#d3d3d3; } .mini-tabs-body-bottom { border-color:#d3d3d3; } /* left */ .mini-tabs-header-left .mini-tabs-space, .mini-tabs-header-left .mini-tabs-space2 { border-color:#d3d3d3; } .mini-tabs-header-left .mini-tabs-bodys { border-color:#d3d3d3; } .mini-tabs-header-left .mini-tab-active { border-color:#d3d3d3; border-right-color:white; } .mini-tabs-body-left { border-color:#d3d3d3; } /* right */ .mini-tabs-header-right .mini-tabs-space, .mini-tabs-header-right .mini-tabs-space2 { border-color:#d3d3d3; } .mini-tabs-header-right .mini-tabs-bodys { border-color:#d3d3d3; } .mini-tabs-header-right .mini-tab-active { border-color:#d3d3d3; border-left-color:white; } .mini-tabs-body-right { border-color:#d3d3d3; } /* radius */ .mini-tab { border-radius:4px; } .mini-tabs-header-right .mini-tab { border-top-left-radius:0px; border-bottom-left-radius:0px; } .mini-tabs-header-left .mini-tab { border-top-right-radius:0px; border-bottom-right-radius:0px; } .mini-tabs-header-bottom .mini-tab { border-top-right-radius:0px; border-top-left-radius:0px; } .mini-tabs-header-top .mini-tab { border-bottom-right-radius:0px; border-bottom-left-radius:0px; } /* tooltip ==========================================*/ .mini-tooltip-inner { border-color:#ddd; border-radius: 0px; } /* calendar ==========================================*/ .mini-calendar { border-color:#d3d3d3; } .mini-calendar-header { background:#e6e6e6 url(images/btn.png) repeat-x 0 50%; border-color:#d3d3d3; } .mini-calendar-footer { border-color:#d3d3d3; background:#fafafa; } .mini-calendar-tadayButton, .mini-calendar-clearButton, .mini-calendar-okButton, .mini-calendar-cancelButton { background:#e6e6e6 url(images/btn.png) repeat-x 0 50%; border-color: #d3d3d3; color: #222; border-radius:4px; } .mini-calendar-tadayButton:hover, .mini-calendar-clearButton:hover, .mini-calendar-okButton:hover, .mini-calendar-cancelButton:hover { background:#dadada url(images/over.png) repeat-x 0 50%; border-color: #aaa; } .mini-calendar .mini-calendar-today { border-color:#C00000; } .mini-calendar-daysheader td { border-color:#d3d3d3; } .mini-calendar-menu { border-color:#d3d3d3; } .mini-calendar-title, .mini-calendar-menu-year, .mini-calendar-menu-month { color:#222; } .mini-calendar .mini-calendar-selected, .mini-calendar-menu-selected, a:hover.mini-calendar-menu-month, a:hover.mini-calendar-menu-year { color:#222; background:#e6e6e6; border-color:#bbb; } /* progressbar ==========================================*/ .mini-progressbar-border { border-color:#d3d3d3; } .mini-progressbar-bar { background:#e6e6e6 ; } .mini-progressbar-text { color:#222; }