1/* desbest edit */ 2 3.page li { display: block; } 4 5#writtensidebar h1 { 6 font-size: 1rem; 7 line-height: 1.333333333333333; 8 margin-bottom: 1.333333333333333em; 9} 10#writtensidebar { width: 100% !important; clear: both; } 11 12.site-header { 13 background: rgba(51, 71, 61, 0.05) url("images/default-header.jpg") no-repeat scroll center !important; 14 background-size: cover !important; 15} 16 17.breadcrumbs a:link, .breadcrumbs a:visited { 18 color: rgba(51, 71, 61, 0.5); font-weight: normal !important; 19} 20 21#dw__search button[type="submit"]{ 22 display: none; 23} 24 25.bchead { /* desbest edit */ 26 color: #C38596; 27 /*content: "TL;DR -";*/ 28 font-family: "Lato","proxima-nova","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif; 29 font-size: 0.65em; 30 font-style: normal; 31 font-weight: 900; 32 /*left: 0;*/ 33 /*line-height: 2.5em;*/ 34 padding-top:6px; 35 display: inline-block; 36 float: left; 37 margin-right: 0.85em; 38 position: relative; 39} 40 41aside li { display: block; } 42 43#mediamanager__page .file { width: 70%; clear: both; } 44.toolbutton { background-color: #c38596; } 45 46.panel { max-height: 400px !important; } /* i should maybe delete/comment this */ 47 48.dokuwiki div.license { 49 font-size: 1em; 50} 51 52.pagetoolitem { margin: 0px 0.85em; } 53 54.hentry .entry-meta { margin: 1em 0px; } 55 56/* config manager */ 57 58#config__manager fieldset { clear: both; } 59#config__manager table { border-collapse: revert; border-spacing: 0px 1.85em; } 60#config__manager tr { padding: 1em 0px; } 61#config__manager td.label span.outkey { font-size: 1.15em !important; } 62 63/* defined in /lib/plugin/config.style.css */ 64#config__manager td input.edit { 65 width: 14em; 66} 67#config__manager td .input { 68 width: 14.8em; 69} 70#config__manager td select.edit { } 71#config__manager td textarea.edit { 72 width: 11.5em; 73 height: 4em; 74} 75 76 77/* 78Theme Name: Bushwick 79Theme URI: https://wordpress.com/themes/bushwick/ 80Description: Bushwick is a lightweight, responsive blogging theme, designed to show beautiful content alongside beautiful imagery. 81Version: 1.3.3 82Author: James Dinsdale and Automattic 83Author URI: http://molovo.co.uk 84License: GNU General Public License v2 or later 85License URI: http://www.gnu.org/licenses/gpl-2.0.html 86Text Domain: bushwick 87Tags: photography, blog, two-columns, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, rtl-language-support, sticky-post, translation-ready 88*/ 89 90/* =Reset 91-------------------------------------------------------------- */ 92 93html, body, div, span, applet, object, iframe, 94h1, h2, h3, h4, h5, h6, p, blockquote, pre, 95a, abbr, acronym, address, big, cite, code, 96del, dfn, em, font, ins, kbd, q, s, samp, 97small, strike, strong, sub, sup, tt, var, 98dl, dt, dd, ol, ul, li, 99fieldset, form, label, legend, 100table, caption, tbody, tfoot, thead, tr, th, td { 101 border: 0; 102 /* desbest edit */ 103 font-family: inherit; 104 font-size: 100%; 105 font-style: inherit; 106 font-weight: inherit; 107 margin: 0; 108 outline: 0; 109 padding: 0; 110 vertical-align: baseline; 111} 112 113html { 114 font-size: x-large; 115 height: 100%; 116 line-height: 1.5; 117 overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ 118 -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ 119 -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ 120} 121body { 122 background: #fff; 123 height: 100%; 124 -ms-word-wrap: break-all; 125 word-wrap: break-word; 126} 127article, 128aside, 129details, 130figcaption, 131figure, 132footer, 133header, 134nav, 135section { 136 display: block; 137} 138ol, ul { 139 list-style: none; 140} 141li li { 142 margin-left: 1.5em; 143} 144table { /* tables still need 'cellspacing="0"' in the markup */ 145 border: 0; 146 border-collapse: separate; 147 border-spacing: 2px; 148} 149caption, th, td { 150 font-weight: normal; 151 text-align: left; 152} 153td { 154 background: rgba(51, 71, 61, 0.05); 155 padding: 0.5em; 156} 157blockquote:before, 158blockquote:after, 159q:before, 160q:after { 161 content: ""; 162} 163blockquote, 164q { 165 quotes: "" ""; 166 -webkit-hyphens: none; 167 -moz-hyphens: none; 168 -ms-hyphens: none; 169 hyphens: none; 170} 171a:focus { 172 outline: thin dotted; 173} 174a:hover, 175a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ 176 outline: 0; 177} 178a > img { 179 border: 0; 180 vertical-align: middle; 181} 182 183 184/* =Global 185----------------------------------------------- */ 186 187body, 188button, 189input, 190select, 191textarea { 192 color: #33473d; 193 font: 400 0.83333333rem/1.5 "Lato","proxima-nova","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif; 194} 195 196/* Headings */ 197h1,h2,h3,h4,h5,h6 { 198 color: #774553; 199 /*clear: both;*/ /* desbest edit */ 200 font: 700 2.2rem/1.5 "Aleo","Skolar","ff-tisa-web-pro","Georgia",serif; 201} 202h1 { 203 font-size: 2.75rem; 204 line-height: 1; 205 margin-bottom: 0.5em; 206} 207h2 { 208 font-size: 1.5rem; 209 line-height: 1.333333333333333; 210 margin-bottom: 0.6666666666666667em; 211} 212h3 { 213 font-size: 1rem; 214 line-height: 1; 215 margin-bottom: 1em; 216} 217h4 { 218 font-size: 0.875rem; 219 line-height: 1.142857142857; 220 margin-bottom: 1.142857142857em; 221} 222h5 { 223 font-size: 0.75rem; 224 line-height: 1.333333333333333; 225 margin-bottom: 1.333333333333333em; 226} 227h6 { 228 font-size: 0.6666666666666667rem; 229 line-height: 1.333333333333333; 230 margin-bottom: 1.333333333333333em; 231} 232hr { 233 background-color: #ccc; 234 border: 0; 235 height: 1px; 236 margin-bottom: 1.5em; 237} 238 239/* Text elements */ 240p { 241 margin-bottom: 1.5em; 242} 243ul, ol { 244 list-style-type: none; 245 margin: 0 0 1.5em 3em; 246} 247li > ul, 248li > ol { 249 margin-bottom: 0; 250 margin-left: 1.5em; 251} 252dt { 253 font-weight: bold; 254} 255dd { 256 margin: 0 1.5em 1.5em; 257} 258b, strong { 259 font-weight: bold; 260} 261address, dfn, cite, em, i { 262 font-style: italic; 263} 264blockquote { 265 border-left: 5px solid #c38596; 266 color: rgba(51, 71, 61, 0.5); 267 font-family: "Aleo","Skolar","ff-tisa-web-pro","Georgia",serif; 268 font-style: italic; 269 padding-left: 1.5em; 270} 271blockquote cite { 272 color: #33473d; 273 font-family: "Lato", "proxima-nova", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 274 font-style: normal; 275 font-size: 0.75em; 276} 277 278blockquote cite:before { 279 content: "\2014 \0020"; 280} 281address { 282 margin: 0 0 1.5em; 283} 284pre { 285 background: #eee; 286 font-family: "Courier 10 Pitch", Courier, monospace; 287 font-size: 0.6875rem; 288 -webkit-hyphens: none; 289 -moz-hyphens: none; 290 -ms-hyphens: none; 291 hyphens: none; 292 line-height: 1; 293 margin-bottom: 1.6em; 294 padding: 1.6em; 295 overflow: auto; 296 max-width: 100%; 297} 298code, kbd, tt, var { 299 font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 300 -webkit-hyphens: none; 301 -moz-hyphens: none; 302 -ms-hyphens: none; 303 hyphens: none; 304} 305abbr, acronym { 306 border-bottom: 1px dotted #666; 307 cursor: help; 308} 309mark, ins { 310 background: #fff9c0; 311 text-decoration: none; 312} 313sup, 314sub { 315 font-size: 75%; 316 height: 0; 317 line-height: 0; 318 position: relative; 319 vertical-align: baseline; 320} 321sup { 322 bottom: 1ex; 323} 324sub { 325 top: .5ex; 326} 327small { 328 font-size: 75%; 329} 330big { 331 font-size: 125%; 332} 333figure { 334 margin: 0; 335} 336table { 337 margin: 0 0 1.5em; 338 width: 100%; 339} 340th { 341 font-weight: bold; 342} 343img { 344 height: auto; /* Make sure images are scaled correctly. */ 345 max-width: 100%; /* Adhere to container width. */ 346} 347button, 348input, 349select, 350textarea { 351 font-size: 100%; /* Corrects font size not being inherited in all browsers */ 352 margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ 353 vertical-align: baseline; /* Improves appearance and consistency in all browsers */ 354 *vertical-align: middle; /* Improves appearance and consistency in all browsers */ 355} 356button, 357input { 358 line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ 359} 360button, 361html input[type="button"], 362input[type="reset"], 363input[type="submit"] { 364 border: 0; 365 border-radius: 3px; 366 background: #774553; 367 color: #fff; 368 cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ 369 -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ 370 font-size: 12px; 371 font-size: 0.7rem; 372 line-height: 1; 373 padding: .8em 1.5em; 374} 375button:hover, 376html input[type="button"]:hover, 377input[type="reset"]:hover, 378input[type="submit"]:hover { 379 background: #68adc3; 380} 381 382input[type="checkbox"], 383input[type="radio"] { 384 box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ 385 padding: 0; /* Addresses excess padding in IE8/9 */ 386} 387input[type="search"] { 388 -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ 389 -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ 390 -moz-box-sizing: content-box; 391 box-sizing: content-box; 392 font-size: 0.55rem; 393 width: 100%; 394} 395input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ 396 -webkit-appearance: none; 397} 398button::-moz-focus-inner, 399input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ 400 border: 0; 401 padding: 0; 402} 403input[type="text"], 404input[type="email"], 405input[type="password"], 406input[type="search"], 407textarea { 408 color: #666; 409 border: 1px solid rgba(51, 71, 61, 0.1); 410 border-radius: 3px; 411} 412input[type="text"]:focus, 413input[type="email"]:focus, 414input[type="password"]:focus, 415input[type="search"]:focus, 416textarea:focus { 417 color: #111; 418} 419input[type="text"], 420input[type="email"], 421input[type="password"], 422input[type="search"] { 423 font-size: 0.7rem; 424 max-width: 100%; 425 padding: 0.75em; 426} 427textarea { 428 -webkit-box-sizing: border-box; 429 -moz-box-sizing: border-box; 430 box-sizing: border-box; 431 overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ 432 padding: 0.75em; 433 vertical-align: top; /* Improves readability and alignment in all browsers */ 434 width: 100%; 435} 436 437/* Links */ 438a { 439 color: #68adc3; 440 font-weight: 700; 441 text-decoration: none; 442} 443a:hover, 444a:focus, 445a:active { 446 text-decoration: underline; 447} 448 449/* Alignment */ 450.alignleft { 451 display: inline; 452 float: left; 453 margin-right: 1.5em; 454} 455.alignright { 456 display: inline; 457 float: right; 458 margin-left: 1.5em; 459} 460.aligncenter { 461 clear: both; 462 display: block; 463 margin: 0 auto; 464} 465 466/* Text meant only for screen readers */ 467.screen-reader-text { 468 clip: rect(1px, 1px, 1px, 1px); 469 position: absolute !important; 470 left: -1000em; 471} 472 473.screen-reader-text:focus { 474 background-color: #f1f1f1; 475 border-radius: 3px; 476 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 477 clip: auto !important; 478 color: #21759b; 479 display: block; 480 font-size: 14px; 481 font-weight: bold; 482 height: auto; 483 left: 5px; 484 line-height: normal; 485 padding: 15px 23px 14px; 486 text-decoration: none; 487 top: 5px; 488 width: auto; 489 z-index: 100000; /* Above WP toolbar */ 490} 491 492/* Clearing */ 493.clear:before, 494.clear:after, 495.hentry:before, 496.hentry:after, 497[class*="navigation"]:before, 498[class*="navigation"]:after, 499[class*="content"]:before, 500[class*="content"]:after, 501[class*="site"]:before, 502[class*="site"]:after { 503 content: ''; 504 display: table; 505} 506 507.clear:after, 508.hentry:after, 509[class*="navigation"]:after, 510[class*="content"]:after, 511[class*="site"]:after { 512 clear: both; 513} 514 515/* =Site 516----------------------------------------------- */ 517 518.site-header { 519 background: rgba(51, 71, 61, 0.05); 520 min-height: 100%; 521} 522 523.site-branding, 524.single .entry-header { 525 bottom: 3.5em; 526 -webkit-box-sizing: border-box; 527 -moz-box-sizing: border-box; 528 box-sizing: border-box; 529 left: 5%; 530 max-width: 90%; 531 padding: 1.5em; 532 position: absolute; 533} 534 535.site-main, 536.single .entry-header { 537 -webkit-box-sizing: border-box; 538 -moz-box-sizing: border-box; 539 box-sizing: border-box; 540 display: block; 541 margin: 0 auto; 542 padding: 1.5em; 543 width: 90%; 544} 545 546body:not(.archive):not(.search) .hentry:first-of-type + .entry-preview, 547.archive .entry-preview:first-of-type, 548.search .entry-preview:first-of-type { 549 border-top: 1px solid rgba(51, 71, 61, 0.1); 550 margin-top: 3em; 551 padding-top: 3em; 552} 553 554/* =Menu 555----------------------------------------------- */ 556 557.navigation-main { 558 clear: both; 559 display: block; 560 float: left; 561 margin: 0 0 3em; 562 width: 100%; 563 z-index: 99998; 564} 565.navigation-main .menu, 566.navigation-main .nav-menu { 567 float: left; 568 width: 95%; 569 width: -webkit-calc(100% - 1.3rem); 570 width: calc(100% - 1.3rem); 571} 572.navigation-main ul { 573 list-style: none; 574 margin: 0; 575 position: relative; 576} 577.navigation-main li { 578 display: inline-block; 579 font-size: 0.6875rem; 580 font-weight: 900; 581 margin-bottom: 0.8em; 582 margin-right: 1.5em; 583 padding-bottom: 0.25em; 584 position: relative; 585 text-transform: uppercase; 586} 587.navigation-main a { 588 border-bottom: 5px solid transparent; 589 color: #774553; 590 display: block; 591 text-decoration: none; 592} 593.navigation-main ul ul { 594 background-color: #eee; 595 display: none; 596 float: left; 597 position: absolute; 598 z-index: 1; 599} 600.navigation-main ul ul ul { 601 left: 100%; 602 top: 0; 603} 604.navigation-main ul ul a { 605 padding: 18px 12px; 606 width: 200px; 607} 608.navigation-main ul ul li { 609 display: block; 610 line-height: 1; 611 margin: 0; 612 padding: 0; 613} 614.navigation-main ul ul a:hover, 615.navigation-main ul ul li.focus > a { 616 background-color: #efefef; 617} 618.navigation-main ul li:hover > ul, 619.navigation-main ul li.focus > ul { 620 display: block; 621} 622.navigation-main .current_page_item > a, 623.navigation-main .current-menu-item > a { 624 color: #c38596; 625} 626.navigation-main li:hover > a { 627 border-bottom: 5px solid #c38596; 628 color: #68adc3; 629} 630 631.navigation-main ul ul li:hover > ul, 632.navigation-main ul ul li.focus > ul { 633 left: 100%; 634} 635 636.navigation-main .menu-item-has-children > a, 637.navigation-main .page_item_has_children > a { 638 padding-right: 1em; 639} 640.navigation-main .children .menu-item-has-children > a, 641.navigation-main .children .page_item_has_children > a { 642 padding-right: 12px; 643} 644 645.navigation-main .menu-item-has-children > a:after, 646.navigation-main .page_item_has_children > a:after { 647 -webkit-font-smoothing: antialiased; 648 content: '\f502'; 649 display: inline-block; 650 font: normal 0.6em/1 'Genericons'; 651 position: absolute; 652 right: 0; 653 top: 0.5rem; 654 vertical-align: text-bottom; 655} 656 657.navigation-main .menu-item-has-children li.menu-item-has-children > a:after, 658.navigation-main .menu-item-has-children li.page_item_has_children > a:after, 659.navigation-main .page_item_has_children li.menu-item-has-children > a:after, 660.navigation-main .page_item_has_children li.page_item_has_children > a:after { 661 content: "\f501"; 662 right: 1em; 663 top: 2.3em; 664} 665 666.menu-toggle, 667.navigation-main .widget-handle { 668 color: #774553; 669 display: block; 670 float: right; 671 width: 1.3rem; 672} 673 674.menu-toggle:before, 675.navigation-main .widget-handle:before { 676 content: '\f419'; 677 font-family: 'Genericons'; 678 font-size: 1.2rem; 679 font-weight: bold; 680 line-height: 1.3; 681 text-decoration: none; 682 vertical-align: middle; 683} 684 685.menu-toggle:before:hover, 686.toggled .menu-toggle, 687.navigation-main .widget-handle:hover:before, 688.navigation-main .widget-handle.open:before { 689 color: #c38596; 690} 691 692/* Small menu */ 693.menu-toggle.genericon { 694 display: none; 695 cursor: pointer; 696} 697 698.site-header .site-title, 699.site-header .site-description, 700.site-header .entry-header .entry-title, 701.site-header .entry-header .entry-meta a, 702.site-header .entry-header .post-navigation a { 703 color: #fff; 704 text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); 705} 706.site-header .site-title a { 707 color: inherit; 708 text-decoration: none; 709} 710.site-header .entry-meta { 711 display: inline-block; 712 width: 75%; 713} 714 715/* =Content 716----------------------------------------------- */ 717 718 719.sticky { 720} 721.hentry { 722 margin: 0 0 1.5em; 723} 724 725 726.hentry ul, 727.widget_text ul, 728.comment-content ul { 729 list-style: disc; 730} 731.hentry ol, 732.widget_text ol, 733.comment-content ol { 734 list-style: lower-roman; 735} 736 737.byline { 738 display: none; 739} 740.single .byline, 741.group-blog .byline { 742 display: inline; 743} 744 745.entry-title, 746.entry-title a { 747 color: #c38596; 748 font-weight: 900; 749} 750.single .entry-title, 751.page .entry-title, 752.site-header .post-navigation a { 753 color: #774553; 754} 755.entry-preview .entry-header { 756 display: inline-block; 757 max-width: 80%; 758} 759.entry-title a:hover { 760 color: #68adc3; 761 text-decoration: underline; 762} 763.single .hentry .entry-title { 764 display: none; 765} 766.entry-preview .entry-title { 767 font-size: 1.5rem; 768 line-height: 1.5; 769 margin-bottom: 0; 770} 771.entry-content, 772.entry-summary { 773 clear: both; 774 margin: 1.5em 0 0; 775} 776 777.entry-summary { 778 color: rgba(51, 71, 61, 0.5); 779 font-family: "Aleo","Skolar","ff-tisa-web-pro","Georgia",serif; 780 font-style: italic; 781 position: relative; 782} 783.entry-summary p:first-of-type:before { 784 color: #C38596; 785 content: "TL;DR -"; 786 font-family: "Lato","proxima-nova","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif; 787 font-size: 0.6em; 788 font-style: normal; 789 font-weight: 900; 790 left: 0; 791 line-height: 2.5; 792 padding-top: 0.1em; 793 position: absolute; 794} 795 796.entry-summary p:first-of-type { 797 margin-left: 3em; 798} 799 800.entry-permalink { 801 display: inline-block; 802 float: right; 803} 804.page-links { 805 clear: both; 806 margin: 0 0 1.5em; 807} 808 809.site-header .entry-meta a { 810 color: #33473d; 811 font-weight: 400; 812} 813.hentry .entry-meta { 814 font-size: 0.55rem; 815} 816 817.more-link, 818#infinite-handle span { 819 background: #774553; 820 border-radius: 3px; 821 color: #fff; 822 display: table; 823 font-size: .825em; 824 font-weight: 400; 825 line-height: 2; 826 margin: .75em 0; 827 padding: .25em 1.5em .3em; 828 -webkit-transition: background .15s ease-in-out; 829 -moz-transition: background .15s ease-in-out; 830 -ms-transition: background .15s ease-in-out; 831 -o-transition: background .15s ease-in-out; 832 transition: background .15s ease-in-out; 833} 834.more-link:hover, 835#infinite-handle span:hover { 836 background: #68adc3; 837 color: #fff; 838} 839 840.more-link .meta-nav { 841 font-size: inherit; 842 line-height: inherit; 843} 844 845/* =Media 846----------------------------------------------- */ 847 848.entry-content .wp-smiley, 849.comment-content .wp-smiley { 850 border: none; 851 margin-bottom: 0; 852 margin-top: 0; 853 padding: 0; 854} 855.wp-caption { 856 margin-bottom: 1.5em; 857 max-width: 100%; 858} 859.wp-caption img[class*="wp-image-"] { 860 display: block; 861 margin: 1.2% auto 0; 862 max-width: 98%; 863} 864.wp-caption-text { 865 text-align: center; 866} 867.wp-caption .wp-caption-text { 868 background: rgba(51, 71, 61, 0.05); 869 margin: 2px 5px 0; 870 padding: 0.5em 0; 871} 872.hentry .gallery { 873 margin-bottom: 1.5em; 874} 875 876.gallery-item { 877 float: left; 878 margin-top: 10px; 879 text-align: center; 880} 881.gallery-columns-1 .gallery-item { 882 float: none; 883} 884.gallery-columns-2 .gallery-item { 885 width: 50%; 886} 887.gallery-columns-3 .gallery-item { 888 width: 33.3%; 889} 890.gallery-columns-4 .gallery-item { 891 width: 25%; 892} 893.gallery-columns-5 .gallery-item { 894 width: 20%; 895} 896.gallery-columns-6 .gallery-item { 897 width: 16.6%; 898} 899.gallery-columns-7 .gallery-item { 900 width: 14.28%; 901} 902.gallery-columns-8 .gallery-item { 903 width: 12.5%; 904} 905.gallery-columns-9 .gallery-item { 906 width: 11.1%; 907} 908.gallery-caption { 909 font-size: 0.7rem; 910} 911.gallery img { 912 border: none; 913 height: auto; 914 max-width: 90%; 915} 916.site-main .gallery dd { 917 margin: 0; 918} 919.site-main .gallery-columns-4 .gallery-item img { 920} 921 922/* Make sure embeds and iframes fit their containers */ 923embed, 924iframe, 925object { 926 max-width: 100%; 927} 928 929/* Responsive videos */ 930.jetpack-video-wrapper { 931 margin-bottom: 1.5em; 932} 933 934/* =Archives 935----------------------------------------------- */ 936 937.archive .page-title, 938.search .page-title { 939 color: inherit; 940 font-size: 1rem; 941 font-weight: inherit; 942} 943 944.taxonomy-description { 945 font-size: 0.625rem; 946 margin: 1.5em 0; 947} 948 949 950/* =Navigation 951----------------------------------------------- */ 952 953.nav-previous { 954 float: left; 955 width: 50%; 956} 957.nav-next { 958 text-align: right; 959} 960 961.site-header [class*="navigation"] { 962 float: right; 963 text-align: right; 964 width: 25%; 965} 966 967.post-navigation .nav-links { 968 min-height: 68px; 969} 970 971.post-navigation .meta-nav { 972 font-size: 2rem; 973 line-height: 0.35; 974} 975 976.post-navigation a:hover { 977 color: #68adc3; 978 text-decoration: none; 979} 980 981 982/* =Comments 983----------------------------------------------- */ 984 985.comment-list { 986 margin: 0; 987} 988 989.comment-list .comment { 990 border-top: 1px solid rgba(51, 71, 61, 0.05); 991 padding: 1.5em 0 0; 992 position: relative; 993} 994 995 996.comment-list .pingback, 997.comment-list .trackback { 998 border-bottom: 1px solid rgba(51, 71, 61, 0.05); 999 font-size: 0.6875rem; 1000 padding: 1.5em 0; 1001} 1002 1003.comment-content a { 1004 word-wrap: break-word; 1005} 1006 1007.comment-meta { 1008 margin-bottom: 0.5em; 1009} 1010 1011.comment-author .avatar { 1012 float: right; 1013} 1014 1015.comment-author .fn { 1016 color: #774553; 1017 font-family: "Aleo"; 1018 font-weight: 900; 1019 font-size: 0.91666667rem; 1020 font-style: normal; 1021 line-height: 1.5em; 1022} 1023 1024.comment-author .url { 1025 color: #c38596; 1026} 1027 1028.says { 1029 display: none; 1030} 1031 1032.comment-metadata, 1033.comment-metadata a, 1034.comment-reply-link, 1035#cancel-comment-reply-link { 1036 font-size: 0.55rem; 1037 font-weight: normal; 1038} 1039 1040.comment .reply { 1041 position: absolute; 1042 right: 0; 1043 top: 5.5em; 1044} 1045 1046.comment .comment-respond { 1047 background-color: rgba(51, 71, 61, 0.05); 1048 padding: 1rem; 1049} 1050 1051.comment .comment-reply-title { 1052 margin-bottom: 0.5em; 1053} 1054 1055.comment-reply-title small { 1056 font-family: "Lato","proxima-nova","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif; 1057 float: right; 1058} 1059 1060.bypostauthor { 1061} 1062 1063.navigation-comment, 1064.no-comments { 1065 padding: 1.5em 0; 1066} 1067 1068[class*="comment-form-"] label { 1069 display: block; 1070 font-size: 0.6875rem; 1071 font-weight: 700; 1072} 1073 1074.comment-notes, 1075.comments-area input[type="text"], 1076.comments-area input[type="email"], 1077.comments-area input[type="url"], 1078.comments-area textarea, 1079.form-allowed-tags, 1080.no-comments { 1081 font-size: 0.6875rem; 1082} 1083 1084.form-submit { 1085 margin: 0; 1086} 1087 1088 1089/* =Widgets 1090----------------------------------------------- */ 1091 1092.widget-area { 1093 -webkit-box-sizing: border-box; 1094 -moz-box-sizing: border-box; 1095 box-sizing: border-box; 1096 background: rgba(51, 71, 61, 0.05); 1097 display: none; 1098 padding: 0 1.5em; 1099} 1100 1101.widget { 1102 -webkit-box-sizing: border-box; 1103 -moz-box-sizing: border-box; 1104 box-sizing: border-box; 1105 display: inline-block; 1106 font-size: 0.6875rem; 1107 padding: 1.5em; 1108 position: relative; 1109 vertical-align: top; 1110 width: 49%; 1111} 1112 1113.widget-title { 1114 font-size: 1rem; 1115 line-height: 1.333333333333333; 1116 margin-bottom: 1.333333333333333em; 1117} 1118 1119.widget:not(.widget_text) ul, 1120.widget:not(.widget_text) ol { 1121 margin: 0; 1122} 1123 1124.widget:not(.widget_text) li a { 1125 text-transform: uppercase; 1126} 1127 1128/* Make sure select elements fit in widgets */ 1129.widget select { 1130 max-width: 100%; 1131} 1132 1133/* Search widget */ 1134.search-form .search-submit { 1135 display: none; 1136} 1137 1138/* Calendar widget */ 1139.widget_calendar th, 1140.widget_calendar td { 1141 background: none; 1142 padding: 0; 1143 text-align: center; 1144} 1145.widget_calendar #prev { 1146 text-align: left; 1147} 1148.widget_calendar #next { 1149 text-align: right; 1150} 1151 1152/* =Footer 1153----------------------------------------------- */ 1154 1155.site-footer { 1156 border-top: 1px solid rgba(51, 71, 61, 0.05); 1157} 1158 1159.site-info { 1160 -webkit-box-sizing: border-box; 1161 -moz-box-sizing: border-box; 1162 box-sizing: border-box; 1163 font-size: 0.55rem; 1164 margin: 0 auto; 1165 padding: 2.4em; 1166 position: relative; 1167 width: 90%; 1168} 1169#wpstats { 1170 margin-left: 70%; 1171} 1172 1173/* =Infinite Scroll 1174----------------------------------------------- */ 1175 1176/* Globally hidden elements when Infinite Scroll is supported and in use. */ 1177.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ 1178.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ 1179 display: none; 1180} 1181 1182/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ 1183.infinity-end.neverending .site-footer { 1184 display: block; 1185} 1186 1187.content-area .site-main .infinite-wrap .hentry:first-of-type + .entry-preview { 1188 border: none; 1189 margin-top: 0; 1190 padding-top: 0; 1191} 1192 1193#infinite-handle span { 1194 margin: 0 auto; 1195} 1196.infinite-loader { 1197 height: 42px; 1198} 1199.infinite-loader .spinner { 1200 left: auto !important; /* Override inline style. */ 1201 margin: 0 auto; 1202} 1203