source: products/qPloneTabs/tags/0.2.1/skins/qPloneTabs/2.0.5/collapsible.css.dtml @ 1591

Last change on this file since 1591 was 1, checked in by myroslav, 18 years ago

Building directory structure

  • Property svn:eol-style set to native
File size: 2.0 KB
Line 
1/* <dtml-with base_properties> (do not remove this :) */
2/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */
3
4/* Collapsible elements */
5
6dl.collapsible {
7    border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor; !important;
8    margin: 1em 0 0 0;
9    padding: 0;
10}
11
12dl.collapsible dt.collapsibleHeader {
13    display: block;
14    float: left;
15    background: &dtml-backgroundColor;;
16    line-height: 1.2em;
17    vertical-align: middle;
18    font-size: 90%;
19    position: relative;
20    top: -0.6em;
21    width: auto;
22    margin: 0 0 -0.6em 1em;
23    padding: 0 0.5em;
24}
25
26dl.collapsible dd.collapsibleContent {
27    margin: 0;
28    padding: 0 1em;
29    clear: left;
30}
31
32/* for IE the following isn't needed, that's why the css2 selector is used */
33dl.collapsible dd.collapsibleContent > dl {
34    margin: 0;
35    padding: 0;
36}
37
38dl.expandedInlineCollapsible dt.collapsibleHeader,
39dl.expandedBlockCollapsible dt.collapsibleHeader {
40    padding: 0 6px 0 22px;
41    background: &dtml-backgroundColor; url(treeExpanded.gif) no-repeat 6px 50%;
42    cursor: pointer;
43}
44
45dl.collapsedBlockCollapsible {
46    border: none !important;
47    height: 1em;
48    width: auto;
49}
50
51dl.collapsedBlockCollapsible dt.collapsibleHeader {
52    float: none;
53    position: static;
54    margin: 0;
55    padding: 0 0 0 22px;
56    line-height: 1em;
57    background: transparent url(treeCollapsed.gif) no-repeat 6px 50%;
58    cursor: pointer;
59}
60
61dl.collapsedInlineCollapsible dd.collapsibleContent,
62dl.collapsedBlockCollapsible dd.collapsibleContent {
63    display: none;
64}
65
66dl.collapsedInlineCollapsible {
67    border: none !important;
68    height: 1em;
69    width: auto;
70    display: inline;
71}
72
73dl.collapsedInlineCollapsible dt.collapsibleHeader {
74    position: static;
75    float: none;
76    margin: 0;
77    padding: 0 0 0 22px;
78    line-height: 1em;
79    background: transparent url(treeCollapsed.gif) no-repeat 6px 50%;
80    cursor: pointer;
81    display: inline;
82}
83
84/* </dtml-with> (do not remove this either :) */
Note: See TracBrowser for help on using the repository browser.