[TASK] Add missing space between language flag and title language diff
[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: 0;
12                 border-left: 1px @gray-light solid;
13                 border-top: 1px @gray-light solid;
14
15                 td {
16                         vertical-align: middle;
17                         border: 0;
18                         border-bottom: 1px @gray-light solid;
19                         border-right: 1px @gray-light solid;
20                         text-align: center;
21                         background-color: white;
22                         min-height: 100px;
23                 }
24         }
25
26         div#editor {
27                 height: 100%;
28         }
29
30         div.cell_container {
31                 width: 80px;
32                 height: 80px;
33                 position: relative;
34                 left: 50%;
35                 margin-top: 30px;
36                 margin-left: -30px;
37                 opacity: 0.3;
38         }
39
40         div.cell_container:hover {
41                 opacity: 0.5;
42         }
43
44         .grideditor-preview {
45                 margin-top: 5px;
46         }
47
48         .link {
49                 display: block;
50                 position: absolute;
51                 width: 20px;
52                 height: 40px;
53                 overflow: hidden;
54                 opacity: 0.5;
55                 &:hover {
56                         text-decoration: none;
57                         opacity: 1;
58                 }
59
60                 &_expand_down,
61                 &_shrink_up {
62                         width: 40px;
63                         height: 20px;
64                 }
65
66                 &_expand_right {
67                         left: 52px;
68                         top: 0;
69                         &:before {
70                                 font-family: FontAwesome;
71                                 content: "@{fa-var-caret-right}";
72                                 font-size: 42px;
73                                 line-height: 42px;
74                         }
75                 }
76
77                 &_shrink_left {
78                         left: -8px;
79                         top: 0;
80                         &:before {
81                                 font-family: FontAwesome;
82                                 content: "@{fa-var-caret-left}";
83                                 font-size: 42px;
84                                 line-height: 42px;
85                         }
86                 }
87
88                 &_expand_down {
89                         left: 12px;
90                         top: 40px;
91                         &:before {
92                                 font-family: FontAwesome;
93                                 content: "@{fa-var-caret-down}";
94                                 font-size: 42px;
95                                 line-height: 19px;
96                         }
97                 }
98
99                 &_shrink_up {
100                         left: 12px;
101                         top: -20px;
102                         &:before {
103                                 font-family: FontAwesome;
104                                 content: "@{fa-var-caret-up}";
105                                 font-size: 42px;
106                                 line-height: 20px;
107                         }
108                 }
109
110                 &_editor {
111                         width: 40px;
112                         height: 40px;
113                         left: 12px;
114                         top: 0;
115                         &:before {
116                                 font-family: FontAwesome;
117                                 content: "@{fa-var-pencil-square}";
118                                 font-size: 42px;
119                                 line-height: 42px;
120                         }
121                 }
122         }
123 }