X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/c930e9176a5a85509c5b0230e2bff5c22a591432..05ce1c11e98b33f14ddee184493bd5a60dc947e2:/resources/css/ext-all-notheme.css diff --git a/resources/css/ext-all-notheme.css b/resources/css/ext-all-notheme.css index 404684a7..6b7f17cb 100644 --- a/resources/css/ext-all-notheme.css +++ b/resources/css/ext-all-notheme.css @@ -1,5 +1,5 @@ /*! - * Ext JS Library 3.0.0 + * Ext JS Library 3.0.3 * Copyright(c) 2006-2009 Ext JS, LLC * licensing@extjs.com * http://www.extjs.com/license @@ -904,6 +904,7 @@ textarea { /* 2.0.2 style */ .x-form-check-wrap { line-height:18px; + height: 22px; } .ext-ie .x-form-check-wrap input { @@ -911,6 +912,10 @@ textarea { height:15px; } +.x-form-check-wrap input{ + vertical-align: bottom; +} + .x-editor .x-form-check-wrap { padding:3px; } @@ -942,7 +947,7 @@ textarea { cursor:pointer; } -.ext-safari .x-form-field-wrap .x-form-trigger{ +.ext-webkit .x-form-field-wrap .x-form-trigger{ right:0; } @@ -1008,7 +1013,7 @@ textarea { border: 1px solid; } -.ext-safari .x-form-invalid{ +.ext-webkit .x-form-invalid{ border: 1px solid; } @@ -1022,23 +1027,6 @@ textarea { 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; @@ -1068,7 +1056,7 @@ textarea { zoom:1; } -.x-form-item label { +.x-form-item label.x-form-item-label { display:block; float:left; width:100px; @@ -1092,15 +1080,15 @@ textarea { 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; @@ -1176,30 +1164,38 @@ textarea { 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-ie .x-form-cb-label{ + top: 1px; } -.ext-gecko2 .x-form-cb-label{ - top: -1px; +.ext-ie6 .x-form-cb-label, .ext-border-box .x-form-cb-label{ + top: 3px; } -.ext-ie8 .x-form-cb-label{ - position: static; +.x-form-display-field{ + padding-top: 2px; } -.ext-strict .ext-ie8 .x-form-cb-label { - top: -3px; - position: relative; +.ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{ + padding-top: 1px; } -.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-ie .x-form-display-field{ + padding-top: 3px; +} + +.ext-strict .ext-ie8 .x-form-display-field{ + padding-top: 0; } .x-form-column { @@ -1374,6 +1370,10 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap { padding-left: 0 !important; } +.x-form-label-top .x-hide-label label.x-form-item-label{ + display: none; +} + .x-fieldset { overflow:hidden; } @@ -1598,6 +1598,11 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap { 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; @@ -1863,7 +1868,7 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap { 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-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; @@ -2042,290 +2047,22 @@ div.x-toolbar-no-items { } .x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{ - vertical-align: top; margin-top: 5px; } -.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{ - margin-top: 4px; -} - -.x-toolbar-cell .x-form-check-wrap label{ +.x-toolbar-cell .x-form-cb-label{ vertical-align: bottom; -} - -/* StatusBar */ -.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-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 .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; -} - -.x-toolbar .x-btn-over .x-btn-mc{ - background-position: 0 -2168px; -} - -.x-toolbar .x-btn-over .x-btn-bl{ - background-position: -6px -3px; -} - -.x-toolbar .x-btn-over .x-btn-br{ - background-position: -9px -3px; -} - -.x-toolbar .x-btn-over .x-btn-bc{ - background-position: 0 -18px; -} - -.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{ - background-position: -12px 0; -} - -.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{ - background-position: -15px 0; -} - -.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{ - background-position: 0 -12px; -} - -.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{ - background-position: -12px -24px; -} - -.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{ - background-position: -15px -24px; -} - -.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{ - background-position: 0 -3240px; -} - -.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{ - background-position: -12px -3px; -} - -.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; -} - -/* 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-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: 5px; + top: 1px; } .ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{ margin-top: 4px; } -.x-toolbar-cell .x-form-check-wrap label{ - vertical-align: bottom; -} - -/* StatusBar */ -.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; +.ext-ie .x-toolbar-cell .x-form-cb-label{ + top: 0; } - -.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; -}/* Grid3 styles */ +/* Grid3 styles */ .x-grid3 { position:relative; overflow:hidden; @@ -2956,27 +2693,38 @@ a.x-grid3-hd-btn:hover { } /* checkboxes */ -.ext-ie input.x-tree-node-cb { - width:15px; - height:15px; -} 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; } -.x-tree-noicon .x-tree-node-icon{ - width:0; height:0; +.ext-strict .ext-ie8 input.x-tree-node-cb{ + margin: 1px 1px; + height: 14px; + vertical-align: bottom; } -/* loading icon */ -.ext-ie .x-tree-node-el input { - width:15px; - height:15px; +.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; } /* No line styles */ @@ -4270,7 +4018,7 @@ a.x-menu-item { width:auto; } -.ext-gecko2 .x-panel-btns-right .x-toolbar-ct { +.ext-ie .x-panel-btns-right .x-toolbar-ct, .ext-gecko2 .x-panel-btns-right .x-toolbar-ct { width:auto; } @@ -5112,6 +4860,10 @@ body.ext-ie6.x-body-masked .x-window select { .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; @@ -5191,6 +4943,10 @@ body.ext-ie6.x-body-masked .x-window select { border-width: 0 1px 1px; padding-bottom:3px; } + +.x-list-wrap { + overflow: auto; +} /* Shared styles */ .x-slider { zoom:1;