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