c0ebb6462c5d089c3549019856e77fbcf75894da
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3editor / Resources / Public / Styles / t3editor.css
1 .CodeMirror-wrapping {
2 position: relative;
3 }
4 .CodeMirror-wrapping div {
5 line-height: 13px !important;
6 }
7 div.CodeMirror-line-numbers {
8 line-height: 13px !important;
9 font-size: 10px;
10 padding-right: 3px;
11 padding-left: 3px;
12 margin-right: 2px;
13 text-align: right;
14 }
15
16 .TSREF_type_label, .TSREF_description_label{
17 font-weight: bold;
18 }
19 .t3e_codeCompleteBox ul li span.word_definedTSREFProperty {
20 color:#DF4E00;
21 font-size:0.95em;
22 font-weight:bold;
23 }
24 .t3e_codeCompleteBox ul li span.word_undefinedTSREFProperty {
25 color:#FF8400;
26 font-size:0.95em;
27 font-weight:bold;
28 }
29 .t3e_codeCompleteBox ul li span.word_userProperty {
30 color:#7c7c7c;
31 font-size:0.95em;
32 font-weight:bold;
33 }
34 .t3e_descriptionBox{
35 height: 160px;
36 width: 260px;
37 position: absolute;
38 top: 0; left: 0;
39 background-color: #EFEFF4;
40 z-index:190;
41 border:2px solid silver;
42 padding:0px;
43 }
44 .t3e_toolbar{
45 position:absolute;
46 right:50px;
47 top:0pt;
48 width:200px;
49 /*border: 1px solid #CCCCCC;*/
50 }
51 .t3e_toolbar_icon{
52 border: 1px solid #CCCCCC;
53 width: 20px;
54 height: 20px;
55 float: left;
56 }
57 .t3e_codeCompleteBox {
58 position: absolute;
59 top: 0; left: 0;
60 background-color: #EFEFF4;
61 z-index:190;
62 border:2px solid silver;
63 padding:0px;
64 }
65 .t3e_codeCompleteBox ul{
66 list-style-type: none;
67 padding:0px;
68 margin:0px;
69
70 }
71 .t3e_codeCompleteBox ul li{
72 padding-left:2px;
73 padding-right:2px;
74 font-weight:bold;
75 cursor: pointer; cursor: hand;
76 }
77 .t3e_codeCompleteBox ul li.active{
78 padding-left:2px;
79 padding-right:2px;
80 font-weight:bold;
81 background-color: #cfcfcf;
82 }
83 /* around the editor */
84 .t3e_wrap {
85 border: 1px solid gray;
86 position: relative;
87 background-color: #EFEFF4;
88 background-image: url('../../Public/Icons/spinner.gif');
89 background-position: 49% 50%;
90 background-repeat: no-repeat;
91 margin-right: 10px;
92 }
93
94 .t3e_modalOverlay {
95 position: absolute;
96 top: 0; left: 0;
97 background-color: #EFEFF4;
98 background-image: url('../../Public/Icons/spinner.gif');
99 background-position: 49% 50%;
100 background-repeat: no-repeat;
101 z-index:200;
102 width: 100%;
103 height: 100%;
104 }
105 .t3e_autoCompleteBox {
106 position: absolute;
107 top: 0; left: 0;
108 background-color: #EFEFF4;
109 z-index:190;
110 border:2px solid silver;
111 padding:0px;
112 }
113 .t3e_autoCompleteBox ul{
114 list-style-type: none;
115 padding:0px;
116 margin:0px;
117 }
118 .t3e_autoCompleteBox ul li{
119 padding-left:2px;
120 padding-right:2px;
121 font-weight:bold;
122 cursor: pointer; cursor: hand;
123 }
124 .t3e_autoCompleteBox ul li.active{
125 padding-left:2px;
126 padding-right:2px;
127 font-weight:bold;
128 background-color: #cfcfcf;
129 }
130 .t3e_fullscreen {
131 position: absolute;
132 top: 0;
133 left: 0;
134 z-index:999;
135 }
136
137 .t3e_iframe_wrap {
138 margin: 0 0 0 3px;
139 }
140
141 .t3e_iframe {
142 display: block;
143 padding: 0;
144 }
145
146 .t3e_toolbar_wrap {
147 clear: both;
148 width: 100%;
149 font-size: 0.9em;
150 padding-right: 20px;
151 }
152
153
154
155
156
157 .t3e_statusbar_wrap {
158 clear: both;
159 font-size: 0.9em;
160 padding-left: 3px;
161 padding-top: 3px;
162 background-color:#B8BEC9;
163 background-image: url(../../../../t3skin/icons/gfx/alt_menu_mainitem_bg.gif);
164 background-position:left top;
165 background-repeat:repeat-x;
166 height: 20px;
167 }
168 .t3e_statusbar_wrap span {
169 color:#FFFFFF;
170 margin: 3px;
171 }
172 .t3e_statusbar_item {
173 float: right;
174 height: 16px;
175 border-left: 1px solid gray;
176 padding: 4px 14px 0 14px;
177 }
178
179
180 .t3e_clickable {
181 cursor:pointer;cursor:hand;
182 }
183
184
185 .t3e_statusbar_overlay {
186 position: absolute; bottom: 20px; right: 17px;
187 opacity: 0.85;
188 background-color: #EFEFF4;
189 width: 180px;
190 height: 70%;
191 padding: 5px 0px 10px 0px;
192 border-left: 1px solid gray;
193 border-right: 1px solid gray;
194 border-top: 1px solid gray;
195 z-index: 100;
196 }
197 .t3e_statusbar_overlay#t3e_statusbar_overlay_options {
198 height: 8em;
199 }
200 .t3e_statusbar_overlay ul {
201 list-style-type: none;
202 padding: 0;
203 margin: 0;
204 }
205 .t3e_statusbar_overlay ul li {
206 color: #212121;
207 padding: 2px 6px 2px 6px;
208 cursor:pointer;cursor:hand;
209 }
210 .t3e_statusbar_overlay ul li label {
211 cursor:pointer;cursor:hand;
212 }
213 .t3e_statusbar_overlay ul li:hover {
214 background-color: #cfcfcf;
215 }
216
217 #t3e_modalOverlay_help {
218 background-image: none;
219 width: 90%;
220 height: 80%;
221 top: 10%;
222 left: 5%;
223 padding: 10px;
224 border: 1px solid gray;
225 }
226
227 .t3e_footeritem_active {
228 background-color: #cfcfcf;
229 }