wp-content/themes/twentyten/editor-style.css

   1 /*
   2 Theme Name: Twenty Ten
   3 Description: Used to style the TinyMCE editor.
   4 */
   5 html .mceContentBody {
   6         max-width: 640px;
   7 }
   8 * {
   9         color: #444;
  10         font-family: Georgia, "Bitstream Charter", serif;
  11         line-height: 1.5;
  12 }
  13 p,
  14 dl,
  15 td,
  16 th,
  17 ul,
  18 ol,
  19 blockquote {
  20         font-size: 16px;
  21 }
  22 tr th,
  23 thead th,
  24 label,
  25 tr th,
  26 thead th {
  27         font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
  28 }
  29 pre {
  30         font-family: "Courier 10 Pitch", Courier, monospace;
  31 }
  32 code, code var {
  33         font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  34 }
  35 body, input, textarea {
  36         font-size: 12px;
  37         line-height: 18px;
  38 }
  39 hr {
  40         background-color: #e7e7e7;
  41         border: 0;
  42         clear: both;
  43         height: 1px;
  44         margin-bottom: 18px;
  45 }
  46 /* Text elements */
  47 p {
  48         margin-bottom: 18px;
  49 }
  50 ul {
  51         list-style: square;
  52         margin: 0 0 18px 1.5em;
  53 }
  54 ol {
  55         list-style: decimal;
  56         margin: 0 0 18px 1.5em;
  57 }
  58 ol ol {
  59         list-style: upper-alpha;
  60 }
  61 ol ol ol {
  62         list-style: lower-roman;
  63 }
  64 ol ol ol ol {
  65         list-style: lower-alpha;
  66 }
  67 ul ul,
  68 ol ol,
  69 ul ol,
  70 ol ul {
  71         margin-bottom: 0;
  72 }
  73 dl {
  74         margin: 0 0 24px 0;
  75 }
  76 dt {
  77         font-weight: bold;
  78 }
  79 dd {
  80         margin-bottom: 18px;
  81 }
  82 strong {
  83         color: #000;
  84         font-weight: bold;
  85 }
  86 cite,
  87 em,
  88 i {
  89         border: none;
  90         font-style: italic;
  91 }
  92 big {
  93         font-size: 131.25%;
  94 }
  95 ins {
  96         background: #ffc;
  97         border: none;
  98         color: #333;
  99 }
 100 del {
 101         text-decoration: line-through;
 102         color: #555;
 103 }
 104 blockquote {
 105         font-style: italic;
 106         padding: 0 3em;
 107 }
 108 blockquote cite,
 109 blockquote em,
 110 blockquote i {
 111         font-style: normal;
 112 }
 113 pre {
 114         background: #f7f7f7;
 115         color: #222;
 116         line-height: 18px;
 117         margin-bottom: 18px;
 118         padding: 1.5em;
 119 }
 120 abbr,
 121 acronym {
 122         border-bottom: 1px dotted #666;
 123         cursor: help;
 124 }
 125 ins {
 126         text-decoration: none;
 127 }
 128 sup,
 129 sub {
 130         font-size: 10px;
 131         height: 0;
 132         line-height: 1;
 133         position: relative;
 134         vertical-align: baseline;
 135 }
 136 sup {
 137         bottom: 1ex;
 138 }
 139 sub {
 140         top: .5ex;
 141 }
 142 a:link {
 143         color: #06c;
 144 }
 145 a:visited {
 146         color: #743399;
 147 }
 148 a:active,
 149 a:hover {
 150         color: #ff4b33;
 151 }
 152 p,
 153 ul,
 154 ol,
 155 dd,
 156 pre,
 157 hr {
 158         margin-bottom: 24px;
 159 }
 160 ul ul,
 161 ol ol,
 162 ul ol,
 163 ol ul {
 164         margin-bottom: 0;
 165 }
 166 pre,
 167 kbd,
 168 tt,
 169 var {
 170         font-size: 15px;
 171         line-height: 21px;
 172 }
 173 code {
 174         font-size: 13px;
 175 }
 176 strong,
 177 b,
 178 dt,
 179 th {
 180         color: #000;
 181 }
 182 h1,
 183 h2,
 184 h3,
 185 h4,
 186 h5,
 187 h6 {
 188         color: #000;
 189         font-weight: normal;
 190         line-height: 1.5em;
 191         margin: 0 0 20px 0;
 192 }
 193 h1 {
 194         font-size: 2.4em;
 195 }
 196 h2 {
 197         font-size: 1.8em;
 198 }
 199 h3 {
 200         font-size: 1.4em;
 201 }
 202 h4 {
 203         font-size: 1.2em;
 204 }
 205 h5 {
 206         font-size: 1em;
 207 }
 208 h6 {
 209         font-size: 0.9em;
 210 }
 211 table {
 212         border: 1px solid #e7e7e7 !important;
 213         border-collapse: collapse;
 214         border-spacing: 0;
 215         margin: 0 -1px 24px 0;
 216         text-align: left;
 217         width: 100%;
 218 }
 219 tr th,
 220 thead th {
 221         border: none !important;
 222         color: #888;
 223         font-size: 12px;
 224         font-weight: bold;
 225         line-height: 18px;
 226         padding: 9px 24px;
 227 }
 228 tr td {
 229         border: none !important;
 230         border-top: 1px solid #e7e7e7 !important;
 231         padding: 6px 24px;
 232 }
 233 img {
 234         margin: 0;
 235 }
 236 img.size-auto,
 237 img.size-large,
 238 img.size-full,
 239 img.size-medium {
 240         max-width: 100%;
 241         height: auto;
 242 }
 243 .alignleft,
 244 img.alignleft {
 245         display: inline;
 246         float: left;
 247         margin-right: 24px;
 248         margin-top: 4px;
 249 }
 250 .alignright,
 251 img.alignright {
 252         display: inline;
 253         float: right;
 254         margin-left: 24px;
 255         margin-top: 4px;
 256 }
 257 .aligncenter,
 258 img.aligncenter {
 259         clear: both;
 260         display: block;
 261         margin-left: auto;
 262         margin-right: auto;
 263 }
 264 img.alignleft,
 265 img.alignright,
 266 img.aligncenter {
 267         margin-bottom: 12px;
 268 }
 269 .wp-caption {
 270         background: #f1f1f1;
 271         border: none;
 272         -khtml-border-radius: 0;
 273         -moz-border-radius: 0;
 274         -webkit-border-radius: 0;
 275         border-radius: 0;
 276         color: #888;
 277         font-size: 12px;
 278         line-height: 18px;
 279         margin-bottom: 20px;
 280         max-width: 632px !important; /* prevent too-wide images from breaking layout */
 281         padding: 4px;
 282         text-align: center;
 283 }
 284 .wp-caption img {
 285         margin: 5px;
 286 }
 287 .wp-caption p.wp-caption-text {
 288         margin: 0 0 4px;
 289 }
 290 .wp-smiley {
 291         margin: 0;
 292 }