Project

General

Profile

1
/*
2
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
3
For licensing, see LICENSE.md or http://ckeditor.com/license
4
*/
5

    
6
/*
7
editor_ie7.css
8
===============
9

    
10
This file contains styles to used by Internet Explorer 7 only.
11
*/
12

    
13
/* Base it on editor_ie.css, overriding it with styles defined in this file. */
14
@import url("editor_ie.css");
15

    
16
.cke_rtl .cke_toolgroup,
17
.cke_rtl .cke_toolbar_separator,
18
.cke_rtl .cke_button,
19
.cke_rtl .cke_button *,
20
.cke_rtl .cke_combo,
21
.cke_rtl .cke_combo *,
22
.cke_rtl .cke_path_item,
23
.cke_rtl .cke_path_item *,
24
.cke_rtl .cke_path_empty
25
{
26
	float: none;
27
}
28

    
29
.cke_rtl .cke_toolgroup,
30
.cke_rtl .cke_toolbar_separator,
31
.cke_rtl .cke_combo_button,
32
.cke_rtl .cke_combo_button *,
33
.cke_rtl .cke_button,
34
.cke_rtl .cke_button_icon
35
{
36
	display: inline-block;
37
	vertical-align: top;
38
}
39

    
40
.cke_toolbox
41
{
42
	display:inline-block;
43
	padding-bottom: 5px;
44
	height: 100%;
45
}
46
.cke_rtl .cke_toolbox
47
{
48
	padding-bottom: 0;
49
}
50

    
51
.cke_toolbar
52
{
53
	margin-bottom: 5px;
54
}
55
.cke_rtl .cke_toolbar
56
{
57
	margin-bottom: 0;
58
}
59

    
60
/* IE7: toolgroup must be adapted to toolbar items height. */
61
.cke_toolgroup
62
{
63
	height: 26px;
64
}
65

    
66
/* Avoid breaking elements that use background gradient when page zoom > 1 (#9548) */
67
.cke_toolgroup,
68
.cke_combo
69
{
70
	position: relative;
71
}
72

    
73
a.cke_button
74
{
75
	/* IE7: buttons must not float to wrap the toolbar in a whole. */
76
	float:none;
77

    
78
	/* IE7: buttons have to be aligned to top. Otherwise, some buttons like
79
	 * source and scayt are displayed a few pixels below the base line.
80
	 */
81
	vertical-align:top;
82
}
83

    
84
.cke_toolbar_separator
85
{
86
	display: inline-block;
87
	float: none;
88
	vertical-align: top;
89
	background-color: #c0c0c0;
90
}
91

    
92
.cke_toolbox_collapser .cke_arrow
93
{
94
	margin-top: 0;
95
}
96
.cke_toolbox_collapser .cke_arrow
97
{
98
	border-width:4px;
99
}
100
.cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow
101
{
102
	border-width:3px;
103
}
104

    
105
.cke_rtl .cke_button_arrow
106
{
107
	padding-top: 8px;
108
	margin-right: 2px;
109
}
110

    
111
.cke_rtl .cke_combo_inlinelabel
112
{
113
	display: table-cell;
114
	vertical-align: middle;
115
}
116

    
117
/*
118
 * Editor menus are display:table-driven. IE7 doesn't support this approach,
119
 * hence this position&float hybrid fall-back.
120
 */
121
.cke_menubutton
122
{
123
	display: block;
124
	height: 24px;
125
}
126

    
127
.cke_menubutton_inner
128
{
129
	display: block;
130
	position: relative;
131
}
132

    
133
.cke_menubutton_icon
134
{
135
	height: 16px;
136
	width: 16px;
137
}
138

    
139
.cke_menubutton_icon,
140
.cke_menubutton_label,
141
.cke_menuarrow
142
{
143
	display: inline-block;
144
}
145

    
146
.cke_menubutton_label
147
{
148
	width: auto;
149
	vertical-align: top;
150
	line-height: 24px;
151
	height: 24px;
152
	margin: 0 10px 0 0;
153
}
154

    
155
.cke_menuarrow
156
{
157
	width: 5px;
158
	height: 6px;
159
	padding: 0;
160
	position: absolute;
161
	right: 8px;
162
	top: 10px;
163

    
164
	background-position: 0 0;
165
}
166

    
167
/* Menus in RTL mode. */
168
.cke_rtl .cke_menubutton_icon
169
{
170
	position: absolute;
171
	right: 0px;
172
	top: 0px;
173
}
174

    
175
.cke_rtl .cke_menubutton_label
176
{
177
	float: right;
178
	clear: both;
179
	margin: 0 24px 0 10px;
180
}
181

    
182
.cke_hc .cke_rtl .cke_menubutton_label
183
{
184
	margin-right: 0;
185
}
186

    
187

    
188
.cke_rtl .cke_menuarrow
189
{
190
	left: 8px;
191
	right: auto;
192
	background-position: 0 -24px;
193
}
194

    
195
.cke_hc .cke_menuarrow
196
{
197
	top: 5px;
198
	padding: 0 5px;
199
}
200

    
201
.cke_rtl input.cke_dialog_ui_input_text,
202
.cke_rtl input.cke_dialog_ui_input_password
203
{
204
	/* Positioning is required for IE7 on text inputs not to stretch dialog horizontally. (#8971)*/
205
	position: relative;
206
}
207

    
208
/* Reset vertical paddings which put editing area under bottom UI space. (#9721) */
209
.cke_wysiwyg_div
210
{
211
	padding-top: 0 !important;
212
	padding-bottom: 0 !important;
213
}
(10-10/23)