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
11body
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
35blockquote
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
59a
60{
61	color: #0782C1;
62}
63
64ol,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
72h1,h2,h3,h4,h5,h6
73{
74	font-weight: normal;
75	line-height: 1.2;
76}
77
78hr
79{
80	border: 0px;
81	border-top: 1px solid #ccc;
82}
83
84img.right
85{
86	border: 1px solid #ccc;
87	float: right;
88	margin-left: 15px;
89	padding: 5px;
90}
91
92img.left
93{
94	border: 1px solid #ccc;
95	float: left;
96	margin-right: 15px;
97	padding: 5px;
98}
99
100pre
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
108table {
109	border-collapse: collapse;
110	background-color: transparent;
111	width: 100%;
112	max-width: 100%;
113	margin-bottom: 1rem;
114	padding-left: 100px;
115}
116
117table th,
118table td {
119	padding: 0.25rem;
120	vertical-align: top;
121}
122
123table thead th {
124	vertical-align: bottom;
125	border-bottom: 2px solid #eceeef;
126}
127
128.marker
129{
130	background-color: Yellow;
131}
132
133span[lang]
134{
135	font-style: italic;
136}
137
138figure
139{
140	text-align: center;
141	border: solid 1px #ccc;
142	border-radius: 2px;
143	background: rgba(0,0,0,0.05);
144	padding: 10px;
145	margin: 10px 20px;
146	display: inline-block;
147}
148
149figure > figcaption
150{
151	text-align: center;
152	display: block; /* For IE8 */
153}
154
155a > img {
156	padding: 1px;
157	margin: 1px;
158	border: none;
159	outline: 1px solid #0782C1;
160}
161
162/* Widget Styles */
163.code-featured
164{
165	border: 5px solid red;
166}
167
168.math-featured
169{
170	padding: 20px;
171	box-shadow: 0 0 2px rgba(200, 0, 0, 1);
172	background-color: rgba(255, 0, 0, 0.05);
173	margin: 10px;
174}
175
176.image-clean
177{
178	border: 0;
179	background: none;
180	padding: 0;
181}
182
183.image-clean > figcaption
184{
185	font-size: .9em;
186	text-align: right;
187}
188
189.image-grayscale
190{
191	background-color: white;
192	color: #666;
193}
194
195.image-grayscale img, img.image-grayscale
196{
197	filter: grayscale(100%);
198}
199
200.embed-240p
201{
202	max-width: 426px;
203	max-height: 240px;
204	margin:0 auto;
205}
206
207.embed-360p
208{
209	max-width: 640px;
210	max-height: 360px;
211	margin:0 auto;
212}
213
214.embed-480p
215{
216	max-width: 854px;
217	max-height: 480px;
218	margin:0 auto;
219}
220
221.embed-720p
222{
223	max-width: 1280px;
224	max-height: 720px;
225	margin:0 auto;
226}
227
228.embed-1080p
229{
230	max-width: 1920px;
231	max-height: 1080px;
232	margin:0 auto;
233}
234
235/** justify **/
236.text-left {
237	text-align: left;
238}
239.text-center {
240	text-align: center;
241}
242.text-right {
243	text-align: right;
244}
245.text-justify {
246	text-align: justify;
247}
248