[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Ten
   3  Description: Used to style blocks in the editor.
   4  */
   5  
   6  /*--------------------------------------------------------------
   7  >>> TABLE OF CONTENTS:
   8  ----------------------------------------------------------------
   9  1.0 General Typography
  10  2.0 General Block Styles
  11  3.0 Blocks - Common Blocks
  12  4.0 Blocks - Formatting
  13  5.0 Blocks - Widgets
  14  6.0 Blocks - Colors
  15  --------------------------------------------------------------*/
  16  
  17  /*--------------------------------------------------------------
  18  1.0 General Typography
  19  --------------------------------------------------------------*/
  20  
  21  .edit-post-visual-editor .editor-block-list__block,
  22  .edit-post-visual-editor .editor-block-list__block p,
  23  .editor-default-block-appender textarea.editor-default-block-appender__content {
  24      font-size: 16px;
  25  }
  26  
  27  .editor-default-block-appender textarea.editor-default-block-appender__content {
  28      font-family: Georgia, "Bitstream Charter", serif;
  29  }
  30  
  31  .edit-post-visual-editor .editor-block-list__block .mce-content-body,
  32  .wp-block-freeform.block-library-rich-text__tinymce p,
  33  .wp-block-freeform.block-library-rich-text__tinymce li {
  34      line-height: 1.5;
  35  }
  36  
  37  .edit-post-visual-editor .editor-block-list__block {
  38      color: #1a1a1a;
  39  }
  40  
  41  .editor-post-title__block .editor-post-title__input {
  42      color: #000;
  43      font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
  44      font-size: 21px;
  45      font-weight: bold;
  46      line-height: 1.3em;
  47  }
  48  
  49  .edit-post-visual-editor .editor-block-list__block h1 {
  50      font-size: 32px;
  51  }
  52  
  53  .edit-post-visual-editor .editor-block-list__block h2 {
  54      font-size: 24px;
  55  }
  56  
  57  .edit-post-visual-editor .editor-block-list__block h3 {
  58      font-size: 19px;
  59  }
  60  
  61  .edit-post-visual-editor .editor-block-list__block h4 {
  62      font-size: 16px;
  63  }
  64  
  65  .edit-post-visual-editor .editor-block-list__block h5 {
  66      font-size: 13px;
  67  }
  68  
  69  .edit-post-visual-editor .editor-block-list__block h6 {
  70      font-size: 11px;
  71  }
  72  
  73  /*--------------------------------------------------------------
  74  2.0 General Block Styles
  75  --------------------------------------------------------------*/
  76  
  77  /* Main column width */
  78  
  79  .wp-block {
  80      max-width: 670px; /* 640px + 30px to account for padding */
  81  }
  82  
  83  /* Link styles */
  84  
  85  .edit-post-visual-editor a,
  86  .editor-block-list__block a,
  87  .wp-block-freeform.block-library-rich-text__tinymce a {
  88      color: #0066cc;
  89  }
  90  
  91  /* List styles */
  92  
  93  .edit-post-visual-editor ul:not(.wp-block-gallery),
  94  .editor-block-list__block ul:not(.wp-block-gallery),
  95  .block-library-list ul,
  96  .edit-post-visual-editor ol,
  97  .editor-block-list__block ol,
  98  .block-library-list ol.editor-rich-text__tinymce {
  99      padding: 0;
 100  }
 101  
 102  .edit-post-visual-editor ul:not(.wp-block-gallery),
 103  .editor-block-list__block ul:not(.wp-block-gallery),
 104  .block-library-list ul {
 105      list-style: square;
 106  }
 107  
 108  .edit-post-visual-editor ol,
 109  .editor-block-list__block ol,
 110  .block-library-list ol {
 111      list-style: decimal;
 112      margin-left: 1.5em;
 113  }
 114  
 115  .edit-post-visual-editor ul:not(.wp-block-gallery) li,
 116  .editor-block-list__block ul:not(.wp-block-gallery) li,
 117  .edit-post-visual-editor ol li,
 118  .editor-block-list__block ol li,
 119  .block-library-list li {
 120      margin-bottom: 0;
 121  }
 122  
 123  .edit-post-visual-editor ul:not(.wp-block-gallery) li > ul,
 124  .editor-block-list__block ul:not(.wp-block-gallery) li > ul,
 125  .block-library-list li > ul,
 126  .edit-post-visual-editor li > ol,
 127  .editor-block-list__block li > ol,
 128  .block-library-list li > ol {
 129      margin-bottom: 0;
 130  }
 131  
 132  .rtl .editor-styles-wrapper ul ul,
 133  .rtl .editor-styles-wrapper ol ol,
 134  .rtl .editor-styles-wrapper ul ol,
 135  .rtl .editor-styles-wrapper ol ul {
 136      margin-left: 0;
 137      margin-right: 1.5em;
 138  }
 139  
 140  .wp-block-freeform.block-library-rich-text__tinymce ul,
 141  .wp-block-freeform.block-library-rich-text__tinymce ol {
 142      padding-left: 1.5em;
 143  }
 144  
 145  .rtl .wp-block-freeform.block-library-rich-text__tinymce ul,
 146  .rtl .wp-block-freeform.block-library-rich-text__tinymce ol {
 147      padding: 0;
 148  }
 149  
 150  /* Caption styles */
 151  
 152  [class^="wp-block-"]:not(.wp-block-gallery) > figcaption {
 153      color: #777;
 154      font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
 155  }
 156  
 157  /* Code styles */
 158  
 159  .wp-block-freeform.block-library-rich-text__tinymce code {
 160      background: transparent;
 161  }
 162  
 163  /* Quote styles */
 164  
 165  .wp-block-freeform.block-library-rich-text__tinymce blockquote {
 166      border: 0;
 167      padding: 0 3em;
 168  }
 169  
 170  /* Table styles */
 171  
 172  .editor-block-list__block tr th,
 173  .editor-block-list__block tr th a {
 174      font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
 175  }
 176  
 177  /* Definition List styles */
 178  
 179  .editor-block-list__block dd {
 180      margin-left: 0;
 181      margin-right: 0;
 182  }
 183  
 184  /*--------------------------------------------------------------
 185  3.0 Blocks - Common Blocks
 186  --------------------------------------------------------------*/
 187  
 188  /* Paragraph */
 189  
 190  p.has-drop-cap:not(:focus)::first-letter {
 191      font-size: 5em;
 192      margin-top: 0.1em;
 193  }
 194  
 195  /* Image */
 196  
 197  .wp-block-image {
 198      margin-bottom: 20px;
 199  }
 200  
 201  .wp-block-image figcaption {
 202      display: block;
 203      margin: -7px 0 0;
 204      padding: 9px 9px 1.0em;
 205      text-align: center;
 206  }
 207  
 208  /* Gallery */
 209  
 210  .editor-block-list__block .wp-block-gallery {
 211      margin: 0 0 24px;
 212  }
 213  
 214  /* Quote */
 215  
 216  .wp-block-quote {
 217      border: 0;
 218      padding: 0 3em;
 219  }
 220  
 221  .wp-block-quote:not(.is-large):not(.is-style-large) {
 222      border: 0;
 223      padding: 0 3em;
 224  }
 225  
 226  .wp-block-quote .wp-block-quote__citation {
 227      font-size: 16px;
 228      font-weight: 600;
 229  }
 230  
 231  .wp-block-quote.is-large .wp-block-quote__citation,
 232  .wp-block-quote.is-style-large .wp-block-quote__citation  {
 233      font-size: 18px;
 234  }
 235  
 236  /* Cover */
 237  
 238  .wp-block-cover-image-text,
 239  .wp-block-cover-text {
 240      font-size: 32px;
 241  }
 242  
 243  /* File */
 244  
 245  .wp-block-file .wp-block-file__textlink .editor-rich-text__tinymce {
 246      color: #0066cc;
 247      font-size: 16px;
 248      text-decoration: underline;
 249  }
 250  
 251  /*--------------------------------------------------------------
 252  4.0 Blocks - Formatting
 253  --------------------------------------------------------------*/
 254  
 255  /* Code */
 256  
 257  .wp-block-code {
 258      border: 0;
 259      padding: 0;
 260  }
 261  
 262  /* Pullquote */
 263  
 264  .wp-block-pullquote {
 265      font-size: 1em;
 266  }
 267  
 268  .wp-block-pullquote blockquote > p.rich-text,
 269  .wp-block-pullquote blockquote > .editor-rich-text p {
 270      font-size: 1.5em;
 271      line-height: 1.3;
 272  }
 273  
 274  .wp-block-pullquote .wp-block-pullquote__citation {
 275      color: inherit;
 276      font-size: inherit;
 277      font-weight: 600;
 278      text-transform: none;
 279  }
 280  
 281  /* Table */
 282  
 283  .wp-block-table tr:nth-child(odd) td {
 284      background: #f2f7fc;
 285  }
 286  
 287  .wp-block-table th .wp-block-table__cell-content {
 288      color: #777;
 289      font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
 290  }
 291  
 292  .editor-block-list__block .wp-block-table tr td {
 293      padding-bottom: 0;
 294      padding-top: 0;
 295  }
 296  
 297  .wp-block-table[style*="font-size"] *,
 298  .wp-block-table[class*="-font-size"] *,
 299  .wp-block-calendar[style*="font-size"] *,
 300  .wp-block-calendar[class*="-font-size"] * {
 301      font-size: inherit;
 302      line-height: 1.5;
 303  }
 304  
 305  /*--------------------------------------------------------------
 306  5.0 Blocks - Widgets
 307  --------------------------------------------------------------*/
 308  
 309  /* Latest Comments */
 310  
 311  .editor-block-list__block .wp-block-latest-comments {
 312      margin: 0 0 24px;
 313  }
 314  
 315  .rtl .edit-post-visual-editor .wp-block-latest-comments {
 316      margin-right: 0;
 317  }
 318  
 319  /* Latest Posts */
 320  
 321  .edit-post-visual-editor .editor-block-list__block .wp-block-latest-posts.is-grid {
 322      list-style: none;
 323      margin-left: 0;
 324      margin-right: 0;
 325  }
 326  
 327  .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
 328      margin-bottom: 1em;
 329  }
 330  
 331  /*--------------------------------------------------------------
 332  6.0 Blocks - Colors
 333  --------------------------------------------------------------*/
 334  
 335  :root .editor-styles-wrapper .has-blue-color,
 336  :root .editor-styles-wrapper .has-blue-color:visited {
 337      color: #0066cc;
 338  }
 339  
 340  :root .editor-styles-wrapper .has-blue-background-color,
 341  :root .editor-styles-wrapper .has-blue-background-color:visited {
 342      background-color: #0066cc;
 343  }
 344  
 345  :root .editor-styles-wrapper .has-black-color,
 346  :root .editor-styles-wrapper .has-black-color:visited {
 347      color: #000;
 348  }
 349  
 350  :root .editor-styles-wrapper .has-black-background-color,
 351  :root .editor-styles-wrapper .has-black-background-color:visited {
 352      background-color: #000;
 353  }
 354  
 355  :root .editor-styles-wrapper .has-medium-gray-color,
 356  :root .editor-styles-wrapper .has-medium-gray-color:visited {
 357      color: #666;
 358  }
 359  
 360  :root .editor-styles-wrapper .has-medium-gray-background-color,
 361  :root .editor-styles-wrapper .has-medium-gray-background-color:visited {
 362      background-color: #666;
 363  }
 364  
 365  :root .editor-styles-wrapper .has-light-gray-color,
 366  :root .editor-styles-wrapper .has-light-gray-color:visited {
 367      color: #f1f1f1;
 368  }
 369  
 370  :root .editor-styles-wrapper .has-light-gray-background-color,
 371  :root .editor-styles-wrapper .has-light-gray-background-color:visited {
 372      background-color: #f1f1f1;
 373  }
 374  
 375  :root .editor-styles-wrapper .has-white-color,
 376  :root .editor-styles-wrapper .has-white-color:visited {
 377      color: #fff;
 378  }
 379  
 380  :root .editor-styles-wrapper .has-white-background-color,
 381  :root .editor-styles-wrapper .has-white-background-color:visited {
 382      background-color: #fff;
 383  }
 384  
 385  /* Inserter Icon */
 386  
 387  .editor-styles-wrapper .block-editor-inserter path {
 388      color: #fff;
 389  }