ckeditor/samples/old/sample.css
changeset 0 44d330dccc59
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/ckeditor/samples/old/sample.css	Thu Dec 15 18:10:20 2016 +0300
     1.3 @@ -0,0 +1,357 @@
     1.4 +/*
     1.5 +Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
     1.6 +For licensing, see LICENSE.md or http://ckeditor.com/license
     1.7 +*/
     1.8 +
     1.9 +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
    1.10 +{
    1.11 +	line-height: 1.5;
    1.12 +}
    1.13 +
    1.14 +body
    1.15 +{
    1.16 +	padding: 10px 30px;
    1.17 +}
    1.18 +
    1.19 +input, textarea, select, option, optgroup, button, td, th
    1.20 +{
    1.21 +	font-size: 100%;
    1.22 +}
    1.23 +
    1.24 +pre
    1.25 +{
    1.26 +	-moz-tab-size: 4;
    1.27 +	tab-size: 4;
    1.28 +}
    1.29 +
    1.30 +pre, code, kbd, samp, tt
    1.31 +{
    1.32 +	font-family: monospace,monospace;
    1.33 +	font-size: 1em;
    1.34 +}
    1.35 +
    1.36 +body {
    1.37 +	width: 960px;
    1.38 +	margin: 0 auto;
    1.39 +}
    1.40 +
    1.41 +code
    1.42 +{
    1.43 +	background: #f3f3f3;
    1.44 +	border: 1px solid #ddd;
    1.45 +	padding: 1px 4px;
    1.46 +	border-radius: 3px;
    1.47 +}
    1.48 +
    1.49 +abbr
    1.50 +{
    1.51 +	border-bottom: 1px dotted #555;
    1.52 +	cursor: pointer;
    1.53 +}
    1.54 +
    1.55 +.new, .beta
    1.56 +{
    1.57 +	text-transform: uppercase;
    1.58 +	font-size: 10px;
    1.59 +	font-weight: bold;
    1.60 +	padding: 1px 4px;
    1.61 +	margin: 0 0 0 5px;
    1.62 +	color: #fff;
    1.63 +	float: right;
    1.64 +	border-radius: 3px;
    1.65 +}
    1.66 +
    1.67 +.new
    1.68 +{
    1.69 +	background: #FF7E00;
    1.70 +	border: 1px solid #DA8028;
    1.71 +	text-shadow: 0 1px 0 #C97626;
    1.72 +
    1.73 +	box-shadow: 0 2px 3px 0 #FFA54E inset;
    1.74 +}
    1.75 +
    1.76 +.beta
    1.77 +{
    1.78 +	background: #18C0DF;
    1.79 +	border: 1px solid #19AAD8;
    1.80 +	text-shadow: 0 1px 0 #048CAD;
    1.81 +	font-style: italic;
    1.82 +
    1.83 +	box-shadow: 0 2px 3px 0 #50D4FD inset;
    1.84 +}
    1.85 +
    1.86 +h1.samples
    1.87 +{
    1.88 +	color: #0782C1;
    1.89 +	font-size: 200%;
    1.90 +	font-weight: normal;
    1.91 +	margin: 0;
    1.92 +	padding: 0;
    1.93 +}
    1.94 +
    1.95 +h1.samples a
    1.96 +{
    1.97 +	color: #0782C1;
    1.98 +	text-decoration: none;
    1.99 +	border-bottom: 1px dotted #0782C1;
   1.100 +}
   1.101 +
   1.102 +.samples a:hover
   1.103 +{
   1.104 +	border-bottom: 1px dotted #0782C1;
   1.105 +}
   1.106 +
   1.107 +h2.samples
   1.108 +{
   1.109 +	color: #000000;
   1.110 +	font-size: 130%;
   1.111 +	margin: 15px 0 0 0;
   1.112 +	padding: 0;
   1.113 +}
   1.114 +
   1.115 +p, blockquote, address, form, pre, dl, h1.samples, h2.samples
   1.116 +{
   1.117 +	margin-bottom: 15px;
   1.118 +}
   1.119 +
   1.120 +ul.samples
   1.121 +{
   1.122 +	margin-bottom: 15px;
   1.123 +}
   1.124 +
   1.125 +.clear
   1.126 +{
   1.127 +	clear: both;
   1.128 +}
   1.129 +
   1.130 +fieldset
   1.131 +{
   1.132 +	margin: 0;
   1.133 +	padding: 10px;
   1.134 +}
   1.135 +
   1.136 +body, input, textarea
   1.137 +{
   1.138 +	color: #333333;
   1.139 +	font-family: Arial, Helvetica, sans-serif;
   1.140 +}
   1.141 +
   1.142 +body
   1.143 +{
   1.144 +	font-size: 75%;
   1.145 +}
   1.146 +
   1.147 +a.samples
   1.148 +{
   1.149 +	color: #189DE1;
   1.150 +	text-decoration: none;
   1.151 +}
   1.152 +
   1.153 +form
   1.154 +{
   1.155 +	margin: 0;
   1.156 +	padding: 0;
   1.157 +}
   1.158 +
   1.159 +pre.samples
   1.160 +{
   1.161 +	background-color: #F7F7F7;
   1.162 +	border: 1px solid #D7D7D7;
   1.163 +	overflow: auto;
   1.164 +	padding: 0.25em;
   1.165 +	white-space: pre-wrap; /* CSS 2.1 */
   1.166 +	word-wrap: break-word; /* IE7 */
   1.167 +}
   1.168 +
   1.169 +#footer
   1.170 +{
   1.171 +	clear: both;
   1.172 +	padding-top: 10px;
   1.173 +}
   1.174 +
   1.175 +#footer hr
   1.176 +{
   1.177 +	margin: 10px 0 15px 0;
   1.178 +	height: 1px;
   1.179 +	border: solid 1px gray;
   1.180 +	border-bottom: none;
   1.181 +}
   1.182 +
   1.183 +#footer p
   1.184 +{
   1.185 +	margin: 0 10px 10px 10px;
   1.186 +	float: left;
   1.187 +}
   1.188 +
   1.189 +#footer #copy
   1.190 +{
   1.191 +	float: right;
   1.192 +}
   1.193 +
   1.194 +#outputSample
   1.195 +{
   1.196 +	width: 100%;
   1.197 +	table-layout: fixed;
   1.198 +}
   1.199 +
   1.200 +#outputSample thead th
   1.201 +{
   1.202 +	color: #dddddd;
   1.203 +	background-color: #999999;
   1.204 +	padding: 4px;
   1.205 +	white-space: nowrap;
   1.206 +}
   1.207 +
   1.208 +#outputSample tbody th
   1.209 +{
   1.210 +	vertical-align: top;
   1.211 +	text-align: left;
   1.212 +}
   1.213 +
   1.214 +#outputSample pre
   1.215 +{
   1.216 +	margin: 0;
   1.217 +	padding: 0;
   1.218 +}
   1.219 +
   1.220 +.description
   1.221 +{
   1.222 +	border: 1px dotted #B7B7B7;
   1.223 +	margin-bottom: 10px;
   1.224 +	padding: 10px 10px 0;
   1.225 +	overflow: hidden;
   1.226 +}
   1.227 +
   1.228 +label
   1.229 +{
   1.230 +	display: block;
   1.231 +	margin-bottom: 6px;
   1.232 +}
   1.233 +
   1.234 +/**
   1.235 + *	CKEditor editables are automatically set with the "cke_editable" class
   1.236 + *	plus cke_editable_(inline|themed) depending on the editor type.
   1.237 + */
   1.238 +
   1.239 +/* Style a bit the inline editables. */
   1.240 +.cke_editable.cke_editable_inline
   1.241 +{
   1.242 +	cursor: pointer;
   1.243 +}
   1.244 +
   1.245 +/* Once an editable element gets focused, the "cke_focus" class is
   1.246 +   added to it, so we can style it differently. */
   1.247 +.cke_editable.cke_editable_inline.cke_focus
   1.248 +{
   1.249 +	box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000;
   1.250 +	outline: none;
   1.251 +	background: #eee;
   1.252 +	cursor: text;
   1.253 +}
   1.254 +
   1.255 +/* Avoid pre-formatted overflows inline editable. */
   1.256 +.cke_editable_inline pre
   1.257 +{
   1.258 +	white-space: pre-wrap;
   1.259 +	word-wrap: break-word;
   1.260 +}
   1.261 +
   1.262 +/**
   1.263 + *	Samples index styles.
   1.264 + */
   1.265 +
   1.266 +.twoColumns,
   1.267 +.twoColumnsLeft,
   1.268 +.twoColumnsRight
   1.269 +{
   1.270 +	overflow: hidden;
   1.271 +}
   1.272 +
   1.273 +.twoColumnsLeft,
   1.274 +.twoColumnsRight
   1.275 +{
   1.276 +	width: 45%;
   1.277 +}
   1.278 +
   1.279 +.twoColumnsLeft
   1.280 +{
   1.281 +	float: left;
   1.282 +}
   1.283 +
   1.284 +.twoColumnsRight
   1.285 +{
   1.286 +	float: right;
   1.287 +}
   1.288 +
   1.289 +dl.samples
   1.290 +{
   1.291 +	padding: 0 0 0 40px;
   1.292 +}
   1.293 +dl.samples > dt
   1.294 +{
   1.295 +	display: list-item;
   1.296 +	list-style-type: disc;
   1.297 +	list-style-position: outside;
   1.298 +	margin: 0 0 3px;
   1.299 +}
   1.300 +dl.samples > dd
   1.301 +{
   1.302 +	margin: 0 0 3px;
   1.303 +}
   1.304 +.warning
   1.305 +{
   1.306 +	color: #ff0000;
   1.307 +	background-color: #FFCCBA;
   1.308 +	border: 2px dotted #ff0000;
   1.309 +	padding: 15px 10px;
   1.310 +	margin: 10px 0;
   1.311 +}
   1.312 +
   1.313 +.warning.deprecated {
   1.314 +	font-size: 1.3em;
   1.315 +}
   1.316 +
   1.317 +/* Used on inline samples */
   1.318 +
   1.319 +blockquote
   1.320 +{
   1.321 +	font-style: italic;
   1.322 +	font-family: Georgia, Times, "Times New Roman", serif;
   1.323 +	padding: 2px 0;
   1.324 +	border-style: solid;
   1.325 +	border-color: #ccc;
   1.326 +	border-width: 0;
   1.327 +}
   1.328 +
   1.329 +.cke_contents_ltr blockquote
   1.330 +{
   1.331 +	padding-left: 20px;
   1.332 +	padding-right: 8px;
   1.333 +	border-left-width: 5px;
   1.334 +}
   1.335 +
   1.336 +.cke_contents_rtl blockquote
   1.337 +{
   1.338 +	padding-left: 8px;
   1.339 +	padding-right: 20px;
   1.340 +	border-right-width: 5px;
   1.341 +}
   1.342 +
   1.343 +img.right {
   1.344 +	border: 1px solid #ccc;
   1.345 +	float: right;
   1.346 +	margin-left: 15px;
   1.347 +	padding: 5px;
   1.348 +}
   1.349 +
   1.350 +img.left {
   1.351 +	border: 1px solid #ccc;
   1.352 +	float: left;
   1.353 +	margin-right: 15px;
   1.354 +	padding: 5px;
   1.355 +}
   1.356 +
   1.357 +.marker
   1.358 +{
   1.359 +	background-color: Yellow;
   1.360 +}