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