[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Fourteen
   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  [class^="wp-block-"] figcaption,
  22  [class^="wp-block-"] figcaption.editor-rich-text__tinymce.mce-content-body {
  23      font-size: 12px;
  24      font-style: italic;
  25      line-height: 1.5;
  26      margin: 9px 0 0;
  27  }
  28  
  29  /* Alignments */
  30  
  31  [class^="wp-block-"].alignleft,
  32  [class^="wp-block-"] .alignleft {
  33      margin-right: 24px;
  34  }
  35  
  36  [class^="wp-block-"].alignright,
  37  [class^="wp-block-"] .alignright {
  38      margin-left: 24px;
  39  }
  40  
  41  /*--------------------------------------------------------------
  42  2.0 Blocks - Common Blocks
  43  --------------------------------------------------------------*/
  44  
  45  /* Paragraph */
  46  
  47  p.has-drop-cap:not(:focus)::first-letter {
  48      font-size: 5em;
  49  }
  50  
  51  /* Image */
  52  
  53  .wp-block-image {
  54      margin-bottom: 24px;
  55  }
  56  
  57  .wp-block-image figcaption {
  58      text-align: left;
  59  }
  60  
  61  @media screen and (min-width: 810px) {
  62      .full-width .site-content .wp-block-image figure.alignleft {
  63          margin-left: -168px;
  64      }
  65  
  66      .full-width .site-content .wp-block-image figure.alignright {
  67          margin-right: -168px;
  68      }
  69  }
  70  
  71  .rtl .wp-block-image figcaption {
  72      text-align: right;
  73  }
  74  
  75  /* Gallery */
  76  
  77  .wp-block-gallery {
  78      margin: 0 0 24px;
  79  }
  80  
  81  .wp-block-gallery .blocks-gallery-image figcaption,
  82  .wp-block-gallery .blocks-gallery-item figcaption {
  83      left: 0;
  84      right: 0;
  85      width: auto;
  86  }
  87  
  88  /* Quote */
  89  
  90  .wp-block-quote:not(.is-large):not(.is-style-large) {
  91      border-left: 0;
  92      border-right: 0;
  93      padding-left: 0;
  94      padding-right: 0;
  95  }
  96  
  97  .wp-block-quote.is-large,
  98  .wp-block-quote.is-style-large {
  99      padding: 0;
 100  }
 101  
 102  .wp-block-quote cite {
 103      color: #2b2b2b;
 104      font-size: 16px;
 105      font-weight: 400;
 106  }
 107  
 108  .wp-block-quote.alignleft cite,
 109  .wp-block-quote.alignright cite {
 110      display: inline-block;
 111      margin-bottom: 17px;
 112      margin-top: 0;
 113  }
 114  
 115  .rtl .wp-block-quote.alignleft {
 116      margin-right: 24px;
 117  }
 118  
 119  .rtl .wp-block-quote.alignright {
 120      margin-left: 24px;
 121  }
 122  
 123  /* Audio */
 124  
 125  .wp-block-audio audio {
 126      display: block;
 127      width: 100%;
 128  }
 129  
 130  /* Cover */
 131  
 132  .wp-block-cover-image.aligncenter,
 133  .wp-block-cover.aligncenter {
 134      display: flex;
 135  }
 136  
 137  /* File */
 138  
 139  .wp-block-file .wp-block-file__button {
 140      background-color: #24890d;
 141      border: 0;
 142      color: #fff;
 143      font-size: 12px;
 144      font-weight: 700;
 145      line-height: 1.25;
 146      padding: 10px 30px 11px;
 147      text-transform: uppercase;
 148      vertical-align: bottom;
 149  }
 150  
 151  .wp-block-file .wp-block-file__button:hover,
 152  .wp-block-file .wp-block-file__button:focus {
 153      background-color: #41a62a;
 154  }
 155  
 156  .wp-block-file .wp-block-file__button:active {
 157      background-color: #55d737;
 158  }
 159  
 160  .widget .wp-block-file .wp-block-file__button,
 161  .widget .wp-block-file .wp-block-file__button:hover {
 162      color: #fff;
 163  }
 164  
 165  /*--------------------------------------------------------------
 166  3.0 Blocks - Formatting
 167  --------------------------------------------------------------*/
 168  
 169  /* Code */
 170  
 171  .wp-block-code {
 172      border: 0;
 173      padding: 0;
 174  }
 175  
 176  .wp-block-code code {
 177      font-size: inherit;
 178  }
 179  
 180  /* Pullquote */
 181  
 182  .wp-block-pullquote {
 183      border: 0;
 184      margin: 0;
 185  }
 186  
 187  .wp-block-pullquote cite {
 188      color: #2b2b2b;
 189      font-size: 16px;
 190      font-weight: 400;
 191      margin-top: 0;
 192      text-transform: none;
 193  }
 194  
 195  .wp-block-pullquote.has-text-color blockquote,
 196  .wp-block-pullquote.has-background blockquote,
 197  .has-background .wp-block-pullquote blockquote,
 198  .wp-block-pullquote.has-text-color cite,
 199  .has-background .wp-block-pullquote cite,
 200  .has-text-color .wp-block-pullquote__citation {
 201      color: inherit;
 202  }
 203  
 204  .wp-block-pullquote.alignleft {
 205      margin-right: 1em;
 206  }
 207  
 208  .wp-block-pullquote.alignright {
 209      margin-right: 1em;
 210  }
 211  
 212  @media screen and (min-width: 810px) {
 213      .full-width .site-content .wp-block-pullquote.alignleft {
 214          margin-left: -168px;
 215      }
 216  
 217      .full-width .site-content .wp-block-pullquote.alignright {
 218          margin-right: -168px;
 219      }
 220  }
 221  
 222  /* Table */
 223  
 224  .wp-block-table {
 225      overflow-x: visible;
 226  }
 227  
 228  .wp-block-table th,
 229  .wp-block-table td {
 230      border-color: rgba(0, 0, 0, 0.1);
 231      border-width: 0 1px 1px 0;
 232  }
 233  
 234  /*--------------------------------------------------------------
 235  4.0 Blocks - Layout Elements
 236  --------------------------------------------------------------*/
 237  
 238  /* Buttons */
 239  
 240  .wp-block-button .wp-block-button__link {
 241      font-size: 12px;
 242      font-weight: 700;
 243      line-height: 1.25;
 244      padding: 10px 30px 11px;
 245      text-decoration: none;
 246      text-transform: uppercase;
 247      vertical-align: bottom;
 248  }
 249  
 250  .wp-block-buttons[style*="text-transform"] .wp-block-button__link,
 251  .wp-block-button[style*="text-transform"] .wp-block-button__link {
 252      text-transform: inherit;
 253  }
 254  
 255  .wp-block-button__link {
 256      background-color: #24890d;
 257      color: #fff;
 258  }
 259  
 260  .is-style-outline .wp-block-button__link:not(.has-text-color) {
 261      color: #24890d;
 262  }
 263  
 264  .wp-block-button__link:hover,
 265  .wp-block-button__link:focus,
 266  .is-style-outline .wp-block-button__link:not(.has-text-color):hover,
 267  .is-style-outline .wp-block-button__link:not(.has-text-color):focus {
 268      background-color: #41a62a;
 269      color: #fff;
 270  }
 271  
 272  .wp-block-button__link:active {
 273      background-color: #55d737;
 274  }
 275  
 276  .widget a.wp-block-button__link:not(.has-text-color),
 277  .widget a.wp-block-button__link:not(.has-text-color):hover {
 278      color: #fff;
 279  }
 280  
 281  /* Separator */
 282  
 283  .wp-block-separator {
 284      border: 0;
 285      max-width: 100px;
 286  }
 287  
 288  .wp-block-separator.is-style-wide,
 289  .wp-block-separator.is-style-dots {
 290      max-width: 100%;
 291  }
 292  
 293  /* Media & Text */
 294  
 295  .wp-block-media-text {
 296      margin-bottom: 24px;
 297  }
 298  
 299  .wp-block-media-text *:last-child {
 300      margin-bottom: 0;
 301  }
 302  
 303  /*--------------------------------------------------------------
 304  5.0 Blocks - Widgets
 305  --------------------------------------------------------------*/
 306  
 307  /* Archives, Categories & Latest Posts */
 308  
 309  .wp-block-archives.aligncenter,
 310  .wp-block-categories.aligncenter,
 311  .wp-block-latest-posts.aligncenter {
 312      list-style-position: inside;
 313      margin-left: 20px;
 314      text-align: center;
 315  }
 316  
 317  .rtl .wp-block-archives.aligncenter,
 318  .rtl .wp-block-categories.aligncenter,
 319  .rtl .wp-block-latest-posts.aligncenter {
 320      margin-left: 0;
 321      margin-right: 20px;
 322  }
 323  
 324  /* Latest Comments */
 325  
 326  .wp-block-latest-comments {
 327      margin: 0;
 328      padding: 0;
 329  }
 330  
 331  .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
 332  .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
 333      margin-left: 60px;
 334  }
 335  
 336  .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
 337      border-radius: 0;
 338      border: 1px solid rgba(0, 0, 0, 0.1);
 339      padding: 2px;
 340  }
 341  
 342  .wp-block-latest-comments__comment,
 343  .wp-block-latest-comments__comment-excerpt,
 344  .wp-block-latest-comments__comment-excerpt p {
 345      font-size: 16px;
 346  }
 347  
 348  .wp-block-latest-comments__comment-meta a {
 349      color: #2b2b2b;
 350      font-weight: 900;
 351      text-decoration: none;
 352  }
 353  
 354  .wp-block-latest-comments_comment-meta a:hover,
 355  .wp-block-latest-comments_comment-meta a:focus {
 356      color: #41a62a;
 357  }
 358  
 359  .widget-area .wp-block-latest-comments__comment-meta a {
 360      color: #fff;
 361  }
 362  
 363  .widget-area .wp-block-latest-comments__comment-meta a:hover,
 364  .widget-area .wp-block-latest-comments__comment-meta a:focus {
 365      color: #41a62a;
 366  }
 367  
 368  .wp-block-latest-comments__comment-excerpt p:last-child {
 369  }
 370  
 371  .wp-block-latest-comments__comment-date {
 372      text-transform: uppercase;
 373  }
 374  
 375  .wp-block-latest-comments .wp-block-latest-comments__comment {
 376      border-top: 1px solid rgba(0, 0, 0, 0.1);
 377      margin-bottom: 24px;
 378      padding-top: 24px;
 379  }
 380  
 381  /* Latest Posts */
 382  
 383  .wp-block-latest-posts.is-grid {
 384      margin-left: 0;
 385      margin-right: 0;
 386  }
 387  
 388  /*--------------------------------------------------------------
 389  6.0 Blocks - Colors
 390  --------------------------------------------------------------*/
 391  
 392  .has-green-color {
 393      color: #24890d;
 394  }
 395  
 396  .has-green-background-color {
 397      background-color: #24890d;
 398  }
 399  
 400  .has-black-color {
 401      color: #000;
 402  }
 403  
 404  .has-black-background-color {
 405      background-color: #000;
 406  }
 407  
 408  .has-dark-gray-color {
 409      color: #2b2b2b;
 410  }
 411  
 412  .has-dark-gray-background-color {
 413      background-color: #2b2b2b;
 414  }
 415  
 416  .has-medium-gray-color {
 417      color: #767676;
 418  }
 419  
 420  .has-medium-gray-background-color {
 421      background-color: #767676;
 422  }
 423  
 424  .has-light-gray-color {
 425      color: #f5f5f5;
 426  }
 427  
 428  .has-light-gray-background-color {
 429      background-color: #f5f5f5;
 430  }
 431  
 432  .has-white-color {
 433      color: #fff;
 434  }
 435  
 436  .has-white-background-color {
 437      background-color: #fff;
 438  }