js/ckeditor/contents.css

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