js/ckeditor/samples/old/sample.css

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