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