[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Twelve
   3  Description: Used to style the TinyMCE editor.
   4  */
   5  
   6  html {
   7      font-size: 87.5%;
   8  }
   9  html .mceContentBody {
  10      max-width: 625px;
  11  }
  12  body {
  13      color: #444;
  14      font-family: "Open Sans", Helvetica, Arial, sans-serif;
  15      font-size: 14px;
  16      font-size: 1rem;
  17      line-height: 1;
  18      text-rendering: optimizeLegibility;
  19      vertical-align: baseline;
  20  }
  21  
  22  
  23  /* =Headings
  24  -------------------------------------------------------------- */
  25  
  26  h1,
  27  h2,
  28  h3,
  29  h4,
  30  h5,
  31  h6 {
  32      clear: both;
  33      line-height: 1.846153846;
  34      margin: 24px 0;
  35      margin: 1.714285714rem 0;
  36  }
  37  h1 {
  38      font-size: 21px;
  39      font-size: 1.5rem;
  40      line-height: 1.5;
  41  }
  42  h2 {
  43      font-size: 18px;
  44      font-size: 1.285714286rem;
  45      line-height: 1.6;
  46  }
  47  h3 {
  48      font-size: 16px;
  49      font-size: 1.142857143rem;
  50  }
  51  h4 {
  52      font-size: 14px;
  53      font-size: 1rem;
  54  }
  55  h5 {
  56      font-size: 13px;
  57      font-size: 0.928571429rem;
  58  }
  59  h6 {
  60      font-size: 12px;
  61      font-size: 0.857142857rem;
  62  }
  63  hr {
  64      background-color: #ccc;
  65      border: 0;
  66      height: 1px;
  67      margin: 24px;
  68      margin-bottom: 1.714285714rem;
  69  }
  70  
  71  
  72  /* =Text elements
  73  -------------------------------------------------------------- */
  74  
  75  p {
  76      line-height: 1.714285714;
  77      margin: 0 0 24px;
  78      margin: 0 0 1.714285714rem;
  79  }
  80  ul,
  81  ol {
  82      margin: 0 0 24px;
  83      margin: 0 0 1.714285714rem;
  84      line-height: 1.714285714;
  85      padding: 0;
  86  }
  87  ul {
  88      list-style: disc outside;
  89  }
  90  ol {
  91      list-style: decimal outside;
  92  }
  93  ul ul,
  94  ol ol,
  95  ul ol,
  96  ol ul {
  97      margin-bottom: 0;
  98  }
  99  li {
 100      margin: 0 0 0 24px;
 101      margin: 0 0 0 1.714285714rem;
 102  }
 103  dl {
 104      margin: 0 24px;
 105      margin: 0 1.714285714rem;
 106  }
 107  dt {
 108      font-weight: bold;
 109      margin-bottom: 24px;
 110      margin-bottom: 1.714285714rem;
 111  }
 112  dd {
 113      line-height: 1.714285714;
 114      margin: 0 0 24px;
 115      margin: 0 0 1.714285714rem;
 116  }
 117  strong {
 118      font-weight: bold;
 119  }
 120  cite,
 121  em,
 122  i {
 123      font-style: italic;
 124  }
 125  cite {
 126      border: none;
 127  }
 128  big {
 129      font-size: 128.571429%;
 130  }
 131  .mceContentBody blockquote {
 132      font-style: italic !important;
 133      font-weight: normal;
 134      margin: 0;
 135      padding: 24px;
 136      padding: 1.714285714rem;
 137  }
 138  pre {
 139      border: 1px solid #ededed;
 140      color: #666;
 141      font-family: Consolas, Monaco, Lucida Console, monospace;
 142      font-size: 12px;
 143      font-size: 0.857142857rem;
 144      line-height: 1.714285714;
 145      margin: 24px 0;
 146      margin: 1.714285714rem 0;
 147      overflow: auto;
 148      padding: 24px;
 149      padding: 1.714285714rem;
 150  }
 151  code,
 152  kbd,
 153  samp,
 154  var {
 155      font-family: Consolas, Monaco, Lucida Console, monospace;
 156      font-size: 12px;
 157      font-size: 0.857142857rem;
 158      line-height: 2;
 159  }
 160  pre code {
 161      font-size: inherit;
 162  }
 163  abbr,
 164  acronym,
 165  dfn {
 166      border-bottom: 1px dotted #666;
 167      cursor: help;
 168  }
 169  address {
 170      display: block;
 171      line-height: 1.714285714;
 172      margin: 0 0 24px;
 173      margin: 0 0 1.714285714rem;
 174  }
 175  del {
 176      color: #333;
 177  }
 178  ins {
 179      background: #fff9c0;
 180      border: none;
 181      color: #333;
 182      text-decoration: none;
 183  }
 184  sup,
 185  sub {
 186      font-size: 75%;
 187      line-height: 0;
 188      position: relative;
 189      vertical-align: baseline;
 190  }
 191  sup {
 192      top: -0.5em;
 193  }
 194  sub {
 195      bottom: -0.25em;
 196  }
 197  input[type="text"] {
 198      border: 1px solid #ccc;
 199      border-radius: 3px;
 200      font-family: inherit;
 201      padding: 6px;
 202      padding: 0.428571429rem;
 203  }
 204  textarea {
 205      border: 1px solid #d5d2ca;
 206      border-radius: 3px;
 207      font-family: inherit;
 208      font-size: 12px;
 209      font-size: 0.857142857rem;
 210      line-height: 1.714285714;
 211      padding: 10px;
 212      padding: 0.714285714rem;
 213      width: 96%;
 214  }
 215  
 216  
 217  /* =Links
 218  -------------------------------------------------------------- */
 219  
 220  a,
 221  a em,
 222  a strong {
 223      color: #21759b;
 224      outline: none;
 225  }
 226  a:focus,
 227  a:active,
 228  a:hover {
 229      color: #0f3647;
 230  }
 231  
 232  
 233  /* =Alignment
 234  -------------------------------------------------------------- */
 235  
 236  .alignleft {
 237      display: inline;
 238      float: left;
 239      margin: 12px 24px 12px 0;
 240      margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
 241  }
 242  .alignright {
 243      display: inline;
 244      float: right;
 245      margin: 12px 0 12px 24px;
 246      margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
 247  }
 248  .aligncenter {
 249      clear: both;
 250      display: block;
 251      margin-top: 12px;
 252      margin-top: 0.857142857rem;
 253      margin-bottom: 12px;
 254      margin-bottom: 0.857142857rem;
 255  }
 256  
 257  
 258  /* =Tables
 259  -------------------------------------------------------------- */
 260  
 261  table {
 262      border-bottom: 1px solid #ededed;
 263      border-collapse: collapse;
 264      border-spacing: 0;
 265      color: #757575;
 266      font-size: 12px;
 267      font-size: 0.857142857rem;
 268      line-height: 2;
 269      margin: 0 0 24px;
 270      margin: 0 0 1.714285714rem;
 271      width: 100%;
 272  }
 273  tr th {
 274      color: #636363;
 275      font-size: 11px;
 276      font-size: 0.785714286rem;
 277      font-weight: bold;
 278      line-height: 2.181818182;
 279      text-align: left;
 280      text-transform: uppercase;
 281  }
 282  td {
 283      border-top: 1px solid #ededed !important;
 284      color: inherit;
 285      font-size: inherit;
 286      font-weight: normal;
 287      padding: 6px 10px 6px 0;
 288      text-align: left;
 289  }
 290  
 291  
 292  /* =Images
 293  -------------------------------------------------------------- */
 294  
 295  img,
 296  .editor-attachment {
 297      border: 0;
 298      border-radius: 3px;
 299      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
 300      max-width: 100%;
 301  }
 302  img.size-full {
 303      width: auto/9; /* Prevent stretching of full-size images in IE8 */
 304  }
 305  img[class*="wp-image-"] {
 306      height: auto;
 307      max-width: 100%;
 308  }
 309  img[class*="align"],
 310  img[class*="wp-image-"],
 311  img[class*="attachment-"] {
 312      height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
 313  }
 314  img.mce-wp-nextpage {
 315      border-radius: 0;
 316      box-shadow: none;
 317  }
 318  img.wp-smiley {
 319      border: 0;
 320      border-radius: 0;
 321      box-shadow: none;
 322      margin-bottom: 0;
 323      margin-top: 0;
 324      padding: 0;
 325  }
 326  .wp-caption {
 327      background: transparent;
 328      border: none;
 329      margin: 0;
 330      padding: 4px;
 331      text-align: left;
 332  }
 333  .wp-caption-dt {
 334      margin: 0;
 335  }
 336  .wp-caption .wp-caption-text,
 337  .wp-caption-dd {
 338      color: #757575;
 339      font-style: italic;
 340      font-size: 12px;
 341      font-size: 0.857142857rem;
 342      line-height: 2;
 343      margin: 0 0 24px;
 344      margin: 0 0 1.71429rem;
 345  }