86ac57a9b85abb95b6332f0c4bca87d8d8d648f8
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / Resources / Private / Styles / TYPO3 / visual / _module_web_page.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 Web > Page
16 - - - - - - - - - - - - - - - - - - - - - */
17
18 .t3-page-langMode {
19 width: 100%;
20 }
21
22 .t3-page-columns {
23 width: 100%;
24 margin: 0px -12px;
25 }
26
27 .t3-page-colHeader {
28 background: #fff;
29 border-bottom: 1px solid #cdcdcd;
30 color: #999999;
31 font-family: Verdana, sans-serif;
32 text-align: left;
33 }
34
35 .t3-page-colHeader-label {
36 text-align: left;
37 }
38
39 .t3-page-colHeader-icons {
40 visibility: hidden;
41 }
42
43 .t3-page-colHeader:hover .t3-page-colHeader-icons,
44 .t3-page-column:hover .t3-page-colHeader .t3-page-colHeader-icons {
45 visibility: visible;
46 }
47
48 .t3-page-border {
49 background-color: #cfcfcf;
50 width: 1px;
51 }
52
53 .t3-page-ce-wrapper-new-ce {
54 cursor: default;
55 opacity: 1;
56 }
57
58 .t3-page-ce-droptarget {
59 visibility: hidden;
60 background-color: orange;
61 }
62
63 .t3-page-ce-header {
64 background-color: #cacaca;
65 }
66
67 .t3-page-ce.active-drag {
68 z-index: 4500;
69 }
70
71 .t3-page-ce .t3-page-ce-body,
72 .t3-page-ce:hover .t3-page-ce-body {
73 background-color: #ffffff;
74 border: 1px solid #ffffff;
75 border-top: none;
76 }
77
78 .t3-page-ce:hover .t3-page-ce-body {
79 border-color: #5b5b5b;
80 }
81 .t3-page-column:hover .t3-icon-document-new {
82 visibility: visible;
83 }
84
85 .t3-page-ce .t3-icon-document-new {
86 visibility: hidden;
87 }
88
89 .t3-page-ce-empty .t3-page-ce .t3-icon-document-new {
90 visibility: visible;
91 }
92
93 .t3-page-ce:hover .t3-icon-document-new {
94 visibility: visible;
95 }
96
97 .t3-page-ce:hover .drag-start {
98 visibility: hidden;
99 }
100
101 .t3-page-ce-hidden .t3-page-ce-body,
102 .t3-page-ce-hidden .t3-page-ce-body a {
103 color: #bbbbbb;
104 }
105
106 .t3-page-ce.t3-page-ce-hidden {
107 opacity: .60;
108 }
109
110 .t3-page-ce.t3-page-ce-hidden:hover {
111 opacity: 1.0;
112 }
113
114 .t3-page-ce-hidden:hover .t3-page-ce-body,
115 .t3-page-ce-hidden:hover .t3-page-ce-body a {
116 color: #000000;
117 }
118
119 .t3-page-ce-hidden .t3-page-ce-body {
120 background-color: #e5e5e5;
121 border-color: #e5e5e5;
122 }
123
124 .t3-page-ce-hidden .t3-page-ce-body img {
125 opacity: .60;
126 }
127
128 .t3-page-ce:hover .t3-page-ce-body .t3-icon ,
129 .t3-page-ce:hover .t3-page-ce-body img {
130 opacity: 1.0;
131 }
132
133 .t3-page-ce-hidden .t3-page-ce-header {
134 background-color: #e5e5e5;
135 }
136
137 .t3-page-ce-footer {
138 background: #eee
139 }
140
141 table.typo3-page-columnsMode tr td a {
142 text-decoration: none;
143 }
144
145 table.typo3-page-columnsMode tr td a b {
146 text-decoration: underline;
147 }
148
149 .t3-page-ce-body-inner {
150 word-break: break-all;
151 }
152
153 table.typo3-page-buttons td {
154 padding-right: 10px;
155 }
156
157 td.t3-gridCell {
158 background-color: #f1f1f1;
159 border-bottom: 1px solid #cdcdcd;
160 }
161
162 td.t3-gridCell-restricted {
163 background-color: #e8e0e0;
164 }
165
166 td.t3-gridCell-unassigned {
167 background: url('../../../../images/backgrounds/layout-not-assigned.png') repeat;
168 }
169
170 .t3-page-ce-wrapper .t3-row-header {
171 background-image: none;
172 background-color: #cacaca;
173 min-height: 20px;
174 }
175
176 td.t3-gridCell-restricted div.t3-row-header {
177 opacity: .40;
178 }
179
180 td.t3-gridCell-restricted div.t3-row-header div {
181 opacity: .60;
182 }
183
184 .t3-page-ce .t3-row-header .ce-icons,
185 .t3-page-ce .t3-row-header .ce-icons-left{
186 visibility: hidden;
187 }
188
189 .t3-page-ce:hover .t3-row-header .ce-icons,
190 .t3-page-ce:hover .t3-row-header .ce-icons-left{
191 visibility: visible;
192 }
193
194 .t3-page-ce-dropzone.t3-page-ce-dropzone-available.dropReceiveOK {
195 background-color: #73ab61;
196 }
197
198 .t3-page-ce-dropzone.t3-page-ce-dropzone-available {
199 background-color: #c8d9c3;
200 }
201
202 .t3-page-ce-dragitem:hover {
203 cursor: move;
204 }
205
206 .t3-page-ce-dragitem.dragitem-shadow {
207 box-shadow: 0 1px 12px rgba(0, 0, 0, 0.50);
208 }
209
210 .t3-page-ce:hover .t3-row-header {
211 background-color: #666;
212 }