[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Ten
   3  Description: Used to style blocks.
   4  */
   5  
   6  /*--------------------------------------------------------------
   7  >>> TABLE OF CONTENTS:
   8  ----------------------------------------------------------------
   9  1.0 General Block Styles
  10  2.0 Blocks - Common Blocks
  11  3.0 Blocks - Formatting
  12  4.0 Blocks - Layout Elements
  13  5.0 Blocks - Widgets
  14  6.0 Blocks - Colors
  15  --------------------------------------------------------------*/
  16  
  17  /*--------------------------------------------------------------
  18  1.0 General Block Styles
  19  --------------------------------------------------------------*/
  20  
  21  /* Captions */
  22  
  23  [class^="wp-block-"]:not(.wp-block-gallery) > figcaption {
  24      color: #777;
  25      font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
  26  }
  27  
  28  /* Alignments */
  29  
  30  [class^="wp-block-"].alignleft,
  31  [class^="wp-block-"] .alignleft {
  32      margin-right: 24px;
  33  }
  34  
  35  [class^="wp-block-"].alignright,
  36  [class^="wp-block-"] .alignright {
  37      margin-left: 24px;
  38  }
  39  
  40  /*--------------------------------------------------------------
  41  2.0 Blocks - Common Blocks
  42  --------------------------------------------------------------*/
  43  
  44  /* Paragraph */
  45  
  46  p.has-drop-cap:not(:focus)::first-letter {
  47      font-size: 5em;
  48      margin-top: 0.1em;
  49  }
  50  
  51  /* Image */
  52  
  53  .wp-block-image figure {
  54      margin-bottom: 24px;
  55  }
  56  
  57  .wp-block-image figcaption {
  58      margin: -7px 0 20px;
  59      padding: 9px 9px 1.0em;
  60      text-align: center;
  61  }
  62  
  63  .wp-block-image.alignfull,
  64  .wp-block-image.alignfull img {
  65      margin: 0;
  66  }
  67  
  68  /* Gallery */
  69  
  70  .wp-block-gallery {
  71      margin: 0 0 24px;
  72  }
  73  
  74  .wp-block-gallery .blocks-gallery-image figcaption,
  75  .wp-block-gallery .blocks-gallery-item figcaption {
  76      font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
  77      left: 0;
  78      right: 0;
  79      width: auto;
  80  }
  81  
  82  /* Quotes */
  83  
  84  .wp-block-quote:not(.is-large):not(.is-style-large) {
  85      border: none;
  86      padding: 0 3em;
  87  }
  88  
  89  .wp-block-quote cite {
  90      color: inherit;
  91      font-size: inherit;
  92      font-weight: 600;
  93  }
  94  
  95  /* Audio */
  96  
  97  .wp-block-audio {
  98      margin-left: 0;
  99      margin-right: 0;
 100  }
 101  
 102  .wp-block-audio audio {
 103      display: block;
 104      width: 100%;
 105  }
 106  
 107  /* File */
 108  
 109  .rtl .wp-block-file * + .wp-block-file__button {
 110      margin: 0 0 0 0.75em;
 111  }
 112  
 113  .wp-block-file .wp-block-file__button {
 114      padding: 0.5em 1em;
 115      color: #fff;
 116      line-height: 1.5;
 117  }
 118  
 119  /*--------------------------------------------------------------
 120  3.0 Blocks - Formatting
 121  --------------------------------------------------------------*/
 122  
 123  /* Code */
 124  
 125  .wp-block-code {
 126      background-color: transparent;
 127      border: 0;
 128      padding: 0;
 129  }
 130  
 131  /* Pullquote */
 132  
 133  .wp-block-pullquote {
 134      font-size: 1em;
 135  }
 136  
 137  .wp-block-pullquote p {
 138      font-size: 1.5em;
 139      line-height: 1.3;
 140  }
 141  
 142  .wp-block-pullquote__citation,
 143  .wp-block-pullquote cite {
 144      color: inherit;
 145      font-size: inherit;
 146      font-weight: 600;
 147      text-transform: none;
 148  }
 149  
 150  /* Table */
 151  
 152  .wp-block-table td,
 153  .wp-block-table th {
 154      border: none;
 155  }
 156  
 157  .wp-block-table td {
 158      border-top: 1px solid #e7e7e7;
 159  }
 160  
 161  .wp-block-table tr:nth-child(odd) td {
 162      background: #f2f7fc;
 163  }
 164  
 165  #content .wp-block-table[style*="font-size"] *,
 166  #content .wp-block-table[class*="-font-size"] *,
 167  #content .wp-block-calendar[style*="font-size"] *,
 168  #content .wp-block-calendar[class*="-font-size"] * {
 169      font-size: inherit;
 170      line-height: 1.5;
 171  }
 172  
 173  /*--------------------------------------------------------------
 174  4.0 Blocks - Layout Elements
 175  --------------------------------------------------------------*/
 176  
 177  /* Separator */
 178  
 179  .wp-block-separator {
 180      border: 0;
 181  }
 182  
 183  /* Media & Text */
 184  
 185  .wp-block-media-text {
 186      margin-bottom: 24px;
 187  }
 188  
 189  /*--------------------------------------------------------------
 190  5.0 Blocks - Widgets
 191  --------------------------------------------------------------*/
 192  
 193  /* Archives, Categories & Latest Posts */
 194  
 195  .wp-block-archives.aligncenter,
 196  .wp-block-categories.aligncenter,
 197  .wp-block-latest-posts.aligncenter {
 198      margin-left: 20px;
 199      text-align: center;
 200  }
 201  
 202  .rtl .wp-block-archives.aligncenter,
 203  .rtl .wp-block-categories.aligncenter,
 204  .rtl .wp-block-latest-posts.aligncenter {
 205      margin-left: 0;
 206      margin-right: 20px;
 207  }
 208  
 209  /* Latest Comments */
 210  
 211  .wp-block-latest-comments {
 212      margin: 0 0 24px;
 213  }
 214  
 215  /* Latest Posts */
 216  
 217  .wp-block-latest-posts.is-grid {
 218      margin-left: 0;
 219      margin-right: 0;
 220  }
 221  
 222  /*--------------------------------------------------------------
 223  6.0 Blocks - Colors
 224  --------------------------------------------------------------*/
 225  
 226  .has-blue-color,
 227  .has-blue-color:visited,
 228  #content .has-blue-color,
 229  #content .has-blue-color:visited {
 230      color: #0066cc;
 231  }
 232  
 233  .has-blue-background-color,
 234  .has-blue-background-color:visited {
 235      background-color: #0066cc;
 236  }
 237  
 238  .has-black-color,
 239  .has-black-color:visited,
 240  #content .has-black-color,
 241  #content .has-black-color:visited {
 242      color: #000;
 243  }
 244  
 245  .has-black-background-color,
 246  .has-black-background-color:visited {
 247      background-color: #000;
 248  }
 249  
 250  .has-medium-gray-color,
 251  .has-medium-gray-color:visited,
 252  #content .has-medium-gray-color,
 253  #content .has-medium-gray-color:visited {
 254      color: #666;
 255  }
 256  
 257  .has-medium-gray-background-color,
 258  .has-medium-gray-background-color:visited {
 259      background-color: #666;
 260  }
 261  
 262  .has-light-gray-color,
 263  .has-light-gray-color:visited,
 264  #content .has-light-gray-color,
 265  #content .has-light-gray-color:visited {
 266      color: #f1f1f1;
 267  }
 268  
 269  .has-light-gray-background-color,
 270  .has-light-gray-background-color:visited {
 271      background-color: #f1f1f1;
 272  }
 273  
 274  .has-white-color,
 275  .has-white-color:visited,
 276  #content .has-white-color,
 277  #content .has-white-color:visited {
 278      color: #fff;
 279  }
 280  
 281  .has-white-background-color,
 282  .has-white-background-color:visited {
 283      background-color: #fff;
 284  }