[ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[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 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 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Thu Mar 28 08:20:01 2024 | Cross-referenced by PHPXref |