[ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
1 /* 2 Theme Name: Twenty Twelve 3 Theme URI: https://wordpress.org/themes/twentytwelve/ 4 Author: the WordPress team 5 Author URI: https://wordpress.org/ 6 Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background. 7 Version: 4.2 8 Tested up to: 6.5 9 Requires at least: 3.5 10 Requires PHP: 5.2.4 11 License: GNU General Public License v2 or later 12 License URI: http://www.gnu.org/licenses/gpl-2.0.html 13 Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, block-patterns 14 Text Domain: twentytwelve 15 16 This theme, like WordPress, is licensed under the GPL. 17 Use it to make something cool, have fun, and share what you've learned with others. 18 */ 19 20 /* =Notes 21 -------------------------------------------------------------- 22 This stylesheet uses rem values with a pixel fallback. The rem 23 values (and line heights) are calculated using two variables: 24 25 $rembase: 14; 26 $line-height: 24; 27 28 ---------- Examples 29 30 * Use a pixel value with a rem fallback for font-size, padding, margins, etc. 31 padding: 5px 0; 32 padding: 0.357142857rem 0; (5 / $rembase) 33 34 * Set a font-size and then set a line-height based on the font-size 35 font-size: 16px 36 font-size: 1.142857143rem; (16 / $rembase) 37 line-height: 1.5; ($line-height / 16) 38 39 ---------- Vertical spacing 40 41 Vertical spacing between most elements should use 24px or 48px 42 to maintain vertical rhythm: 43 44 .my-new-div { 45 margin: 24px 0; 46 margin: 1.714285714rem 0; ( 24 / $rembase ) 47 } 48 49 ---------- Further reading 50 51 http://snook.ca/archives/html_and_css/font-size-with-rem 52 http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/ 53 54 55 /* =Reset 56 -------------------------------------------------------------- */ 57 58 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 59 margin: 0; 60 padding: 0; 61 border: 0; 62 font-size: 100%; 63 vertical-align: baseline; 64 } 65 body { 66 line-height: 1; 67 } 68 ol, 69 ul { 70 list-style: none; 71 } 72 blockquote, 73 q { 74 quotes: none; 75 } 76 blockquote:before, 77 blockquote:after, 78 q:before, 79 q:after { 80 content: ''; 81 content: none; 82 } 83 table { 84 border-collapse: collapse; 85 border-spacing: 0; 86 } 87 caption, 88 th, 89 td { 90 font-weight: normal; 91 text-align: left; 92 } 93 h1, 94 h2, 95 h3, 96 h4, 97 h5, 98 h6 { 99 clear: both; 100 } 101 html { 102 overflow-y: scroll; 103 font-size: 100%; 104 -webkit-text-size-adjust: 100%; 105 -ms-text-size-adjust: 100%; 106 } 107 a:focus { 108 outline: thin dotted; 109 } 110 article, 111 aside, 112 details, 113 figcaption, 114 figure, 115 footer, 116 header, 117 hgroup, 118 nav, 119 section { 120 display: block; 121 } 122 audio, 123 canvas, 124 video { 125 display: inline-block; 126 } 127 audio:not([controls]) { 128 display: none; 129 } 130 del { 131 color: #333; 132 } 133 ins { 134 background: #fff9c0; 135 text-decoration: none; 136 } 137 hr { 138 background-color: #ccc; 139 border: 0; 140 height: 1px; 141 margin: 24px; 142 margin-bottom: 1.714285714rem; 143 } 144 sub, 145 sup { 146 font-size: 75%; 147 line-height: 0; 148 position: relative; 149 vertical-align: baseline; 150 } 151 sup { 152 top: -0.5em; 153 } 154 sub { 155 bottom: -0.25em; 156 } 157 small { 158 font-size: smaller; 159 } 160 img { 161 border: 0; 162 -ms-interpolation-mode: bicubic; 163 } 164 165 /* Clearing floats */ 166 .clear:after, 167 .wrapper:after, 168 .format-status .entry-header:after { 169 clear: both; 170 } 171 .clear:before, 172 .clear:after, 173 .wrapper:before, 174 .wrapper:after, 175 .format-status .entry-header:before, 176 .format-status .entry-header:after { 177 display: table; 178 content: ""; 179 } 180 181 182 /* =Repeatable patterns 183 -------------------------------------------------------------- */ 184 185 /* Small headers */ 186 .archive-title, 187 .page-title, 188 .widget-title, 189 .entry-content th, 190 .comment-content th { 191 font-size: 11px; 192 font-size: 0.785714286rem; 193 line-height: 2.181818182; 194 font-weight: bold; 195 text-transform: uppercase; 196 color: #636363; 197 } 198 199 /* Shared Post Format styling */ 200 article.format-quote footer.entry-meta, 201 article.format-link footer.entry-meta, 202 article.format-status footer.entry-meta { 203 font-size: 11px; 204 font-size: 0.785714286rem; 205 line-height: 2.181818182; 206 } 207 208 /* Form fields, general styles first */ 209 button, 210 input, 211 select, 212 textarea { 213 border: 1px solid #ccc; 214 border-radius: 3px; 215 font-family: inherit; 216 padding: 6px; 217 padding: 0.428571429rem; 218 } 219 button, 220 input { 221 line-height: normal; 222 } 223 textarea { 224 font-size: 100%; 225 overflow: auto; 226 vertical-align: top; 227 } 228 229 /* Reset non-text input types */ 230 input[type="checkbox"], 231 input[type="radio"], 232 input[type="file"], 233 input[type="hidden"], 234 input[type="image"], 235 input[type="color"] { 236 border: 0; 237 border-radius: 0; 238 padding: 0; 239 } 240 241 /* Buttons */ 242 .menu-toggle, 243 input[type="submit"], 244 input[type="button"], 245 input[type="reset"], 246 article.post-password-required input[type=submit], 247 .bypostauthor cite span { 248 padding: 6px 10px; 249 padding: 0.428571429rem 0.714285714rem; 250 font-size: 11px; 251 font-size: 0.785714286rem; 252 line-height: 1.428571429; 253 font-weight: normal; 254 color: #7c7c7c; 255 background-color: #e6e6e6; 256 background-repeat: repeat-x; 257 background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); 258 background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); 259 background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); 260 background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); 261 background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); 262 border: 1px solid #d2d2d2; 263 border-radius: 3px; 264 box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); 265 } 266 .menu-toggle, 267 button, 268 input[type="submit"], 269 input[type="button"], 270 input[type="reset"] { 271 cursor: pointer; 272 } 273 button[disabled], 274 input[disabled] { 275 cursor: default; 276 } 277 .menu-toggle:hover, 278 .menu-toggle:focus, 279 button:hover, 280 input[type="submit"]:hover, 281 input[type="button"]:hover, 282 input[type="reset"]:hover, 283 article.post-password-required input[type=submit]:hover { 284 color: #5e5e5e; 285 background-color: #ebebeb; 286 background-repeat: repeat-x; 287 background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); 288 background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); 289 background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); 290 background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); 291 background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb); 292 } 293 .menu-toggle:active, 294 .menu-toggle.toggled-on, 295 button:active, 296 input[type="submit"]:active, 297 input[type="button"]:active, 298 input[type="reset"]:active { 299 color: #757575; 300 background-color: #e1e1e1; 301 background-repeat: repeat-x; 302 background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); 303 background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); 304 background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); 305 background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); 306 background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1); 307 box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; 308 border-color: transparent; 309 } 310 .bypostauthor cite span { 311 color: #fff; 312 background-color: #21759b; 313 background-image: none; 314 border: 1px solid #1f6f93; 315 border-radius: 2px; 316 box-shadow: none; 317 padding: 0; 318 } 319 320 /* Responsive images */ 321 .entry-content img, 322 .comment-content img, 323 .widget img { 324 max-width: 100%; /* Fluid images for posts, comments, and widgets */ 325 } 326 img[class*="align"], 327 img[class*="wp-image-"], 328 img[class*="attachment-"] { 329 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ 330 } 331 img.size-full, 332 img.size-large, 333 img.header-image, 334 img.wp-post-image { 335 max-width: 100%; 336 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ 337 } 338 339 /* Make sure videos and embeds fit their containers */ 340 embed, 341 iframe, 342 object, 343 video { 344 max-width: 100%; 345 } 346 .entry-content .twitter-tweet-rendered { 347 max-width: 100% !important; /* Override the Twitter embed fixed width */ 348 } 349 350 /* Images */ 351 .alignleft { 352 float: left; 353 } 354 .alignright { 355 float: right; 356 } 357 .aligncenter { 358 display: block; 359 margin-left: auto; 360 margin-right: auto; 361 } 362 .entry-content img, 363 .comment-content img, 364 .widget img, 365 img.header-image, 366 .author-avatar img, 367 img.wp-post-image { 368 /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ 369 border-radius: 3px; 370 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); 371 } 372 .wp-caption { 373 max-width: 100%; /* Keep wide captions from overflowing their container. */ 374 padding: 4px; 375 } 376 .wp-caption .wp-caption-text, 377 .gallery-caption, 378 .entry-caption { 379 font-style: italic; 380 font-size: 12px; 381 font-size: 0.857142857rem; 382 line-height: 2; 383 color: #757575; 384 } 385 img.wp-smiley, 386 .rsswidget img { 387 border: 0; 388 border-radius: 0; 389 box-shadow: none; 390 margin-bottom: 0; 391 margin-top: 0; 392 padding: 0; 393 } 394 .entry-content dl.gallery-item { 395 margin: 0; 396 } 397 .gallery-item a, 398 .gallery-caption { 399 width: 90%; 400 } 401 .gallery-item a { 402 display: block; 403 } 404 .gallery-caption a { 405 display: inline; 406 } 407 .gallery-columns-1 .gallery-item a { 408 max-width: 100%; 409 width: auto; 410 } 411 .gallery .gallery-icon img { 412 height: auto; 413 max-width: 90%; 414 padding: 5%; 415 } 416 .gallery-columns-1 .gallery-icon img { 417 padding: 3%; 418 } 419 420 /* Navigation */ 421 .site-content nav { 422 clear: both; 423 line-height: 2; 424 overflow: hidden; 425 } 426 #nav-above { 427 padding: 24px 0; 428 padding: 1.714285714rem 0; 429 } 430 #nav-above { 431 display: none; 432 } 433 .paged #nav-above { 434 display: block; 435 } 436 .nav-previous, 437 .previous-image { 438 float: left; 439 width: 50%; 440 } 441 .nav-next, 442 .next-image { 443 float: right; 444 text-align: right; 445 width: 50%; 446 } 447 .nav-single + .comments-area, 448 #comment-nav-above { 449 margin: 48px 0; 450 margin: 3.428571429rem 0; 451 } 452 453 /* Author profiles */ 454 .author .archive-header { 455 margin-bottom: 24px; 456 margin-bottom: 1.714285714rem; 457 } 458 .author-info { 459 border-top: 1px solid #ededed; 460 margin: 24px 0; 461 margin: 1.714285714rem 0; 462 padding-top: 24px; 463 padding-top: 1.714285714rem; 464 overflow: hidden; 465 } 466 .author-description p { 467 color: #757575; 468 font-size: 13px; 469 font-size: 0.928571429rem; 470 line-height: 1.846153846; 471 } 472 .author.archive .author-info { 473 border-top: 0; 474 margin: 0 0 48px; 475 margin: 0 0 3.428571429rem; 476 } 477 .author.archive .author-avatar { 478 margin-top: 0; 479 } 480 481 482 /* =Basic structure 483 -------------------------------------------------------------- */ 484 485 /* Body, links, basics */ 486 html { 487 font-size: 87.5%; 488 } 489 body { 490 font-size: 14px; 491 font-size: 1rem; 492 font-family: Helvetica, Arial, sans-serif; 493 text-rendering: optimizeLegibility; 494 color: #444; 495 } 496 body.custom-font-enabled { 497 font-family: "Open Sans", Helvetica, Arial, sans-serif; 498 } 499 a { 500 outline: none; 501 color: #21759b; 502 } 503 a:hover { 504 color: #0f3647; 505 } 506 507 /* Assistive text */ 508 .assistive-text, 509 .site .screen-reader-text { 510 position: absolute !important; 511 clip: rect(1px, 1px, 1px, 1px); 512 overflow: hidden; 513 height: 1px; 514 width: 1px; 515 } 516 .main-navigation .assistive-text:focus, 517 .site .screen-reader-text:hover, 518 .site .screen-reader-text:active, 519 .site .screen-reader-text:focus { 520 background: #fff; 521 border: 2px solid #333; 522 border-radius: 3px; 523 clip: auto !important; 524 color: #000; 525 display: block; 526 font-size: 12px; 527 height: auto; 528 padding: 12px; 529 position: absolute; 530 top: 5px; 531 left: 5px; 532 width: auto; 533 z-index: 100000; /* Above WP toolbar */ 534 } 535 536 /* Page structure */ 537 .site { 538 padding: 0 24px; 539 padding: 0 1.714285714rem; 540 background-color: #fff; 541 } 542 .site-content { 543 margin: 24px 0 0; 544 margin: 1.714285714rem 0 0; 545 } 546 .widget-area { 547 margin: 24px 0 0; 548 margin: 1.714285714rem 0 0; 549 } 550 551 /* Header */ 552 .site-header { 553 padding: 24px 0; 554 padding: 1.714285714rem 0; 555 } 556 .site-header h1, 557 .site-header h2 { 558 text-align: center; 559 } 560 .site-header h1 a, 561 .site-header h2 a { 562 color: #515151; 563 display: inline-block; 564 text-decoration: none; 565 } 566 .site-header h1 a:hover, 567 .site-header h2 a:hover { 568 color: #21759b; 569 } 570 .site-header h1 { 571 font-size: 24px; 572 font-size: 1.714285714rem; 573 line-height: 1.285714286; 574 margin-bottom: 14px; 575 margin-bottom: 1rem; 576 } 577 .site-header h2 { 578 font-weight: normal; 579 font-size: 13px; 580 font-size: 0.928571429rem; 581 line-height: 1.846153846; 582 color: #757575; 583 } 584 .header-image { 585 margin-top: 24px; 586 margin-top: 1.714285714rem; 587 } 588 589 /* Navigation Menu */ 590 .main-navigation { 591 margin-top: 24px; 592 margin-top: 1.714285714rem; 593 text-align: center; 594 } 595 .main-navigation li { 596 margin-top: 24px; 597 margin-top: 1.714285714rem; 598 font-size: 12px; 599 font-size: 0.857142857rem; 600 line-height: 1.42857143; 601 } 602 .main-navigation a { 603 color: #5e5e5e; 604 } 605 .main-navigation a:hover, 606 .main-navigation a:focus { 607 color: #21759b; 608 } 609 .main-navigation ul.nav-menu, 610 .main-navigation div.nav-menu > ul { 611 display: none; 612 } 613 .main-navigation ul.nav-menu.toggled-on, 614 .menu-toggle { 615 display: inline-block; 616 } 617 618 /* Banner */ 619 section[role="banner"] { 620 margin-bottom: 48px; 621 margin-bottom: 3.428571429rem; 622 } 623 624 /* Sidebar */ 625 .widget-area .widget { 626 -webkit-hyphens: auto; 627 -moz-hyphens: auto; 628 hyphens: auto; 629 margin-bottom: 48px; 630 margin-bottom: 3.428571429rem; 631 word-wrap: break-word; 632 } 633 .widget-area .widget h3 { 634 margin-bottom: 24px; 635 margin-bottom: 1.714285714rem; 636 } 637 .widget-area .widget p, 638 .widget-area .widget li, 639 .widget-area .widget .textwidget { 640 font-size: 13px; 641 font-size: 0.928571429rem; 642 line-height: 1.846153846; 643 } 644 .widget-area .widget p { 645 margin-bottom: 24px; 646 margin-bottom: 1.714285714rem; 647 } 648 .widget-area .textwidget ul, 649 .widget-area .textwidget ol { 650 list-style: disc outside; 651 margin: 0 0 24px; 652 margin: 0 0 1.714285714rem; 653 } 654 .widget-area .textwidget li > ul, 655 .widget-area .textwidget li > ol { 656 margin-bottom: 0; 657 } 658 .widget-area .textwidget ol { 659 list-style: decimal; 660 } 661 .widget-area .textwidget li { 662 margin-left: 36px; 663 margin-left: 2.571428571rem; 664 } 665 .widget-area .widget a { 666 color: #757575; 667 } 668 .widget-area .widget a:hover { 669 color: #21759b; 670 } 671 .widget-area .widget a:visited { 672 color: #9f9f9f; 673 } 674 .widget-area #s { 675 width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */ 676 } 677 678 /* Footer */ 679 footer[role="contentinfo"] { 680 border-top: 1px solid #ededed; 681 clear: both; 682 font-size: 12px; 683 font-size: 0.857142857rem; 684 line-height: 2; 685 max-width: 960px; 686 max-width: 68.571428571rem; 687 margin-top: 24px; 688 margin-top: 1.714285714rem; 689 margin-left: auto; 690 margin-right: auto; 691 padding: 24px 0; 692 padding: 1.714285714rem 0; 693 } 694 footer[role="contentinfo"] a { 695 color: #686868; 696 } 697 footer[role="contentinfo"] a:hover { 698 color: #21759b; 699 } 700 .site-info span[role=separator] { 701 padding: 0 0.3em 0 0.6em; 702 } 703 .site-info span[role=separator]::before { 704 content: '\002f'; 705 } 706 707 708 /* =Main content and comment content 709 -------------------------------------------------------------- */ 710 711 .entry-meta { 712 clear: both; 713 } 714 .entry-header { 715 margin-bottom: 24px; 716 margin-bottom: 1.714285714rem; 717 } 718 .entry-header img.wp-post-image { 719 margin-bottom: 24px; 720 margin-bottom: 1.714285714rem; 721 } 722 .entry-header .entry-title { 723 font-size: 20px; 724 font-size: 1.428571429rem; 725 line-height: 1.2; 726 font-weight: normal; 727 } 728 .entry-header .entry-title a { 729 text-decoration: none; 730 } 731 .entry-header .entry-format { 732 margin-top: 24px; 733 margin-top: 1.714285714rem; 734 font-weight: normal; 735 } 736 .entry-header .comments-link { 737 margin-top: 24px; 738 margin-top: 1.714285714rem; 739 font-size: 13px; 740 font-size: 0.928571429rem; 741 line-height: 1.846153846; 742 color: #757575; 743 } 744 .comments-link a, 745 .entry-meta a { 746 color: #757575; 747 } 748 .comments-link a:hover, 749 .entry-meta a:hover { 750 color: #21759b; 751 } 752 article.sticky .featured-post { 753 border-top: 4px double #ededed; 754 border-bottom: 4px double #ededed; 755 color: #757575; 756 font-size: 13px; 757 font-size: 0.928571429rem; 758 line-height: 3.692307692; 759 margin-bottom: 24px; 760 margin-bottom: 1.714285714rem; 761 text-align: center; 762 } 763 .entry-content, 764 .entry-summary, 765 .mu_register { 766 line-height: 1.714285714; 767 } 768 .entry-content h1, 769 .comment-content h1, 770 .entry-content h2, 771 .comment-content h2, 772 .entry-content h3, 773 .comment-content h3, 774 .entry-content h4, 775 .comment-content h4, 776 .entry-content h5, 777 .comment-content h5, 778 .entry-content h6, 779 .comment-content h6 { 780 margin: 24px 0; 781 margin: 1.714285714rem 0; 782 line-height: 1.714285714; 783 } 784 .entry-content h1, 785 .comment-content h1 { 786 font-size: 21px; 787 font-size: 1.5rem; 788 line-height: 1.5; 789 } 790 .entry-content h2, 791 .comment-content h2, 792 .mu_register h2 { 793 font-size: 18px; 794 font-size: 1.285714286rem; 795 line-height: 1.6; 796 } 797 .entry-content h3, 798 .comment-content h3 { 799 font-size: 16px; 800 font-size: 1.142857143rem; 801 line-height: 1.846153846; 802 } 803 .entry-content h4, 804 .comment-content h4 { 805 font-size: 14px; 806 font-size: 1rem; 807 line-height: 1.846153846; 808 } 809 .entry-content h5, 810 .comment-content h5 { 811 font-size: 13px; 812 font-size: 0.928571429rem; 813 line-height: 1.846153846; 814 } 815 .entry-content h6, 816 .comment-content h6 { 817 font-size: 12px; 818 font-size: 0.857142857rem; 819 line-height: 1.846153846; 820 } 821 .entry-content p, 822 .entry-summary p, 823 .comment-content p, 824 .mu_register p { 825 margin: 0 0 24px; 826 margin: 0 0 1.714285714rem; 827 line-height: 1.714285714; 828 } 829 .entry-content a:visited, 830 .comment-content a:visited { 831 color: #9f9f9f; 832 } 833 .entry-content .more-link { 834 white-space: nowrap; 835 } 836 .entry-content ol, 837 .comment-content ol, 838 .entry-content ul, 839 .comment-content ul, 840 .mu_register ul { 841 margin: 0 0 24px; 842 margin: 0 0 1.714285714rem; 843 line-height: 1.714285714; 844 } 845 .entry-content ul ul, 846 .comment-content ul ul, 847 .entry-content ol ol, 848 .comment-content ol ol, 849 .entry-content ul ol, 850 .comment-content ul ol, 851 .entry-content ol ul, 852 .comment-content ol ul { 853 margin-bottom: 0; 854 } 855 .entry-content ul, 856 .comment-content ul, 857 .mu_register ul { 858 list-style: disc outside; 859 } 860 .entry-content ol, 861 .comment-content ol { 862 list-style: decimal outside; 863 } 864 .entry-content li, 865 .comment-content li, 866 .mu_register li { 867 margin: 0 0 0 36px; 868 margin: 0 0 0 2.571428571rem; 869 } 870 .entry-content blockquote, 871 .comment-content blockquote { 872 margin-bottom: 24px; 873 margin-bottom: 1.714285714rem; 874 padding: 24px; 875 padding: 1.714285714rem; 876 font-style: italic; 877 } 878 .entry-content blockquote p:last-child, 879 .comment-content blockquote p:last-child { 880 margin-bottom: 0; 881 } 882 .entry-content code, 883 .comment-content code { 884 font-family: Consolas, Monaco, Lucida Console, monospace; 885 font-size: 12px; 886 font-size: 0.857142857rem; 887 line-height: 2; 888 } 889 .entry-content pre, 890 .comment-content pre { 891 border: 1px solid #ededed; 892 color: #666; 893 font-family: Consolas, Monaco, Lucida Console, monospace; 894 font-size: 12px; 895 font-size: 0.857142857rem; 896 line-height: 1.714285714; 897 margin: 24px 0; 898 margin: 1.714285714rem 0; 899 overflow: auto; 900 padding: 24px; 901 padding: 1.714285714rem; 902 } 903 .entry-content pre code, 904 .comment-content pre code { 905 display: block; 906 } 907 .entry-content abbr, 908 .comment-content abbr, 909 .entry-content dfn, 910 .comment-content dfn, 911 .entry-content acronym, 912 .comment-content acronym { 913 border-bottom: 1px dotted #666; 914 cursor: help; 915 } 916 .entry-content address, 917 .comment-content address { 918 display: block; 919 line-height: 1.714285714; 920 margin: 0 0 24px; 921 margin: 0 0 1.714285714rem; 922 } 923 img.alignleft, 924 .wp-caption.alignleft { 925 margin: 12px 24px 12px 0; 926 margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; 927 } 928 img.alignright, 929 .wp-caption.alignright { 930 margin: 12px 0 12px 24px; 931 margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; 932 } 933 img.aligncenter, 934 .wp-caption.aligncenter { 935 clear: both; 936 margin-top: 12px; 937 margin-top: 0.857142857rem; 938 margin-bottom: 12px; 939 margin-bottom: 0.857142857rem; 940 } 941 .entry-content embed, 942 .entry-content iframe, 943 .entry-content object, 944 .entry-content video { 945 margin-bottom: 24px; 946 margin-bottom: 1.714285714rem; 947 } 948 .entry-content dl, 949 .comment-content dl { 950 margin: 0 24px; 951 margin: 0 1.714285714rem; 952 } 953 .entry-content dt, 954 .comment-content dt { 955 font-weight: bold; 956 line-height: 1.714285714; 957 } 958 .entry-content dd, 959 .comment-content dd { 960 line-height: 1.714285714; 961 margin-bottom: 24px; 962 margin-bottom: 1.714285714rem; 963 } 964 .entry-content table, 965 .comment-content table { 966 border-bottom: 1px solid #ededed; 967 color: #757575; 968 font-size: 12px; 969 font-size: 0.857142857rem; 970 line-height: 2; 971 margin: 0 0 24px; 972 margin: 0 0 1.714285714rem; 973 width: 100%; 974 } 975 .entry-content table caption, 976 .comment-content table caption { 977 font-size: 16px; 978 font-size: 1.142857143rem; 979 margin: 24px 0; 980 margin: 1.714285714rem 0; 981 } 982 .entry-content td, 983 .comment-content td { 984 border-top: 1px solid #ededed; 985 padding: 6px 10px 6px 0; 986 } 987 .site-content article { 988 border-bottom: 4px double #ededed; 989 margin-bottom: 72px; 990 margin-bottom: 5.142857143rem; 991 padding-bottom: 24px; 992 padding-bottom: 1.714285714rem; 993 word-wrap: break-word; 994 -webkit-hyphens: auto; 995 -moz-hyphens: auto; 996 hyphens: auto; 997 } 998 .page-links { 999 clear: both; 1000 line-height: 1.714285714; 1001 } 1002 footer.entry-meta { 1003 margin-top: 24px; 1004 margin-top: 1.714285714rem; 1005 font-size: 13px; 1006 font-size: 0.928571429rem; 1007 line-height: 1.846153846; 1008 color: #757575; 1009 } 1010 .single-author .entry-meta .by-author { 1011 display: none; 1012 } 1013 .mu_register h2 { 1014 color: #757575; 1015 font-weight: normal; 1016 } 1017 1018 1019 /* =Archives 1020 -------------------------------------------------------------- */ 1021 1022 .archive-header, 1023 .page-header { 1024 margin-bottom: 48px; 1025 margin-bottom: 3.428571429rem; 1026 padding-bottom: 22px; 1027 padding-bottom: 1.571428571rem; 1028 border-bottom: 1px solid #ededed; 1029 } 1030 .archive-meta { 1031 color: #757575; 1032 font-size: 12px; 1033 font-size: 0.857142857rem; 1034 line-height: 2; 1035 margin-top: 22px; 1036 margin-top: 1.571428571rem; 1037 } 1038 1039 /* =Single audio/video attachment view 1040 -------------------------------------------------------------- */ 1041 1042 .attachment .entry-content .mejs-audio { 1043 max-width: 400px; 1044 } 1045 1046 .attachment .entry-content .mejs-container { 1047 margin-bottom: 24px; 1048 } 1049 1050 1051 /* =Single image attachment view 1052 -------------------------------------------------------------- */ 1053 1054 .article.attachment { 1055 overflow: hidden; 1056 } 1057 .image-attachment div.attachment { 1058 text-align: center; 1059 } 1060 .image-attachment div.attachment p { 1061 text-align: center; 1062 } 1063 .image-attachment div.attachment img { 1064 display: block; 1065 height: auto; 1066 margin: 0 auto; 1067 max-width: 100%; 1068 } 1069 .image-attachment .entry-caption { 1070 margin-top: 8px; 1071 margin-top: 0.571428571rem; 1072 } 1073 1074 1075 /* =Aside post format 1076 -------------------------------------------------------------- */ 1077 1078 article.format-aside h1 { 1079 margin-bottom: 24px; 1080 margin-bottom: 1.714285714rem; 1081 } 1082 article.format-aside h1 a { 1083 text-decoration: none; 1084 color: #4d525a; 1085 } 1086 article.format-aside h1 a:hover { 1087 color: #2e3542; 1088 } 1089 article.format-aside .aside { 1090 padding: 24px 24px 0; 1091 padding: 1.714285714rem; 1092 background: #d2e0f9; 1093 border-left: 22px solid #a8bfe8; 1094 } 1095 article.format-aside p { 1096 font-size: 13px; 1097 font-size: 0.928571429rem; 1098 line-height: 1.846153846; 1099 color: #4a5466; 1100 } 1101 article.format-aside blockquote:last-child, 1102 article.format-aside p:last-child { 1103 margin-bottom: 0; 1104 } 1105 1106 1107 /* =Post formats 1108 -------------------------------------------------------------- */ 1109 1110 /* Image posts */ 1111 article.format-image footer h1 { 1112 font-size: 13px; 1113 font-size: 0.928571429rem; 1114 line-height: 1.846153846; 1115 font-weight: normal; 1116 } 1117 article.format-image footer h2 { 1118 font-size: 11px; 1119 font-size: 0.785714286rem; 1120 line-height: 2.181818182; 1121 } 1122 article.format-image footer a h2 { 1123 font-weight: normal; 1124 } 1125 1126 /* Link posts */ 1127 article.format-link header { 1128 padding: 0 10px; 1129 padding: 0 0.714285714rem; 1130 float: right; 1131 font-size: 11px; 1132 font-size: 0.785714286rem; 1133 line-height: 2.181818182; 1134 font-weight: bold; 1135 font-style: italic; 1136 text-transform: uppercase; 1137 color: #848484; 1138 background-color: #ebebeb; 1139 border-radius: 3px; 1140 } 1141 article.format-link .entry-content { 1142 max-width: 80%; 1143 float: left; 1144 } 1145 article.format-link .entry-content a { 1146 font-size: 22px; 1147 font-size: 1.571428571rem; 1148 line-height: 1.090909091; 1149 text-decoration: none; 1150 } 1151 1152 /* Quote posts */ 1153 article.format-quote .entry-content p { 1154 margin: 0; 1155 padding-bottom: 24px; 1156 padding-bottom: 1.714285714rem; 1157 } 1158 article.format-quote .entry-content blockquote { 1159 display: block; 1160 padding: 24px 24px 0; 1161 padding: 1.714285714rem 1.714285714rem 0; 1162 font-size: 15px; 1163 font-size: 1.071428571rem; 1164 line-height: 1.6; 1165 font-style: normal; 1166 color: #6a6a6a; 1167 background: #efefef; 1168 } 1169 1170 /* Status posts */ 1171 .format-status .entry-header { 1172 margin-bottom: 24px; 1173 margin-bottom: 1.714285714rem; 1174 } 1175 .format-status .entry-header header { 1176 display: inline-block; 1177 } 1178 .format-status .entry-header h1 { 1179 font-size: 15px; 1180 font-size: 1.071428571rem; 1181 font-weight: normal; 1182 line-height: 1.6; 1183 margin: 0; 1184 } 1185 .format-status .entry-header h2 { 1186 font-size: 12px; 1187 font-size: 0.857142857rem; 1188 font-weight: normal; 1189 line-height: 2; 1190 margin: 0; 1191 } 1192 .format-status .entry-header header a { 1193 color: #757575; 1194 } 1195 .format-status .entry-header header a:hover { 1196 color: #21759b; 1197 } 1198 .format-status .entry-header img { 1199 float: left; 1200 margin-right: 21px; 1201 margin-right: 1.5rem; 1202 } 1203 1204 1205 /* =Comments 1206 -------------------------------------------------------------- */ 1207 1208 .comments-title { 1209 margin-bottom: 48px; 1210 margin-bottom: 3.428571429rem; 1211 font-size: 16px; 1212 font-size: 1.142857143rem; 1213 line-height: 1.5; 1214 font-weight: normal; 1215 } 1216 .comments-area article { 1217 margin: 24px 0; 1218 margin: 1.714285714rem 0; 1219 } 1220 .comments-area article header { 1221 margin: 0 0 48px; 1222 margin: 0 0 3.428571429rem; 1223 overflow: hidden; 1224 position: relative; 1225 } 1226 .comments-area article header img { 1227 float: left; 1228 padding: 0; 1229 line-height: 0; 1230 } 1231 .comments-area article header cite, 1232 .comments-area article header time { 1233 display: block; 1234 margin-left: 85px; 1235 margin-left: 6.071428571rem; 1236 } 1237 .comments-area article header cite { 1238 font-style: normal; 1239 font-size: 15px; 1240 font-size: 1.071428571rem; 1241 line-height: 1.42857143; 1242 } 1243 .comments-area cite b { 1244 font-weight: normal; 1245 } 1246 .comments-area article header time { 1247 line-height: 1.714285714; 1248 text-decoration: none; 1249 font-size: 12px; 1250 font-size: 0.857142857rem; 1251 color: #5e5e5e; 1252 } 1253 .comments-area article header a { 1254 text-decoration: none; 1255 color: #5e5e5e; 1256 } 1257 .comments-area article header a:hover { 1258 color: #21759b; 1259 } 1260 .comments-area article header cite a { 1261 color: #444; 1262 } 1263 .comments-area article header cite a:hover { 1264 text-decoration: underline; 1265 } 1266 .comments-area article header h4 { 1267 position: absolute; 1268 top: 0; 1269 right: 0; 1270 padding: 6px 12px; 1271 padding: 0.428571429rem 0.857142857rem; 1272 font-size: 12px; 1273 font-size: 0.857142857rem; 1274 font-weight: normal; 1275 color: #fff; 1276 background-color: #0088d0; 1277 background-repeat: repeat-x; 1278 background-image: -moz-linear-gradient(top, #009cee, #0088d0); 1279 background-image: -ms-linear-gradient(top, #009cee, #0088d0); 1280 background-image: -webkit-linear-gradient(top, #009cee, #0088d0); 1281 background-image: -o-linear-gradient(top, #009cee, #0088d0); 1282 background-image: linear-gradient(to bottom, #009cee, #0088d0); 1283 border-radius: 3px; 1284 border: 1px solid #007cbd; 1285 } 1286 .comments-area .bypostauthor cite span { 1287 position: absolute; 1288 margin-left: 5px; 1289 margin-left: 0.357142857rem; 1290 padding: 2px 5px; 1291 padding: 0.142857143rem 0.357142857rem; 1292 font-size: 10px; 1293 font-size: 0.714285714rem; 1294 } 1295 .comments-area .bypostauthor cite b { 1296 font-weight: bold; 1297 } 1298 a.comment-reply-link, 1299 a.comment-edit-link { 1300 color: #686868; 1301 font-size: 13px; 1302 font-size: 0.928571429rem; 1303 line-height: 1.846153846; 1304 } 1305 a.comment-reply-link:hover, 1306 a.comment-edit-link:hover { 1307 color: #21759b; 1308 } 1309 .commentlist .pingback { 1310 line-height: 1.714285714; 1311 margin-bottom: 24px; 1312 margin-bottom: 1.714285714rem; 1313 } 1314 1315 /* Comment form */ 1316 #respond { 1317 margin-top: 48px; 1318 margin-top: 3.428571429rem; 1319 } 1320 #respond h3#reply-title { 1321 font-size: 16px; 1322 font-size: 1.142857143rem; 1323 line-height: 1.5; 1324 } 1325 #respond h3#reply-title #cancel-comment-reply-link { 1326 margin-left: 10px; 1327 margin-left: 0.714285714rem; 1328 font-weight: normal; 1329 font-size: 12px; 1330 font-size: 0.857142857rem; 1331 } 1332 #respond form { 1333 margin: 24px 0; 1334 margin: 1.714285714rem 0; 1335 } 1336 #respond form p { 1337 margin: 11px 0; 1338 margin: 0.785714286rem 0; 1339 } 1340 #respond form p.logged-in-as { 1341 margin-bottom: 24px; 1342 margin-bottom: 1.714285714rem; 1343 } 1344 #respond form label { 1345 display: block; 1346 line-height: 1.714285714; 1347 } 1348 #respond form input[type="text"], 1349 #respond form textarea { 1350 -moz-box-sizing: border-box; 1351 box-sizing: border-box; 1352 font-size: 12px; 1353 font-size: 0.857142857rem; 1354 line-height: 1.714285714; 1355 padding: 10px; 1356 padding: 0.714285714rem; 1357 width: 100%; 1358 } 1359 #respond form p.form-allowed-tags { 1360 margin: 0; 1361 font-size: 12px; 1362 font-size: 0.857142857rem; 1363 line-height: 2; 1364 color: #5e5e5e; 1365 } 1366 #respond #wp-comment-cookies-consent { 1367 margin: 0 10px 0 0; 1368 } 1369 #respond .comment-form-cookies-consent label { 1370 display: inline; 1371 } 1372 .required { 1373 color: red; 1374 } 1375 1376 1377 /* =Front page template 1378 -------------------------------------------------------------- */ 1379 1380 .entry-page-image { 1381 margin-bottom: 14px; 1382 margin-bottom: 1rem; 1383 } 1384 .template-front-page .site-content article { 1385 border: 0; 1386 margin-bottom: 0; 1387 } 1388 .template-front-page .widget-area { 1389 clear: both; 1390 float: none; 1391 width: auto; 1392 padding-top: 24px; 1393 padding-top: 1.714285714rem; 1394 border-top: 1px solid #ededed; 1395 } 1396 .template-front-page .widget-area .widget li { 1397 margin: 8px 0 0; 1398 margin: 0.571428571rem 0 0; 1399 font-size: 13px; 1400 font-size: 0.928571429rem; 1401 line-height: 1.714285714; 1402 list-style-type: square; 1403 list-style-position: inside; 1404 } 1405 .template-front-page .widget-area .widget li a { 1406 color: #757575; 1407 } 1408 .template-front-page .widget-area .widget li a:hover { 1409 color: #21759b; 1410 } 1411 .template-front-page .widget-area .widget_text img { 1412 float: left; 1413 margin: 8px 24px 8px 0; 1414 margin: 0.571428571rem 1.714285714rem 0.571428571rem 0; 1415 } 1416 1417 1418 /* =Widgets 1419 -------------------------------------------------------------- */ 1420 1421 .widget select { 1422 max-width: 100%; 1423 } 1424 .widget-area .widget ul ul { 1425 margin-left: 12px; 1426 margin-left: 0.857142857rem; 1427 } 1428 .widget_rss li { 1429 margin: 12px 0; 1430 margin: 0.857142857rem 0; 1431 } 1432 .widget_recent_entries .post-date, 1433 .widget_rss .rss-date { 1434 color: #aaa; 1435 font-size: 11px; 1436 font-size: 0.785714286rem; 1437 margin-left: 12px; 1438 margin-left: 0.857142857rem; 1439 } 1440 .wp-calendar-nav, 1441 #wp-calendar { 1442 margin: 0; 1443 width: 100%; 1444 font-size: 13px; 1445 font-size: 0.928571429rem; 1446 line-height: 1.846153846; 1447 color: #686868; 1448 } 1449 #wp-calendar th, 1450 #wp-calendar td, 1451 #wp-calendar caption { 1452 text-align: left; 1453 } 1454 .wp-calendar-nav { 1455 display: table; 1456 } 1457 .wp-calendar-nav span { 1458 display: table-cell; 1459 } 1460 .wp-calendar-nav-next, 1461 #wp-calendar #next { 1462 padding-right: 24px; 1463 padding-right: 1.714285714rem; 1464 text-align: right; 1465 } 1466 .widget_search label { 1467 display: block; 1468 font-size: 13px; 1469 font-size: 0.928571429rem; 1470 line-height: 1.846153846; 1471 } 1472 .widget_twitter li { 1473 list-style-type: none; 1474 } 1475 .widget_twitter .timesince { 1476 display: block; 1477 text-align: right; 1478 } 1479 .tagcloud ul { 1480 list-style-type: none; 1481 } 1482 1483 .tagcloud ul li { 1484 display: inline-block; 1485 } 1486 1487 .widget-area .widget.widget_tag_cloud li { 1488 line-height: 1; 1489 } 1490 .template-front-page .widget-area .widget.widget_tag_cloud li { 1491 margin: 0; 1492 } 1493 1494 .widget-area .gallery-columns-2.gallery-size-full .gallery-icon img, 1495 .widget-area .gallery-columns-3.gallery-size-full .gallery-icon img, 1496 .widget-area .gallery-columns-4.gallery-size-full .gallery-icon img, 1497 .widget-area .gallery-columns-5.gallery-size-full .gallery-icon img, 1498 .widget-area .gallery-columns-6 .gallery-icon img, 1499 .widget-area .gallery-columns-7 .gallery-icon img, 1500 .widget-area .gallery-columns-8 .gallery-icon img, 1501 .widget-area .gallery-columns-9 .gallery-icon img { 1502 height: auto; 1503 max-width: 80%; 1504 } 1505 1506 /* =Plugins 1507 ----------------------------------------------- */ 1508 1509 img#wpstats { 1510 display: block; 1511 margin: 0 auto 24px; 1512 margin: 0 auto 1.714285714rem; 1513 } 1514 1515 1516 /* =Media queries 1517 -------------------------------------------------------------- */ 1518 1519 /* Does the same thing as <meta name="viewport" content="width=device-width">, 1520 * but in the future W3C standard way. -ms- prefix is required for IE10+ to 1521 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor 1522 * the meta tag. See https://core.trac.wordpress.org/ticket/25888. 1523 */ 1524 @-ms-viewport { 1525 width: device-width; 1526 } 1527 @viewport { 1528 width: device-width; 1529 } 1530 1531 /* Minimum width of 600 pixels. */ 1532 @media screen and (min-width: 600px) { 1533 .author-avatar { 1534 float: left; 1535 margin-top: 8px; 1536 margin-top: 0.571428571rem; 1537 } 1538 .author-description { 1539 float: right; 1540 width: 80%; 1541 } 1542 .site { 1543 margin: 0 auto; 1544 max-width: 960px; 1545 max-width: 68.571428571rem; 1546 overflow: hidden; 1547 } 1548 .site-content { 1549 float: left; 1550 width: 65.104166667%; 1551 } 1552 body.template-front-page .site-content, 1553 body.attachment .site-content, 1554 body.full-width .site-content { 1555 width: 100%; 1556 } 1557 .widget-area { 1558 float: right; 1559 width: 26.041666667%; 1560 } 1561 .site-header h1, 1562 .site-header h2 { 1563 text-align: left; 1564 } 1565 .site-header h1 { 1566 font-size: 26px; 1567 font-size: 1.857142857rem; 1568 line-height: 1.846153846; 1569 margin-bottom: 0; 1570 } 1571 .main-navigation ul.nav-menu, 1572 .main-navigation div.nav-menu > ul { 1573 border-bottom: 1px solid #ededed; 1574 border-top: 1px solid #ededed; 1575 display: inline-block !important; 1576 text-align: left; 1577 width: 100%; 1578 } 1579 .main-navigation ul { 1580 margin: 0; 1581 text-indent: 0; 1582 } 1583 .main-navigation li a, 1584 .main-navigation li { 1585 display: inline-block; 1586 text-decoration: none; 1587 } 1588 .main-navigation li a { 1589 border-bottom: 0; 1590 color: #6a6a6a; 1591 line-height: 3.692307692; 1592 text-transform: uppercase; 1593 white-space: nowrap; 1594 } 1595 .main-navigation li a:hover, 1596 .main-navigation li a:focus { 1597 color: #000; 1598 } 1599 .main-navigation li { 1600 margin: 0 40px 0 0; 1601 margin: 0 2.857142857rem 0 0; 1602 position: relative; 1603 } 1604 .main-navigation li ul { 1605 margin: 0; 1606 padding: 0; 1607 position: absolute; 1608 top: 100%; 1609 z-index: 1; 1610 height: 1px; 1611 width: 1px; 1612 overflow: hidden; 1613 clip: rect(1px, 1px, 1px, 1px); 1614 } 1615 .main-navigation li ul ul { 1616 top: 0; 1617 left: 100%; 1618 } 1619 .main-navigation ul li:hover > ul, 1620 .main-navigation ul li:focus > ul, 1621 .main-navigation .focus > ul { 1622 border-left: 0; 1623 clip: inherit; 1624 overflow: inherit; 1625 height: inherit; 1626 width: inherit; 1627 } 1628 .main-navigation li ul li a { 1629 background: #efefef; 1630 border-bottom: 1px solid #ededed; 1631 display: block; 1632 font-size: 11px; 1633 font-size: 0.785714286rem; 1634 line-height: 2.181818182; 1635 padding: 8px 10px; 1636 padding: 0.571428571rem 0.714285714rem; 1637 width: 180px; 1638 width: 12.85714286rem; 1639 white-space: normal; 1640 } 1641 .main-navigation li ul li a:hover, 1642 .main-navigation li ul li a:focus { 1643 background: #e3e3e3; 1644 color: #444; 1645 } 1646 .main-navigation .current-menu-item > a, 1647 .main-navigation .current-menu-ancestor > a, 1648 .main-navigation .current_page_item > a, 1649 .main-navigation .current_page_ancestor > a { 1650 color: #636363; 1651 font-weight: bold; 1652 } 1653 .menu-toggle { 1654 display: none; 1655 } 1656 .entry-header .entry-title { 1657 font-size: 22px; 1658 font-size: 1.571428571rem; 1659 } 1660 #respond form input[type="text"] { 1661 width: 46.333333333%; 1662 } 1663 #respond form textarea.blog-textarea { 1664 width: 79.666666667%; 1665 } 1666 .template-front-page .site-content, 1667 .template-front-page article { 1668 overflow: hidden; 1669 } 1670 .template-front-page.has-post-thumbnail article { 1671 float: left; 1672 width: 47.916666667%; 1673 } 1674 .entry-page-image { 1675 float: right; 1676 margin-bottom: 0; 1677 width: 47.916666667%; 1678 } 1679 .template-front-page .widget-area .widget, 1680 .template-front-page.two-sidebars .widget-area .front-widgets { 1681 float: left; 1682 width: 51.875%; 1683 margin-bottom: 24px; 1684 margin-bottom: 1.714285714rem; 1685 } 1686 .template-front-page .widget-area .widget:nth-child(odd) { 1687 clear: right; 1688 } 1689 .template-front-page .widget-area .widget:nth-child(even), 1690 .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { 1691 float: right; 1692 width: 39.0625%; 1693 margin: 0 0 24px; 1694 margin: 0 0 1.714285714rem; 1695 } 1696 .template-front-page.two-sidebars .widget, 1697 .template-front-page.two-sidebars .widget:nth-child(even) { 1698 float: none; 1699 width: auto; 1700 } 1701 .commentlist .children { 1702 margin-left: 48px; 1703 margin-left: 3.428571429rem; 1704 } 1705 } 1706 1707 /* Minimum width of 960 pixels. */ 1708 @media screen and (min-width: 960px) { 1709 body { 1710 background-color: #e6e6e6; 1711 } 1712 body .site { 1713 padding: 0 40px; 1714 padding: 0 2.857142857rem; 1715 margin-top: 48px; 1716 margin-top: 3.428571429rem; 1717 margin-bottom: 48px; 1718 margin-bottom: 3.428571429rem; 1719 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); 1720 } 1721 body.custom-background-empty { 1722 background-color: #fff; 1723 } 1724 body.custom-background-empty .site, 1725 body.custom-background-white .site { 1726 padding: 0; 1727 margin-top: 0; 1728 margin-bottom: 0; 1729 box-shadow: none; 1730 } 1731 } 1732 1733 1734 /* =Print 1735 ----------------------------------------------- */ 1736 1737 @media print { 1738 body { 1739 background: none !important; 1740 color: #000; 1741 font-size: 10pt; 1742 } 1743 footer a[rel=bookmark]:link:after, 1744 footer a[rel=bookmark]:visited:after { 1745 content: " [" attr(href) "] "; /* Show URLs */ 1746 } 1747 a { 1748 text-decoration: none; 1749 } 1750 .entry-content img, 1751 .comment-content img, 1752 .author-avatar img, 1753 img.wp-post-image { 1754 border-radius: 0; 1755 box-shadow: none; 1756 } 1757 .site { 1758 clear: both !important; 1759 display: block !important; 1760 float: none !important; 1761 max-width: 100%; 1762 position: relative !important; 1763 } 1764 .site-header { 1765 margin-bottom: 72px; 1766 margin-bottom: 5.142857143rem; 1767 text-align: left; 1768 } 1769 .site-header h1 { 1770 font-size: 21pt; 1771 line-height: 1; 1772 text-align: left; 1773 } 1774 .site-header h2 { 1775 color: #000; 1776 font-size: 10pt; 1777 text-align: left; 1778 } 1779 .site-header h1 a, 1780 .site-header h2 a { 1781 color: #000; 1782 } 1783 .author-avatar, 1784 #colophon, 1785 #respond, 1786 .commentlist .comment-edit-link, 1787 .commentlist .reply, 1788 .entry-header .comments-link, 1789 .entry-meta .edit-link a, 1790 .page-link, 1791 .site-content nav, 1792 .widget-area, 1793 img.header-image, 1794 .main-navigation { 1795 display: none; 1796 } 1797 .wrapper { 1798 border-top: none; 1799 box-shadow: none; 1800 } 1801 .site-content { 1802 margin: 0; 1803 width: auto; 1804 } 1805 1806 .entry-header .entry-title, 1807 .entry-title { 1808 font-size: 21pt; 1809 } 1810 footer.entry-meta, 1811 footer.entry-meta a { 1812 color: #444; 1813 font-size: 10pt; 1814 } 1815 .author-description { 1816 float: none; 1817 width: auto; 1818 } 1819 1820 /* Comments */ 1821 .commentlist > li.comment { 1822 background: none; 1823 position: relative; 1824 width: auto; 1825 } 1826 .commentlist .avatar { 1827 height: 39px; 1828 left: 2.2em; 1829 top: 2.2em; 1830 width: 39px; 1831 } 1832 .comments-area article header cite, 1833 .comments-area article header time { 1834 margin-left: 50px; 1835 margin-left: 3.57142857rem; 1836 } 1837 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Thu Mar 28 08:20:01 2024 | Cross-referenced by PHPXref |