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