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: #333;
  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 blockquote {
 103         font-family: Georgia, "Bitstream Charter", serif !important;
 104         font-style: italic !important;
 105         font-weight: normal;
 106         margin: 0 3em;
 107 }
 108 blockquote em, blockquote i, blockquote cite {
 109         font-style: normal;
 110 }
 111 blockquote cite {
 112         color: #666;
 113         font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
 114         font-weight: 300;
 115         letter-spacing: 0.05em;
 116         text-transform: uppercase;
 117 }
 118 pre {
 119         background: #f4f4f4;
 120         font: 13px "Courier 10 Pitch", Courier, monospace;
 121         line-height: 1.5;
 122         margin-bottom: 1.625em;
 123         padding: 0.75em 1.625em;
 124 }
 125 code, kbd, code var {
 126         font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 127 }
 128 abbr, acronym, dfn {
 129         border-bottom: 1px dotted #666;
 130         cursor: help;
 131 }
 132 address {
 133         display: block;
 134         margin: 0 0 1.625em;
 135 }
 136 del {
 137         color: #333;
 138 }
 139 ins {
 140         background: #fff9c0;
 141         border: none;
 142         color: #333;
 143         text-decoration: none;
 144 }
 145 sup,
 146 sub {
 147         font-size: 10px;
 148         height: 0;
 149         line-height: 1;
 150         position: relative;
 151         vertical-align: baseline;
 152 }
 153 sup {
 154         bottom: 1ex;
 155 }
 156 sub {
 157         top: .5ex;
 158 }
 159 input[type=text],
 160 textarea {
 161         background: #fafafa;
 162         -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 163         -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 164         box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 165         border: 1px solid #ddd;
 166         color: #888;
 167 }
 168 input[type=text]:focus,
 169 textarea:focus {
 170         color: #333;
 171 }
 172 textarea {
 173         padding-left: 3px;
 174         width: 98%;
 175 }
 176 input[type=text] {
 177         padding: 3px;
 178 }
 179
 180 /* Links */
 181 a,
 182 a em,
 183 a strong {
 184         color: #1b8be0;
 185         text-decoration: none;
 186 }
 187 a:focus,
 188 a:active,
 189 a:hover {
 190         text-decoration: underline;
 191 }
 192
 193 /* Alignment */
 194 .alignleft {
 195         display: inline;
 196         float: left;
 197         margin-right: 1.625em;
 198 }
 199 .alignright {
 200         display: inline;
 201         float: right;
 202         margin-left: 1.625em;
 203 }
 204 .aligncenter {
 205         clear: both;
 206         display: block;
 207         margin-left: auto;
 208         margin-right: auto;
 209 }
 210
 211 /* Tables */
 212 table {
 213         border: none !important;
 214         border-bottom: 1px solid #ddd !important;
 215         border-collapse: collapse;
 216         border-spacing: 0;
 217         text-align: left;
 218         margin: 0 0 1.625em;
 219         width: 100%;
 220 }
 221 tr th {
 222         border: none !important;
 223         color: #666;
 224         font-size: 10px;
 225         font-weight: 500;
 226         letter-spacing: 0.1em;
 227         line-height: 2.6em;
 228         text-transform: uppercase;
 229 }
 230 td {
 231         border: none !important;
 232         border-top: 1px solid #ddd !important;
 233         padding: 6px 10px 6px 0;
 234 }
 235
 236 /* Images */
 237 img[class*="wp-image-"] {
 238         height: auto;
 239         max-width: 100%;
 240 }
 241 img.size-full {
 242         width: auto; /* Prevent stretching of full-size images in IE8 */
 243 }
 244 img.wp-smiley {
 245         border: none;
 246         margin-bottom: 0;
 247         margin-top: 0;
 248         padding: 0;
 249 }
 250 p img,
 251 .wp-caption {
 252         margin-top: 0.4em;
 253 }
 254 img {
 255         border: 1px solid #ddd;
 256         padding: 6px;
 257 }
 258 img.alignleft,
 259 img.alignright,
 260 img.aligncenter {
 261         margin-bottom: 1.625em;
 262 }
 263 .wp-caption {
 264         background: #eee;
 265         border: none;
 266         margin-bottom: 1.625em;
 267         max-width: 96%;
 268         padding: 9px;
 269 }
 270 .wp-caption img {
 271         display: block;
 272         margin: 5px auto 0 !important;
 273         max-width: 98%;
 274         border-color: #eee;
 275 }
 276 .wp-caption .wp-caption-text,
 277 .wp-caption-dd {
 278         color: #666;
 279         font-family: Georgia, serif !important;
 280         font-size: 12px;
 281         margin: 0 0 0.6em 0 !important;
 282         padding: 0 0 5px 40px;
 283         position: relative;
 284         text-align: left;
 285 }
 286 .wp-caption .wp-caption-text:before {
 287         color: #666;
 288         content: '\2014';
 289         font-size: 14px;
 290         font-style: normal;
 291         font-weight: bold;
 292         margin-right: 5px;
 293         position: absolute;
 294         left: 10px;
 295         top: 7px;
 296 }
 297 a:focus img[class*="wp-image-"],
 298 a:hover img[class*="wp-image-"],
 299 a:active img[class*="wp-image-"] {
 300         background: #eee;
 301         border-color: #bbb;
 302 }
 303 .wp-caption a:focus img,
 304 .wp-caption a:active img,
 305 .wp-caption a:hover img {
 306         background: #fff;
 307         border-color: #ddd;
 308 }