X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/d41dc04ad17d1d9125fb2cf72db2b4782dbe3a8c..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/view/data-view.css diff --git a/examples/view/data-view.css b/examples/view/data-view.css index f0e0bdba..3607bb1f 100644 --- a/examples/view/data-view.css +++ b/examples/view/data-view.css @@ -1,55 +1,72 @@ -/* - * Ext JS Library 2.2.1 - * Copyright(c) 2006-2009, Ext JS, LLC. - * licensing@extjs.com - * - * http://extjs.com/license - */ - -#images-view .x-panel-body{ - background: white; - font: 11px Arial, Helvetica, sans-serif; -} -#images-view .thumb{ - background: #dddddd; - padding: 3px; -} -#images-view .thumb img{ - height: 60px; - width: 80px; -} -#images-view .thumb-wrap{ - float: left; - margin: 4px; - margin-right: 0; - padding: 5px; -} -#images-view .thumb-wrap span{ - display: block; - overflow: hidden; - text-align: center; -} - -#images-view .x-view-over{ - border:1px solid #dddddd; - background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top; - padding: 4px; -} - -#images-view .x-view-selected{ - background: #eff5fb url(images/selected.gif) no-repeat right bottom; - border:1px solid #99bbe8; - padding: 4px; -} -#images-view .x-view-selected .thumb{ - background:transparent; -} - -#images-view .loading-indicator { - font-size:11px; - background-image:url('../../resources/images/default/grid/loading.gif'); - background-repeat: no-repeat; - background-position: left; - padding-left:20px; - margin:10px; +#images-view .x-panel-body{ + background: white; + font: 11px Arial, Helvetica, sans-serif; +} +#images-view .thumb{ + background: #dddddd; + padding: 3px; + padding-bottom: 0; +} + +.x-quirks #images-view .thumb { + padding-bottom: 3px; +} + +#images-view .thumb img{ + height: 60px; + width: 80px; +} +#images-view .thumb-wrap{ + float: left; + margin: 4px; + margin-right: 0; + padding: 5px; +} +#images-view .thumb-wrap span { + + display: block; + overflow: hidden; + text-align: center; + width: 86px; // for ie to ensure that the text is centered +} + +#images-view .x-item-over{ + border:1px solid #dddddd; + background: #efefef url(over.gif) repeat-x left top; + padding: 4px; +} + +#images-view .x-item-selected{ + background: #eff5fb url(selected.gif) no-repeat right bottom; + border:1px solid #99bbe8; + padding: 4px; +} +#images-view .x-item-selected .thumb{ + background:transparent; +} + +#images-view .loading-indicator { + font-size:11px; + background-image:url('../../resources/themes/images/default/grid/loading.gif'); + background-repeat: no-repeat; + background-position: left; + padding-left:20px; + margin:10px; +} + +.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; + background-color:#c3daf9; + border-color:#3399bb; +}.ext-strict .ext-ie .x-tree .x-panel-bwrap{ + position:relative; + overflow:hidden; } \ No newline at end of file