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

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