[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  abbr,
 161  acronym,
 162  dfn {
 163      border-bottom: 1px dotted #666;
 164      cursor: help;
 165  }
 166  address {
 167      display: block;
 168      line-height: 1.714285714;
 169      margin: 0 0 24px;
 170      margin: 0 0 1.714285714rem;
 171  }
 172  del {
 173      color: #333;
 174  }
 175  ins {
 176      background: #fff9c0;
 177      border: none;
 178      color: #333;
 179      text-decoration: none;
 180  }
 181  sup,
 182  sub {
 183      font-size: 75%;
 184      line-height: 0;
 185      position: relative;
 186      vertical-align: baseline;
 187  }
 188  sup {
 189      top: -0.5em;
 190  }
 191  sub {
 192      bottom: -0.25em;
 193  }
 194  input[type="text"] {
 195      border: 1px solid #ccc;
 196      border-radius: 3px;
 197      font-family: inherit;
 198      padding: 6px;
 199      padding: 0.428571429rem;
 200  }
 201  textarea {
 202      border: 1px solid #d5d2ca;
 203      border-radius: 3px;
 204      font-family: inherit;
 205      font-size: 12px;
 206      font-size: 0.857142857rem;
 207      line-height: 1.714285714;
 208      padding: 10px;
 209      padding: 0.714285714rem;
 210      width: 96%;
 211  }
 212  
 213  
 214  /* =Links
 215  -------------------------------------------------------------- */
 216  
 217  a,
 218  a em,
 219  a strong {
 220      color: #21759b;
 221      outline: none;
 222  }
 223  a:focus,
 224  a:active,
 225  a:hover {
 226      color: #0f3647;
 227  }
 228  
 229  
 230  /* =Alignment
 231  -------------------------------------------------------------- */
 232  
 233  .alignleft {
 234      display: inline;
 235      float: left;
 236      margin: 12px 24px 12px 0;
 237      margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
 238  }
 239  .alignright {
 240      display: inline;
 241      float: right;
 242      margin: 12px 0 12px 24px;
 243      margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
 244  }
 245  .aligncenter {
 246      clear: both;
 247      display: block;
 248      margin-top: 12px;
 249      margin-top: 0.857142857rem;
 250      margin-bottom: 12px;
 251      margin-bottom: 0.857142857rem;
 252  }
 253  
 254  
 255  /* =Tables
 256  -------------------------------------------------------------- */
 257  
 258  table {
 259      border-bottom: 1px solid #ededed;
 260      border-collapse: collapse;
 261      border-spacing: 0;
 262      color: #757575;
 263      font-size: 12px;
 264      font-size: 0.857142857rem;
 265      line-height: 2;
 266      margin: 0 0 24px;
 267      margin: 0 0 1.714285714rem;
 268      width: 100%;
 269  }
 270  tr th {
 271      color: #636363;
 272      font-size: 11px;
 273      font-size: 0.785714286rem;
 274      font-weight: bold;
 275      line-height: 2.181818182;
 276      text-align: left;
 277      text-transform: uppercase;
 278  }
 279  td {
 280      border-top: 1px solid #ededed !important;
 281      color: inherit;
 282      font-size: inherit;
 283      font-weight: normal;
 284      padding: 6px 10px 6px 0;
 285      text-align: left;
 286  }
 287  
 288  
 289  /* =Images
 290  -------------------------------------------------------------- */
 291  
 292  img,
 293  .editor-attachment {
 294      border: 0;
 295      border-radius: 3px;
 296      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
 297      max-width: 100%;
 298  }
 299  img.size-full {
 300      width: auto/9; /* Prevent stretching of full-size images in IE8 */
 301  }
 302  img[class*="wp-image-"] {
 303      height: auto;
 304      max-width: 100%;
 305  }
 306  img[class*="align"],
 307  img[class*="wp-image-"],
 308  img[class*="attachment-"] {
 309      height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
 310  }
 311  img.mce-wp-nextpage {
 312      border-radius: 0;
 313      box-shadow: none;
 314  }
 315  img.wp-smiley {
 316      border: 0;
 317      border-radius: 0;
 318      box-shadow: none;
 319      margin-bottom: 0;
 320      margin-top: 0;
 321      padding: 0;
 322  }
 323  .wp-caption {
 324      background: transparent;
 325      border: none;
 326      margin: 0;
 327      padding: 4px;
 328      text-align: left;
 329  }
 330  .wp-caption-dt {
 331      margin: 0;
 332  }
 333  .wp-caption .wp-caption-text,
 334  .wp-caption-dd {
 335      color: #757575;
 336      font-style: italic;
 337      font-size: 12px;
 338      font-size: 0.857142857rem;
 339      line-height: 2;
 340      margin: 0 0 24px;
 341      margin: 0 0 1.71429rem;
 342  }