Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / examples / view / data-view.css
1 #images-view .x-panel-body{
2     background: white;
3     font: 11px Arial, Helvetica, sans-serif;
4 }
5 #images-view .thumb{
6     background: #dddddd;
7     padding: 3px;
8     padding-bottom: 0;
9 }
10
11 .x-quirks #images-view .thumb {
12     padding-bottom: 3px;
13 }
14
15 #images-view .thumb img{
16     height: 60px;
17     width: 80px;
18 }
19 #images-view .thumb-wrap{
20     float: left;
21     margin: 4px;
22     margin-right: 0;
23     padding: 5px;
24 }
25 #images-view .thumb-wrap span {
26     
27     display: block;
28     overflow: hidden;
29     text-align: center;
30     width: 86px; // for ie to ensure that the text is centered
31 }
32
33 #images-view .x-item-over{
34     border:1px solid #dddddd;
35     background: #efefef url(over.gif) repeat-x left top;
36     padding: 4px;
37 }
38
39 #images-view .x-item-selected{
40     background: #eff5fb url(selected.gif) no-repeat right bottom;
41     border:1px solid #99bbe8;
42     padding: 4px;
43 }
44 #images-view .x-item-selected .thumb{
45     background:transparent;
46 }
47
48 #images-view .loading-indicator {
49     font-size:11px;
50     background-image:url('../../resources/themes/images/default/grid/loading.gif');
51     background-repeat: no-repeat;
52     background-position: left;
53     padding-left:20px;
54     margin:10px;
55 }
56
57 .x-view-selector {
58     position:absolute;
59     left:0;
60     top:0;
61     width:0;
62     border:1px dotted;
63     opacity: .5;
64     -moz-opacity: .5;
65     filter:alpha(opacity=50);
66     zoom:1;
67     background-color:#c3daf9;
68     border-color:#3399bb;
69 }.ext-strict .ext-ie .x-tree .x-panel-bwrap{
70     position:relative;
71     overflow:hidden;
72 }