[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  :where(.wp-block-pullquote[class*="-font-size"], .wp-block-pullquote[style*="font-size"]) blockquote {
 188      font-size: inherit;
 189  }
 190  
 191  :where(.wp-block-pullquote[style*="font-style"]) blockquote {
 192      font-style: inherit;
 193  }
 194  
 195  :where(.wp-block-pullquote[style*="font-weight"]) blockquote {
 196      font-weight: inherit;
 197  }
 198  
 199  .wp-block-pullquote cite {
 200      color: #2b2b2b;
 201      font-size: 16px;
 202      font-weight: 400;
 203      margin-top: 0;
 204      text-transform: none;
 205  }
 206  
 207  .wp-block-pullquote.has-text-color blockquote,
 208  .wp-block-pullquote.has-background blockquote,
 209  .has-background .wp-block-pullquote blockquote,
 210  .wp-block-pullquote.has-text-color cite,
 211  .has-background .wp-block-pullquote cite,
 212  .has-text-color .wp-block-pullquote__citation {
 213      color: inherit;
 214  }
 215  
 216  .wp-block-pullquote.alignleft {
 217      margin-right: 1em;
 218  }
 219  
 220  .wp-block-pullquote.alignright {
 221      margin-right: 1em;
 222  }
 223  
 224  @media screen and (min-width: 810px) {
 225      .full-width .site-content .wp-block-pullquote.alignleft {
 226          margin-left: -168px;
 227      }
 228  
 229      .full-width .site-content .wp-block-pullquote.alignright {
 230          margin-right: -168px;
 231      }
 232  }
 233  
 234  /* Table */
 235  
 236  .wp-block-table {
 237      overflow-x: visible;
 238  }
 239  
 240  .wp-block-table:where(:not(.is-style-stripes)) th,
 241  .wp-block-table:where(:not(.is-style-stripes)) td {
 242      border-color: rgba(0, 0, 0, 0.1);
 243      border-width: 0 1px 1px 0;
 244  }
 245  
 246  /*--------------------------------------------------------------
 247  4.0 Blocks - Layout Elements
 248  --------------------------------------------------------------*/
 249  
 250  /* Buttons */
 251  
 252  .wp-block-button .wp-block-button__link {
 253      font-size: 12px;
 254      font-weight: 700;
 255      line-height: 1.25;
 256      padding: 10px 30px 11px;
 257      text-decoration: none;
 258      text-transform: uppercase;
 259      vertical-align: bottom;
 260  }
 261  
 262  .wp-block-buttons[style*="text-transform"] .wp-block-button__link,
 263  .wp-block-button[style*="text-transform"] .wp-block-button__link {
 264      text-transform: inherit;
 265  }
 266  
 267  .wp-block-button__link {
 268      background-color: #24890d;
 269      color: #fff;
 270  }
 271  
 272  .is-style-outline .wp-block-button__link:not(.has-text-color) {
 273      color: #24890d;
 274  }
 275  
 276  .wp-block-button__link:hover,
 277  .wp-block-button__link:focus,
 278  .is-style-outline .wp-block-button__link:not(.has-text-color):hover,
 279  .is-style-outline .wp-block-button__link:not(.has-text-color):focus {
 280      background-color: #41a62a;
 281      color: #fff;
 282  }
 283  
 284  .wp-block-button__link:active {
 285      background-color: #55d737;
 286  }
 287  
 288  .widget a.wp-block-button__link:not(.has-text-color),
 289  .widget a.wp-block-button__link:not(.has-text-color):hover {
 290      color: #fff;
 291  }
 292  
 293  /* Separator */
 294  
 295  .wp-block-separator {
 296      border: 0;
 297      max-width: 100px;
 298  }
 299  
 300  .wp-block-separator.is-style-wide,
 301  .wp-block-separator.is-style-dots {
 302      max-width: 100%;
 303  }
 304  
 305  /* Media & Text */
 306  
 307  .wp-block-media-text {
 308      margin-bottom: 24px;
 309  }
 310  
 311  .wp-block-media-text *:last-child {
 312      margin-bottom: 0;
 313  }
 314  
 315  /*--------------------------------------------------------------
 316  5.0 Blocks - Widgets
 317  --------------------------------------------------------------*/
 318  
 319  /* Archives, Categories & Latest Posts */
 320  
 321  .wp-block-archives.aligncenter,
 322  .wp-block-categories.aligncenter,
 323  .wp-block-latest-posts.aligncenter {
 324      list-style-position: inside;
 325      margin-left: 20px;
 326      text-align: center;
 327  }
 328  
 329  .rtl .wp-block-archives.aligncenter,
 330  .rtl .wp-block-categories.aligncenter,
 331  .rtl .wp-block-latest-posts.aligncenter {
 332      margin-left: 0;
 333      margin-right: 20px;
 334  }
 335  
 336  /* Latest Comments */
 337  
 338  .wp-block-latest-comments {
 339      margin: 0;
 340      padding: 0;
 341  }
 342  
 343  .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
 344  .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
 345      margin-left: 60px;
 346  }
 347  
 348  .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
 349      border-radius: 0;
 350      border: 1px solid rgba(0, 0, 0, 0.1);
 351      padding: 2px;
 352  }
 353  
 354  .wp-block-latest-comments__comment,
 355  .wp-block-latest-comments__comment-excerpt,
 356  .wp-block-latest-comments__comment-excerpt p {
 357      font-size: 16px;
 358  }
 359  
 360  .wp-block-latest-comments__comment-meta a {
 361      color: #2b2b2b;
 362      font-weight: 900;
 363      text-decoration: none;
 364  }
 365  
 366  .wp-block-latest-comments_comment-meta a:hover,
 367  .wp-block-latest-comments_comment-meta a:focus {
 368      color: #41a62a;
 369  }
 370  
 371  .widget-area .wp-block-latest-comments__comment-meta a {
 372      color: #fff;
 373  }
 374  
 375  .widget-area .wp-block-latest-comments__comment-meta a:hover,
 376  .widget-area .wp-block-latest-comments__comment-meta a:focus {
 377      color: #41a62a;
 378  }
 379  
 380  .wp-block-latest-comments__comment-date {
 381      text-transform: uppercase;
 382  }
 383  
 384  .wp-block-latest-comments .wp-block-latest-comments__comment {
 385      border-top: 1px solid rgba(0, 0, 0, 0.1);
 386      margin-bottom: 24px;
 387      padding-top: 24px;
 388  }
 389  
 390  /* Latest Posts */
 391  
 392  .wp-block-latest-posts.is-grid {
 393      margin-left: 0;
 394      margin-right: 0;
 395  }
 396  
 397  /* Search */
 398  
 399  html :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
 400      border: 1px solid #949494;
 401      padding: 4px;
 402  }
 403  
 404  /*--------------------------------------------------------------
 405  6.0 Blocks - Colors
 406  --------------------------------------------------------------*/
 407  
 408  .has-green-color {
 409      color: #24890d;
 410  }
 411  
 412  .has-green-background-color {
 413      background-color: #24890d;
 414  }
 415  
 416  .has-black-color {
 417      color: #000;
 418  }
 419  
 420  .has-black-background-color {
 421      background-color: #000;
 422  }
 423  
 424  .has-dark-gray-color {
 425      color: #2b2b2b;
 426  }
 427  
 428  .has-dark-gray-background-color {
 429      background-color: #2b2b2b;
 430  }
 431  
 432  .has-medium-gray-color {
 433      color: #767676;
 434  }
 435  
 436  .has-medium-gray-background-color {
 437      background-color: #767676;
 438  }
 439  
 440  .has-light-gray-color {
 441      color: #f5f5f5;
 442  }
 443  
 444  .has-light-gray-background-color {
 445      background-color: #f5f5f5;
 446  }
 447  
 448  .has-white-color {
 449      color: #fff;
 450  }
 451  
 452  .has-white-background-color {
 453      background-color: #fff;
 454  }