_samples/sample.css

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