2e969db6f45d7817cb7d5f91c108888a21b0dd05
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / stylesheets / visual / element_tree.css
1 /* - - - - - - - - - - - - - - - - - - - - -
2 Tree
3
4 $Id$
5 - - - - - - - - - - - - - - - - - - - - - */
6
7 body#typo3-pagetree,
8 body#typo3-alt-file-navframe-php {
9 background: #ebebeb;
10 }
11
12 /**
13 * Shadow on the right side of the tree frame.
14 */
15 #typo3-pagetree #typo3-docbody,
16 #typo3-alt-file-navframe-php #typo3-docbody {
17 -moz-box-shadow: inset -2px 0 1px #c4c4c4;
18 -ms-box-shadow: inset -2px 0 1px #c4c4c4;
19 -webkit-box-shadow: inset -2px 0 1px #c4c4c4;
20 box-shadow: inset -2px 0 1px #c4c4c4;
21 }
22
23 /**
24 * Shadow on the right side of the tree frame,
25 * fallback for missing box-shadow support.
26 *
27 * @see modernizr.js
28 */
29 .no-boxshadow #typo3-pagetree #typo3-docbody,
30 .no-boxshadow #typo3-alt-file-navframe-php #typo3-docbody {
31 background-image: url("data:image/png;base64,R0lGODlhAgABAIAAAMjIyLOzsyH5BAAAAAAALAAAAAACAAEAAAICRAoAOw==");
32 /* star-hack targets IE6+7 */
33 *background-image: url("../../images/backgrounds/module-menu-right.png");
34 background-position: right;
35 background-repeat: repeat-y;
36 }
37
38 table#typo3-tree a {
39 text-decoration: none;
40 }
41
42 body#typo3-alt-db-navframe-php div.c-notice {
43 border: 1px solid black;
44 }
45
46 .navFrameHL {
47 background-color: #d7dbe2;
48 }
49
50 .navFrameHL a {
51 font-weight: bold;
52 }
53
54 table#typo3-tree tr:hover {
55 background-color: #d7dbe2;
56 }
57
58 /* - - - - - - - - - - - - - - - - - - - - -
59 Configuration trees, used in Admin Tools => Configuration
60 - - - - - - - - - - - - - - - - - - - - - */
61 table.t3-tree-config {
62 background: #ececec;
63 background-image: linear-gradient(center top, #ffffff 0px, #ececec 100px);
64 background-image: -moz-linear-gradient(center top, #ffffff 0px, #ececec 100px);
65 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0px, #ffffff), color-stop(100px, #ececec));
66 border: 1px solid #adadad;
67 }
68
69 table.t3-tree-config .t3-tree-config-header {
70 text-align: left;
71 }
72
73 /* - - - - - - - - - - - - - - - - - - - - -
74 AJAX Page Tree
75 - - - - - - - - - - - - - - - - - - - - - */
76
77 ul.tree {
78 line-height: 12px;
79 list-style: none;
80 }
81
82 ul.tree a {
83 text-decoration: none;
84 }
85
86 ul.tree a.pm {
87 cursor: pointer;
88 }
89
90 ul.tree ul {
91 list-style: none;
92 }
93
94 ul.tree li {
95 white-space: nowrap;
96 }
97
98 ul.tree ul li {
99 list-style: none;
100 }
101
102 ul.tree ul li.expanded ul {
103 background: transparent url('../../icons/gfx/ol/line.gif') 1px top repeat-y;
104 }
105
106 ul.tree ul li.last > ul {
107 background: none;
108 }
109
110 ul.tree div.treeLinkItem {
111 border-bottom: 1px solid transparent;
112 border-left: 1px solid transparent;
113 border-top: 1px solid transparent;
114 }
115
116 ul.tree li.active > div.treeLinkItem,
117 ul.tree ul li.active > div.treeLinkItem {
118 background-color: #f8f8f8;
119 border-bottom: 1px solid #d7d7d7;
120 border-left: 1px solid #d7d7d7;
121 border-top: 1px solid #d7d7d7;
122 }
123
124 ul.tree li.active span a,
125 ul.tree ul li.active span a {
126 font-weight: bold;
127 }
128
129 ul.tree li.active ul span a,
130 ul.tree ul li.active ul span a {
131 font-weight: normal;
132 }
133
134 #dragIcon {
135 filter: alpha(opacity=50);
136 opacity: 0.5;
137 white-space: nowrap;
138 -moz-opacity: 0.5;
139 }
140
141 #treeFilterBox {
142 background-image: url('../../icons/gfx/filter_bg.gif');
143 background-repeat: no-repeat;
144 background-position: 0 -2px;
145 border-bottom: 1px solid #dadada;
146 }
147
148 #treeFilter {
149 background: transparent;
150 border: 0px;
151 font-size: 11px;
152 }
153
154 #treeFilterReset {
155 border: 0;
156 cursor: pointer;
157 }
158
159 #tree-toolbar-filter-item {
160 display: inline-block;
161 height: 22px;
162 width: 20px;
163 }
164
165 #tree-toolbar-filter-item.active {
166 background-image: url("../../icons/gfx/toolbar_item_active_bg.png")
167 }