cc0dfe8f6b1de76155d6be9806b1620a56fe0909
[Packages/TYPO3.CMS.git] / typo3 / sysext / rte_ckeditor / Resources / Public / Css / contents.css
1 /****************************************************************************************
2 # Default css file for content edited with CKEditor
3 #
4 # Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
5 # For licensing, see LICENSE.md or http://ckeditor.com/license
6 #
7 # Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.
8 # This css file is referenced by property RTE.default.contentCSS in TSconfig.
9 # ***************************************************************************************/
10
11 body
12 {
13 /* Font */
14 font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
15 font-size: 12px;
16
17 /* Text color */
18 color: #333;
19
20 /* Remove the background color to make it transparent */
21 background-color: #fff;
22
23 margin: 20px;
24 }
25
26 .cke_editable
27 {
28 font-size: 13px;
29 line-height: 1.6;
30
31 /* Fix for missing scrollbars with RTL texts. (#10488) */
32 word-wrap: break-word;
33 }
34
35 blockquote
36 {
37 font-style: italic;
38 font-family: Georgia, Times, "Times New Roman", serif;
39 padding: 2px 0;
40 border-style: solid;
41 border-color: #ccc;
42 border-width: 0;
43 }
44
45 .cke_contents_ltr blockquote
46 {
47 padding-left: 20px;
48 padding-right: 8px;
49 border-left-width: 5px;
50 }
51
52 .cke_contents_rtl blockquote
53 {
54 padding-left: 8px;
55 padding-right: 20px;
56 border-right-width: 5px;
57 }
58
59 a
60 {
61 color: #0782C1;
62 }
63
64 ol,ul,dl
65 {
66 /* IE7: reset rtl list margin. (#7334) */
67 *margin-right: 0px;
68 /* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
69 padding: 0 40px;
70 }
71
72 h1,h2,h3,h4,h5,h6
73 {
74 font-weight: normal;
75 line-height: 1.2;
76 }
77
78 hr
79 {
80 border: 0px;
81 border-top: 1px solid #ccc;
82 }
83
84 img.right
85 {
86 border: 1px solid #ccc;
87 float: right;
88 margin-left: 15px;
89 padding: 5px;
90 }
91
92 img.left
93 {
94 border: 1px solid #ccc;
95 float: left;
96 margin-right: 15px;
97 padding: 5px;
98 }
99
100 pre
101 {
102 white-space: pre-wrap; /* CSS 2.1 */
103 word-wrap: break-word; /* IE7 */
104 -moz-tab-size: 4;
105 tab-size: 4;
106 }
107
108 .marker
109 {
110 background-color: Yellow;
111 }
112
113 span[lang]
114 {
115 font-style: italic;
116 }
117
118 figure
119 {
120 text-align: center;
121 border: solid 1px #ccc;
122 border-radius: 2px;
123 background: rgba(0,0,0,0.05);
124 padding: 10px;
125 margin: 10px 20px;
126 display: inline-block;
127 }
128
129 figure > figcaption
130 {
131 text-align: center;
132 display: block; /* For IE8 */
133 }
134
135 a > img {
136 padding: 1px;
137 margin: 1px;
138 border: none;
139 outline: 1px solid #0782C1;
140 }
141
142 /* Widget Styles */
143 .code-featured
144 {
145 border: 5px solid red;
146 }
147
148 .math-featured
149 {
150 padding: 20px;
151 box-shadow: 0 0 2px rgba(200, 0, 0, 1);
152 background-color: rgba(255, 0, 0, 0.05);
153 margin: 10px;
154 }
155
156 .image-clean
157 {
158 border: 0;
159 background: none;
160 padding: 0;
161 }
162
163 .image-clean > figcaption
164 {
165 font-size: .9em;
166 text-align: right;
167 }
168
169 .image-grayscale
170 {
171 background-color: white;
172 color: #666;
173 }
174
175 .image-grayscale img, img.image-grayscale
176 {
177 filter: grayscale(100%);
178 }
179
180 .embed-240p
181 {
182 max-width: 426px;
183 max-height: 240px;
184 margin:0 auto;
185 }
186
187 .embed-360p
188 {
189 max-width: 640px;
190 max-height: 360px;
191 margin:0 auto;
192 }
193
194 .embed-480p
195 {
196 max-width: 854px;
197 max-height: 480px;
198 margin:0 auto;
199 }
200
201 .embed-720p
202 {
203 max-width: 1280px;
204 max-height: 720px;
205 margin:0 auto;
206 }
207
208 .embed-1080p
209 {
210 max-width: 1920px;
211 max-height: 1080px;
212 margin:0 auto;
213 }
214
215 /** justify **/
216 .align-left {
217 text-align: left;
218 }
219 .align-center {
220 text-align: center;
221 }
222 .align-right {
223 text-align: right;
224 }
225 .align-justify {
226 text-align: justify;
227 }