Upgrade to ExtJS 3.3.1 - Released 11/30/2010
[extjs.git] / examples / view / chooser.css
1 /*!
2  * Ext JS Library 3.3.1
3  * Copyright(c) 2006-2010 Sencha Inc.
4  * licensing@sencha.com
5  * http://www.sencha.com/license
6  */
7 #img-chooser-dlg .details{
8     padding: 10px;
9     text-align: center;
10 }
11 #img-chooser-dlg .details-info{
12     border-top: 1px solid #cccccc;
13     font: 11px Arial, Helvetica, sans-serif;
14     margin-top: 5px;
15     padding-top: 5px;
16     text-align: left;
17 }
18 #img-chooser-dlg .details-info b{
19     color: #555555;
20     display: block;
21     margin-bottom: 4px;
22 }
23 #img-chooser-dlg .details-info span{
24     display: block;
25     margin-bottom: 5px;
26     margin-left: 5px;
27 }
28
29 #img-chooser-view{
30     background: white;
31     font: 11px Arial, Helvetica, sans-serif;
32 }
33 #img-chooser-view .thumb{
34     background: #dddddd;
35     padding: 3px;
36 }
37 #img-chooser-view .thumb img{
38     height: 60px;
39     width: 80px;
40 }
41 #img-chooser-view .thumb-wrap{
42     float: left;
43     margin: 4px;
44     margin-right: 0;
45     padding: 5px;
46 }
47 #img-chooser-view .thumb-wrap span{
48     display: block;
49     overflow: hidden;
50     text-align: center;
51 }
52 #img-chooser-view .x-view-over{
53     border:1px solid #dddddd;
54     background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;
55     padding: 4px;
56 }
57 #img-chooser-view .x-view-selected{
58     background: #DFEDFF;
59     border: 1px solid #6593cf;
60     padding: 4px;
61 }
62 #img-chooser-view .x-view-selected .thumb{
63     background:transparent;
64 }
65 #img-chooser-view .x-view-selected span{
66     color:#1A4D8F;
67 }
68 #img-chooser-view .loading-indicator {
69     font-size:11px;
70     background-image:url('../../resources/images/grid/loading.gif');
71     background-repeat: no-repeat;
72     background-position: left;
73     padding-left:20px;
74     margin:10px;
75 }