[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  /*--------------------------------------------------------------
 114  3.0 Blocks - Formatting
 115  --------------------------------------------------------------*/
 116  
 117  /* Code */
 118  
 119  .wp-block-code {
 120      background-color: transparent;
 121      border: 0;
 122      padding: 0;
 123  }
 124  
 125  /* Pullquote */
 126  
 127  .wp-block-pullquote {
 128      font-size: 1em;
 129  }
 130  
 131  .wp-block-pullquote p {
 132      font-size: 1.5em;
 133      line-height: 1.3;
 134  }
 135  
 136  .wp-block-pullquote__citation,
 137  .wp-block-pullquote cite {
 138      color: inherit;
 139      font-size: inherit;
 140      font-weight: 600;
 141      text-transform: none;
 142  }
 143  
 144  /* Table */
 145  
 146  .wp-block-table td,
 147  .wp-block-table th {
 148      border: none;
 149  }
 150  
 151  .wp-block-table td {
 152      border-top: 1px solid #e7e7e7;
 153  }
 154  
 155  .wp-block-table tr:nth-child(odd) td {
 156      background: #f2f7fc;
 157  }
 158  
 159  #content .wp-block-table[style*="font-size"] *,
 160  #content .wp-block-table[class*="-font-size"] *,
 161  #content .wp-block-calendar[style*="font-size"] *,
 162  #content .wp-block-calendar[class*="-font-size"] * {
 163      font-size: inherit;
 164      line-height: 1.5;
 165  }
 166  
 167  /*--------------------------------------------------------------
 168  4.0 Blocks - Layout Elements
 169  --------------------------------------------------------------*/
 170  
 171  /* Separator */
 172  
 173  .wp-block-separator {
 174      border: 0;
 175  }
 176  
 177  /* Media & Text */
 178  
 179  .wp-block-media-text {
 180      margin-bottom: 24px;
 181  }
 182  
 183  /*--------------------------------------------------------------
 184  5.0 Blocks - Widgets
 185  --------------------------------------------------------------*/
 186  
 187  /* Archives, Categories & Latest Posts */
 188  
 189  .wp-block-archives.aligncenter,
 190  .wp-block-categories.aligncenter,
 191  .wp-block-latest-posts.aligncenter {
 192      margin-left: 20px;
 193      text-align: center;
 194  }
 195  
 196  .rtl .wp-block-archives.aligncenter,
 197  .rtl .wp-block-categories.aligncenter,
 198  .rtl .wp-block-latest-posts.aligncenter {
 199      margin-left: 0;
 200      margin-right: 20px;
 201  }
 202  
 203  /* Latest Comments */
 204  
 205  .wp-block-latest-comments {
 206      margin: 0 0 24px;
 207  }
 208  
 209  /* Latest Posts */
 210  
 211  .wp-block-latest-posts.is-grid {
 212      margin-left: 0;
 213      margin-right: 0;
 214  }
 215  
 216  /*--------------------------------------------------------------
 217  6.0 Blocks - Colors
 218  --------------------------------------------------------------*/
 219  
 220  .has-blue-color,
 221  .has-blue-color:visited,
 222  #content .has-blue-color,
 223  #content .has-blue-color:visited {
 224      color: #0066cc;
 225  }
 226  
 227  .has-blue-background-color,
 228  .has-blue-background-color:visited {
 229      background-color: #0066cc;
 230  }
 231  
 232  .has-black-color,
 233  .has-black-color:visited,
 234  #content .has-black-color,
 235  #content .has-black-color:visited {
 236      color: #000;
 237  }
 238  
 239  .has-black-background-color,
 240  .has-black-background-color:visited {
 241      background-color: #000;
 242  }
 243  
 244  .has-medium-gray-color,
 245  .has-medium-gray-color:visited,
 246  #content .has-medium-gray-color,
 247  #content .has-medium-gray-color:visited {
 248      color: #666;
 249  }
 250  
 251  .has-medium-gray-background-color,
 252  .has-medium-gray-background-color:visited {
 253      background-color: #666;
 254  }
 255  
 256  .has-light-gray-color,
 257  .has-light-gray-color:visited,
 258  #content .has-light-gray-color,
 259  #content .has-light-gray-color:visited {
 260      color: #f1f1f1;
 261  }
 262  
 263  .has-light-gray-background-color,
 264  .has-light-gray-background-color:visited {
 265      background-color: #f1f1f1;
 266  }
 267  
 268  .has-white-color,
 269  .has-white-color:visited,
 270  #content .has-white-color,
 271  #content .has-white-color:visited {
 272      color: #fff;
 273  }
 274  
 275  .has-white-background-color,
 276  .has-white-background-color:visited {
 277      background-color: #fff;
 278  }