ckeditor/samples/old/sample.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 html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt, pre
     7 {
     8 	line-height: 1.5;
     9 }
    10 
    11 body
    12 {
    13 	padding: 10px 30px;
    14 }
    15 
    16 input, textarea, select, option, optgroup, button, td, th
    17 {
    18 	font-size: 100%;
    19 }
    20 
    21 pre
    22 {
    23 	-moz-tab-size: 4;
    24 	tab-size: 4;
    25 }
    26 
    27 pre, code, kbd, samp, tt
    28 {
    29 	font-family: monospace,monospace;
    30 	font-size: 1em;
    31 }
    32 
    33 body {
    34 	width: 960px;
    35 	margin: 0 auto;
    36 }
    37 
    38 code
    39 {
    40 	background: #f3f3f3;
    41 	border: 1px solid #ddd;
    42 	padding: 1px 4px;
    43 	border-radius: 3px;
    44 }
    45 
    46 abbr
    47 {
    48 	border-bottom: 1px dotted #555;
    49 	cursor: pointer;
    50 }
    51 
    52 .new, .beta
    53 {
    54 	text-transform: uppercase;
    55 	font-size: 10px;
    56 	font-weight: bold;
    57 	padding: 1px 4px;
    58 	margin: 0 0 0 5px;
    59 	color: #fff;
    60 	float: right;
    61 	border-radius: 3px;
    62 }
    63 
    64 .new
    65 {
    66 	background: #FF7E00;
    67 	border: 1px solid #DA8028;
    68 	text-shadow: 0 1px 0 #C97626;
    69 
    70 	box-shadow: 0 2px 3px 0 #FFA54E inset;
    71 }
    72 
    73 .beta
    74 {
    75 	background: #18C0DF;
    76 	border: 1px solid #19AAD8;
    77 	text-shadow: 0 1px 0 #048CAD;
    78 	font-style: italic;
    79 
    80 	box-shadow: 0 2px 3px 0 #50D4FD inset;
    81 }
    82 
    83 h1.samples
    84 {
    85 	color: #0782C1;
    86 	font-size: 200%;
    87 	font-weight: normal;
    88 	margin: 0;
    89 	padding: 0;
    90 }
    91 
    92 h1.samples a
    93 {
    94 	color: #0782C1;
    95 	text-decoration: none;
    96 	border-bottom: 1px dotted #0782C1;
    97 }
    98 
    99 .samples a:hover
   100 {
   101 	border-bottom: 1px dotted #0782C1;
   102 }
   103 
   104 h2.samples
   105 {
   106 	color: #000000;
   107 	font-size: 130%;
   108 	margin: 15px 0 0 0;
   109 	padding: 0;
   110 }
   111 
   112 p, blockquote, address, form, pre, dl, h1.samples, h2.samples
   113 {
   114 	margin-bottom: 15px;
   115 }
   116 
   117 ul.samples
   118 {
   119 	margin-bottom: 15px;
   120 }
   121 
   122 .clear
   123 {
   124 	clear: both;
   125 }
   126 
   127 fieldset
   128 {
   129 	margin: 0;
   130 	padding: 10px;
   131 }
   132 
   133 body, input, textarea
   134 {
   135 	color: #333333;
   136 	font-family: Arial, Helvetica, sans-serif;
   137 }
   138 
   139 body
   140 {
   141 	font-size: 75%;
   142 }
   143 
   144 a.samples
   145 {
   146 	color: #189DE1;
   147 	text-decoration: none;
   148 }
   149 
   150 form
   151 {
   152 	margin: 0;
   153 	padding: 0;
   154 }
   155 
   156 pre.samples
   157 {
   158 	background-color: #F7F7F7;
   159 	border: 1px solid #D7D7D7;
   160 	overflow: auto;
   161 	padding: 0.25em;
   162 	white-space: pre-wrap; /* CSS 2.1 */
   163 	word-wrap: break-word; /* IE7 */
   164 }
   165 
   166 #footer
   167 {
   168 	clear: both;
   169 	padding-top: 10px;
   170 }
   171 
   172 #footer hr
   173 {
   174 	margin: 10px 0 15px 0;
   175 	height: 1px;
   176 	border: solid 1px gray;
   177 	border-bottom: none;
   178 }
   179 
   180 #footer p
   181 {
   182 	margin: 0 10px 10px 10px;
   183 	float: left;
   184 }
   185 
   186 #footer #copy
   187 {
   188 	float: right;
   189 }
   190 
   191 #outputSample
   192 {
   193 	width: 100%;
   194 	table-layout: fixed;
   195 }
   196 
   197 #outputSample thead th
   198 {
   199 	color: #dddddd;
   200 	background-color: #999999;
   201 	padding: 4px;
   202 	white-space: nowrap;
   203 }
   204 
   205 #outputSample tbody th
   206 {
   207 	vertical-align: top;
   208 	text-align: left;
   209 }
   210 
   211 #outputSample pre
   212 {
   213 	margin: 0;
   214 	padding: 0;
   215 }
   216 
   217 .description
   218 {
   219 	border: 1px dotted #B7B7B7;
   220 	margin-bottom: 10px;
   221 	padding: 10px 10px 0;
   222 	overflow: hidden;
   223 }
   224 
   225 label
   226 {
   227 	display: block;
   228 	margin-bottom: 6px;
   229 }
   230 
   231 /**
   232  *	CKEditor editables are automatically set with the "cke_editable" class
   233  *	plus cke_editable_(inline|themed) depending on the editor type.
   234  */
   235 
   236 /* Style a bit the inline editables. */
   237 .cke_editable.cke_editable_inline
   238 {
   239 	cursor: pointer;
   240 }
   241 
   242 /* Once an editable element gets focused, the "cke_focus" class is
   243    added to it, so we can style it differently. */
   244 .cke_editable.cke_editable_inline.cke_focus
   245 {
   246 	box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000;
   247 	outline: none;
   248 	background: #eee;
   249 	cursor: text;
   250 }
   251 
   252 /* Avoid pre-formatted overflows inline editable. */
   253 .cke_editable_inline pre
   254 {
   255 	white-space: pre-wrap;
   256 	word-wrap: break-word;
   257 }
   258 
   259 /**
   260  *	Samples index styles.
   261  */
   262 
   263 .twoColumns,
   264 .twoColumnsLeft,
   265 .twoColumnsRight
   266 {
   267 	overflow: hidden;
   268 }
   269 
   270 .twoColumnsLeft,
   271 .twoColumnsRight
   272 {
   273 	width: 45%;
   274 }
   275 
   276 .twoColumnsLeft
   277 {
   278 	float: left;
   279 }
   280 
   281 .twoColumnsRight
   282 {
   283 	float: right;
   284 }
   285 
   286 dl.samples
   287 {
   288 	padding: 0 0 0 40px;
   289 }
   290 dl.samples > dt
   291 {
   292 	display: list-item;
   293 	list-style-type: disc;
   294 	list-style-position: outside;
   295 	margin: 0 0 3px;
   296 }
   297 dl.samples > dd
   298 {
   299 	margin: 0 0 3px;
   300 }
   301 .warning
   302 {
   303 	color: #ff0000;
   304 	background-color: #FFCCBA;
   305 	border: 2px dotted #ff0000;
   306 	padding: 15px 10px;
   307 	margin: 10px 0;
   308 }
   309 
   310 .warning.deprecated {
   311 	font-size: 1.3em;
   312 }
   313 
   314 /* Used on inline samples */
   315 
   316 blockquote
   317 {
   318 	font-style: italic;
   319 	font-family: Georgia, Times, "Times New Roman", serif;
   320 	padding: 2px 0;
   321 	border-style: solid;
   322 	border-color: #ccc;
   323 	border-width: 0;
   324 }
   325 
   326 .cke_contents_ltr blockquote
   327 {
   328 	padding-left: 20px;
   329 	padding-right: 8px;
   330 	border-left-width: 5px;
   331 }
   332 
   333 .cke_contents_rtl blockquote
   334 {
   335 	padding-left: 8px;
   336 	padding-right: 20px;
   337 	border-right-width: 5px;
   338 }
   339 
   340 img.right {
   341 	border: 1px solid #ccc;
   342 	float: right;
   343 	margin-left: 15px;
   344 	padding: 5px;
   345 }
   346 
   347 img.left {
   348 	border: 1px solid #ccc;
   349 	float: left;
   350 	margin-right: 15px;
   351 	padding: 5px;
   352 }
   353 
   354 .marker
   355 {
   356 	background-color: Yellow;
   357 }