a55ea5a9005836dafa8575e85431edac31b95f6a
[tine20] / tine20 / Tinebase / css / ux / ArrowCollapse.css
1 .ux-arrowcollapse {
2         /*position:relative;*/
3     padding-bottom:5px;
4     overflow:hidden;
5 }
6
7 .ux-arrowcollapse .x-tool-toggle {
8     background:#fff url(../../../library/ExtJS/resources/images/default/tree/arrows.gif) no-repeat -18px 0;
9     position: relative;
10     top: 8px;
11     float: left;
12 }
13
14 .ux-arrowcollapse-plain .x-tool-toggle {
15     background-color: #DFE8F6;
16 }
17
18 .x-panel-collapsed .ux-arrowcollapse-header .x-tool-toggle {
19     background-position: -2px 0;
20 }
21
22 .x-panel-collapsed .ux-arrowcollapse-header .x-tool-toggle-over {
23     background-position: -34px 0;
24 }
25
26 .ux-arrowcollapse-header .x-tool-toggle-over {
27     background-position: -50px 0;
28 }
29
30 .ux-arrowcollapse .ux-arrowcollapse-header {
31         line-height: 24px;
32     padding:0;
33     /*border-bottom:1px solid #c3daf9;*/
34 }
35  
36 .ux-arrowcollapse .ux-arrowcollapse-header-text {
37     font-size:11px;
38     font-family:tahoma,arial,sans-serif;
39     line-height:13px;
40     text-transform:uppercase;
41     position:relative;
42     left:5px;
43     top:5px;
44     /*padding:1px 5px 1px 20px;*/
45     color:#4e79b2;
46     }
47  
48 .ux-arrowcollapse-body {
49     overflow:hidden;
50 }
51  
52 .ux-arrowcollapse-bwrap {
53     overflow:hidden;
54     zoom:1;
55 }