[!!!][FEATURE] inline backend layout wizard
[Packages/TYPO3.CMS.git] / Build / Resources / Public / Less / TYPO3 / _main_backend_layout_wizard.less
1
2 .grideditor {
3         td {
4                 vertical-align: middle;
5                 &.editor_cell {
6                         height: 100%;
7                 }
8         }
9
10         table.editor {
11                 border-right: 1px gray dashed;
12                 border-bottom: 1px gray dashed;
13
14                 td {
15                         vertical-align: middle;
16                         border-top: 1px gray dashed;
17                         border-left: 1px gray dashed;
18                         text-align: center;
19                         background-color: white;
20                         min-height: 100px;
21                 }
22         }
23
24         div#editor {
25                 height: 100%;
26         }
27
28         div.cell_container {
29                 width: 80px;
30                 height: 80px;
31                 position: relative;
32                 left: 50%;
33                 margin-left: -30px;
34                 opacity: 0.3;
35         }
36
37         div.cell_container:hover {
38                 opacity: 0.5;
39         }
40
41         .grideditor-preview {
42                 margin-top: 5px;
43         }
44
45         .link {
46                 display: block;
47                 position: absolute;
48                 width: 20px;
49                 height: 40px;
50                 overflow: hidden;
51                 opacity: 0.5;
52                 &:hover {
53                         text-decoration: none;
54                         opacity: 1;
55                 }
56
57                 &_expand_down,
58                 &_shrink_up {
59                         width: 40px;
60                         height: 20px;
61                 }
62
63                 &_expand_right {
64                         left: 52px;
65                         top: 0;
66                         &:before {
67                                 font-family: FontAwesome;
68                                 content: "@{fa-var-caret-right}";
69                                 font-size: 42px;
70                                 line-height: 42px;
71                         }
72                 }
73
74                 &_shrink_left {
75                         left: -8px;
76                         top: 0;
77                         &:before {
78                                 font-family: FontAwesome;
79                                 content: "@{fa-var-caret-left}";
80                                 font-size: 42px;
81                                 line-height: 42px;
82                         }
83                 }
84
85                 &_expand_down {
86                         left: 12px;
87                         top: 40px;
88                         &:before {
89                                 font-family: FontAwesome;
90                                 content: "@{fa-var-caret-down}";
91                                 font-size: 42px;
92                                 line-height: 19px;
93                         }
94                 }
95
96                 &_shrink_up {
97                         left: 12px;
98                         top: -20px;
99                         &:before {
100                                 font-family: FontAwesome;
101                                 content: "@{fa-var-caret-up}";
102                                 font-size: 42px;
103                                 line-height: 20px;
104                         }
105                 }
106
107                 &_editor {
108                         width: 40px;
109                         height: 40px;
110                         left: 12px;
111                         top: 0;
112                         &:before {
113                                 font-family: FontAwesome;
114                                 content: "@{fa-var-pencil-square}";
115                                 font-size: 42px;
116                                 line-height: 42px;
117                         }
118                 }
119         }
120 }