[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Fifteen
   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-"] figcaption {
  24      color: #707070;
  25      font-family: "Noto Sans", sans-serif;
  26      font-size: 12px;
  27      line-height: 1.5;
  28      margin-bottom: 0;
  29      padding: 0.5em 0;
  30  }
  31  
  32  @media screen and (min-width: 46.25em) {
  33      [class^="wp-block-"] figcaption {
  34          font-size: 14px;
  35      }
  36  }
  37  
  38  @media screen and (min-width: 55em) {
  39      [class^="wp-block-"] figcaption {
  40          font-size: 16px;
  41      }
  42  }
  43  
  44  @media screen and (min-width: 59.6875em) {
  45      [class^="wp-block-"] figcaption {
  46          font-size: 12px;
  47      }
  48  }
  49  
  50  @media screen and (min-width: 68.75em) {
  51      [class^="wp-block-"] figcaption {
  52          font-size: 14px;
  53      }
  54  }
  55  
  56  @media screen and (min-width: 77.5em) {
  57      [class^="wp-block-"] figcaption {
  58          font-size: 16px;
  59      }
  60  }
  61  
  62  /* Alignments */
  63  
  64  [class^="wp-block-"].alignleft,
  65  [class^="wp-block-"] .alignleft {
  66      margin-right: 1em;
  67  }
  68  
  69  [class^="wp-block-"].alignright,
  70  [class^="wp-block-"] .alignright {
  71      margin-left: 1em;
  72  }
  73  
  74  
  75  /*--------------------------------------------------------------
  76  2.0 Blocks - Common Blocks
  77  --------------------------------------------------------------*/
  78  
  79  /* Paragraph */
  80  
  81  p.has-drop-cap:not(:focus)::first-letter {
  82      font-size: 5em;
  83  }
  84  
  85  /* Gallery */
  86  
  87  .wp-block-gallery {
  88      margin-bottom: 1.6em;
  89  }
  90  
  91  /* Audio */
  92  
  93  .wp-block-audio audio {
  94      display: block;
  95      width: 100%;
  96  }
  97  
  98  /* Cover */
  99  
 100  .wp-block-cover-image .wp-block-cover-image-text,
 101  .wp-block-cover .wp-block-cover-text,
 102  .wp-block-cover-image h2,
 103  .wp-block-cover h2 {
 104      font-size: 29px;
 105      line-height: 1.2069;
 106  }
 107  
 108  /* Quote */
 109  
 110  .wp-block-quote,
 111  .wp-block-quote:not(.is-large):not(.is-style-large),
 112  [class^="wp-block-"] blockquote {
 113      border-color: #707070;
 114  }
 115  
 116  .wp-block-quote cite,
 117  .wp-block-quote__citation {
 118      color: #333;
 119      font-family: "Noto Sans", sans-serif;
 120      font-size: 15px;
 121      font-style: normal;
 122      line-height: 1.6;
 123      text-transform: none;
 124  }
 125  
 126  .wp-block-quote.has-text-color cite,
 127  .wp-block-quote.has-background cite {
 128      color: inherit;
 129  }
 130  
 131  .wp-block-quote em,
 132  .wp-block-quote i {
 133      font-style: normal;
 134  }
 135  
 136  .wp-block-quote strong,
 137  .wp-block-quote b {
 138      font-weight: 400;
 139  }
 140  
 141  
 142  @media screen and (min-width: 46.25em) {
 143      .edit-post-visual-editor .wp-block-quote p {
 144          font-size: 20px;
 145          line-height: 1.75;
 146      }
 147  
 148      .wp-block-quote cite,
 149      .wp-block-quote__citation {
 150          font-size: 17px;
 151          line-height: 1.6471;
 152      }
 153  }
 154  
 155  @media screen and (min-width: 55em) {
 156      .edit-post-visual-editor .wp-block-quote p {
 157          font-size: 22px;
 158          line-height: 1.8182;
 159      }
 160  
 161      .wp-block-quote cite,
 162      .wp-block-quote__citation {
 163          font-size: 19px;
 164          line-height: 1.6842;
 165      }
 166  }
 167  
 168  @media screen and (min-width: 59.6875em) {
 169      .edit-post-visual-editor .wp-block-quote p {
 170          font-size: 18px;
 171          line-height: 1.6667;
 172      }
 173  
 174      .wp-block-quote cite,
 175      .wp-block-quote__citation {
 176          font-size: 15px;
 177          line-height: 1.6;
 178      }
 179  }
 180  
 181  @media screen and (min-width: 68.75em) {
 182      .edit-post-visual-editor .wp-block-quote p {
 183          font-size: 20px;
 184          line-height: 1.75;
 185      }
 186  
 187      .wp-block-quote cite,
 188      .wp-block-quote__citation {
 189          font-size: 17px;
 190          line-height: 1.6471;
 191      }
 192  }
 193  
 194  @media screen and (min-width: 77.5em) {
 195      .edit-post-visual-editor .wp-block-quote p {
 196          font-size: 22px;
 197          line-height: 1.8182;
 198      }
 199  
 200      .wp-block-quote cite,
 201      .wp-block-quote__citation {
 202          font-size: 19px;
 203          line-height: 1.6842;
 204      }
 205  }
 206  
 207  /* Cover Image */
 208  
 209  .wp-block-cover-image.aligncenter,
 210  .wp-block-cover.aligncenter,
 211  .wp-block-cover-image.alignleft,
 212  .wp-block-cover.alignleft,
 213  .wp-block-cover-image.alignright,
 214  .wp-block-cover.alignright {
 215      display: flex;
 216  }
 217  
 218  /* File */
 219  
 220  .wp-block-file a.wp-block-file__button {
 221      background-color: #333;
 222      border: 0;
 223      border-radius: 0;
 224      color: #fff;
 225      cursor: pointer;
 226      font-family: "Noto Sans", sans-serif;
 227      font-size: 12px;
 228      font-weight: 700;
 229      line-height: 1.5;
 230      margin-top: 2em;
 231      padding: 0.7917em 1.5em;
 232      text-transform: uppercase;
 233      vertical-align: baseline;
 234  }
 235  
 236  .wp-block-file a.wp-block-file__button:hover,
 237  .wp-block-file a.wp-block-file__button:focus {
 238      background-color: #707070;
 239      background-color: rgba(51, 51, 51, 0.7);
 240      outline: 0;
 241  }
 242  
 243  .rtl .wp-block-file * + .wp-block-file__button {
 244      margin-left: 0.75em;
 245      margin-right: 0;
 246  }
 247  
 248  @media screen and (min-width: 46.25em) {
 249      .wp-block-file a.wp-block-file__button {
 250          font-size: 14px;
 251          font-size: 1.4rem;
 252          padding: 0.8214em 1.6429em;
 253      }
 254  }
 255  
 256  @media screen and (min-width: 55em) {
 257      .wp-block-file a.wp-block-file__button {
 258          font-size: 16px;
 259          font-size: 1.6rem;
 260          padding: 0.8125em 1.625em;
 261      }
 262  }
 263  
 264  @media screen and (min-width: 59.6875em) {
 265      .wp-block-file a.wp-block-file__button {
 266          font-size: 12px;
 267          font-size: 1.2rem;
 268          padding: 0.7917em 1.5833em;
 269      }
 270  }
 271  
 272  @media screen and (min-width: 68.75em) {
 273      .wp-block-file a.wp-block-file__button {
 274          font-size: 14px;
 275          font-size: 1.4rem;
 276          padding: 0.8214em 1.5714em;
 277      }
 278  }
 279  
 280  @media screen and (min-width: 77.5em) {
 281      .wp-block-file a.wp-block-file__button {
 282          font-size: 16px;
 283          font-size: 1.6rem;
 284          padding: 0.8125em 1.625em;
 285      }
 286  }
 287  
 288  /*--------------------------------------------------------------
 289  3.0 Blocks - Formatting
 290  --------------------------------------------------------------*/
 291  
 292  /* Code */
 293  
 294  .wp-block-code {
 295      background-color: transparent;
 296      border: 0;
 297      padding: 0;
 298  }
 299  
 300  .wp-block-code code {
 301      font-family: Inconsolata, monospace;
 302      font-size: inherit;
 303  }
 304  
 305  /* Preformatted */
 306  
 307  .wp-block-preformatted {
 308      background-color: rgba(0, 0, 0, 0.01);
 309      border: 1px solid #eaeaea;
 310      line-height: 1.2;
 311      margin-bottom: 1.6em;
 312      max-width: 100%;
 313      overflow: auto;
 314      padding: 0.8em;
 315      white-space: pre;
 316      white-space: pre-wrap;
 317      word-wrap: break-word;
 318  }
 319  
 320  /* Pullquote */
 321  
 322  .wp-block-pullquote {
 323      border: 0 solid;
 324  }
 325  
 326  .wp-block-pullquote blockquote {
 327      border: 0;
 328      color: inherit;
 329      margin-left: 0;
 330      margin-right: 0;
 331      padding-left: 0;
 332      padding-right: 0;
 333  }
 334  
 335  .wp-block-pullquote cite {
 336      color: inherit;
 337      font-family: "Noto Sans", sans-serif;
 338      font-size: 15px;
 339      font-style: normal;
 340      line-height: 1.6;
 341      text-transform: none;
 342  }
 343  
 344  @media screen and (min-width: 46.25em) {
 345      .wp-block-pullquote cite {
 346          font-size: 17px;
 347          line-height: 1.6471;
 348      }
 349  }
 350  
 351  @media screen and (min-width: 55em) {
 352      .wp-block-pullquote cite {
 353          font-size: 19px;
 354          line-height: 1.6842;
 355      }
 356  }
 357  
 358  @media screen and (min-width: 59.6875em) {
 359      .wp-block-pullquote cite {
 360          font-size: 15px;
 361          line-height: 1.6;
 362      }
 363  }
 364  
 365  @media screen and (min-width: 68.75em) {
 366      .wp-block-pullquote cite {
 367          font-size: 17px;
 368          line-height: 1.6471;
 369      }
 370  }
 371  
 372  @media screen and (min-width: 77.5em) {
 373      .wp-block-pullquote cite {
 374          font-size: 19px;
 375          line-height: 1.6842;
 376      }
 377  }
 378  
 379  /* Table */
 380  
 381  .wp-block-table th,
 382  .wp-block-table td {
 383      border-color: #eaeaea;
 384      border-width: 0 1px 1px 0;
 385  }
 386  
 387  /*--------------------------------------------------------------
 388  4.0 Blocks - Layout Elements
 389  --------------------------------------------------------------*/
 390  
 391  /* Button */
 392  
 393  .wp-block-button .wp-block-button__link {
 394      cursor: pointer;
 395      font-family: "Noto Sans", sans-serif;
 396      font-size: 12px;
 397      font-size: 1.2rem;
 398      font-weight: 700;
 399      line-height: 1.5;
 400      padding: 0.7917em 1.5em;
 401      text-transform: uppercase;
 402      vertical-align: baseline;
 403  }
 404  
 405  .wp-block-buttons[style*="text-transform"] .wp-block-button__link,
 406  .wp-block-button[style*="text-transform"] .wp-block-button__link {
 407      text-transform: inherit;
 408  }
 409  
 410  .is-style-outline .wp-block-button__link {
 411      border: 2px solid;
 412  }
 413  
 414  .entry-content .wp-block-button:not(.is-style-outline) .wp-block-button__link {
 415      border: 0;
 416  }
 417  
 418  .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
 419      border-bottom: 2px solid;
 420  }
 421  
 422  .wp-block-button__link {
 423      background-color: #333;
 424      color: #fff;
 425  }
 426  
 427  .is-style-outline .wp-block-button__link:not(.has-text-color) {
 428      color: #333;
 429  }
 430  
 431  .wp-block-button__link:hover,
 432  .wp-block-button__link:focus,
 433  .is-style-outline .wp-block-button__link:hover,
 434  .is-style-outline .wp-block-button__link:focus {
 435      background-color: #707070;
 436      background-color: rgba(51, 51, 51, 0.7);
 437      color: #fff;
 438  }
 439  
 440  @media screen and (min-width: 46.25em) {
 441      .wp-block-button .wp-block-button__link {
 442          font-size: 14px;
 443          font-size: 1.4rem;
 444          padding: 0.8214em 1.6429em;
 445      }
 446  }
 447  
 448  @media screen and (min-width: 55em) {
 449      .wp-block-button .wp-block-button__link {
 450          font-size: 16px;
 451          font-size: 1.6rem;
 452          padding: 0.8125em 1.625em;
 453      }
 454  }
 455  
 456  @media screen and (min-width: 59.6875em) {
 457      .wp-block-button .wp-block-button__link {
 458          font-size: 12px;
 459          font-size: 1.2rem;
 460          padding: 0.7917em 1.5833em;
 461      }
 462  }
 463  
 464  @media screen and (min-width: 68.75em) {
 465      .wp-block-button .wp-block-button__link {
 466          font-size: 14px;
 467          font-size: 1.4rem;
 468          padding: 0.8214em 1.5714em;
 469      }
 470  }
 471  
 472  @media screen and (min-width: 77.5em) {
 473      .wp-block-button .wp-block-button__link {
 474          font-size: 16px;
 475          font-size: 1.6rem;
 476          padding: 0.8125em 1.625em;
 477      }
 478  }
 479  
 480  /* Separators */
 481  
 482  .wp-block-separator {
 483      border: 0;
 484      max-width: 100px;
 485  }
 486  
 487  .wp-block-separator.is-style-wide,
 488  .wp-block-separator.is-style-dots {
 489      max-width: 100%;
 490  }
 491  
 492  /* Media & Text */
 493  
 494  .wp-block-media-text {
 495      margin-bottom: 1.6em;
 496  }
 497  
 498  .wp-block-media-text *:last-child {
 499      margin-bottom: 0;
 500  }
 501  
 502  /*--------------------------------------------------------------
 503  5.0 Blocks - Widgets
 504  --------------------------------------------------------------*/
 505  
 506  /* Archives, Categories & Latest Posts */
 507  
 508  .wp-block-archives.aligncenter,
 509  .wp-block-categories.aligncenter,
 510  .wp-block-latest-posts.aligncenter {
 511      list-style-position: inside;
 512      text-align: center;
 513  }
 514  
 515  /* Latest Comments */
 516  
 517  .wp-block-latest-comments {
 518      margin: 0;
 519  }
 520  
 521  .wp-block-latest-comments__comment,
 522  .wp-block-latest-comments__comment-excerpt,
 523  .wp-block-latest-comments__comment-excerpt p {
 524      font-size: inherit;
 525  }
 526  
 527  .wp-block-latest-comments__comment-meta a {
 528      border-bottom-color: transparent;
 529      font-weight: 700;
 530  }
 531  
 532  .wp-block-latest-comments__comment-excerpt p:last-child {
 533      margin-bottom: 0;
 534  }
 535  
 536  .wp-block-latest-comments__comment-date {
 537      color: #707070;
 538      font-family: "Noto Sans", sans-serif;
 539      font-size: 12px;
 540      line-height: 1.5;
 541      margin-bottom: 1.6em;
 542  }
 543  
 544  @media screen and (min-width: 46.25em) {
 545      .wp-block-latest-comments__comment-date {
 546          font-size: 14px;
 547      }
 548  }
 549  
 550  @media screen and (min-width: 55em) {
 551      .wp-block-latest-comments__comment-date {
 552          font-size: 16px;
 553      }
 554  }
 555  
 556  @media screen and (min-width: 59.6875em) {
 557      .wp-block-latest-comments__comment-date {
 558          font-size: 12px;
 559      }
 560  }
 561  
 562  @media screen and (min-width: 68.75em) {
 563      .wp-block-latest-comments__comment-date {
 564          font-size: 14px;
 565      }
 566  }
 567  
 568  @media screen and (min-width: 77.5em) {
 569      .wp-block-latest-comments__comment-date {
 570          font-size: 16px;
 571      }
 572  }
 573  
 574  .wp-block-latest-comments .wp-block-latest-comments__comment {
 575      border-top: 1px solid #eaeaea;
 576      border-top: 1px solid rgba(51, 51, 51, 0.1);
 577      margin-bottom: 0;
 578      padding: 1.6em 0;
 579  }
 580  
 581  /*--------------------------------------------------------------
 582  6.0 Blocks - Colors
 583  --------------------------------------------------------------*/
 584  
 585  .has-dark-gray-color {
 586      color: #111;
 587  }
 588  
 589  .has-dark-gray-background-color {
 590      background-color: #111;
 591  }
 592  
 593  .has-light-gray-color {
 594      color: #f1f1f1;
 595  }
 596  
 597  .has-light-gray-background-color {
 598      background-color: #f1f1f1;
 599  }
 600  
 601  .has-white-color {
 602      color: #fff;
 603  }
 604  
 605  .has-white-background-color {
 606      background-color: #fff;
 607  }
 608  
 609  .has-yellow-color {
 610      color: #f4ca16;
 611  }
 612  
 613  .has-yellow-background-color {
 614      background-color: #f4ca16;
 615  }
 616  
 617  .has-dark-brown-color {
 618      color: #352712;
 619  }
 620  
 621  .has-dark-brown-background-color {
 622      background-color: #352712;
 623  }
 624  
 625  .has-medium-pink-color {
 626      color: #e53b51;
 627  }
 628  
 629  .has-medium-pink-background-color {
 630      background-color: #e53b51;
 631  }
 632  
 633  .has-light-pink-color {
 634      color: #ffe5d1;
 635  }
 636  
 637  .has-light-pink-background-color {
 638      background-color: #ffe5d1;
 639  }
 640  
 641  .has-dark-purple-color {
 642      color: #2e2256;
 643  }
 644  
 645  .has-dark-purple-background-color {
 646      background-color: #2e2256;
 647  }
 648  
 649  .has-purple-color {
 650      color: #674970;
 651  }
 652  
 653  .has-purple-background-color {
 654      background-color: #674970;
 655  }
 656  
 657  .has-blue-gray-color {
 658      color: #22313f;
 659  }
 660  
 661  .has-blue-gray-background-color {
 662      background-color: #22313f;
 663  }
 664  
 665  .has-bright-blue-color {
 666      color: #55c3dc;
 667  }
 668  
 669  .has-bright-blue-background-color {
 670      background-color: #55c3dc;
 671  }
 672  
 673  .has-light-blue-color {
 674      color: #e9f2f9;
 675  }
 676  
 677  .has-light-blue-background-color {
 678      background-color: #e9f2f9;
 679  }
 680  
 681  .has-dark-gray-gradient-background {
 682      background-image: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(42,42,42,1) 100%);
 683  }
 684  
 685  .has-light-gray-gradient-background {
 686      background-image: linear-gradient(90deg, rgba(241,241,241,1) 0%, rgba(215,215,215,1) 100%);
 687  }
 688  
 689  .has-white-gradient-background {
 690      background-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
 691  }
 692  
 693  .has-yellow-gradient-background {
 694      background-image: linear-gradient(90deg, rgba(244,202,22,1) 0%, rgba(205,168,10,1) 100%);
 695  }
 696  
 697  .has-dark-brown-gradient-background {
 698      background-image: linear-gradient(90deg, rgba(53,39,18,1) 0%, rgba(91,67,31,1) 100%);
 699  }
 700  
 701  .has-medium-pink-gradient-background {
 702      background-image: linear-gradient(90deg, rgba(229,59,81,1) 0%, rgba(209,28,51,1) 100%);
 703  }
 704  
 705  .has-light-pink-gradient-background {
 706      background-image: linear-gradient(90deg, rgba(255,229,209,1) 0%, rgba(255,200,158,1) 100%);
 707  }
 708  
 709  .has-dark-purple-gradient-background {
 710      background-image: linear-gradient(90deg, rgba(46,34,86,1) 0%, rgba(66,48,123,1) 100%);
 711  }
 712  
 713  .has-purple-gradient-background {
 714      background-image: linear-gradient(90deg, rgba(103,73,112,1) 0%, rgba(131,93,143,1) 100%);
 715  }
 716  
 717  .has-blue-gray-gradient-background {
 718      background-image: linear-gradient(90deg, rgba(34,49,63,1) 0%, rgba(52,75,96,1) 100%);
 719  }
 720  
 721  .has-bright-blue-gradient-background {
 722      background-image: linear-gradient(90deg, rgba(85,195,220,1) 0%, rgba(43,180,211,1) 100%);
 723  }
 724  
 725  .has-light-blue-gradient-background {
 726      background-image: linear-gradient(90deg, rgba(233,242,249,1) 0%, rgba(193,218,238,1) 100%);
 727  }