[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-content/themes/twentyfifteen/css/ -> blocks.css (source)

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


Generated : Thu Mar 28 08:20:01 2024 Cross-referenced by PHPXref