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