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