_samples/sample.css

   1 /*
   2 Copyright (c) 2003-2011, 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         line-height: 1.5em;
   8 }
   9
  10 body {
  11         padding:10px 30px;
  12 }
  13
  14 input, textarea, select, option, optgroup, button, td, th {
  15         font-size: 100%;
  16 }
  17
  18 pre,
  19 code,
  20 kbd,
  21 samp,
  22 tt{
  23   font-family: monospace,monospace;
  24   font-size: 1em;
  25 }
  26
  27 h1.samples {
  28   color:#0782C1;
  29   font-size:200%;
  30   font-weight:normal;
  31   margin: 0;
  32   padding: 0;
  33 }
  34
  35 h2.samples {
  36   color:#000000;
  37   font-size:130%;
  38   margin: 0;
  39   padding: 0;
  40 }
  41
  42 p, blockquote, address, form, pre, dl, h1.samples, h2.samples {
  43         margin-bottom:15px;
  44 }
  45
  46 ul.samples {
  47         margin-bottom:15px;
  48 }
  49
  50 .clear {
  51         clear:both;
  52 }
  53
  54 fieldset
  55 {
  56         margin: 0;
  57         padding: 10px;
  58 }
  59
  60 body, input, textarea {
  61         color: #333333;
  62         font-family: Arial, Helvetica, sans-serif;
  63 }
  64
  65 body {
  66         font-size: 75%;
  67 }
  68
  69 a.samples {
  70         color:#189DE1;
  71         text-decoration:none;
  72 }
  73
  74 a.samples:hover {
  75   text-decoration:underline;
  76 }
  77
  78 form
  79 {
  80         margin: 0;
  81         padding: 0;
  82 }
  83
  84 pre.samples
  85 {
  86         background-color: #F7F7F7;
  87         border: 1px solid #D7D7D7;
  88         overflow: auto;
  89         padding: 0.25em;
  90 }
  91
  92 #alerts
  93 {
  94         color: Red;
  95 }
  96
  97 #footer hr
  98 {
  99         margin: 10px 0 15px 0;
 100         height: 1px;
 101         border: solid 1px gray;
 102         border-bottom: none;
 103 }
 104
 105 #footer p
 106 {
 107         margin: 0 10px 10px 10px;
 108         float: left;
 109 }
 110
 111 #footer #copy
 112 {
 113         float: right;
 114 }
 115
 116 #outputSample
 117 {
 118         width: 100%;
 119         table-layout: fixed;
 120 }
 121
 122 #outputSample thead th
 123 {
 124         color: #dddddd;
 125         background-color: #999999;
 126         padding: 4px;
 127         white-space: nowrap;
 128 }
 129
 130 #outputSample tbody th
 131 {
 132         vertical-align: top;
 133         text-align: left;
 134 }
 135
 136 #outputSample pre
 137 {
 138         margin: 0;
 139         padding: 0;
 140         white-space: pre; /* CSS2 */
 141         white-space: -moz-pre-wrap; /* Mozilla*/
 142         white-space: -o-pre-wrap; /* Opera 7 */
 143         white-space: pre-wrap; /* CSS 2.1 */
 144         white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
 145         word-wrap: break-word; /* IE */
 146 }
 147
 148 .description {
 149         border: 1px dotted #B7B7B7;
 150         margin-bottom: 10px;
 151         padding: 10px 10px 0;
 152 }
 153
 154 label {
 155         display: block;
 156         margin-bottom:6px;
 157 }
 158
 159 .cke_dialog label
 160 {
 161         display: inline;
 162         margin-bottom: auto;
 163 }