4 $navigation-text: #000;
5 $navigation-bg: $gray-lighter;
6 $navigation-border: rgb(195, 195, 195);
11 $tree-indentation: 16px;
12 $tree-intendation-space: 6px;
13 $tree-line-height: 21px;
16 $tree-control-size: 20px;
17 $tree-control-icon-size: 12px;
24 margin-left: ceil(($tree-indentation / 2));
35 bottom: ceil($tree-line-height / 2);
38 border-left: 1px dotted $tree-border;
49 right: -$tree-intendation-space;
50 left: -$tree-intendation-space;
54 border: 1px solid rgba(0, 0, 0, 0.25);
55 background-color: rgba(255, 255, 255, 0.75);
64 width: ceil($tree-indentation - $tree-intendation-space - 1px);
66 border-top: 1px dotted $tree-border;
69 top: ceil($tree-line-height / 2) + 1;
77 width: ceil($tree-indentation - $tree-intendation-space) + 1;
82 padding-left: $tree-indentation;
83 line-height: $tree-line-height;
112 display: inline-block;
113 width: $tree-control-size;
119 @include user-select(none);
124 margin-top: ceil($tree-line-height / 2) - ceil($tree-control-size / 2);
125 margin-left: -($tree-indentation + ceil($tree-control-size / 2));
127 line-height: $tree-control-size;
128 width: $tree-control-size;
129 height: $tree-control-size;
136 margin-top: ceil(-($tree-control-icon-size / 2));
137 margin-left: ceil(-($tree-control-icon-size / 2));
138 width: $tree-control-icon-size;
139 height: $tree-control-icon-size;
146 text-decoration: none;
150 display: inline-block;
155 width: $tree-control-icon-size;
156 height: $tree-control-icon-size;
157 background-color: $tree-bg;
162 &.list-tree-control-open > .fa:before {
166 &.list-tree-control-closed > .fa:before {
179 padding-left: $tree-control-size;
186 margin-left: -$tree-control-size;
190 > .list-tree-control {
191 margin-left: -$tree-control-size;
194 background-color: transparent;
201 .list-tree-root-clean {
211 .list-tree li:last-child:before,
212 .list-tree-control > .fa:before {
213 background-color: #f1f1f1;
217 [id=ext-backend-Modules-FileSystemNavigationFrame-index-php] {
218 .list-tree li:last-child:before,
219 .list-tree-control > .fa:before {
220 background-color: #f5f5f5;
229 [id=ext-lowlevel-Modules-Configuration-index-php] {
232 display: inline-block;
233 color: $brand-danger;
243 display: inline-block;
266 border-left: 1px dotted $tree-border;
270 border-top: 1px dotted $tree-border;
278 .treeline-icon-jointop:before {
282 .treeline-icon-joinbottom:before {
286 .treeline-icon-line:after {
290 .treeline-icon-blank {
294 .treeline-icon-clear {
301 #typo3-pagetree #typo3-docheader div.buttonsright {
305 body#typo3-alt-db-navframe-php div.c-notice {
306 border: 1px solid black;
316 body#typo3-pagetree {
321 #typo3-pagetree #typo3-inner-docbody {
326 display: inline-block;
334 filter: alpha(opacity=50);
342 #typo3-pagetree-deletionDropZone .x-panel-body {
343 background-position: right;
344 background-repeat: repeat-y;
347 [id=ext-backend-Modules-FileSystemNavigationFrame-index-php],
348 [id=ext-backend-Modules-FileSystemNavigationFrame-index-php] .module-body,
349 [id=typo3-pagetree-treeContainer] {
350 background-color: $navigation-bg;
354 [id=typo3-pagetree-tree] {
358 height: 100% !important;
362 [id=ext-backend-Modules-FileSystemNavigationFrame-index-php] .module-docheader {
369 background-color: $navigation-border;
373 // Info Pagetree Overview
374 [id=InfoModuleController] a.t3js-contextmenutrigger {