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