sources/contents.css

   1 /*
   2 Copyright (c) 2003-2017, 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 }