[Summary view] [Print] [Text view]

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