[BUGFIX] Bring back page path in doc header
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / Resources / Private / Styles / TYPO3 / _element_docheader.less
1 /**
2 * This file is part of the TYPO3 CMS project.
3 *
4 * It is free software; you can redistribute it and/or modify it under
5 * the terms of the GNU General Public License, either version 2
6 * of the License, or any later version.
7 *
8 * For the full copyright and license information, please read the
9 * LICENSE.txt file that was distributed with this source code.
10 *
11 * The TYPO3 project - inspiring people to share!
12 */
13
14 /* - - - - - - - - - - - - - - - - - - - - -
15 DocHeader
16 - - - - - - - - - - - - - - - - - - - - - */
17
18 @docheader-text: rgb(45, 45, 45);
19 @docheader-bg: linear-gradient(to bottom, rgb(235, 235, 235) 0%, rgb(205, 205, 205) 100%);
20 @docheader-border: rgb(195, 195, 195);
21
22 #typo3-docheader {
23 background-color: @docheader-bg;
24 background: @docheader-bg;
25
26 img,
27 input {
28 cursor: pointer;
29 }
30
31 .t3-icon {
32 margin-bottom: 3px;
33 }
34
35 .left {
36 float: left;
37
38 /** Extra margin 6px added to it-icon margin, doubled spacing = 12px */
39 .buttongroup {
40 .pull-left;
41 margin-right: 6px;
42 .c-inputButton {
43 color: inherit;
44 }
45 }
46
47 select {
48 margin-right: 12px;
49 }
50 .t3-icon {
51 margin-right: 6px;
52 }
53
54 }
55
56 .right {
57 .pull-right;
58
59 .t3-icon {
60 margin-left: 6px;
61 }
62 }
63
64
65 .typo3-docheader-functions {
66 color: @docheader-text;
67 border-bottom: 1px solid @docheader-border;
68 height: 27px;
69 line-height: 27px;
70 padding: 0 24px;
71 overflow: hidden;
72
73 a {
74 color: @docheader-text;
75
76 &:hover {
77 color: #000;
78 }
79 }
80
81 /* overwrite defaults from normalize.css */
82 select {
83 color: @docheader-text;
84 }
85 }
86
87 .typo3-docheader-buttons {
88 color: @docheader-text;
89 border-bottom: 1px solid @docheader-border;
90 height: 22px;
91 padding: 3px 24px;
92 overflow: hidden;
93
94 a {
95 color: @docheader-text;
96
97 &:hover {
98 color: #000;
99 }
100 }
101 }
102 }
103
104 /**
105 * ExtJS Viewport
106 */
107
108 /* Collapsed tree frame is not invisible, but 5px wide.
109 If no tree frame is in use, an empty container is shown instead */
110
111 #typo3-navigationContainer-xsplit,
112 #typo3-navigationContainer-xcollapsed,
113 #typo3-navigationDummy {
114 background: @body-bg url(../../Images/docheader-split-background.png) left top repeat-x;
115 }
116
117 /** ExtJS theme for PageTree */
118 #typo3-pagetree-topPanelItems {
119 background-color: @docheader-bg;
120 background: @docheader-bg;
121
122 #typo3-pagetree-topPanel {
123 // Functions
124 .x-panel-tbar {
125 color: @docheader-text;
126 border-bottom: 1px solid @docheader-border;
127
128 a {
129 color: @docheader-text;
130
131 &:hover {
132 color: #000;
133 }
134 }
135
136 }
137
138 // Buttons
139 .x-panel-body {
140 color: @docheader-text;
141 border-bottom: 1px solid @docheader-border;
142
143 .typo3-pagetree-topPanel-button {
144 margin-top: 0;
145 }
146
147 a {
148 color: @docheader-text;
149
150 &:hover {
151 color: #000;
152 }
153 }
154 }
155 }
156
157 }