lipsiadmin_generators/backend/templates/stylesheets/ext.css in lipsiadmin-5.1.0 vs lipsiadmin_generators/backend/templates/stylesheets/ext.css in lipsiadmin-5.1.1

- old
+ new

@@ -1,23 +1,24 @@ +#loading-mask{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:21000; background-color:white; } +#loading{ position:absolute; left:50%; top:50%; padding:2px; z-index:21001; height:auto; width:300; height:60px; margin-top:-30px; margin-left:-150px; text-align:center; } +#loading img { vertical-align:middle; margin-bottom:5px; } +#loading .loading-indicator{ background:white; color:#555; font:bold 13px tahoma,arial,helvetica; padding:10px; margin:0; text-align:center; height:auto; }.ext-el-mask{z-index:14000;position:absolute;top:0;left:0;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);background-color:#CCC;width:100%;height:100%;zoom:1;} html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} img,body,html{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';} -#loading-mask{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:21000; background-color:white; } -#loading{ position:absolute; left:50%; top:50%; padding:2px; z-index:21001; height:auto; width:300; height:60px; margin-top:-30px; margin-left:-150px; text-align:center; } -#loading img { vertical-align:middle; margin-bottom:5px; } -#loading .loading-indicator{ background:white; color:#555; font:bold 13px tahoma,arial,helvetica; padding:10px; margin:0; text-align:center; height:auto; }.ext-el-mask{z-index:14000;position:absolute;top:0;left:0;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);background-color:#CCC;width:100%;height:100%;zoom:1;} .ext-el-mask{z-index:100;position:absolute;top:0;left:0;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);width:100%;height:100%;zoom:1;} .ext-el-mask-msg{z-index:20001;position:absolute;top:0;left:0;border:1px solid;background:repeat-x 0 -16px;padding:2px;} .ext-el-mask-msg div{padding:5px 10px 5px 10px;border:1px solid;cursor:wait;} .ext-shim{position:absolute;visibility:hidden;left:0;top:0;overflow:hidden;} .ext-ie .ext-shim{filter:alpha(opacity=0);} .ext-ie6 .ext-shim{margin-left:5px;margin-top:3px;} .x-mask-loading div{padding:5px 10px 5px 25px;background:no-repeat 5px 5px;line-height:16px;} +/* class for hiding elements without using display:none */ .x-hidden,.x-hide-offsets{position:absolute !important;left:-10000px;top:-10000px;visibility:hidden;} .x-hide-display{display:none !important;} .x-hide-visibility{visibility:hidden !important;} .x-masked{overflow:hidden !important;} .x-masked-relative{position:relative !important;} @@ -37,12 +38,15 @@ .x-color-palette em span{cursor:pointer;display:block;height:10px;line-height:10px;width:10px;} .x-ie-shadow{display:none;position:absolute;overflow:hidden;left:0;top:0;zoom:1;} .x-shadow{display:none;position:absolute;overflow:hidden;left:0;top:0;} .x-shadow *{overflow:hidden;} .x-shadow *{padding:0;border:0;margin:0;clear:none;zoom:1;} +/* top bottom */ .x-shadow .xstc,.x-shadow .xsbc{height:6px;float:left;} +/* corners */ .x-shadow .xstl,.x-shadow .xstr,.x-shadow .xsbl,.x-shadow .xsbr{width:6px;height:6px;float:left;} +/* sides */ .x-shadow .xsc{width:100%;} .x-shadow .xsml,.x-shadow .xsmr{width:6px;float:left;height:100%;} .x-shadow .xsmc{float:left;height:100%;background:transparent;} .x-shadow .xst,.x-shadow .xsb{height:6px;overflow:hidden;width:100%;} .x-shadow .xsml{background:transparent repeat-y 0 0;} @@ -58,10 +62,33 @@ .x-drag-overlay{width:100%;height:100%;display:none;position:absolute;left:0;top:0;background-image:url(../images/ext/default/s.gif);z-index:20000;} .x-clear{clear:both;height:0;overflow:hidden;line-height:0;font-size:0;} .x-spotlight{z-index:8999;position:absolute;top:0;left:0;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);width:0;height:0;zoom:1;} #x-history-frame{position:absolute;top:-1px;left:0;width:1px;height:1px;visibility:hidden;} #x-history-field{position:absolute;top:0;left:-1px;width:1px;height:1px;visibility:hidden;} +.x-resizable-handle{position:absolute;z-index:100;/* ie needs these */ +font-size:1px;line-height:6px;overflow:hidden;filter:alpha(opacity=0);opacity:0;zoom:1;} +.x-resizable-handle-east{width:6px;cursor:e-resize;right:0;top:0;height:100%;} +.ext-ie .x-resizable-handle-east{margin-right:-1px;/*IE rounding error*/} +.x-resizable-handle-south{width:100%;cursor:s-resize;left:0;bottom:0;height:6px;} +.ext-ie .x-resizable-handle-south{margin-bottom:-1px;/*IE rounding error*/} +.x-resizable-handle-west{width:6px;cursor:w-resize;left:0;top:0;height:100%;} +.x-resizable-handle-north{width:100%;cursor:n-resize;left:0;top:0;height:6px;} +.x-resizable-handle-southeast{width:6px;cursor:se-resize;right:0;bottom:0;height:6px;z-index:101;} +.x-resizable-handle-northwest{width:6px;cursor:nw-resize;left:0;top:0;height:6px;z-index:101;} +.x-resizable-handle-northeast{width:6px;cursor:ne-resize;right:0;top:0;height:6px;z-index:101;} +.x-resizable-handle-southwest{width:6px;cursor:sw-resize;left:0;bottom:0;height:6px;z-index:101;} +.x-resizable-over .x-resizable-handle,.x-resizable-pinned .x-resizable-handle{filter:alpha(opacity=100);opacity:1;} +.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-position:left;} +.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-position:top;} +.x-resizable-over .x-resizable-handle-southeast,.x-resizable-pinned .x-resizable-handle-southeast{background-position:top left;} +.x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{background-position:bottom right;} +.x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{background-position:bottom left;} +.x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{background-position:top right;} +.x-resizable-proxy{border:1px dashed;position:absolute;overflow:hidden;display:none;left:0;top:0;z-index:50000;} +.x-resizable-overlay{width:100%;height:100%;display:none;position:absolute;left:0;top:0;z-index:200000;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);} .x-tab-panel{overflow:hidden;} .x-tab-panel-header,.x-tab-panel-footer{border:1px solid;overflow:hidden;zoom:1;} .x-tab-panel-header{border:1px solid;padding-bottom:2px;} .x-tab-panel-footer{border:1px solid;padding-top:2px;} .x-tab-strip-wrap{width:100%;overflow:hidden;position:relative;zoom:1;} @@ -91,10 +118,14 @@ .x-tab-strip-disabled .x-tabs-text{cursor:default;} .x-tab-panel-body{overflow:hidden;} .x-tab-panel-bwrap{overflow:hidden;} .ext-ie .x-tab-strip .x-tab-right{position:relative;} .x-tab-strip-top .x-tab-strip-active .x-tab-right{margin-bottom:-1px;} +/* +* Horrible hack for IE8 in quirks mode +*/ +.ext-border-box .ext-ie8 .x-tab-strip .x-tab-right{top:1px;} .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text{padding-bottom:5px;} .x-tab-strip-bottom .x-tab-strip-active .x-tab-right{margin-top:-1px;} .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text{padding-top:5px;} .x-tab-strip-top .x-tab-right{background:transparent no-repeat 0 -51px;padding-left:10px;} .x-tab-strip-top .x-tab-left{background:transparent no-repeat right -351px;padding-right:10px;} @@ -129,31 +160,42 @@ .x-tab-scrolling-bottom .x-tab-scroller-left,.x-tab-scrolling-bottom .x-tab-scroller-right{margin-top:1px;} .x-tab-scrolling .x-tab-strip-wrap{margin-left:18px;margin-right:18px;} .x-tab-scrolling{position:relative;} .x-tab-panel-bbar .x-toolbar{border:1px solid;border-top:0 none;overflow:hidden;padding:2px;} .x-tab-panel-tbar .x-toolbar{border:1px solid;border-top:0 none;overflow:hidden;padding:2px;} +/* all fields */ .x-form-field{margin:0 0 0 0;} .ext-webkit *:focus{outline:none !important;} +/* ---- text fields ---- */ .x-form-text,textarea.x-form-field{padding:1px 3px;background:repeat-x 0 0;border:1px solid;} textarea.x-form-field{padding:2px 3px;} .x-form-text,.ext-ie .x-form-file{height:22px;line-height:18px;vertical-align:middle;} -.ext-ie6 .x-form-text,.ext-ie7 .x-form-text{margin:-1px 0;height:22px;line-height:18px;} -.ext-ie6 textarea.x-form-field,.ext-ie7 textarea.x-form-field{margin:-1px 0;} +.ext-ie6 .x-form-text,.ext-ie7 .x-form-text{margin:-1px 0;/* ie bogus margin bug */ +height:22px;/* ie quirks */ +line-height:18px;} +.ext-ie6 textarea.x-form-field,.ext-ie7 textarea.x-form-field{margin:-1px 0;/* ie bogus margin bug */} .ext-strict .x-form-text{height:18px;} -.ext-safari.ext-mac textarea.x-form-field{margin-bottom:-2px;} +.ext-safari.ext-mac textarea.x-form-field{margin-bottom:-2px;/* another bogus margin bug,safari/mac only */} .ext-strict .ext-ie8 .x-form-text,.ext-strict .ext-ie8 textarea.x-form-field{margin-bottom:1px;} -.ext-gecko .x-form-text,.ext-ie8 .x-form-text{padding-top:2px;padding-bottom:0;} -textarea{resize:none;} +.ext-gecko .x-form-text,.ext-ie8 .x-form-text{padding-top:2px;/* FF won't center the text vertically */ +padding-bottom:0;} +textarea{resize:none;/* Disable browser resizable textarea */} +/* select boxes */ .x-form-select-one{height:20px;line-height:18px;vertical-align:middle;border:1px solid;} -.x-form-check-wrap{line-height:18px;} +/* multi select boxes */ +/* --- TODO --- */ +/* 2.0.2 style */ +.x-form-check-wrap{line-height:18px;height:22px;} .ext-ie .x-form-check-wrap input{width:15px;height:15px;} +.x-form-check-wrap input{vertical-align:bottom;} .x-editor .x-form-check-wrap{padding:3px;} .x-editor .x-form-checkbox{height:13px;} .x-form-check-group-label{border-bottom:1px solid;margin-bottom:5px;padding-left:3px !important;float:none !important;} +/* wrapped fields and triggers */ .x-form-field-wrap .x-form-trigger{width:17px;height:21px;border:0;background:transparent no-repeat 0 0;cursor:pointer;border-bottom:1px solid;position:absolute;top:0;} .x-form-field-wrap .x-form-date-trigger,.x-form-field-wrap .x-form-clear-trigger,.x-form-field-wrap .x-form-search-trigger{cursor:pointer;} -.ext-safari .x-form-field-wrap .x-form-trigger{right:0;} +.ext-webkit .x-form-field-wrap .x-form-trigger{right:0;} .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{position:static;top:auto;vertical-align:top;} .x-form-field-wrap{position:relative;left:0;top:0;zoom:1;white-space:nowrap;} .x-form-field-wrap .x-form-trigger-over{background-position:-17px 0;} .x-form-field-wrap .x-form-trigger-click{background-position:-34px 0;} .x-trigger-wrap-focus .x-form-trigger{background-position:-51px 0;} @@ -161,61 +203,71 @@ .x-trigger-wrap-focus .x-form-trigger-click{background-position:-85px 0;} .x-trigger-wrap-focus .x-form-trigger{border-bottom:1px solid;} .x-item-disabled .x-form-trigger-over{background-position:0 0 !important;border-bottom:1px solid;} .x-item-disabled .x-form-trigger-click{background-position:0 0 !important;border-bottom:1px solid;} .x-trigger-noedit{cursor:pointer;} +/* field focus style */ .x-form-focus,textarea.x-form-focus{border:1px solid;} +/* invalid fields */ .x-form-invalid,textarea.x-form-invalid{background:repeat-x bottom;border:1px solid;} -.ext-safari .x-form-invalid{border:1px solid;} +.ext-webkit .x-form-invalid{border:1px solid;} .x-form-inner-invalid,textarea.x-form-inner-invalid{background:repeat-x bottom;} +/* editors */ .x-editor{visibility:hidden;padding:0;margin:0;} -.x-form-check-wrap{height:22px;line-height:18px;} -.ext-ie .x-form-check-wrap input{width:15px;height:15px;} -.x-editor .x-form-check-wrap{padding:3px;} -.x-editor .x-form-checkbox{height:13px;} .x-form-grow-sizer{left:-10000px;padding:8px 3px;position:absolute;visibility:hidden;top:-10000px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;zoom:1;} .x-form-grow-sizer p{margin:0 !important;border:0 none !important;padding:0 !important;} +/* Form Items CSS */ .x-form-item{display:block;margin-bottom:4px;zoom:1;} -.x-form-item label{display:block;float:left;width:100px;padding:3px;padding-left:0;clear:left;z-index:2;position:relative;} +.x-form-item label.x-form-item-label{display:block;float:left;width:100px;padding:3px;padding-left:0;clear:left;z-index:2;position:relative;} .x-form-element{padding-left:105px;position:relative;} .x-form-invalid-msg{padding:2px;padding-left:18px;background:transparent no-repeat 0 2px;line-height:16px;width:200px;} -.x-form-label-left label{text-align:left;} -.x-form-label-right label{text-align:right;} -.x-form-label-top .x-form-item label{width:auto;float:none;clear:none;display:inline;margin-bottom:4px;position:static;} +.x-form-label-left label.x-form-item-label{text-align:left;} +.x-form-label-right label.x-form-item-label{text-align:right;} +.x-form-label-top .x-form-item label.x-form-item-label{width:auto;float:none;clear:none;display:inline;margin-bottom:4px;position:static;} .x-form-label-top .x-form-element{padding-left:0;padding-top:4px;} .x-form-label-top .x-form-item{padding-bottom:4px;} +/* Editor small font for grid,toolbar and tree */ .x-small-editor .x-form-text{height:20px;line-height:16px;vertical-align:middle;} -.ext-ie6 .x-small-editor .x-form-text,.ext-ie7 .x-small-editor .x-form-text{margin-top:-1px !important;margin-bottom:-1px !important;height:20px !important;line-height:16px !important;} +.ext-ie6 .x-small-editor .x-form-text,.ext-ie7 .x-small-editor .x-form-text{margin-top:-1px !important;/* ie bogus margin bug */ +margin-bottom:-1px !important;height:20px !important;/* ie quirks */ +line-height:16px !important;} .ext-strict .x-small-editor .x-form-text{height:16px !important;} .ext-ie6 .x-small-editor .x-form-text,.ext-ie7 .x-small-editor .x-form-text{height:20px;line-height:16px;} .ext-border-box .x-small-editor .x-form-text{height:20px;} .x-small-editor .x-form-select-one{height:20px;line-height:16px;vertical-align:middle;} .x-small-editor .x-form-num-field{text-align:right;} .x-small-editor .x-form-field-wrap .x-form-trigger{height:19px;} .ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;} .x-form-clear{clear:both;height:0;overflow:hidden;line-height:0;font-size:0;} .x-form-clear-left{clear:left;height:0;overflow:hidden;line-height:0;font-size:0;} -.x-form-cb-label{width:auto !important;float:none !important;clear:none !important;display:inline !important;margin-left:4px;top:-2px;} -.ext-gecko2 .x-form-cb-label{top:-1px;} -.ext-strict .ext-ie8 .x-form-cb-label{top:-3px;} -.ext-opera .x-form-cb-label,.ext-safari3 .x-form-cb-label,.ext-ie7 .x-form-cb-label,.ext-ie6 .x-form-cb-label{top:0;} +.ext-ie6 .x-form-check-wrap input,.ext-border-box .x-form-check-wrap input{margin-top:3px;} +.x-form-cb-label{position:relative;margin-left:4px;top:2px;} +.ext-ie .x-form-cb-label{top:1px;} +.ext-ie6 .x-form-cb-label,.ext-border-box .x-form-cb-label{top:3px;} +.x-form-display-field{padding-top:2px;} +.ext-gecko .x-form-display-field,.ext-strict .ext-ie7 .x-form-display-field{padding-top:1px;} +.ext-ie .x-form-display-field{padding-top:3px;} +.ext-strict .ext-ie8 .x-form-display-field{padding-top:0;} .x-form-column{float:left;padding:0;margin:0;width:48%;overflow:hidden;zoom:1;} +/* buttons */ .x-form .x-form-btns-ct .x-btn{float:right;clear:none;} .x-form .x-form-btns-ct .x-form-btns td{border:0;padding:0;} .x-form .x-form-btns-ct .x-form-btns-right table{float:right;clear:none;} .x-form .x-form-btns-ct .x-form-btns-left table{float:left;clear:none;} -.x-form .x-form-btns-ct .x-form-btns-center{text-align:center;} -.x-form .x-form-btns-ct .x-form-btns-center table{margin:0 auto;} +.x-form .x-form-btns-ct .x-form-btns-center{text-align:center;/*ie*/} +.x-form .x-form-btns-ct .x-form-btns-center table{margin:0 auto;/*everyone else*/} .x-form .x-form-btns-ct table td.x-form-btn-td{padding:3px;} .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{background-position:0 -147px;} .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{background-position:0 -168px;} .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{background-position:0 -189px;} .x-form .x-form-btns-ct .x-btn-click .x-btn-center{background-position:0 -126px;} .x-form .x-form-btns-ct .x-btn-click .x-btn-right{background-position:0 -84px;} .x-form .x-form-btns-ct .x-btn-click .x-btn-left{background-position:0 -63px;} .x-form-invalid-icon{width:16px;height:18px;visibility:hidden;position:absolute;left:0;top:0;display:block;background:transparent no-repeat 0 2px;} -.x-fieldset{border:1px solid;padding:10px;margin-bottom:10px;display:block;} +/* fieldsets */ +.x-fieldset{border:1px solid;padding:10px;margin-bottom:10px;display:block;/* preserve margins in IE */} +/* make top of checkbox/tools visible in webkit */ .ext-webkit .x-fieldset-header{padding-top:1px;} .ext-ie .x-fieldset legend{margin-bottom:10px;} .ext-ie .x-fieldset{padding-top:0;padding-bottom:10px;} .x-fieldset legend .x-tool-toggle{margin-right:3px;margin-left:0;float:left !important;} .x-fieldset legend input{margin-right:3px;float:left !important;height:13px;width:13px;} @@ -223,16 +275,18 @@ .ext-ie6 fieldset.x-panel-collapsed{padding-bottom:0 !important;border-width:1px 0 0 0 !important;margin-left:1px;margin-right:1px;} fieldset.x-panel-collapsed .x-fieldset-bwrap{visibility:hidden;position:absolute;left:-1000px;top:-1000px;} .ext-ie .x-fieldset-bwrap{zoom:1;} .x-fieldset-noborder{border:0px none transparent;} .x-fieldset-noborder legend{margin-left:-3px;} +/* IE legend positioing bug */ .ext-ie .x-fieldset-noborder legend{position:relative;margin-bottom:23px;} .ext-ie .x-fieldset-noborder legend span{position:absolute;left:16px;} .ext-gecko .x-window-body .x-form-item{-moz-outline:none;overflow:auto;} .ext-gecko .x-form-item{-moz-outline:none;} .x-hide-label label.x-form-item-label{display:none;} .x-hide-label .x-form-element{padding-left:0 !important;} +.x-form-label-top .x-hide-label label.x-form-item-label{display:none;} .x-fieldset{overflow:hidden;} .x-fieldset-bwrap{overflow:hidden;zoom:1;} .x-fieldset-body{overflow:hidden;} .x-btn{cursor:pointer;white-space:nowrap;} .x-btn button{border:0 none;background:transparent;padding-left:3px;padding-right:3px;cursor:pointer;margin:0;overflow:visible;width:auto;-moz-outline:0 none;outline:0 none;} @@ -240,37 +294,48 @@ .ext-gecko .x-btn button{padding-left:0;padding-right:0;} .ext-gecko .x-btn button::-moz-focus-inner{padding:0;} .ext-ie .x-btn button{padding-top:2px;} .x-btn td{padding:0 !important;} .x-btn-text{cursor:pointer;white-space:nowrap;padding:0;} +/* icon placement and sizing styles */ +/* Only text */ .x-btn-noicon .x-btn-small .x-btn-text{height:16px;} .x-btn-noicon .x-btn-medium .x-btn-text{height:24px;} .x-btn-noicon .x-btn-large .x-btn-text{height:32px;} +/* Only icons */ .x-btn-icon .x-btn-text{background-position:center;background-repeat:no-repeat;} .x-btn-icon .x-btn-small .x-btn-text{height:16px;width:16px;} .x-btn-icon .x-btn-medium .x-btn-text{height:24px;width:24px;} .x-btn-icon .x-btn-large .x-btn-text{height:32px;width:32px;} +/* Icons and text */ +/* left */ .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{background-position:0 center;background-repeat:no-repeat;padding-left:18px;height:16px;} .x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{background-position:0 center;background-repeat:no-repeat;padding-left:26px;height:24px;} .x-btn-text-icon .x-btn-icon-large-left .x-btn-text{background-position:0 center;background-repeat:no-repeat;padding-left:34px;height:32px;} +/* top */ .x-btn-text-icon .x-btn-icon-small-top .x-btn-text{background-position:center 0;background-repeat:no-repeat;padding-top:18px;} .x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{background-position:center 0;background-repeat:no-repeat;padding-top:26px;} .x-btn-text-icon .x-btn-icon-large-top .x-btn-text{background-position:center 0;background-repeat:no-repeat;padding-top:34px;} +/* right */ .x-btn-text-icon .x-btn-icon-small-right .x-btn-text{background-position:right center;background-repeat:no-repeat;padding-right:18px;height:16px;} .x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{background-position:right center;background-repeat:no-repeat;padding-right:26px;height:24px;} .x-btn-text-icon .x-btn-icon-large-right .x-btn-text{background-position:right center;background-repeat:no-repeat;padding-right:34px;height:32px;} +/* bottom */ .x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{background-position:center bottom;background-repeat:no-repeat;padding-bottom:18px;} .x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{background-position:center bottom;background-repeat:no-repeat;padding-bottom:26px;} .x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{background-position:center bottom;background-repeat:no-repeat;padding-bottom:34px;} +/* background positioning */ .x-btn-tr i,.x-btn-tl i,.x-btn-mr i,.x-btn-ml i,.x-btn-br i,.x-btn-bl i{font-size:1px;line-height:1px;width:3px;display:block;overflow:hidden;} .x-btn-tr i,.x-btn-tl i,.x-btn-br i,.x-btn-bl i{height:3px;} .x-btn-tl{width:3px;height:3px;background:no-repeat 0 0;} .x-btn-tr{width:3px;height:3px;background:no-repeat -3px 0;} .x-btn-tc{height:3px;background:repeat-x 0 -6px;} .x-btn-ml{width:3px;background:no-repeat 0 -24px;} .x-btn-mr{width:3px;background:no-repeat -3px -24px;} .x-btn-mc{background:repeat-x 0 -1096px;vertical-align:middle;text-align:center;padding:0 5px;cursor:pointer;white-space:nowrap;} +/* Fixes an issue with the button height */ +.ext-strict .ext-ie6 .x-btn-mc,.ext-strict .ext-ie7 .x-btn-mc{height:100%;} .x-btn-bl{width:3px;height:3px;background:no-repeat 0 -3px;} .x-btn-br{width:3px;height:3px;background:no-repeat -3px -3px;} .x-btn-bc{height:3px;background:repeat-x 0 -15px;} .x-btn-over .x-btn-tl{background-position:-6px 0;} .x-btn-over .x-btn-tr{background-position:-9px 0;} @@ -289,15 +354,20 @@ .x-btn-click .x-btn-mc,.x-btn-menu-active .x-btn-mc,.x-btn-pressed .x-btn-mc{background-position:0 -3240px;} .x-btn-click .x-btn-bl,.x-btn-menu-active .x-btn-bl,.x-btn-pressed .x-btn-bl{background-position:-12px -3px;} .x-btn-click .x-btn-br,.x-btn-menu-active .x-btn-br,.x-btn-pressed .x-btn-br{background-position:-15px -3px;} .x-btn-click .x-btn-bc,.x-btn-menu-active .x-btn-bc,.x-btn-pressed .x-btn-bc{background-position:0 -21px;} .x-btn-disabled *{cursor:default !important;} +/* With a menu arrow */ +/* right */ .x-btn-mc em.x-btn-arrow{display:block;background:transparent no-repeat right center;padding-right:10px;} .x-btn-mc em.x-btn-split{display:block;background:transparent no-repeat right center;padding-right:14px;} +/* bottom */ .x-btn-mc em.x-btn-arrow-bottom{display:block;background:transparent no-repeat center bottom;padding-bottom:14px;} .x-btn-mc em.x-btn-split-bottom{display:block;background:transparent no-repeat center bottom;padding-bottom:14px;} +/* height adjustment class */ .x-btn-as-arrow .x-btn-mc em{display:block;background:transparent;padding-bottom:14px;} +/* groups */ .x-btn-group{padding:1px;} .x-btn-group-header{padding:2px;text-align:center;} .x-btn-group-tc{background:transparent repeat-x 0 0;overflow:hidden;} .x-btn-group-tl{background:transparent no-repeat 0 0;padding-left:3px;zoom:1;} .x-btn-group-tr{background:transparent no-repeat right 0;zoom:1;padding-right:3px;} @@ -313,18 +383,20 @@ .x-panel-nofooter .x-btn-group-bc{height:3px;font-size:0;line-height:0;} .x-btn-group-bwrap{overflow:hidden;zoom:1;} .x-btn-group-body{overflow:hidden;zoom:1;} .x-btn-group-notitle .x-btn-group-tc{background:transparent repeat-x 0 0;overflow:hidden;height:2px;} .x-toolbar{border-style:solid;border-width:0 0 1px 0;display:block;padding:2px;background:repeat-x top left;position:relative;left:0;top:0;zoom:1;overflow:hidden;} +.x-toolbar-left{width:100%;} .x-toolbar .x-item-disabled .x-btn-icon{opacity:.35;-moz-opacity:.35;filter:alpha(opacity=35);} .x-toolbar td{vertical-align:middle;} .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{white-space:nowrap;} .x-toolbar .x-item-disabled{cursor:default;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60);} .x-toolbar .x-item-disabled *{cursor:default;} .x-toolbar .x-toolbar-cell{vertical-align:middle;} .x-toolbar .x-btn-tl,.x-toolbar .x-btn-tr,.x-toolbar .x-btn-tc,.x-toolbar .x-btn-ml,.x-toolbar .x-btn-mr, .x-toolbar .x-btn-mc,.x-toolbar .x-btn-bl,.x-toolbar .x-btn-br,.x-toolbar .x-btn-bc{background-position:500px 500px;} +/* These rules are duplicated from button.css to give priority of x-toolbar rules above */ .x-toolbar .x-btn-over .x-btn-tl{background-position:-6px 0;} .x-toolbar .x-btn-over .x-btn-tr{background-position:-9px 0;} .x-toolbar .x-btn-over .x-btn-tc{background-position:0 -9px;} .x-toolbar .x-btn-over .x-btn-ml{background-position:-6px -24px;} .x-toolbar .x-btn-over .x-btn-mr{background-position:-9px -24px;} @@ -342,52 +414,34 @@ .x-toolbar .x-btn-click .x-btn-br,.x-toolbar .x-btn-menu-active .x-btn-br,.x-toolbar .x-btn-pressed .x-btn-br{background-position:-15px -3px;} .x-toolbar .x-btn-click .x-btn-bc,.x-toolbar .x-btn-menu-active .x-btn-bc,.x-toolbar .x-btn-pressed .x-btn-bc{background-position:0 -21px;} .x-toolbar div.xtb-text{padding:2px 2px 0;line-height:16px;display:block;} .x-toolbar .xtb-sep{background-position:center;background-repeat:no-repeat;display:block;font-size:1px;height:16px;width:4px;overflow:hidden;cursor:default;margin:0 2px 0;border:0;} .x-toolbar .xtb-spacer{width:2px;} -.x-tbar-page-number{width:24px;height:14px;} +/* Paging Toolbar */ +.x-tbar-page-number{width:30px;height:14px;} +.ext-ie .x-tbar-page-number{margin-top:2px;} .x-paging-info{position:absolute;top:5px;right:8px;} +/* floating */ .x-toolbar-ct{width:100%;} .x-toolbar-right td{text-align:center;} .x-panel-tbar,.x-panel-bbar,.x-window-tbar,.x-window-bbar,.x-tab-panel-tbar,.x-tab-panel-bbar,.x-plain-tbar,.x-plain-bbar{overflow:hidden;zoom:1;} .x-toolbar-more .x-btn-small .x-btn-text{height:16px;width:12px;} .x-toolbar-more em.x-btn-arrow{display:inline;background:transparent;padding-right:0;} .x-toolbar-more .x-btn-mc em.x-btn-arrow{background-image:none;} div.x-toolbar-no-items{color:gray !important;padding:5px 10px !important;} +/* fix ie toolbar form items */ .ext-border-box .x-toolbar-cell .x-form-text{margin-bottom:-1px !important;} .ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text{margin:0 !important;} .ext-ie .x-toolbar-cell .x-form-field-wrap{height:21px;} .ext-ie .x-toolbar-cell .x-form-text{position:relative;top:-1px;} -.ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text,.ext-strict .ext-ie .x-toolbar-cell .x-form-text{top:0px;} +.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text,.ext-strict .ext-ie .x-toolbar-cell .x-form-text{top:0px;} .x-toolbar-right td .x-form-field-trigger-wrap{text-align:left;} -.x-toolbar-cell .x-form-checkbox,.x-toolbar-cell .x-form-radio{vertical-align:top;margin-top:3px;} -.x-toolbar-cell .x-form-check-wrap label{vertical-align:bottom;} -.x-statusbar .x-status-text{height:21px;line-height:21px;padding:0 4px;cursor:default;} -.x-statusbar .x-status-busy{padding-left:25px;background:transparent no-repeat 3px 3px;} -.x-statusbar .x-status-text-panel{border-top:1px solid;border-right:1px solid;border-bottom:1px solid;border-left:1px solid;padding:2px 8px 2px 5px;} -.x-resizable-handle{position:absolute;z-index:100;font-size:1px;line-height:6px;overflow:hidden;filter:alpha(opacity=0);opacity:0;zoom:1;} -.x-resizable-handle-east{width:6px;cursor:e-resize;right:0;top:0;height:100%;} -.ext-ie .x-resizable-handle-east{margin-right:-1px;} -.x-resizable-handle-south{width:100%;cursor:s-resize;left:0;bottom:0;height:6px;} -.ext-ie .x-resizable-handle-south{margin-bottom:-1px;} -.x-resizable-handle-west{width:6px;cursor:w-resize;left:0;top:0;height:100%;} -.x-resizable-handle-north{width:100%;cursor:n-resize;left:0;top:0;height:6px;} -.x-resizable-handle-southeast{width:6px;cursor:se-resize;right:0;bottom:0;height:6px;z-index:101;} -.x-resizable-handle-northwest{width:6px;cursor:nw-resize;left:0;top:0;height:6px;z-index:101;} -.x-resizable-handle-northeast{width:6px;cursor:ne-resize;right:0;top:0;height:6px;z-index:101;} -.x-resizable-handle-southwest{width:6px;cursor:sw-resize;left:0;bottom:0;height:6px;z-index:101;} -.x-resizable-over .x-resizable-handle,.x-resizable-pinned .x-resizable-handle{filter:alpha(opacity=100);opacity:1;} -.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-position:left;} -.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-position:top;} -.x-resizable-over .x-resizable-handle-southeast,.x-resizable-pinned .x-resizable-handle-southeast{background-position:top left;} -.x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{background-position:bottom right;} -.x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{background-position:bottom left;} -.x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{background-position:top right;} -.x-resizable-proxy{border:1px dashed;position:absolute;overflow:hidden;display:none;left:0;top:0;z-index:50000;} -.x-resizable-overlay{width:100%;height:100%;display:none;position:absolute;left:0;top:0;z-index:200000;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);} +.x-toolbar-cell .x-form-checkbox,.x-toolbar-cell .x-form-radio{margin-top:5px;} +.x-toolbar-cell .x-form-cb-label{vertical-align:bottom;top:1px;} +.ext-ie .x-toolbar-cell .x-form-checkbox,.ext-ie .x-toolbar-cell .x-form-radio{margin-top:4px;} +.ext-ie .x-toolbar-cell .x-form-cb-label{top:0;} +/* Grid3 styles */ .x-grid3{position:relative;overflow:hidden;} .x-grid-panel .x-panel-body{overflow:hidden !important;} .x-grid-panel .x-panel-mc .x-panel-body{border:1px solid;} .x-grid3 table{table-layout:fixed;} .x-grid3-viewport{overflow:hidden;} @@ -399,88 +453,110 @@ .x-grid3-row .x-grid3-marker{padding:3px;} .x-grid3-cell-inner,.x-grid3-hd-inner{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding:3px 3px 3px 5px;white-space:nowrap;} .x-grid3-hd-inner{position:relative;cursor:inherit;padding:4px 3px 4px 5px;} .x-grid3-row-body{white-space:normal;} .x-grid3-body-cell{-moz-outline:0 none;outline:0 none;} +/* IE Quirks to clip */ .ext-ie .x-grid3-cell-inner,.ext-ie .x-grid3-hd-inner{width:100%;} +/* reverse above in strict mode */ .ext-strict .x-grid3-cell-inner,.ext-strict .x-grid3-hd-inner{width:auto;} .x-grid-row-loading{background:no-repeat center center;} .x-grid-page{overflow:hidden;} .x-grid3-row{cursor:default;border:1px solid;width:100%;} .x-grid3-row-over{border:1px solid;background:repeat-x left top;} .x-grid3-resize-proxy{width:1px;left:0;cursor:e-resize;cursor:col-resize;position:absolute;top:0;height:100px;overflow:hidden;visibility:hidden;border:0 none;z-index:7;} .x-grid3-resize-marker{width:1px;left:0;position:absolute;top:0;height:100px;overflow:hidden;visibility:hidden;border:0 none;z-index:7;} .x-grid3-focus{position:absolute;left:0;top:0;width:1px;height:1px;line-height:1px;font-size:1px;-moz-outline:0 none;outline:0 none;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:ignore;} +/* header styles */ .x-grid3-header{background:repeat-x 0 bottom;cursor:default;zoom:1;padding:1px 0 0 0;} .x-grid3-header-pop{border-left:1px solid;float:right;clear:none;} .x-grid3-header-pop-inner{border-left:1px solid;width:14px;height:19px;background:transparent no-repeat center center;} .ext-ie .x-grid3-header-pop-inner{width:15px;} .ext-strict .x-grid3-header-pop-inner{width:14px;} .x-grid3-header-inner{overflow:hidden;zoom:1;float:left;} -.x-grid3-header-offset{padding-left:1px;} +.x-grid3-header-offset{padding-left:1px;text-align:left;} td.x-grid3-hd-over,td.sort-desc,td.sort-asc,td.x-grid3-hd-menu-open{border-left:1px solid;border-right:1px solid;} 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:repeat-x left bottom;} .x-grid3-sort-icon{background-repeat:no-repeat;display:none;height:4px;width:13px;margin-left:3px;vertical-align:middle;} .sort-asc .x-grid3-sort-icon,.sort-desc .x-grid3-sort-icon{display:inline;} +/* Header position fixes for IE strict mode */ .ext-strict .ext-ie .x-grid3-header-inner,.ext-strict .ext-ie6 .x-grid3-hd{position:relative;} .ext-strict .ext-ie6 .x-grid3-hd-inner{position:static;} +/* Body Styles */ .x-grid3-body{zoom:1;} .x-grid3-scroller{overflow:auto;zoom:1;position:relative;} .x-grid3-cell-text,.x-grid3-hd-text{display:block;padding:3px 5px 3px 5px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;} .x-grid3-split{background-position:center;background-repeat:no-repeat;cursor:e-resize;cursor:col-resize;display:block;font-size:1px;height:16px;overflow:hidden;position:absolute;top:2px;width:6px;z-index:3;} +/* Column Reorder DD */ .x-dd-drag-proxy .x-grid3-hd-inner{background:repeat-x left bottom;width:120px;padding:3px;border:1px solid;overflow:hidden;} .col-move-top,.col-move-bottom{width:9px;height:9px;position:absolute;top:0;line-height:1px;font-size:1px;overflow:hidden;visibility:hidden;z-index:20000;background:transparent no-repeat left top;} +/* Selection Styles */ .x-grid3-row-selected{border:1px dotted;} .x-grid3-locked td.x-grid3-row-marker,.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{background:repeat-x 0 bottom !important;vertical-align:middle !important;padding:0;border-top:1px solid;border-bottom:none !important;border-right:1px solid !important;text-align:center;} .x-grid3-locked td.x-grid3-row-marker div,.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{padding:0 4px;text-align:center;} +/* dirty cells */ .x-grid3-dirty-cell{background:transparent no-repeat 0 0;} +/* Grid Toolbars */ .x-grid3-topbar,.x-grid3-bottombar{overflow:hidden;display:none;zoom:1;position:relative;} .x-grid3-topbar .x-toolbar{border-right:0 none;} .x-grid3-bottombar .x-toolbar{border-right:0 none;border-bottom:0 none;border-top:1px solid;} +/* Props Grid Styles */ .x-props-grid .x-grid3-cell{padding:1px;} .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{background:transparent repeat-y -16px !important;padding-left:12px;} .x-props-grid .x-grid3-body .x-grid3-td-name{padding:1px;padding-right:0;border:0 none;border-right:1px solid;} +/* dd */ .x-grid3-col-dd{border:0 none;padding:0;background:transparent;} .x-dd-drag-ghost .x-grid3-dd-wrap{padding:1px 3px 3px 1px;} .x-grid3-hd{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;} .x-grid3-hd-btn{display:none;position:absolute;width:14px;background:no-repeat left center;right:0;top:0;z-index:2;cursor:pointer;} .x-grid3-hd-over .x-grid3-hd-btn,.x-grid3-hd-menu-open .x-grid3-hd-btn{display:block;} a.x-grid3-hd-btn:hover{background-position:-14px center;} +/* Expanders */ .x-grid3-body .x-grid3-td-expander{background:transparent repeat-y right;} .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner{padding:0 !important;height:100%;} .x-grid3-row-expander{width:100%;height:18px;background-position:4px 2px;background-repeat:no-repeat;background-color:transparent;} .x-grid3-row-collapsed .x-grid3-row-expander{background-position:4px 2px;} .x-grid3-row-expanded .x-grid3-row-expander{background-position:-21px 2px;} .x-grid3-row-collapsed .x-grid3-row-body{display:none !important;} .x-grid3-row-expanded .x-grid3-row-body{display:block !important;} +/* Checkers */ .x-grid3-body .x-grid3-td-checker{background:transparent repeat-y right;} .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner,.x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner{padding:0 !important;height:100%;} .x-grid3-row-checker,.x-grid3-hd-checker{width:100%;height:18px;background-position:2px 2px;background-repeat:no-repeat;background-color:transparent;} .x-grid3-row .x-grid3-row-checker{background-position:2px 2px;} .x-grid3-row-selected .x-grid3-row-checker,.x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker{background-position:-23px 2px;} .x-grid3-hd-checker{background-position:2px 3px;} .x-grid3-hd-checker-on .x-grid3-hd-checker{background-position:-23px 3px;} +/* Numberer */ .x-grid3-body .x-grid3-td-numberer{background:transparent repeat-y right;} .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner{padding:3px 5px 0 0 !important;text-align:right;} +/* Row Icon */ .x-grid3-body .x-grid3-td-row-icon{background:transparent repeat-y right;vertical-align:top;text-align:center;} .x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner{padding:0 !important;background-position:center center;background-repeat:no-repeat;width:16px;height:16px;margin-left:2px;margin-top:3px;} +/* All specials */ .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:transparent repeat-y right;} .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner{padding:1px 0 0 0 !important;} .x-grid3-check-col{width:100%;height:16px;background-position:center center;background-repeat:no-repeat;background-color:transparent;} .x-grid3-check-col-on{width:100%;height:16px;background-position:center center;background-repeat:no-repeat;background-color:transparent;} +/* Grouping classes */ .x-grid-group,.x-grid-group-body,.x-grid-group-hd{zoom:1;} .x-grid-group-hd{border-bottom:2px solid;cursor:pointer;padding-top:6px;} -.x-grid-group-hd div{background:transparent no-repeat 3px -47px;padding:4px 4px 4px 17px;} -.x-grid-group-collapsed .x-grid-group-hd div{background-position:3px 3px;} +.x-grid-group-hd div.x-grid-group-title{background:transparent no-repeat 3px 3px;padding:4px 4px 4px 17px;} .x-grid-group-collapsed .x-grid-group-body{display:none;} .ext-ie6 .x-grid3 .x-editor .x-form-text,.ext-ie7 .x-grid3 .x-editor .x-form-text{position:relative;top:-1px;} .ext-ie .x-props-grid .x-editor .x-form-text{position:static;top:0;} .x-grid-empty{padding:10px;} +/* fix floating toolbar issue */ .ext-ie7 .x-grid-panel .x-panel-bbar{position:relative;} +/* Reset position to static when Grid Panel has been framed */ +/* to resolve 'snapping' from top to bottom behavior. */ +/* @forumThread 86656 */ +.ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar{position:static;} .ext-ie6 .x-grid3-header{position:relative;} +/* column lines */ .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell{padding-right:0;border-right:1px solid;} .x-dd-drag-proxy{position:absolute;left:0;top:0;visibility:hidden;z-index:15000;} .x-dd-drag-ghost{-moz-opacity:0.85;opacity:.85;filter:alpha(opacity=85);border:1px solid;padding:3px;padding-left:20px;white-space:nowrap;} .x-dd-drag-repair .x-dd-drag-ghost{-moz-opacity:0.4;opacity:.4;filter:alpha(opacity=40);border:0 none;padding:0;background-color:transparent;} .x-dd-drag-repair .x-dd-drop-icon{visibility:hidden;} @@ -488,18 +564,23 @@ .x-view-selector{position:absolute;left:0;top:0;width:0;border:1px dotted;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);zoom:1;} .ext-strict .ext-ie .x-tree .x-panel-bwrap{position:relative;overflow:hidden;} .x-tree-icon,.x-tree-ec-icon,.x-tree-elbow-line,.x-tree-elbow,.x-tree-elbow-end,.x-tree-elbow-plus,.x-tree-elbow-minus,.x-tree-elbow-end-plus,.x-tree-elbow-end-minus{border:0 none;height:18px;margin:0;padding:0;vertical-align:top;width:16px;background-repeat:no-repeat;} .x-tree-node-collapsed .x-tree-node-icon,.x-tree-node-expanded .x-tree-node-icon,.x-tree-node-leaf .x-tree-node-icon{border:0 none;height:18px;margin:0;padding:0;vertical-align:top;width:16px;background-position:center;background-repeat:no-repeat;} .ext-ie .x-tree-node-indent img,.ext-ie .x-tree-node-icon,.ext-ie .x-tree-ec-icon{vertical-align:middle !important;} -.ext-ie input.x-tree-node-cb{width:15px;height:15px;} -input.x-tree-node-cb{margin-left:1px;} -.ext-ie input.x-tree-node-cb{margin-left:0;} +.ext-strict .ext-ie8 .x-tree-node-indent img,.ext-strict .ext-ie8 .x-tree-node-icon,.ext-strict .ext-ie8 .x-tree-ec-icon{vertical-align:top !important;} +/* checkboxes */ +input.x-tree-node-cb{margin-left:1px;height:19px;vertical-align:bottom;} +.ext-ie input.x-tree-node-cb{margin-left:0;margin-top:1px;width:16px;height:16px;vertical-align:middle;} +.ext-strict .ext-ie8 input.x-tree-node-cb{margin:1px 1px;height:14px;vertical-align:bottom;} +.ext-strict .ext-ie8 input.x-tree-node-cb + a{vertical-align:bottom;} +.ext-opera input.x-tree-node-cb{height:14px;vertical-align:middle;} .x-tree-noicon .x-tree-node-icon{width:0;height:0;} -.ext-ie .x-tree-node-el input{width:15px;height:15px;} +/* No line styles */ .x-tree-no-lines .x-tree-elbow{background:transparent;} .x-tree-no-lines .x-tree-elbow-end{background:transparent;} .x-tree-no-lines .x-tree-elbow-line{background:transparent;} +/* Arrows */ .x-tree-arrows .x-tree-elbow{background:transparent;} .x-tree-arrows .x-tree-elbow-plus{background:transparent no-repeat 0 0;} .x-tree-arrows .x-tree-elbow-minus{background:transparent no-repeat -16px 0;} .x-tree-arrows .x-tree-elbow-end{background:transparent;} .x-tree-arrows .x-tree-elbow-end-plus{background:transparent no-repeat 0 0;} @@ -524,10 +605,11 @@ .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{border-top:0 none;} .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{border-bottom:2px solid;} .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{border-top:2px solid;} .x-tree-node .x-tree-drag-append a span{border:1px dotted;} .x-dd-drag-ghost .x-tree-node-indent,.x-dd-drag-ghost .x-tree-ec-icon{display:none !important;} +/* Fix for ie rootVisible:false issue */ .x-tree-root-ct{zoom:1;} .x-date-picker{border:1px solid;border-top:0 none;position:relative;} .x-date-picker a{-moz-outline:0 none;outline:0 none;} .x-date-inner,.x-date-inner td,.x-date-inner th{border-collapse:separate;} .x-date-middle,.x-date-left,.x-date-right{background:repeat-x 0 -83px;overflow:hidden;} @@ -535,16 +617,19 @@ .x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr, .x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{background:transparent !important;vertical-align:middle;} .x-date-middle .x-btn-mc em.x-btn-arrow{background:transparent no-repeat right 0;} .x-date-right,.x-date-left{width:18px;} .x-date-right{text-align:right;} -.x-date-middle{padding-top:2px;padding-bottom:2px;width:130px;} +.x-date-middle{padding-top:2px;padding-bottom:2px;width:130px;/* FF3 */} .x-date-right a,.x-date-left a{display:block;width:16px;height:16px;background-position:center;background-repeat:no-repeat;cursor:pointer;-moz-opacity:0.6;opacity:.6;filter:alpha(opacity=60);} .x-date-right a:hover,.x-date-left a:hover{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);} +.x-item-disabled .x-date-right a:hover,.x-item-disabled .x-date-left a:hover{-moz-opacity:0.6;opacity:.6;filter:alpha(opacity=60);} .x-date-right a{margin-right:2px;text-decoration:none !important;} .x-date-left a{margin-left:2px;text-decoration:none !important;} table.x-date-inner{width:100%;table-layout:fixed;} +.ext-webkit table.x-date-inner{/* Fix for webkit browsers */ +width:175px;} .x-date-inner th{width:25px;} .x-date-inner th{background:repeat-x left top;text-align:right !important;border-bottom:1px solid;cursor:default;padding:0;border-collapse:separate;} .x-date-inner th span{display:block;padding:2px;padding-right:7px;} .x-date-inner td{border:1px solid;text-align:right;padding:0;} .x-date-inner a{padding:2px 5px;display:block;text-decoration:none;text-align:right;zoom:1;} @@ -552,10 +637,11 @@ .x-date-inner .x-date-selected a{background:repeat-x left top;border:1px solid;padding:1px 4px;} .x-date-inner .x-date-today a{border:1px solid;padding:1px 4px;} .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a{text-decoration:none !important;} .x-date-bottom{padding:4px;border-top:1px solid;background:repeat-x left top;} .x-date-inner a:hover,.x-date-inner .x-date-disabled a:hover{text-decoration:none !important;} +.x-item-disabled .x-date-inner a:hover{background:none;} .x-date-inner .x-date-disabled a{cursor:default;} .x-date-menu .x-menu-item{padding:1px 24px 1px 4px;white-space:nowrap;} .x-date-menu .x-menu-item .x-menu-item-icon{width:10px;height:10px;margin-right:5px;background-position:center -4px !important;} .x-date-mp{position:absolute;left:0;top:0;display:none;} .x-date-mp td{padding:2px;font:normal 11px arial,helvetica,tahoma,sans-serif;} @@ -584,10 +670,11 @@ .x-tip .x-tip-br{background:transparent no-repeat right -59px;padding-right:6px;zoom:1;} .x-tip .x-tip-mc{border:0 none;} .x-tip .x-tip-ml{background:no-repeat 0 -124px;padding-left:6px;zoom:1;} .x-tip .x-tip-mr{background:transparent no-repeat right -124px;padding-right:6px;zoom:1;} .ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc{font-size:0;line-height:0;} +.ext-border-box .x-tip .x-tip-header,.ext-border-box .x-tip .x-tip-tc{line-height:1px;} .x-tip .x-tip-header-text{padding:0;margin:0 0 2px 0;} .x-tip .x-tip-body{margin:0 !important;line-height:14px;padding:0;} .x-tip .x-tip-body .loading-indicator{margin:0;} .x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text{cursor:move;} .x-form-invalid-tip .x-tip-tc{background:repeat-x 0 -12px;padding-top:6px;} @@ -598,18 +685,20 @@ .x-form-invalid-tip .x-tip-body{padding-left:24px;background:transparent no-repeat 2px 2px;} .x-tip-anchor{position:absolute;width:9px;height:10px;overflow:hidden;background:transparent no-repeat 0 0;zoom:1;} .x-tip-anchor-bottom{background-position:-9px 0;} .x-tip-anchor-right{background-position:-18px 0;width:10px;} .x-tip-anchor-left{background-position:-28px 0;width:10px;} -.x-menu{border:1px solid;z-index:15000;zoom:1;background:repeat-y;} +.x-menu{z-index:15000;zoom:1;background:repeat-y;} +.x-menu-floating{border:1px solid;} .x-menu a{text-decoration:none !important;} .ext-ie .x-menu{zoom:1;overflow:hidden;} .x-menu-list{padding:2px;background:transparent;border:0 none;overflow:hidden;overflow-y:hidden;} .ext-strict .ext-ie .x-menu-list{position:relative;} .x-menu li{line-height:100%;} .x-menu li.x-menu-sep-li{font-size:1px;line-height:1px;} -.x-menu-list-item{white-space:nowrap;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;display:block;padding:1px;} +.x-menu-list-item{white-space:nowrap;display:block;padding:1px;} +.x-menu-item{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;} .x-menu-item-arrow{background:transparent no-repeat right;} .x-menu-sep{display:block;font-size:1px;line-height:1px;margin:2px 3px;border-bottom:1px solid;overflow:hidden;} .x-menu-focus{position:absolute;left:-1px;top:-1px;width:1px;height:1px;line-height:1px;font-size:1px;-moz-outline:0 none;outline:0 none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;overflow:hidden;display:block;} a.x-menu-item{cursor:pointer;display:block;line-height:16px;outline-color:-moz-use-text-color;outline-style:none;outline-width:0;padding:3px 21px 3px 27px;position:relative;text-decoration:none;white-space:nowrap;} .x-menu-item-active{background-repeat:repeat-x;background-position:left bottom;border-style:solid;border-width:1px 0;margin:0 1px;padding:0;} @@ -626,14 +715,31 @@ .x-menu-date-item{padding:0;} .x-menu .x-color-palette,.x-menu .x-date-picker{margin-left:26px;margin-right:4px;} .x-menu .x-date-picker{border:1px solid;margin-top:2px;margin-bottom:2px;} .x-menu-plain .x-color-palette,.x-menu-plain .x-date-picker{margin:0;border:0 none;} .x-date-menu{padding:0 !important;} +/* +* Ugly mess to remove the white border under the picker +*/ +.ext-ie .x-date-menu{height:199px;} +.ext-strict .ext-ie .x-date-menu,.ext-border-box .ext-ie8 .x-date-menu{height:197px;} +.ext-strict .ext-ie7 .x-date-menu{height:195px;} +.ext-strict .ext-ie8 .x-date-menu{height:auto;} .x-cycle-menu .x-menu-item-checked{border:1px dotted !important;padding:0;} .x-menu .x-menu-scroller{width:100%;background-repeat:no-repeat;background-position:center;height:8px;line-height:8px;cursor:pointer;margin:0;padding:0;} .x-menu .x-menu-scroller-active{height:6px;line-height:6px;} .x-menu-list-item-indent{padding-left:27px;} +/* +Creates rounded,raised boxes like on the Ext website - the markup isn't pretty:<div class="x-box-blue"> +<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div> +<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc"> +<h3>YOUR TITLE HERE (optional)</h3> +<div>YOUR CONTENT HERE</div> +</div></div></div> +<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div> +</div> +*/ .x-box-tl{background:transparent no-repeat 0 0;zoom:1;} .x-box-tc{height:8px;background:transparent repeat-x 0 0;overflow:hidden;} .x-box-tr{background:transparent no-repeat right -8px;} .x-box-ml{background:transparent repeat-y 0;padding-left:4px;overflow:hidden;zoom:1;} .x-box-mc{background:repeat-x 0 -16px;padding:4px 10px;} @@ -642,33 +748,30 @@ .x-box-bl{background:transparent no-repeat 0 -16px;zoom:1;} .x-box-bc{background:transparent repeat-x 0 -8px;height:8px;overflow:hidden;} .x-box-br{background:transparent no-repeat right -24px;} .x-box-tl,.x-box-bl{padding-left:8px;overflow:hidden;} .x-box-tr,.x-box-br{padding-right:8px;overflow:hidden;} -#x-debug-browser .x-tree .x-tree-node a span{padding-top:2px;line-height:18px;} -#x-debug-browser .x-tool-toggle{background-position:0 -75px;} -#x-debug-browser .x-tool-toggle-over{background-position:-15px -75px;} -#x-debug-browser.x-panel-collapsed .x-tool-toggle{background-position:0 -60px;} -#x-debug-browser.x-panel-collapsed .x-tool-toggle-over{background-position:-15px -60px;} .x-combo-list{border:1px solid;zoom:1;overflow:hidden;} -.x-combo-list-inner{overflow:auto;position:relative;zoom:1;overflow-x:hidden;} +.x-combo-list-inner{overflow:auto;position:relative;/* for calculating scroll offsets */ +zoom:1;overflow-x:hidden;} .x-combo-list-hd{border-bottom:1px solid;padding:3px;} .x-resizable-pinned .x-combo-list-inner{border-bottom:1px solid;} .x-combo-list-item{padding:2px;border:1px solid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .x-combo-list .x-combo-selected{border:1px dotted !important;cursor:pointer;} .x-combo-list .x-toolbar{border-top:1px solid;border-bottom:0 none;} .x-panel{border-style:solid;border-width:0;} .x-panel-header{overflow:hidden;zoom:1;padding:5px 3px 4px 5px;border:1px solid;line-height:15px;background:transparent repeat-x 0 -1px;} -.x-panel-body{border:1px solid;border-top:0 none;overflow:hidden;position:relative;} +.x-panel-body{border:1px solid;border-top:0 none;overflow:hidden;position:relative;/* added for item scroll positioning */} .x-panel-bbar .x-toolbar,.x-panel-tbar .x-toolbar{border:1px solid;border-top:0 none;overflow:hidden;padding:2px;} .x-panel-tbar-noheader .x-toolbar,.x-panel-mc .x-panel-tbar .x-toolbar{border-top:1px solid;border-bottom:0 none;} .x-panel-body-noheader,.x-panel-mc .x-panel-body{border-top:1px solid;} .x-panel-header{overflow:hidden;zoom:1;} .x-panel-tl .x-panel-header{padding:5px 0 4px 0;border:0 none;background:transparent;} .x-panel-tl .x-panel-icon,.x-window-tl .x-panel-icon{padding-left:20px !important;background-repeat:no-repeat;background-position:0 4px;zoom:1;} .x-panel-inline-icon{width:16px;height:16px;background-repeat:no-repeat;background-position:0 0;vertical-align:middle;margin-right:4px;margin-top:-1px;margin-bottom:-1px;} .x-panel-tc{background:transparent repeat-x 0 0;overflow:hidden;} +/* fix ie7 strict mode bug */ .ext-strict .ext-ie7 .x-panel-tc{overflow:visible;} .x-panel-tl{background:transparent no-repeat 0 0;padding-left:6px;zoom:1;border-bottom:1px solid;} .x-panel-tr{background:transparent no-repeat right 0;zoom:1;padding-right:6px;} .x-panel-bc{background:transparent repeat-x 0 bottom;zoom:1;} .x-panel-bc .x-panel-footer{zoom:1;} @@ -682,16 +785,19 @@ .x-panel-nofooter .x-panel-bc,.x-panel-nofooter .x-window-bc{height:6px;font-size:0;line-height:0;} .x-panel-bwrap{overflow:hidden;zoom:1;left:0;top:0;} .x-panel-body{overflow:hidden;zoom:1;} .x-panel-collapsed .x-resizable-handle{display:none;} .ext-gecko .x-panel-animated div{overflow:hidden !important;} +/* Plain */ .x-plain-body{overflow:hidden;} .x-plain-bbar .x-toolbar{overflow:hidden;padding:2px;} .x-plain-tbar .x-toolbar{overflow:hidden;padding:2px;} .x-plain-bwrap{overflow:hidden;zoom:1;} .x-plain{overflow:hidden;} +/* Tools */ .x-tool{overflow:hidden;width:15px;height:15px;float:right;cursor:pointer;background:transparent no-repeat;margin-left:2px;} +/* expand / collapse tools */ .x-tool-toggle{background-position:0 -60px;} .x-tool-toggle-over{background-position:-15px -60px;} .x-panel-collapsed .x-tool-toggle{background-position:0 -75px;} .x-panel-collapsed .x-tool-toggle-over{background-position:-15px -75px;} .x-tool-close{background-position:0 -0;} @@ -728,19 +834,17 @@ .x-tool-save-over{background-position:-15px -285px;} .x-tool-help{background-position:0 -300px;} .x-tool-help-over{background-position:-15px -300px;} .x-tool-print{background-position:0 -315px;} .x-tool-print-over{background-position:-15px -315px;} +/* Ghosting */ .x-panel-ghost{z-index:12000;overflow:hidden;position:absolute;left:0;top:0;opacity:.65;-moz-opacity:.65;filter:alpha(opacity=65);} .x-panel-ghost ul{margin:0;padding:0;overflow:hidden;font-size:0;line-height:0;border:1px solid;border-top:0 none;display:block;} .x-panel-ghost *{cursor:move !important;} .x-panel-dd-spacer{border:2px dashed;} +/* Buttons */ .x-panel-btns{padding:5px;overflow:hidden;} -.x-panel-btns-right .x-panel-fbar{float:right;clear:none;} -.x-panel-btns-left .x-panel-fbar{clear:none;} -.x-panel-btns-center{text-align:center;} -.x-panel-btns-center .x-toolbar-ct{margin:0 auto;text-align:left;width:auto;} .x-panel-btns td.x-toolbar-cell{padding:3px;} .x-panel-btns .x-btn-focus .x-btn-left{background-position:0 -147px;} .x-panel-btns .x-btn-focus .x-btn-right{background-position:0 -168px;} .x-panel-btns .x-btn-focus .x-btn-center{background-position:0 -189px;} .x-panel-btns .x-btn-over .x-btn-left{background-position:0 -63px;} @@ -748,10 +852,16 @@ .x-panel-btns .x-btn-over .x-btn-center{background-position:0 -105px;} .x-panel-btns .x-btn-click .x-btn-center{background-position:0 -126px;} .x-panel-btns .x-btn-click .x-btn-right{background-position:0 -84px;} .x-panel-btns .x-btn-click .x-btn-left{background-position:0 -63px;} .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{white-space:nowrap;} +/** +* W3C Suggested Default style sheet for HTML 4 +* http://www.w3.org/TR/CSS21/sample.html +* +* Resets for Ext.Panel @cfg normal:true +*/ .x-panel-reset .x-panel-body html, .x-panel-reset .x-panel-body address, .x-panel-reset .x-panel-body blockquote, .x-panel-reset .x-panel-body body, .x-panel-reset .x-panel-body dd, @@ -858,14 +968,15 @@ .x-panel-reset .x-panel-body ul ul, .x-panel-reset .x-panel-body ol ol{margin-top:0;margin-bottom:0} .x-panel-reset .x-panel-body u, .x-panel-reset .x-panel-body ins{text-decoration:underline} .x-panel-reset .x-panel-body br:before{content:"\A"} -.x-panel-reset .x-panel-body :before,:after{white-space:pre-line} +.x-panel-reset .x-panel-body :before,.x-panel-reset .x-panel-body :after{white-space:pre-line} .x-panel-reset .x-panel-body center{text-align:center} -.x-panel-reset .x-panel-body :link,:visited{text-decoration:underline} +.x-panel-reset .x-panel-body :link,.x-panel-reset .x-panel-body :visited{text-decoration:underline} .x-panel-reset .x-panel-body :focus{outline:thin dotted invert} +/* Begin bidirectionality settings (do not change) */ .x-panel-reset .x-panel-body BDO[DIR="ltr"]{direction:ltr;unicode-bidi:bidi-override} .x-panel-reset .x-panel-body BDO[DIR="rtl"]{direction:rtl;unicode-bidi:bidi-override} .x-window{zoom:1;} .x-window .x-resizable-handle{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);} .x-window-proxy{border:1px solid;z-index:12000;overflow:hidden;position:absolute;left:0;top:0;display:none;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);} @@ -908,24 +1019,24 @@ body.ext-ie6.x-body-masked .x-window select{visibility:visible;} .x-window-plain .x-window-mc{border:1px solid;} .x-window-plain .x-window-body{border:1px solid;background:transparent !important;} .x-html-editor-wrap{border:1px solid;} .x-html-editor-tb .x-btn-text{background:transparent no-repeat;} -.x-html-editor-tb .x-edit-bold,.x-menu-item .x-edit-bold{background-position:0 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} -.x-html-editor-tb .x-edit-italic,.x-menu-item .x-edit-italic{background-position:-16px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} -.x-html-editor-tb .x-edit-underline,.x-menu-item .x-edit-underline{background-position:-32px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} -.x-html-editor-tb .x-edit-forecolor,.x-menu-item .x-edit-forecolor{background-position:-160px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} -.x-html-editor-tb .x-edit-backcolor,.x-menu-item .x-edit-backcolor{background-position:-176px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} -.x-html-editor-tb .x-edit-justifyleft,.x-menu-item .x-edit-justifyleft{background-position:-112px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} -.x-html-editor-tb .x-edit-justifycenter,.x-menu-item .x-edit-justifycenter{background-position:-128px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} -.x-html-editor-tb .x-edit-justifyright,.x-menu-item .x-edit-justifyright{background-position:-144px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} -.x-html-editor-tb .x-edit-insertorderedlist,.x-menu-item .x-edit-insertorderedlist{background-position:-80px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} -.x-html-editor-tb .x-edit-insertunorderedlist,.x-menu-item .x-edit-insertunorderedlist{background-position:-96px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} -.x-html-editor-tb .x-edit-increasefontsize,.x-menu-item .x-edit-increasefontsize{background-position:-48px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} -.x-html-editor-tb .x-edit-decreasefontsize,.x-menu-item .x-edit-decreasefontsize{background-position:-64px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} -.x-html-editor-tb .x-edit-sourceedit,.x-menu-item .x-edit-sourceedit{background-position:-192px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} -.x-html-editor-tb .x-edit-createlink,.x-menu-item .x-edit-createlink{background-position:-208px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} +.x-html-editor-tb .x-edit-bold,.x-menu-item img.x-edit-bold{background-position:0 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} +.x-html-editor-tb .x-edit-italic,.x-menu-item img.x-edit-italic{background-position:-16px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} +.x-html-editor-tb .x-edit-underline,.x-menu-item img.x-edit-underline{background-position:-32px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} +.x-html-editor-tb .x-edit-forecolor,.x-menu-item img.x-edit-forecolor{background-position:-160px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} +.x-html-editor-tb .x-edit-backcolor,.x-menu-item img.x-edit-backcolor{background-position:-176px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} +.x-html-editor-tb .x-edit-justifyleft,.x-menu-item img.x-edit-justifyleft{background-position:-112px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} +.x-html-editor-tb .x-edit-justifycenter,.x-menu-item img.x-edit-justifycenter{background-position:-128px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} +.x-html-editor-tb .x-edit-justifyright,.x-menu-item img.x-edit-justifyright{background-position:-144px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} +.x-html-editor-tb .x-edit-insertorderedlist,.x-menu-item img.x-edit-insertorderedlist{background-position:-80px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} +.x-html-editor-tb .x-edit-insertunorderedlist,.x-menu-item img.x-edit-insertunorderedlist{background-position:-96px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} +.x-html-editor-tb .x-edit-increasefontsize,.x-menu-item img.x-edit-increasefontsize{background-position:-48px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} +.x-html-editor-tb .x-edit-decreasefontsize,.x-menu-item img.x-edit-decreasefontsize{background-position:-64px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} +.x-html-editor-tb .x-edit-sourceedit,.x-menu-item img.x-edit-sourceedit{background-position:-192px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} +.x-html-editor-tb .x-edit-createlink,.x-menu-item img.x-edit-createlink{background-position:-208px 0;background-image:url(../images/ext/default/editor/tb-sprite.gif);} .x-html-editor-tip .x-tip-bd .x-tip-bd-inner{padding:5px;padding-bottom:1px;} .x-html-editor-tb .x-toolbar{position:static !important;} .x-panel-noborder .x-panel-body-noborder{border-width:0;} .x-panel-noborder .x-panel-header-noborder{border-width:0 0 1px;border-style:solid;} .x-panel-noborder .x-panel-tbar-noborder .x-toolbar{border-width:0 0 1px;border-style:solid;} @@ -965,16 +1076,18 @@ .x-layout-collapsed{position:absolute;left:-10000px;top:-10000px;visibility:hidden;width:20px;height:20px;overflow:hidden;border:1px solid;z-index:20;} .ext-border-box .x-layout-collapsed{width:22px;height:22px;} .x-layout-collapsed-over{cursor:pointer;} .x-layout-collapsed-west .x-layout-collapsed-tools,.x-layout-collapsed-east .x-layout-collapsed-tools{position:absolute;top:0;left:0;width:20px;height:20px;} .x-layout-split{position:absolute;height:5px;width:5px;line-height:1px;font-size:1px;z-index:3;background-color:transparent;} +/* IE6 strict won't drag w/out a color */ .ext-strict .ext-ie6 .x-layout-split{background-color:#fff !important;filter:alpha(opacity=1);} .x-layout-split-h{background-image:url(../images/ext/default/s.gif);background-position:left;} .x-layout-split-v{background-image:url(../images/ext/default/s.gif);background-position:top;} .x-column-layout-ct{overflow:hidden;zoom:1;} .x-column{float:left;padding:0;margin:0;overflow:hidden;zoom:1;} .x-column-inner{overflow:hidden;zoom:1;} +/* mini mode */ .x-layout-mini{position:absolute;top:0;left:0;display:block;width:5px;height:35px;cursor:pointer;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);} .x-layout-mini-over,.x-layout-collapsed-over .x-layout-mini{opacity:1;-moz-opacity:1;filter:none;} .x-layout-split-west .x-layout-mini{top:48%;} .x-layout-split-east .x-layout-mini{top:48%;} .x-layout-split-north .x-layout-mini{left:48%;height:5px;width:35px;} @@ -995,29 +1108,33 @@ .x-progress-inner{height:18px;background:repeat-x;position:relative;} .x-progress-bar{height:18px;float:left;width:0;background:repeat-x left center;border-top:1px solid;border-bottom:1px solid;border-right:1px solid;} .x-progress-text{padding:1px 5px;overflow:hidden;position:absolute;left:0;text-align:center;} .x-progress-text-back{line-height:16px;} .ext-ie .x-progress-text-back{line-height:15px;} +.ext-strict .ext-ie7 .x-progress-text-back{width:100%;} .x-list-header{background:repeat-x 0 bottom;cursor:default;zoom:1;height:22px;} .x-list-header-inner div{display:block;float:left;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;} .x-list-header-inner div em{display:block;border-left:1px solid;padding:4px 4px;overflow:hidden;-moz-user-select:none;-khtml-user-select:none;line-height:14px;} .x-list-body{overflow:auto;overflow-x:hidden;overflow-y:auto;zoom:1;float:left;width:100%;} .x-list-body dl{zoom:1;} .x-list-body dt{display:block;float:left;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;zoom:1;} .x-list-body dt em{display:block;padding:3px 4px;overflow:hidden;-moz-user-select:none;-khtml-user-select:none;} .x-list-resizer{border-left:1px solid;border-right:1px solid;position:absolute;left:0;top:0;} .x-list-header-inner em.sort-asc{background:transparent no-repeat center 0;border-style:solid;border-width:0 1px 1px;padding-bottom:3px;} .x-list-header-inner em.sort-desc{background:transparent no-repeat center -23px;border-style:solid;border-width:0 1px 1px;padding-bottom:3px;} +/* Shared styles */ .x-slider{zoom:1;} .x-slider-inner{position:relative;left:0;top:0;overflow:visible;zoom:1;} .x-slider-focus{position:absolute;left:0;top:0;width:1px;height:1px;line-height:1px;font-size:1px;-moz-outline:0 none;outline:0 none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;display:block;overflow:hidden;} +/* Horizontal styles */ .x-slider-horz{padding-left:7px;background:transparent no-repeat 0 -22px;} .x-slider-horz .x-slider-end{padding-right:7px;zoom:1;background:transparent no-repeat right -44px;} .x-slider-horz .x-slider-inner{background:transparent repeat-x 0 0;height:22px;} .x-slider-horz .x-slider-thumb{width:14px;height:15px;position:absolute;left:0;top:3px;background:transparent no-repeat 0 0;} .x-slider-horz .x-slider-thumb-over{background-position:-14px -15px;} .x-slider-horz .x-slider-thumb-drag{background-position:-28px -30px;} +/* Vertical styles */ .x-slider-vert{padding-top:7px;background:transparent no-repeat -44px 0;width:22px;} .x-slider-vert .x-slider-end{padding-bottom:7px;zoom:1;background:transparent no-repeat -22px bottom;} .x-slider-vert .x-slider-inner{background:transparent repeat-y 0 0;} .x-slider-vert .x-slider-thumb{width:15px;height:14px;position:absolute;left:3px;bottom:0;background:transparent no-repeat 0 0;} .x-slider-vert .x-slider-thumb-over{background-position:-15px -14px;} @@ -1028,11 +1145,11 @@ .x-window-dlg .ext-mb-textarea{margin-top:4px;} .x-window-dlg .x-progress-wrap{margin-top:4px;} .ext-ie .x-window-dlg .x-progress-wrap{margin-top:6px;} .x-window-dlg .x-msg-box-wait{background:transparent no-repeat left;display:block;width:300px;padding-left:18px;line-height:18px;} .x-window-dlg .ext-mb-icon{float:left;width:47px;height:32px;} -.ext-ie .x-window-dlg .ext-mb-icon{width:44px;} +.ext-ie .x-window-dlg .ext-mb-icon{width:44px;/* 3px IE margin issue */} .x-window-dlg .x-dlg-icon .ext-mb-content{zoom:1;margin-left:47px;} .x-window-dlg .ext-mb-info,.x-window-dlg .ext-mb-warning,.x-window-dlg .ext-mb-question,.x-window-dlg .ext-mb-error{background:transparent no-repeat top left;} .ext-gecko2 .ext-mb-fix-cursor{overflow:auto;} .ext-el-mask{background-color:#ccc;} .ext-el-mask-msg{border-color:#6593cf;background-color:#c3daf9;background-image:url(../images/ext/default/box/tb-blue.gif);} @@ -1041,10 +1158,11 @@ .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:#8bb8f3;background-color:#deecfd;} +.x-color-palette em:hover,.x-color-palette span:hover{background-color:#deecfd;} .x-color-palette em{border-color:#aca899;} .x-ie-shadow{background-color:#777;} .x-shadow .xsmc{background-image:url(../images/ext/default/shadow-c.png);} .x-shadow .xsml,.x-shadow .xsmr{background-image:url(../images/ext/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/ext/default/shadow.png);} @@ -1061,10 +1179,12 @@ .x-tab-strip-active span.x-tab-strip-text{color:#15428b;font-weight:bold;} .x-tab-strip-disabled .x-tabs-text{color:#aaaaaa;} .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/ext/default/tabs/tabs-sprite.gif);} .x-tab-strip-bottom .x-tab-right{background-image:url(../images/ext/default/tabs/tab-btm-inactive-right-bg.gif);} .x-tab-strip-bottom .x-tab-left{background-image:url(../images/ext/default/tabs/tab-btm-inactive-left-bg.gif);} +.x-tab-strip-bottom .x-tab-strip-over .x-tab-right{background-image:url(../images/ext/default/tabs/tab-btm-over-right-bg.gif);} +.x-tab-strip-bottom .x-tab-strip-over .x-tab-left{background-image:url(../images/ext/default/tabs/tab-btm-over-left-bg.gif);} .x-tab-strip-bottom .x-tab-strip-active .x-tab-right{background-image:url(../images/ext/default/tabs/tab-btm-right-bg.gif);} .x-tab-strip-bottom .x-tab-strip-active .x-tab-left{background-image:url(../images/ext/default/tabs/tab-btm-left-bg.gif);} .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close{background-image:url(../images/ext/default/tabs/tab-close.gif);} .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{background-image:url(../images/ext/default/tabs/tab-close.gif);} .x-tab-panel-body{border-color:#8db2e3;background-color:#fff;} @@ -1087,18 +1207,18 @@ .x-trigger-wrap-focus .x-form-trigger{border-bottom-color:#7eadd9;} .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:#7eadd9;} .x-form-invalid,textarea.x-form-invalid{background-color:#fff;background-image:url(../images/ext/default/grid/invalid_line.gif);border-color:#c30;} -.ext-safari .x-form-invalid{background-color:#fee;border-color:#ff7870;} +.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/ext/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/ext/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-safari .x-small-editor .x-form-field{font:normal 12px 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/ext/default/form/exclamation.gif);} .x-fieldset{border-color:#b5b8c8;} .x-fieldset legend{font:bold 11px tahoma,arial,helvetica,sans-serif;color:#15428b;} .x-btn{font:normal 11px tahoma,verdana,helvetica;} .x-btn button{font:normal 11px arial,tahoma,verdana,helvetica;color:#333;} @@ -1143,12 +1263,10 @@ .x-item-disabled .x-tbar-page-last{background-image:url(../images/ext/default/grid/page-last-disabled.gif) !important;} .x-item-disabled .x-tbar-page-next{background-image:url(../images/ext/default/grid/page-next-disabled.gif) !important;} .x-item-disabled .x-tbar-page-prev{background-image:url(../images/ext/default/grid/page-prev-disabled.gif) !important;} .x-paging-info{color:#444;} .x-toolbar-more-icon{background-image:url(../images/ext/default/toolbar/more.gif) !important;} -.x-statusbar .x-status-busy{background-image:url(../images/ext/default/grid/loading.gif);} -.x-statusbar .x-status-text-panel{border-color:#99bbe8 #fff #fff #99bbe8;} .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-image:url(../images/ext/default/sizer/e-handle.gif);} .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/ext/default/sizer/s-handle.gif);} @@ -1210,17 +1328,17 @@ .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{background-image:url(../images/ext/default/grid/grid3-special-col-sel-bg.gif);} .x-grid3-check-col{background-image:url(../images/ext/default/menu/unchecked.gif);} .x-grid3-check-col-on{background-image:url(../images/ext/default/menu/checked.gif);} .x-grid-group,.x-grid-group-body,.x-grid-group-hd{zoom:1;} .x-grid-group-hd{border-bottom-color:#99bbe8;} -.x-grid-group-hd div{background-image:url(../images/ext/default/grid/group-expand-sprite.gif);color:#3764a0;font:bold 11px tahoma,arial,helvetica,sans-serif;} +.x-grid-group-hd div.x-grid-group-title{background-image:url(../images/ext/default/grid/group-collapse.gif);color:#3764a0;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/ext/default/grid/group-expand.gif);} .x-group-by-icon{background-image:url(../images/ext/default/grid/group-by.gif);} .x-cols-icon{background-image:url(../images/ext/default/grid/columns.gif);} .x-show-groups-icon{background-image:url(../images/ext/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:#a3bae9;} .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/ext/default/dd/drop-no.gif);} .x-dd-drop-ok .x-dd-drop-icon{background-image:url(../images/ext/default/dd/drop-yes.gif);} .x-dd-drop-ok-add .x-dd-drop-icon{background-image:url(../images/ext/default/dd/drop-add.gif);} @@ -1229,11 +1347,10 @@ .x-tree-node-leaf .x-tree-node-icon{background-image:url(../images/ext/default/tree/leaf.gif);} .x-tree-node-collapsed .x-tree-node-icon{background-image:url(../images/ext/default/tree/folder.gif);} .x-tree-node-loading .x-tree-node-icon{background-image:url(../images/ext/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/ext/default/tree/elbow.gif);} .x-tree-lines .x-tree-elbow-plus{background-image:url(../images/ext/default/tree/elbow-plus.gif);} .x-tree-lines .x-tree-elbow-minus{background-image:url(../images/ext/default/tree/elbow-minus.gif);} .x-tree-lines .x-tree-elbow-end{background-image:url(../images/ext/default/tree/elbow-end.gif);} .x-tree-lines .x-tree-elbow-end-plus{background-image:url(../images/ext/default/tree/elbow-end-plus.gif);} @@ -1299,11 +1416,12 @@ .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/ext/default/form/error-tip-corners.gif);} .x-form-invalid-tip .x-tip-body{background-image:url(../images/ext/default/form/exclamation.gif);} .x-tip-anchor{background-image:url(../images/ext/default/qtip/tip-anchor-sprite.gif);} -.x-menu{border-color:#718bb7;background-color:#f0f0f0;background-image:url(../images/ext/default/menu/menu.gif);} +.x-menu{background-color:#f0f0f0;background-image:url(../images/ext/default/menu/menu.gif);} +.x-menu-floating{border-color:#718bb7;} .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/ext/default/menu/menu-parent.gif);} .x-menu-sep{background-color:#e0e0e0;border-bottom-color:#fff;} a.x-menu-item{color:#222;} @@ -1311,11 +1429,12 @@ .x-menu-item-active a.x-menu-item{border-color:#aaccf6;} .x-menu-check-item .x-menu-item-icon{background-image:url(../images/ext/default/menu/unchecked.gif);} .x-menu-item-checked .x-menu-item-icon{background-image:url(../images/ext/default/menu/checked.gif);} .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{background-image:url(../images/ext/default/menu/group-checked.gif);} .x-menu-group-item .x-menu-item-icon{background-image:none;} -.x-menu-plain{background-color:#fff !important;} +.x-menu-plain{background-color:#f0f0f0 !important;background-image:none;} +.x-date-menu,.x-color-menu{background-color:#fff !important;} .x-menu .x-date-picker{border-color:#a3bad9;} .x-cycle-menu .x-menu-item-checked{border-color:#a3bae9 !important;background-color:#def8f6;} .x-menu-scroller-top{background-image:url(../images/ext/default/layout/mini-top.gif);} .x-menu-scroller-bottom{background-image:url(../images/ext/default/layout/mini-bottom.gif);} .x-box-tl{background-image:url(../images/ext/default/box/corners.gif);} @@ -1332,13 +1451,9 @@ .x-box-blue .x-box-bc,.x-box-blue .x-box-mc,.x-box-blue .x-box-tc{background-image:url(../images/ext/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/ext/default/box/l-blue.gif);} .x-box-blue .x-box-mr{background-image:url(../images/ext/default/box/r-blue.gif);} -#x-debug-browser .x-tree .x-tree-node a span{color:#222297;font-size:11px;font-family:"monotype","courier new",sans-serif;} -#x-debug-browser .x-tree a i{color:#ff4545;font-style:normal;} -#x-debug-browser .x-tree a em{color:#999;} -#x-debug-browser .x-tree .x-tree-node .x-tree-selected a span{background-color:#c3daf9;} .x-combo-list{border-color:#98c0f4;background-color:#ddecfe;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:#15428b;background-image:url(../images/ext/default/layout/panel-title-light-bg.gif);border-bottom-color:#98c0f4;} .x-resizable-pinned .x-combo-list-inner{border-bottom-color:#98c0f4;} .x-combo-list-item{border-color:#fff;} \ No newline at end of file