minimo.css (16197B)
1 .comments-container #disqus_thread:before, 2 .entry + .home-sections-container .home-sections:before, 3 .entry-nav:before, 4 .footer:before, 5 .header:after, 6 .prev-entry ~ .next-entry:before { 7 content: ''; 8 display: block; 9 border-bottom: 0.125em solid #ffcd00; 10 width: 4em; 11 } 12 .header:after { 13 margin-top: 2em; 14 margin-bottom: 2.5em; 15 } 16 .comments-container #disqus_thread:before, 17 .entry + .home-sections-container .home-sections:before, 18 .entry-nav:before, 19 .footer:before, 20 .prev-entry ~ .next-entry:before { 21 margin-top: 2.5em; 22 margin-bottom: 2em; 23 } 24 .comments-container, 25 .entry, 26 .entry-cover-container, 27 .entry-footer-container, 28 .entry-nav-container, 29 .footer-container, 30 .header-container, 31 .home-sections-container, 32 .list-container, 33 .main, 34 .site, 35 .term-cloud-container { 36 display: -webkit-box; 37 display: -ms-flexbox; 38 display: flex; 39 -webkit-box-orient: vertical; 40 -webkit-box-direction: normal; 41 -ms-flex-flow: column nowrap; 42 flex-flow: column nowrap; 43 -webkit-box-align: center; 44 -ms-flex-align: center; 45 align-items: center; 46 width: 100%; 47 } 48 .comments-container #disqus_thread, 49 .entry-content, 50 .entry-cover, 51 .entry-cover figcaption, 52 .entry-footer, 53 .entry-nav, 54 .entry-toc, 55 .footer, 56 .header, 57 .home-sections, 58 .list, 59 .pagination, 60 .term-cloud { 61 width: 100%; 62 max-width: 740px; 63 padding-left: 20px; 64 padding-right: 20px; 65 } 66 .icon { 67 display: inline-block; 68 height: 1em; 69 width: 1em; 70 } 71 /*! 72 * Theme Name: Minimo 73 * Author: Munif Tanjim 74 */ 75 html { 76 line-height: 1.15; 77 -ms-text-size-adjust: 100%; 78 -webkit-text-size-adjust: 100%; 79 } 80 body { 81 margin: 0; 82 } 83 article, 84 aside, 85 footer, 86 header, 87 nav, 88 section { 89 display: block; 90 } 91 h1 { 92 font-size: 2em; 93 margin: 0.67em 0; 94 } 95 figcaption, 96 figure, 97 main { 98 display: block; 99 } 100 figure { 101 margin: 1em 40px; 102 } 103 hr { 104 -webkit-box-sizing: content-box; 105 box-sizing: content-box; 106 height: 0; 107 overflow: visible; 108 } 109 pre { 110 font-family: monospace, monospace; 111 font-size: 1em; 112 } 113 a { 114 background-color: transparent; 115 -webkit-text-decoration-skip: objects; 116 } 117 abbr[title] { 118 border-bottom: none; 119 text-decoration: underline; 120 } 121 122 h1 abbr[title] { 123 text-decoration: underline dotted; 124 } 125 126 b, 127 strong { 128 font-weight: inherit; 129 font-weight: bolder; 130 } 131 code, 132 kbd, 133 samp { 134 font-family: monospace, monospace; 135 font-size: 1em; 136 } 137 dfn { 138 font-style: italic; 139 } 140 mark { 141 background-color: #ff0; 142 color: #000; 143 } 144 small { 145 font-size: 80%; 146 } 147 sub, 148 sup { 149 font-size: 75%; 150 line-height: 0; 151 position: relative; 152 vertical-align: baseline; 153 } 154 sub { 155 bottom: -0.25em; 156 } 157 sup { 158 top: -0.5em; 159 } 160 audio, 161 video { 162 display: inline-block; 163 } 164 audio:not([controls]) { 165 display: none; 166 height: 0; 167 } 168 img { 169 border-style: none; 170 } 171 svg:not(:root) { 172 overflow: hidden; 173 } 174 button, 175 input, 176 optgroup, 177 select, 178 textarea { 179 font-family: sans-serif; 180 font-size: 100%; 181 line-height: 1.15; 182 margin: 0; 183 } 184 button, 185 input { 186 overflow: visible; 187 } 188 button, 189 select { 190 text-transform: none; 191 } 192 [type='reset'], 193 [type='submit'], 194 button, 195 html [type='button'] { 196 -webkit-appearance: button; 197 } 198 [type='button']::-moz-focus-inner, 199 [type='reset']::-moz-focus-inner, 200 [type='submit']::-moz-focus-inner, 201 button::-moz-focus-inner { 202 border-style: none; 203 padding: 0; 204 } 205 [type='button']:-moz-focusring, 206 [type='reset']:-moz-focusring, 207 [type='submit']:-moz-focusring, 208 button:-moz-focusring { 209 outline: 1px dotted ButtonText; 210 } 211 fieldset { 212 padding: 0.35em 0.75em 0.625em; 213 } 214 legend { 215 -webkit-box-sizing: border-box; 216 box-sizing: border-box; 217 color: inherit; 218 display: table; 219 max-width: 100%; 220 padding: 0; 221 white-space: normal; 222 } 223 progress { 224 display: inline-block; 225 vertical-align: baseline; 226 } 227 textarea { 228 overflow: auto; 229 } 230 [type='checkbox'], 231 [type='radio'] { 232 -webkit-box-sizing: border-box; 233 box-sizing: border-box; 234 padding: 0; 235 } 236 [type='number']::-webkit-inner-spin-button, 237 [type='number']::-webkit-outer-spin-button { 238 height: auto; 239 } 240 [type='search'] { 241 -webkit-appearance: textfield; 242 outline-offset: -2px; 243 } 244 [type='search']::-webkit-search-cancel-button, 245 [type='search']::-webkit-search-decoration { 246 -webkit-appearance: none; 247 } 248 ::-webkit-file-upload-button { 249 -webkit-appearance: button; 250 font: inherit; 251 } 252 details, 253 menu { 254 display: block; 255 } 256 summary { 257 display: list-item; 258 } 259 canvas { 260 display: inline-block; 261 } 262 [hidden], 263 template { 264 display: none; 265 } 266 body, 267 button, 268 input, 269 select, 270 textarea { 271 font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, 272 Ubuntu, Cantarell, Helvetica Neue, Siyam Rupali, sans-serif; 273 font-size: 1em; 274 line-height: 1.5; 275 color: #37474f; 276 word-wrap: break-word; 277 } 278 @media screen and (min-width: 480px) { 279 body, 280 button, 281 input, 282 select, 283 textarea { 284 font-size: 1.125em; 285 } 286 } 287 .title, 288 h1, 289 h2, 290 h3, 291 h4, 292 h5, 293 h6 { 294 font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, 295 Ubuntu, Cantarell, Helvetica Neue, Siyam Rupali, sans-serif; 296 font-weight: 700; 297 line-height: 1.2; 298 color: #263238; 299 margin: 0 0 0.625em; 300 } 301 .entry-content h2, 302 .entry-content h3, 303 .entry-content h4, 304 .entry-content h5, 305 .entry-content h6 { 306 margin-top: 1.5em; 307 } 308 .entry-content h2:first-child, 309 .entry-content h3:first-child, 310 .entry-content h4:first-child, 311 .entry-content h5:first-child, 312 .entry-content h6:first-child { 313 margin-top: 0; 314 } 315 .site-title, 316 h1 { 317 font-size: 2em; 318 } 319 h2 { 320 font-size: 1.75em; 321 } 322 h3 { 323 font-size: 1.5em; 324 } 325 .home-section-title, 326 h4 { 327 font-size: 1.375em; 328 } 329 h5 { 330 font-size: 1.25em; 331 } 332 h6 { 333 font-size: 1.125em; 334 } 335 p { 336 margin: 0 0 1.5em; 337 } 338 cite, 339 dfn, 340 em, 341 i { 342 font-style: italic; 343 } 344 blockquote { 345 margin: 0 1.5em; 346 } 347 address { 348 margin: 0 0 1.5em; 349 } 350 pre { 351 font-size: 0.875em; 352 background: #212121; 353 color: #fafafa; 354 text-align: initial; 355 max-width: 100%; 356 padding: 1em 1.5em; 357 margin-bottom: 1.725em; 358 overflow: auto; 359 word-wrap: normal; 360 } 361 code, 362 kbd, 363 pre, 364 tt, 365 var { 366 font-family: Ubuntu Mono, Consolas, Monaco, Andale Mono, monospace; 367 } 368 abbr, 369 acronym { 370 border-bottom: 1px dotted #212121; 371 cursor: alias; 372 } 373 ins, 374 mark { 375 background: #212121; 376 text-decoration: none; 377 } 378 big { 379 font-size: 125%; 380 } 381 html { 382 -webkit-box-sizing: border-box; 383 box-sizing: border-box; 384 } 385 *, 386 :after, 387 :before { 388 -webkit-box-sizing: inherit; 389 box-sizing: inherit; 390 } 391 blockquote, 392 q { 393 quotes: '' ''; 394 } 395 blockquote:after, 396 blockquote:before, 397 q:after, 398 q:before { 399 content: ''; 400 } 401 blockquote :last-child, 402 q :last-child { 403 margin-bottom: 0; 404 } 405 blockquote { 406 font-size: 1.125em; 407 font-style: italic; 408 margin: 0 0 1.5em; 409 padding-left: 1em; 410 border-left: 0.2em solid #bdbdbd; 411 } 412 hr { 413 border: 0; 414 height: 1px; 415 margin: 2em 0; 416 background-color: #bdbdbd; 417 } 418 img { 419 max-width: 100%; 420 height: auto; 421 } 422 figure { 423 margin: 1em 0; 424 } 425 a { 426 color: #212121; 427 text-decoration: none; 428 -webkit-transition: color 0.1s ease-in-out; 429 transition: color 0.1s ease-in-out; 430 } 431 a:focus { 432 outline-color: #ffcd00; 433 } 434 a:active, 435 a:hover { 436 outline: 0; 437 } 438 a:active, 439 a:focus, 440 a:hover { 441 color: #37474f; 442 } 443 ol, 444 ul { 445 padding: 0; 446 margin: 0 0 1.5em 2em; 447 } 448 ul { 449 list-style: disc; 450 } 451 ol { 452 list-style: decimal; 453 } 454 li > ol, 455 li > ul { 456 padding-left: 1.5em; 457 margin-bottom: 0; 458 margin-left: 0.5em; 459 } 460 dt { 461 font-weight: 700; 462 } 463 dd { 464 margin: 0 1.5em 1.5em; 465 } 466 table, 467 td, 468 th { 469 border: 1px solid #bdbdbd; 470 } 471 table { 472 width: 100%; 473 margin: 0 0 1.5em; 474 table-layout: fixed; 475 border-collapse: separate; 476 border-spacing: 0; 477 border-width: 1px 0 0 1px; 478 } 479 caption, 480 td, 481 th { 482 font-weight: 400; 483 text-align: left; 484 } 485 th { 486 font-weight: 700; 487 } 488 td, 489 th { 490 border-width: 0 1px 1px 0; 491 } 492 td, 493 th { 494 padding: 0.375em; 495 } 496 button, 497 input[type='button'], 498 input[type='reset'], 499 input[type='submit'] { 500 border: none; 501 padding: 0.625em 0.875em; 502 line-height: 1; 503 font-weight: 700; 504 letter-spacing: 1px; 505 text-transform: uppercase; 506 color: #212121; 507 background: #ffcd00; 508 -webkit-transition: 0.1s ease-in-out; 509 transition: 0.1s ease-in-out; 510 } 511 button:focus, 512 input[type='button']:focus, 513 input[type='reset']:focus, 514 input[type='submit']:focus { 515 outline-color: #ffcd00; 516 } 517 button:active, 518 button:hover, 519 input[type='button']:active, 520 input[type='button']:hover, 521 input[type='reset']:active, 522 input[type='reset']:hover, 523 input[type='submit']:active, 524 input[type='submit']:hover { 525 outline: 0; 526 } 527 button:active, 528 button:focus, 529 button:hover, 530 input[type='button']:active, 531 input[type='button']:focus, 532 input[type='button']:hover, 533 input[type='reset']:active, 534 input[type='reset']:focus, 535 input[type='reset']:hover, 536 input[type='submit']:active, 537 input[type='submit']:focus, 538 input[type='submit']:hover { 539 background: #212121; 540 color: #ffcd00; 541 } 542 label { 543 font-weight: 700; 544 letter-spacing: 1px; 545 } 546 input[type='color'], 547 input[type='date'], 548 input[type='datetime-local'], 549 input[type='datetime'], 550 input[type='email'], 551 input[type='month'], 552 input[type='number'], 553 input[type='password'], 554 input[type='range'], 555 input[type='search'], 556 input[type='tel'], 557 input[type='text'], 558 input[type='time'], 559 input[type='url'], 560 input[type='week'], 561 select, 562 textarea { 563 width: 100%; 564 padding: 0.625em 0.875em; 565 border: 1px solid #bdbdbd; 566 color: #37474f; 567 -webkit-transition: 0.1s ease-in-out; 568 transition: 0.1s ease-in-out; 569 } 570 input[type='color']:focus, 571 input[type='date']:focus, 572 input[type='datetime-local']:focus, 573 input[type='datetime']:focus, 574 input[type='email']:focus, 575 input[type='month']:focus, 576 input[type='number']:focus, 577 input[type='password']:focus, 578 input[type='range']:focus, 579 input[type='search']:focus, 580 input[type='tel']:focus, 581 input[type='text']:focus, 582 input[type='time']:focus, 583 input[type='url']:focus, 584 input[type='week']:focus, 585 select:focus, 586 textarea:focus { 587 border-color: #212121; 588 outline-color: #ffcd00; 589 outline: 0; 590 } 591 .entry-nav:before { 592 border-bottom-color: #bdbdbd; 593 } 594 .entry-nav > div a { 595 display: block; 596 font-style: italic; 597 } 598 .entry-nav > div span { 599 display: block; 600 font-style: normal; 601 font-size: 0.875em; 602 } 603 .prev-entry ~ .next-entry:before { 604 border-bottom-color: #bdbdbd; 605 width: 2em; 606 margin: 1em 0; 607 } 608 .main-menu-container { 609 margin-top: 2em; 610 } 611 .main-menu { 612 list-style: none; 613 padding: 0; 614 margin: 0; 615 } 616 .main-menu li { 617 display: inline-block; 618 text-transform: uppercase; 619 margin-right: 0.625em; 620 } 621 .main-menu li:last-of-type { 622 margin-right: 0; 623 } 624 .main-menu a.current { 625 font-weight: 700; 626 pointer-events: none; 627 } 628 .social-menu { 629 list-style: none; 630 padding: 0; 631 margin: 0; 632 } 633 .social-menu li { 634 display: inline-block; 635 margin-right: 0.625em; 636 } 637 .social-menu li:last-child { 638 margin-right: 0; 639 } 640 .social-menu li a { 641 font-size: 1.125em; 642 } 643 .main-menu a, 644 .social-menu a { 645 color: #455a64; 646 } 647 .main-menu a:hover, 648 .social-menu a:hover { 649 color: #263238; 650 } 651 .page-links { 652 margin-top: 2em; 653 } 654 .page-link { 655 display: inline-block; 656 padding: 0.25em 0.625em; 657 } 658 .page-link:first-child { 659 padding-left: 0; 660 } 661 .page-link:last-child { 662 padding-right: 0; 663 } 664 .page-link.current { 665 font-weight: 700; 666 } 667 .page-link.dots { 668 padding: 0; 669 } 670 .hasCover .header:after { 671 display: none; 672 } 673 .header-info { 674 margin-top: 1.5em; 675 } 676 .header-info .title { 677 margin-bottom: 0; 678 text-transform: uppercase; 679 } 680 .header-info .subtitle { 681 margin: 0.5em 0 0; 682 font-style: italic; 683 } 684 .header-info .taxonomy-type { 685 font-size: 0.875em; 686 margin-right: 0.25em; 687 font-style: italic; 688 } 689 .page .site-header .header-info, 690 .page .site-header:after, 691 .section .site-header .header-info, 692 .section .site-header:after, 693 .taxonomy .site-header .header-info, 694 .taxonomy .site-header:after, 695 .taxonomyTerm .site-header .header-info, 696 .taxonomyTerm .site-header:after { 697 display: none; 698 } 699 .list { 700 display: -webkit-box; 701 display: -ms-flexbox; 702 display: flex; 703 -webkit-box-orient: vertical; 704 -webkit-box-direction: normal; 705 -ms-flex-flow: column nowrap; 706 flex-flow: column nowrap; 707 margin: 0; 708 list-style: none; 709 } 710 .entry + .list-container .list { 711 margin-top: 2.5em; 712 } 713 .list-item { 714 margin-top: 1em; 715 } 716 .list-item:first-of-type { 717 margin-top: 0; 718 } 719 .list-item article { 720 display: -webkit-box; 721 display: -ms-flexbox; 722 display: flex; 723 -webkit-box-orient: horizontal; 724 -webkit-box-direction: normal; 725 -ms-flex-flow: row nowrap; 726 flex-flow: row nowrap; 727 -webkit-box-align: baseline; 728 -ms-flex-align: baseline; 729 align-items: baseline; 730 } 731 .list-item .meta { 732 -ms-flex-preferred-size: 6em; 733 flex-basis: 6em; 734 -ms-flex-negative: 0; 735 flex-shrink: 0; 736 } 737 .list-item .meta span { 738 font-size: 0.875em; 739 } 740 .list-item .list-item-title { 741 font-size: 1em; 742 font-weight: 400; 743 margin-bottom: 0; 744 font-style: italic; 745 } 746 .list-item .icon { 747 margin-right: 0.25em; 748 } 749 .term-cloud { 750 list-style: none; 751 margin: 0; 752 display: -webkit-box; 753 display: -ms-flexbox; 754 display: flex; 755 -ms-flex-wrap: wrap; 756 flex-wrap: wrap; 757 -webkit-box-align: center; 758 -ms-flex-align: center; 759 align-items: center; 760 } 761 .term-cloud li { 762 padding: 0 1.5em 0.5em 0; 763 } 764 .entry .meta { 765 margin-top: 0.75em; 766 } 767 .entry .meta span { 768 font-size: 0.9375em; 769 margin-right: 0.75em; 770 font-style: italic; 771 } 772 .entry .meta .icon { 773 margin-right: 0.25em; 774 } 775 .entry-cover { 776 margin-top: 1.5em; 777 margin-bottom: 2.5em; 778 } 779 .entry-cover.cover-wide { 780 padding: 0; 781 max-width: 1080px; 782 } 783 .entry-cover.cover-full { 784 padding: 0; 785 max-width: 100%; 786 } 787 .entry-cover.cover-full img { 788 width: 100%; 789 } 790 .entry-cover img { 791 display: block; 792 } 793 .entry-cover figcaption { 794 margin: 0.25em auto 0; 795 text-align: center; 796 } 797 .entry-cover figcaption span { 798 font-size: 0.875em; 799 } 800 details, 801 summary { 802 display: block; 803 } 804 .no-details details summary { 805 cursor: pointer; 806 } 807 .no-details details:not([open]) > :not(summary) { 808 display: none; 809 } 810 .no-details details > summary:before { 811 content: '\25BC'; 812 display: inline-block; 813 margin-right: 0.25em; 814 -webkit-transition: 0.1s; 815 transition: 0.1s; 816 -webkit-transform: rotate(-90deg); 817 transform: rotate(-90deg); 818 } 819 .no-details details[open] > summary:before { 820 -webkit-transform: rotate(0deg); 821 transform: rotate(0deg); 822 } 823 .entry-toc { 824 margin-bottom: 2em; 825 } 826 .entry-toc .toc-title { 827 font-weight: 700; 828 } 829 .entry-toc nav { 830 margin-top: 0.25em; 831 } 832 .entry-toc ul { 833 list-style: none; 834 margin: 0; 835 } 836 .entry-content > :last-child, 837 .entry-content > :last-child > :last-child { 838 margin-bottom: 0; 839 } 840 .entry-content a { 841 border-bottom: 0.125em dashed #bdbdbd; 842 } 843 .entry-content a:active, 844 .entry-content a:focus, 845 .entry-content a:hover { 846 border-bottom-color: #ffcd00; 847 } 848 .entry-content a.footnote-return { 849 border-bottom: none; 850 } 851 .entry-footer > div { 852 margin-top: 0.5em; 853 } 854 .entry-footer > div:first-child { 855 margin-top: 2.5em; 856 } 857 .entry-footer .taxonomyTerm-icon { 858 margin-right: 0.375em; 859 } 860 .comments-container #disqus_thread:before { 861 border-bottom-color: #bdbdbd; 862 } 863 ._404 .gopher { 864 margin: 0; 865 } 866 ._404 .gopher img { 867 width: 17.5em; 868 margin-bottom: 1.5em; 869 } 870 ._404 .gopher a { 871 border: 0; 872 } 873 ._404 .gopher .title { 874 margin-bottom: 0; 875 } 876 .entry + .home-sections-container .home-sections:before { 877 border-bottom-color: #bdbdbd; 878 } 879 .home-section .list { 880 padding: 0; 881 } 882 .home-section-title { 883 margin-bottom: 1em; 884 } 885 .footer a { 886 font-style: italic; 887 } 888 .footer > div { 889 width: 100%; 890 margin-top: 1em; 891 } 892 .footer > div:first-child { 893 margin-top: 0; 894 } 895 .footer > div:last-child { 896 margin-bottom: 2em; 897 } 898 .icon { 899 stroke: currentColor; 900 fill: none; 901 position: relative; 902 top: 2px; 903 } 904 .align-center { 905 text-align: center; 906 } 907 .align-center > blockquote { 908 display: inline-block; 909 } 910 .align-center > ol, 911 .align-center > ul { 912 display: inline-block; 913 text-align: initial; 914 } 915 .align-center li { 916 word-wrap: normal; 917 } 918 .text-shortcode * { 919 color: inherit; 920 font-size: 1em; 921 } 922 .screen-reader { 923 clip: rect(1px, 1px, 1px, 1px); 924 width: 1px; 925 height: 1px; 926 overflow: hidden !important; 927 position: fixed !important; 928 white-space: nowrap !important; 929 word-wrap: normal !important; 930 } 931 .screen-reader:focus { 932 clip: auto !important; 933 width: auto; 934 height: auto; 935 display: block !important; 936 top: 0.5em; 937 left: 0.5em; 938 font-weight: 700 !important; 939 line-height: normal !important; 940 text-decoration: none !important; 941 border-radius: 0.25em !important; 942 padding: 1em !important; 943 color: #fafafa !important; 944 background-color: #212121 !important; 945 z-index: 99999; 946 } 947 .entry-content ol li { 948 margin: 0.5em 0em; 949 } 950 951 .author-container::before { 952 content: '— '; 953 } 954 955 .author-container-link { 956 text-decoration: underline; 957 } 958 .author:hover, 959 .tag:hover { 960 text-decoration: underline; 961 }