[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  pre code {
 123      font-size: inherit;
 124  }
 125  abbr, acronym, dfn {
 126      border-bottom: 1px dotted #666;
 127      cursor: help;
 128  }
 129  address {
 130      display: block;
 131      margin: 0 0 1.625em;
 132  }
 133  del {
 134      color: #333;
 135  }
 136  ins {
 137      background: #fff9c0;
 138      border: none;
 139      color: #333;
 140      text-decoration: none;
 141  }
 142  sup,
 143  sub {
 144      font-size: 10px;
 145      height: 0;
 146      line-height: 1;
 147      position: relative;
 148      vertical-align: baseline;
 149  }
 150  sup {
 151      bottom: 1ex;
 152  }
 153  sub {
 154      top: .5ex;
 155  }
 156  input[type=text],
 157  textarea {
 158      background: #fafafa;
 159      -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 160      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 161      box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
 162      border: 1px solid #ddd;
 163      color: #888;
 164  }
 165  input[type=text]:focus,
 166  textarea:focus {
 167      color: #333;
 168  }
 169  textarea {
 170      padding-left: 3px;
 171      width: 98%;
 172  }
 173  input[type=text] {
 174      padding: 3px;
 175  }
 176  
 177  /* Links */
 178  a,
 179  a em,
 180  a strong {
 181      color: #1b8be0;
 182      text-decoration: none;
 183  }
 184  a:focus,
 185  a:active,
 186  a:hover {
 187      text-decoration: underline;
 188  }
 189  
 190  /* Alignment */
 191  .alignleft {
 192      display: inline;
 193      float: left;
 194      margin-right: 1.625em;
 195  }
 196  .alignright {
 197      display: inline;
 198      float: right;
 199      margin-left: 1.625em;
 200  }
 201  .aligncenter {
 202      clear: both;
 203      display: block;
 204      margin-left: auto;
 205      margin-right: auto;
 206  }
 207  
 208  /* Tables */
 209  table {
 210      border: none !important;
 211      border-bottom: 1px solid #ddd !important;
 212      border-collapse: collapse;
 213      border-spacing: 0;
 214      text-align: left;
 215      margin: 0 0 1.625em;
 216      width: 100%;
 217  }
 218  tr th {
 219      border: none !important;
 220      color: #666;
 221      font-size: 10px;
 222      font-weight: 500;
 223      letter-spacing: 0.1em;
 224      line-height: 2.6em;
 225      text-transform: uppercase;
 226  }
 227  td {
 228      border: none !important;
 229      border-top: 1px solid #ddd !important;
 230      padding: 6px 10px 6px 0;
 231  }
 232  
 233  /* Images */
 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  }