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