ckeditor/contents.css
author indvd00m (gotoindvdum[at]gmail[dot]com)
Thu, 15 Dec 2016 18:10:20 +0300
changeset 0 44d330dccc59
permissions -rw-r--r--
Init sample
     1 /*
     2 Copyright (c) 2003-2016, 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 }