/*!
- * Ext JS Library 3.0.0
- * Copyright(c) 2006-2009 Ext JS, LLC
+ * Ext JS Library 3.1.1
+ * Copyright(c) 2006-2010 Ext JS, LLC
* licensing@extjs.com
* http://www.extjs.com/license
*/
zoom: 1;\r
background-color: transparent;\r
-moz-outline: none;\r
+ outline: none;\r
}\r
\r
.x-item-disabled {\r
/*
* Horrible hack for IE8 in quirks mode
*/
-.ext-border-box .ext-ie8 .x-tab-strip .x-tab-right{
+.ext-ie8 ul.x-tab-strip li {
+ position: relative;
+}
+.ext-ie8 .x-tab-strip .x-tab-right{
+ margin-bottom: 0 !important;
top: 1px;
}
+.ext-ie8 ul.x-tab-strip-top {
+ padding-top: 0;
+}
+.ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
+ top:4px;
+}
+
.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 {
- background: no-repeat bottom left;
+ background: no-repeat bottom right;
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
- background: no-repeat bottom right;
+ background: no-repeat bottom left;
}
.x-tab-strip-bottom .x-tab-left {
+ margin-right: 3px;
padding:0 10px;
}
/* 2.0.2 style */
.x-form-check-wrap {
line-height:18px;
+ height: 22px;
}
.ext-ie .x-form-check-wrap input {
height:15px;
}
+.x-form-check-wrap input{
+ vertical-align: bottom;
+}
+
.x-editor .x-form-check-wrap {
padding:3px;
}
cursor:pointer;
}
-.ext-safari .x-form-field-wrap .x-form-trigger{
+.ext-webkit .x-form-field-wrap .x-form-trigger{
right:0;
}
border: 1px solid;
}
-.ext-safari .x-form-invalid{
+.ext-webkit .x-form-invalid{
border: 1px solid;
}
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;
zoom:1;
}
-.x-form-item label {
+.x-form-item label.x-form-item-label {
display:block;
float:left;
width:100px;
width:200px;
}
-.x-form-label-left label {
+.x-form-label-left label.x-form-item-label {
text-align:left;
}
-.x-form-label-right label {
+.x-form-label-right label.x-form-item-label {
text-align:right;
}
-.x-form-label-top .x-form-item label {
+.x-form-label-top .x-form-item label.x-form-item-label {
width:auto;
float:none;
clear:none;
font-size:0;
}
+.ext-ie6 .x-form-check-wrap input, .ext-border-box .x-form-check-wrap input{
+ margin-top: 3px;
+}
+
.x-form-cb-label {
- width:auto !important;
- float:none !important;
- clear:none !important;
- display:inline !important;
+ position: relative;
margin-left:4px;
- top: -2px;
+ top: 2px;
}
-.ext-gecko2 .x-form-cb-label{
- top: -1px;
+.ext-ie .x-form-cb-label{
+ top: 1px;
}
-.ext-ie8 .x-form-cb-label{
- position: static;
+.ext-ie6 .x-form-cb-label, .ext-border-box .x-form-cb-label{
+ top: 3px;
}
-.ext-strict .ext-ie8 .x-form-cb-label {
- top: -3px;
- position: relative;
+.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-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-strict .ext-ie8 .x-form-display-field{
+ padding-top: 0;
}
.x-form-column {
margin-left:-3px;
}
-/* IE legend positioing bug */
+/* IE legend positioning bug */
.ext-ie .x-fieldset-noborder legend {
position: relative;
margin-bottom:23px;
.ext-gecko .x-window-body .x-form-item {
-moz-outline: none;
+ outline: none;
overflow: auto;
}
.ext-gecko .x-form-item {
-moz-outline: none;
+ outline: none;
}
.x-hide-label label.x-form-item-label {
padding-left: 0 !important;
}
+.x-form-label-top .x-hide-label label.x-form-item-label{
+ display: none;
+}
+
.x-fieldset {
overflow:hidden;
}
white-space:nowrap;\r
}\r
\r
+/* Fixes an issue with the button height */\r
+.ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc {\r
+ height: 100%;\r
+}\r
+\r
.x-btn-bl{\r
width:3px;\r
height:3px;\r
overflow:hidden;\r
}\r
\r
-.x-toolbar .x-item-disabled .x-btn-icon {\r
- opacity: .35;\r
- -moz-opacity: .35;\r
- filter: alpha(opacity=35);\r
-}\r
-\r
-.x-toolbar td {\r
- vertical-align:middle;\r
-}\r
-\r
-.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{\r
- white-space: nowrap;\r
-}\r
-\r
-.x-toolbar .x-item-disabled {\r
- cursor:default;\r
- opacity:.6;\r
- -moz-opacity:.6;\r
- filter:alpha(opacity=60);\r
-}\r
-\r
-.x-toolbar .x-item-disabled * {\r
- cursor:default;\r
-}\r
-\r
-.x-toolbar .x-toolbar-cell {\r
- vertical-align:middle;\r
-}\r
-\r
-.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, \r
-.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc\r
-{\r
- background-position: 500px 500px;\r
-}\r
-\r
-/* These rules are duplicated from button.css to give priority of x-toolbar rules above */\r
-.x-toolbar .x-btn-over .x-btn-tl{\r
- background-position: -6px 0;\r
-}\r
-\r
-.x-toolbar .x-btn-over .x-btn-tr{\r
- background-position: -9px 0;\r
-}\r
-\r
-.x-toolbar .x-btn-over .x-btn-tc{\r
- background-position: 0 -9px;\r
-}\r
-\r
-.x-toolbar .x-btn-over .x-btn-ml{\r
- background-position: -6px -24px;\r
-}\r
-\r
-.x-toolbar .x-btn-over .x-btn-mr{\r
- background-position: -9px -24px;\r
-}\r
-\r
-.x-toolbar .x-btn-over .x-btn-mc{\r
- background-position: 0 -2168px;\r
-}\r
-\r
-.x-toolbar .x-btn-over .x-btn-bl{\r
- background-position: -6px -3px;\r
-}\r
-\r
-.x-toolbar .x-btn-over .x-btn-br{\r
- background-position: -9px -3px;\r
-}\r
-\r
-.x-toolbar .x-btn-over .x-btn-bc{\r
- background-position: 0 -18px;\r
-}\r
-\r
-.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{\r
- background-position: -12px 0;\r
-}\r
-\r
-.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{\r
- background-position: -15px 0;\r
-}\r
-\r
-.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{\r
- background-position: 0 -12px;\r
-}\r
-\r
-.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{\r
- background-position: -12px -24px;\r
-}\r
-\r
-.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{\r
- background-position: -15px -24px;\r
-}\r
-\r
-.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{\r
- background-position: 0 -3240px;\r
-}\r
-\r
-.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{\r
- background-position: -12px -3px;\r
-}\r
-\r
-.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{\r
- background-position: -15px -3px;\r
-}\r
-\r
-.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{\r
- background-position: 0 -21px;\r
-}\r
-\r
-.x-toolbar div.xtb-text{\r
- padding:2px 2px 0;\r
- line-height:16px;\r
- display:block;\r
-}\r
-\r
-.x-toolbar .xtb-sep {\r
- background-position: center;\r
- background-repeat: no-repeat;\r
- display: block;\r
- font-size: 1px;\r
- height: 16px;\r
- width:4px;\r
- overflow: hidden;\r
- cursor:default;\r
- margin: 0 2px 0;\r
- border:0;\r
-}\r
-\r
-.x-toolbar .xtb-spacer {\r
- width:2px;\r
-}\r
-\r
-/* Paging Toolbar */\r
-.x-tbar-page-number{\r
- width:30px;\r
- height:14px;\r
-}\r
-\r
-.ext-ie .x-tbar-page-number{\r
- margin-top: 2px;\r
-}\r
-\r
-.x-paging-info {\r
- position:absolute;\r
- top:5px;\r
- right: 8px;\r
-}\r
-\r
-/* floating */\r
-.x-toolbar-ct {\r
- width:100%;\r
-}\r
-\r
-.x-toolbar-right td {\r
- text-align: center;\r
-}\r
-\r
-.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 {\r
- overflow:hidden;\r
- zoom:1;\r
-}\r
-\r
-.x-toolbar-more .x-btn-small .x-btn-text{\r
- height: 16px;\r
- width: 12px;\r
-}\r
-\r
-.x-toolbar-more em.x-btn-arrow {\r
- display:inline;\r
- background:transparent;\r
- padding-right:0;\r
-}\r
-\r
-.x-toolbar-more .x-btn-mc em.x-btn-arrow {\r
- background-image: none;\r
-}\r
-\r
-div.x-toolbar-no-items {\r
- color:gray !important;\r
- padding:5px 10px !important;\r
-}\r
-\r
-/* fix ie toolbar form items */\r
-.ext-border-box .x-toolbar-cell .x-form-text {\r
- margin-bottom:-1px !important;\r
-}\r
-\r
-.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {\r
- margin:0 !important;\r
-}\r
-\r
-.ext-ie .x-toolbar-cell .x-form-field-wrap {\r
- height:21px;\r
-}\r
-\r
-.ext-ie .x-toolbar-cell .x-form-text {\r
- position:relative;\r
- top:-1px;\r
-}\r
-\r
-.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 {\r
- top: 0px;\r
-}\r
-\r
-.x-toolbar-right td .x-form-field-trigger-wrap{\r
- text-align: left;\r
-}\r
-\r
-.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{\r
- vertical-align: top;\r
- margin-top: 5px;\r
-}\r
-\r
-.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{\r
- margin-top: 4px;\r
-}\r
-\r
-.x-toolbar-cell .x-form-check-wrap label{\r
- vertical-align: bottom;\r
-}\r
-\r
-/* StatusBar */\r
-.x-statusbar .x-status-text {\r
- height: 21px;\r
- line-height: 21px;\r
- padding: 0 4px;\r
- cursor: default;\r
-}\r
-\r
-.x-statusbar .x-status-busy {\r
- padding-left: 25px;\r
- background: transparent no-repeat 3px 3px;\r
-}\r
-\r
-.x-statusbar .x-status-text-panel {\r
- border-top: 1px solid;\r
- border-right: 1px solid;\r
- border-bottom: 1px solid;\r
- border-left: 1px solid;\r
- padding: 2px 8px 2px 5px;\r
-}.x-toolbar{\r
- border-style:solid;\r
- border-width:0 0 1px 0;\r
- display: block;\r
- padding:2px;\r
- background:repeat-x top left;\r
- position:relative;\r
- left:0;\r
- top:0;\r
- zoom:1;\r
- overflow:hidden;\r
+.x-toolbar-left {\r
+ width: 100%;\r
}\r
\r
.x-toolbar .x-item-disabled .x-btn-icon {\r
vertical-align:middle;\r
}\r
\r
-.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, \r
+.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,\r
.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc\r
{\r
background-position: 500px 500px;\r
}\r
\r
.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{\r
- vertical-align: top;\r
margin-top: 5px;\r
}\r
\r
-.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{\r
- margin-top: 4px;\r
-}\r
-\r
-.x-toolbar-cell .x-form-check-wrap label{\r
+.x-toolbar-cell .x-form-cb-label{\r
vertical-align: bottom;\r
+ top: 1px;\r
}\r
\r
-/* StatusBar */\r
-.x-statusbar .x-status-text {\r
- height: 21px;\r
- line-height: 21px;\r
- padding: 0 4px;\r
- cursor: default;\r
+.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{\r
+ margin-top: 4px;\r
}\r
\r
-.x-statusbar .x-status-busy {\r
- padding-left: 25px;\r
- background: transparent no-repeat 3px 3px;\r
+.ext-ie .x-toolbar-cell .x-form-cb-label{\r
+ top: 0;\r
}\r
-\r
-.x-statusbar .x-status-text-panel {\r
- border-top: 1px solid;\r
- border-right: 1px solid;\r
- border-bottom: 1px solid;\r
- border-left: 1px solid;\r
- padding: 2px 8px 2px 5px;\r
-}/* Grid3 styles */\r
+/* Grid3 styles */\r
.x-grid3 {\r
position:relative;\r
overflow:hidden;\r
\r
.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{\r
-moz-outline: none;\r
+ outline: none;\r
-moz-user-focus: normal;\r
}\r
\r
}\r
\r
.x-grid3-hd-checker {\r
+ background-position:2px 1px;\r
+}\r
+\r
+.ext-border-box .x-grid3-hd-checker {\r
background-position:2px 3px;\r
}\r
\r
.x-grid3-hd-checker-on .x-grid3-hd-checker {\r
+ background-position:-23px 1px;\r
+}\r
+\r
+.ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker {\r
background-position:-23px 3px;\r
}\r
\r
position:relative;\r
}\r
\r
+\r
+/* Reset position to static when Grid Panel has been framed */\r
+/* to resolve 'snapping' from top to bottom behavior. */\r
+/* @forumThread 86656 */\r
+.ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar {\r
+ position: static;\r
+}\r
+\r
+\r
.ext-ie6 .x-grid3-header {\r
position: relative;\r
}\r
}\r
\r
.ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {\r
- vertical-align:middle !important;\r
+ vertical-align: middle !important;\r
}\r
\r
-/* checkboxes */\r
-.ext-ie input.x-tree-node-cb {\r
- width:15px;\r
- height:15px;\r
+.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 {\r
+ vertical-align: top !important;\r
}\r
\r
+/* checkboxes */\r
+\r
input.x-tree-node-cb {\r
margin-left:1px;\r
+ height: 19px;\r
+ vertical-align: bottom;\r
}\r
\r
.ext-ie input.x-tree-node-cb {\r
margin-left:0;\r
+ margin-top: 1px;\r
+ width: 16px;\r
+ height: 16px;\r
+ vertical-align: middle;\r
}\r
\r
-.x-tree-noicon .x-tree-node-icon{\r
- width:0; height:0;\r
+.ext-strict .ext-ie8 input.x-tree-node-cb{\r
+ margin: 1px 1px;\r
+ height: 14px;\r
+ vertical-align: bottom;\r
}\r
\r
-/* loading icon */\r
-.ext-ie .x-tree-node-el input {\r
- width:15px;\r
- height:15px;\r
+.ext-strict .ext-ie8 input.x-tree-node-cb + a{\r
+ vertical-align: bottom;\r
+}\r
+\r
+.ext-opera input.x-tree-node-cb {\r
+ height: 14px;\r
+ vertical-align: middle;\r
+}\r
+\r
+.x-tree-noicon .x-tree-node-icon{\r
+ width:0; height:0;\r
}\r
\r
/* No line styles */\r
}
table.x-date-inner {
- width:100%;
+ width: 100%;
table-layout:fixed;
}
+.ext-webkit table.x-date-inner{
+ /* Fix for webkit browsers */
+ width: 175px;
+}
+
+
.x-date-inner th {
width:25px;
}
top: 0;\r
left:0;\r
visibility: hidden;\r
- z-index: 20000;\r
+ z-index: 20002;\r
border:0 none;\r
}\r
\r
\r
.x-menu-list-item{\r
white-space: nowrap;\r
+ display:block;\r
+ padding:1px;\r
+}\r
+\r
+.x-menu-item{\r
-moz-user-select: none;\r
-khtml-user-select:none;\r
-webkit-user-select:ignore;\r
- display:block;\r
- padding:1px;\r
}\r
\r
.x-menu-item-arrow{\r
padding:0 !important;\r
}\r
\r
+/*\r
+ * fixes separator visibility problem in IE 6\r
+ */\r
+.ext-strict .ext-ie6 .x-menu-sep-li {\r
+ padding: 3px 4px;\r
+}\r
+.ext-strict .ext-ie6 .x-menu-sep {\r
+ margin: 0;\r
+ height: 1px;\r
+}\r
+\r
+/*\r
+ * Ugly mess to remove the white border under the picker\r
+ */\r
+.ext-ie .x-date-menu{\r
+ height: 199px;\r
+}\r
+\r
+.ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu{\r
+ height: 197px;\r
+}\r
+\r
+.ext-strict .ext-ie7 .x-date-menu{\r
+ height: 195px;\r
+}\r
+\r
+.ext-strict .ext-ie8 .x-date-menu{\r
+ height: auto;\r
+}\r
+\r
.x-cycle-menu .x-menu-item-checked {\r
border:1px dotted !important;\r
padding:0;\r
\r
.x-menu-list-item-indent{\r
padding-left: 27px;\r
-}\r
-/*
+}/*
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>
.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-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; /*ie*/
-}
-
-.x-panel-btns-center .x-toolbar-ct {
- margin:0 auto; /*everyone else*/
- text-align:left;
- width:auto;
-}
-
-.ext-gecko2 .x-panel-btns-right .x-toolbar-ct {
- width:auto;
-}
-
.x-panel-btns td.x-toolbar-cell{
padding:3px;
}
zoom:1;
}
-.x-window .x-resizable-handle {
+.x-window .x-window-handle {
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
overflow:hidden;
}
-.x-window-maximized .x-resizable-handle {
+.x-window-maximized .x-window-handle {
display:none;
}
\r
.ext-ie .x-progress-text-back {\r
line-height:15px;\r
-}.x-list-header{\r
+}\r
+\r
+.ext-strict .ext-ie7 .x-progress-text-back{\r
+ width: 100%;\r
+}\r
+.x-list-header{\r
background: repeat-x 0 bottom;\r
cursor:default;\r
zoom:1;\r
border-width: 0 1px 1px;\r
padding-bottom:3px;\r
}\r
+\r
/* Shared styles */\r
.x-slider {\r
zoom:1;\r
git.ithinksw.org / extjs.git / blobdiff