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

   1 /*
   2 Theme Name: Twenty Eleven
   3 Description: Used to style the TinyMCE editor.
   4 */
   5
   6 html .mceContentBody {
   7         max-width: 584px;
   8 }
   9 * {
  10         color: inherit;
  11         font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
  12         font-style: inherit;
  13         font-weight: inherit;
  14         line-height: 1.625;
  15 }
  16 body {
  17         color: #333;
  18         font: 15px "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  19         font-weight: 300;
  20         line-height: 1.625;
  21 }
  22
  23 /* Headings */
  24 h1,h2,h3,h4,h5,h6 {
  25         clear: both;
  26 }
  27 h1,
  28 h2 {
  29         color: #000;
  30         font-size: 15px;
  31         font-weight: bold;
  32         margin: 0 0 .8125em;
  33 }
  34 h3 {
  35         font-size: 10px;
  36         letter-spacing: 0.1em;
  37         line-height: 2.6em;
  38         text-transform: uppercase;
  39 }
  40 h4, h5, h6 {
  41         font-size: 14px;
  42         margin: 0;
  43 }
  44 hr {
  45         background-color: #ccc;
  46         border: 0;
  47         height: 1px;
  48         margin-bottom: 1.625em;
  49 }
  50
  51 /* Text elements */
  52 p, ul, ol, dl {
  53         font-weight: 300;
  54 }
  55 p {
  56         margin-bottom: 1.625em;
  57 }
  58 ul, ol {
  59         margin: 0 0 1.625em 2.5em;
  60         padding: 0;
  61 }
  62 ul {
  63         list-style: square;
  64 }
  65 ol {
  66         list-style-type: decimal;
  67 }
  68 ol ol {
  69         list-style: upper-alpha;
  70 }
  71 ol ol ol {
  72         list-style: lower-roman;
  73 }
  74 ol ol ol ol {
  75         list-style: lower-alpha;
  76 }
  77 ul ul, ol ol, ul ol, ol ul {
  78         margin-bottom: 0;
  79 }
  80 dl {
  81         margin: 0 1.625em;
  82 }
  83 dt {
  84         font-size: 15px;
  85         font-weight: bold;
  86 }
  87 dd {
  88         margin: 0 0 1.625em;
  89 }
  90 strong {
  91         font-weight: bold;
  92 }
  93 cite, em, i {
  94         font-style: italic;
  95 }
  96 cite {
  97         border: none;
  98 }
  99 big {
 100         font-size: 131.25%;
 101 }
 102 .mceContentBody blockquote,
 103 .mceContentBody blockquote p {
 104         font-family: Georgia, "Bitstream Charter", serif !important;
 105         font-style: italic !important;
 106         font-weight: normal;
 107         margin: 0 3em;
 108 }
 109 .mceContentBody blockquote em,
 110 .mceContentBody blockquote i,
 111 .mceContentBody blockquote cite {
 112         font-style: normal;
 113 }
 114 .mceContentBody blockquote cite {
 115         color: #666;
 116         font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
 117         font-weight: 300;
 118         letter-spacing: 0.05em;
 119         text-transform: uppercase;
 120 }
 121 pre {
 122         background: #f4f4f4;
 123         font: 13px "Courier 10 Pitch", Courier, monospace;
 124         line-height: 1.5;
 125         margin-bottom: 1.625em;
 126         padding: 0.75em 1.625em;
 127 }
 128 code, kbd, samp, var {
 129         font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 130 }
 131 abbr, acronym, dfn {
 132         border-bottom: 1px dotted #666;
 133         cursor: help;
 134 }
 135 address {
 136         display: block;
 137         margin: 0 0 1.625em;
 138 }
 139 del {
 140         color: #333;
 141 }
 142 ins {
 143         background: #fff9c0;
 144         border: none;
 145         color: #333;
 146         text-decoration: none;
 147 }
 148 sup,
 149 sub {
 150         font-size: 10px;
 151         height: 0;
 152         line-height: 1;
 153         position: relative;
 154         vertical-align: baseline;
 155 }
 156 sup {
 157         bottom: 1ex;
 158 }
 159 sub {
 160         top: .5ex;
 161 }
 162 input[type=text],
 163 textarea {
 164         background: #fafafa;
 165         -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 166         -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 167         box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 168         border: 1px solid #ddd;
 169         color: #888;
 170 }
 171 input[type=text]:focus,
 172 textarea:focus {
 173         color: #333;
 174 }
 175 textarea {
 176         padding-left: 3px;
 177         width: 98%;
 178 }
 179 input[type=text] {
 180         padding: 3px;
 181 }
 182
 183 /* Links */
 184 a,
 185 a em,
 186 a strong {
 187         color: #1b8be0;
 188         text-decoration: none;
 189 }
 190 a:focus,
 191 a:active,
 192 a:hover {
 193         text-decoration: underline;
 194 }
 195
 196 /* Alignment */
 197 .alignleft {
 198         display: inline;
 199         float: left;
 200         margin-right: 1.625em;
 201 }
 202 .alignright {
 203         display: inline;
 204         float: right;
 205         margin-left: 1.625em;
 206 }
 207 .aligncenter {
 208         clear: both;
 209         display: block;
 210         margin-left: auto;
 211         margin-right: auto;
 212 }
 213
 214 /* Tables */
 215 table {
 216         border: none !important;
 217         border-bottom: 1px solid #ddd !important;
 218         border-collapse: collapse;
 219         border-spacing: 0;
 220         text-align: left;
 221         margin: 0 0 1.625em;
 222         width: 100%;
 223 }
 224 tr th {
 225         border: none !important;
 226         color: #666;
 227         font-size: 10px;
 228         font-weight: 500;
 229         letter-spacing: 0.1em;
 230         line-height: 2.6em;
 231         text-transform: uppercase;
 232 }
 233 td {
 234         border: none !important;
 235         border-top: 1px solid #ddd !important;
 236         padding: 6px 10px 6px 0;
 237 }
 238
 239 /* Images */
 240 img[class*="wp-image-"] {
 241         height: auto;
 242         max-width: 97.5%;
 243 }
 244 img.size-full {
 245         width: auto; /* Prevent stretching of full-size images in IE8 */
 246 }
 247 img.wp-smiley {
 248         border: none;
 249         margin-bottom: 0;
 250         margin-top: 0;
 251         padding: 0;
 252 }
 253 p img,
 254 .wp-caption {
 255         margin-top: 0.4em;
 256 }
 257 img {
 258         border: 1px solid #ddd;
 259         padding: 6px;
 260 }
 261 img.alignleft,
 262 img.alignright,
 263 img.aligncenter {
 264         margin-bottom: 1.625em;
 265 }
 266 .wp-caption {
 267         background: #eee;
 268         border: none;
 269         margin-bottom: 1.625em;
 270         max-width: 96%;
 271         padding: 9px;
 272 }
 273 .wp-caption img {
 274         display: block;
 275         margin: 5px auto 0 !important;
 276         max-width: 98%;
 277         border-color: #eee;
 278 }
 279 .wp-caption .wp-caption-text,
 280 .wp-caption-dd {
 281         color: #666;
 282         font-family: Georgia, serif !important;
 283         font-size: 12px;
 284         margin: 0 0 0.6em 0 !important;
 285         padding: 0 0 5px 40px;
 286         position: relative;
 287         text-align: left;
 288 }
 289 .wp-caption .wp-caption-text:before {
 290         color: #666;
 291         content: '\2014';
 292         font-size: 14px;
 293         font-style: normal;
 294         font-weight: bold;
 295         margin-right: 5px;
 296         position: absolute;
 297         left: 10px;
 298         top: 7px;
 299 }
 300 a:focus img[class*="wp-image-"],
 301 a:hover img[class*="wp-image-"],
 302 a:active img[class*="wp-image-"] {
 303         background: #eee;
 304         border-color: #bbb;
 305 }
 306 .wp-caption a:focus img,
 307 .wp-caption a:active img,
 308 .wp-caption a:hover img {
 309         background: #fff;
 310         border-color: #ddd;
 311 }