@hodgef/press-theme
Version:
Press Theme for PRSS
1 lines • 17.7 kB
CSS
.page header.page-header{display:unset;user-select:none}.page header.page-header .header-nav{align-items:center;color:#fff;display:flex;height:80px;justify-content:space-between;top:20px;transition:background .3s ease-in-out;width:100%}.page header.page-header .header-nav .logo{color:#fff;font-size:25px;font-weight:600}.page header.page-header .header-nav:not(.scrolled){position:relative;z-index:10}.page header.page-header .header-nav.sticky-unset{animation:sticky-top-unset .5s forwards;backdrop-filter:blur(10px);background:#252525c4}.page header.page-header .header-nav.scrolled{animation:sticky-top-set .5s forwards;backdrop-filter:blur(10px);background:#252525c4}.page header.page-header .header-nav .navbar-dark .navbar-toggler{border:none}.page header.page-header .header-nav .dropdown-menu{left:unset;right:0}.page header.page-header .header-nav .dropdown:hover .dropdown-menu{display:block;margin:0}@media (max-width:991.98px){.page header.page-header .header-nav .navbar-collapse{background:#060606fc;border-radius:10px;padding:0 20px;position:absolute;right:0;top:100%;width:100%;z-index:999999999999999}.page header.page-header .header-nav .dropdown-menu{margin-bottom:10px}}@keyframes sticky-top-set{0%{top:-100px}to{top:0}}@keyframes sticky-top-unset{0%{backdrop-filter:blur(10px);background:#252525c4}to{backdrop-filter:blur(0);background:transparent}}.page .page-menu.mode-prev-next{border-top:1px dashed #e6e6e6;list-style:none;margin:0;overflow:hidden;padding:20px 0 0}.page .page-menu.mode-prev-next .menu-item-next,.page .page-menu.mode-prev-next .menu-item-prev{position:relative;width:49%}.page .page-menu.mode-prev-next .menu-item-next a,.page .page-menu.mode-prev-next .menu-item-prev a{border:1px solid #d8d8d8;border-radius:3px;display:block;padding:10px 15px;text-decoration:none}.page .page-menu.mode-prev-next .menu-item-next a span,.page .page-menu.mode-prev-next .menu-item-prev a span{display:block}.page .page-menu.mode-prev-next .menu-item-next a .menu-item-title,.page .page-menu.mode-prev-next .menu-item-prev a .menu-item-title{color:#000}.page .page-menu.mode-prev-next .menu-item-next a .menu-item-label,.page .page-menu.mode-prev-next .menu-item-prev a .menu-item-label{color:#007bff;font-size:18px;font-weight:500}.page .page-menu.mode-prev-next .menu-item-next a:hover,.page .page-menu.mode-prev-next .menu-item-prev a:hover{border:1px solid #007bff}.page .page-menu.mode-prev-next .menu-item-next a:active,.page .page-menu.mode-prev-next .menu-item-prev a:active{border:1px solid #d8d8d8}.page .page-menu.mode-prev-next .menu-item-prev{float:left;text-align:left}.page .page-menu.mode-prev-next .menu-item-prev .menu-item-title{padding-left:25px}.page .page-menu.mode-prev-next .menu-item-prev .menu-item-title:before{content:"←";left:15px;position:absolute;transition:right .3s ease-in-out}.page .page-menu.mode-prev-next .menu-item-next{float:right;text-align:right}.page .page-menu.mode-prev-next .menu-item-next .menu-item-title{padding-right:25px}.page .page-menu.mode-prev-next .menu-item-next .menu-item-title:after{content:"→";position:absolute;right:15px;transition:right .3s ease-in-out}.page footer.page-footer{align-items:center;bottom:0;display:flex;height:65px;position:fixed;width:100%;z-index:-1}.page footer.page-footer .footer-shoutout{color:inherit;text-decoration:none;transition:opacity .3s ease-in-out}.page footer.page-footer .footer-shoutout span{line-height:15px}.page footer.page-footer .footer-shoutout .prss-tag{align-items:center;display:flex;gap:5px;letter-spacing:0}.is-ssr .page footer.page-footer .footer-shoutout .prss-tag:after{border:1px solid #996a37;border-radius:5px;color:#996a37;content:"SSR";display:inline-flex;font-size:9px;font-weight:500;letter-spacing:normal;padding:0 5px}@media (max-width:1000px){.page footer.page-footer{height:auto;padding:30px 15px}}body,html{font-family:Raleway,sans-serif;margin:0;padding:0}::selection{background:#616161;color:#fff}.clickable{cursor:pointer;transition:opacity .1s ease-in-out}.clickable:hover{opacity:.5}.clickable:active{opacity:.3}.disabled,.disabled:active,.disabled:hover{opacity:.5}@media (min-width:34em){.card-columns{-webkit-column-count:2;-moz-column-count:2;column-count:2}}@media (min-width:48em){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3}}@media (min-width:62em){.card-columns{-webkit-column-count:4;-moz-column-count:4;column-count:4}}@media (min-width:75em){.card-columns{-webkit-column-count:5;-moz-column-count:5;column-count:5}}.page{box-sizing:border-box;font-family:Raleway,sans-serif;height:100%}.page p{color:#4c4c4c;font-size:18px;line-height:1.58}.page h4{font-weight:600}.page h4 a{background-color:transparent;color:inherit;text-decoration:none}.page b,.page strong{font-weight:600}.page pre{display:block;font-size:15px;line-height:1.33333333;margin:0 0 9.5px;padding:15px;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:none;border-radius:3px;color:#333}.page .alert{font-size:medium}.page .alert.alert-warning a:not(.btn){color:#463a00}.page main{background:#fff;margin-bottom:20vh;min-height:calc(100vh - 415px)}.page main .content{font-size:18px}.page main .content h2{align-items:center;display:flex;font-weight:600;justify-content:space-between}.page main .content h2 a{font-size:21px}.page main .content .post-content img[alt]{height:auto;max-width:100%}.page main .content .card.text-white blockquote footer{color:#fff}.page main .content .section-title a{font-weight:400;padding-right:25px;position:relative}.page main .content .section-title a:after{content:"→";position:absolute;right:0;transition:right .3s ease-in-out}.page main .content .section-title a:hover:after{right:-10px}.page main .main-container{background:#fff;border-radius:10px;box-shadow:0 0 25px #0000000d;margin-bottom:40px;padding:0;position:relative;z-index:1}.page main .main-container section{border-bottom:1px dashed #e6e6e6;margin:20px;padding:20px}.page main .main-container section:last-child{border-bottom:none}.page main .main-container .badge{font-weight:500}.page .jumbotron{background-color:#f5f5f5}.page .feat-jumbotron{border-bottom:5px solid #e0e0e0;padding:0}.page .feat-jumbotron .row{margin:0}.page .feat-jumbotron .col{padding:0}.page .feat-jumbotron .feat-desc{background:#2f2f2f;border-radius:5px;box-shadow:inset 0 0 25px #0000000a;color:#fff;margin:0 25px 20px;position:relative}.page .feat-jumbotron .feat-desc .col:before{background:#ffd129;border-radius:3px;content:"";height:10px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:10px}@media (min-width:576px){.page .jumbotron{padding:2rem}}.page .card{background-color:#fbfbfb;border:none;overflow:hidden;padding:3px;position:relative}.page .card a.card-title{color:inherit;display:block;font-family:Roboto;font-size:22px;font-weight:700;line-height:30px;margin:0 0 10px;padding:0}.page .card a.card-image{backface-visibility:hidden;background-color:#e6e6e6;border-radius:5px;display:block;height:200px;overflow:hidden;position:relative;text-decoration:none}.page .card a.card-image .card-img-top{height:100%;object-fit:cover;object-position:top;width:100%}.page .card a.card-image img{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.page .card a.card-image:not(.card-has-img){position:relative}.page .card a.card-image:not(.card-has-img):after{color:#fff;content:"\f1ea";font-family:FontAwesome;font-size:80px;font-weight:400;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:opacity .3s ease-in-out}.page .card .card-img-left{background-color:#e6e6e6;background-size:cover;border-radius:5px;display:block;overflow:hidden;width:100%}@keyframes ind-blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.page blockquote{border-left:3px solid #333;font-size:18px;font-style:italic;line-height:30px;margin:30px 0;padding:5px 15px;text-align:left}.page.page-single .hero{height:300px}.page.page-single .post-content{font-size:20px}.page.page-blog .hero{height:300px}.page.page-blog .card{border:none;border-radius:0;margin-bottom:20px}.page.page-blog .card:last-child{border-bottom:none;margin-bottom:0}@media (max-width:1040px){.page.page-blog .card{height:unset}}.page.page-blog .blog-items .card-img-left{align-self:center;border-radius:5px;height:200px;max-width:250px;overflow:hidden}.page.page-blog .blog-items .card-img-left img{height:100%;object-fit:cover;width:100%}.page.page-blog .blog-items .card-img-left:not(.card-has-img){position:relative}.page.page-blog .blog-items .card-img-left:not(.card-has-img):after{color:#fff;content:"\f1ea";font-family:FontAwesome;font-size:80px;font-weight:400;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:opacity .3s ease-in-out}@media (max-width:1040px){.page.page-blog .blog-items .card-img-left{display:none;width:100px}}.page.page-blog .pagination a.page-link{background-color:#f5f5f5;border:unset;color:unset;display:block;line-height:1.25;margin-left:-1px;padding:.5rem .75rem;position:relative}.page.page-blog .pagination a.page-link:hover{background-color:unset;border-color:unset;color:inherit;opacity:.5;text-decoration:none;z-index:2}.page.page-blog .pagination a.page-link.active{font-weight:500;opacity:.7}.page.page-card .hero{height:155px}.page.page-card .hero .container{display:none}.page.page-card .post-content{font-size:20px}.page.page-docs h1{font-size:36px}.page.page-docs h1,.page.page-docs h2,.page.page-docs h3,.page.page-docs h4,.page.page-docs h5,.page.page-docs h6{font-family:Roboto,sans-serif;font-weight:400}.page.page-docs h3{font-size:25px;margin-bottom:15px;margin-top:25px}.page.page-docs blockquote{border-left:3px solid #333;font-size:18px;font-style:italic;line-height:30px;margin:15px 0;padding:5px 15px;text-align:left}.page.page-docs main .main-container section{border-bottom:none;padding:0}.page.page-docs main .main-container section h2{border-bottom:1px solid #dedfe0;color:#3d4854;font-size:28px;justify-content:unset;margin-bottom:30px;margin-top:20px;padding:15px 0}.page.page-docs .hero{height:140px}.page.page-docs .post-content{font-size:18px}.page.page-docs .post-content ul{counter-reset:item;list-style:none;margin:30px 0;padding:0}.page.page-docs .post-content li{border:2px solid rgba(0,0,0,.15);border-radius:10px;counter-increment:item;font-size:18px;line-height:1.58;margin-bottom:10px;padding:15px 20px;position:relative}.page.page-docs .featured-image{background-repeat:no-repeat;background-size:cover;height:80px}.page.page-docs .post-date{font-size:15px;opacity:.7}.page.page-docs .post-title-container{background:#f9f9f9;padding:25px 40px}.page.page-docs .docs-sidebar{border-right:1px solid #e6e6e6;overflow-x:hidden;overflow-y:auto;padding-left:0;padding-right:0;padding-top:5px;position:relative}.page.page-docs .docs-sidebar ul{list-style:none;margin:0;padding:0}.page.page-docs .docs-sidebar ul li a{color:#000;display:block;overflow:hidden;padding:10px 15px 10px 35px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.page.page-docs .docs-sidebar ul li ul{background:hsla(0,0%,82%,.15);display:none}.page.page-docs .docs-sidebar ul li.expanded>ul{display:block}.page.page-docs .docs-sidebar ul li.active>a{padding-left:62px;position:relative}.page.page-docs .docs-sidebar ul li.active>a:before{background:#007bff;border-radius:50%;content:"";height:10px;left:40px;position:absolute;top:50%;transform:translateY(-50%);width:10px;z-index:1}.page.page-docs .menu-fixed:not(.small-width) .sidebar-menu{overflow-y:auto}.page.page-docs .menu-title{backdrop-filter:blur(10px);background:#252525c4;color:#fff;cursor:pointer;padding:10px 40px}.page.page-docs .menu-show .menu-title .fa-caret-down{transform:rotate(180deg)}.page.page-docs .small-width .docs-sidebar{border-right:none;max-width:unset;padding:0;position:absolute;width:100%;z-index:2}.page.page-docs .small-width .docs-sidebar ul{display:none;margin-left:0}.page.page-docs .small-width.menu-fixed .docs-sidebar{left:0;position:fixed;top:80px;width:100%}.page.page-docs .small-width.menu-show .docs-sidebar{background:#fff;height:calc(100vh - 80px)}.page.page-docs .small-width.menu-show .docs-sidebar ul{display:block}.page.page-docs .small-width .docs-sidebar+.col{margin-top:40px}.page.page-home .card-wrapper{display:flex}.page.page-home .card-wrapper .card{flex:1;position:relative}.page.page-home .card-wrapper .card a.card-title{display:block;font-family:Roboto;font-size:22px;font-weight:500;line-height:30px;margin:0 0 16px;padding:0}.page.page-home .card-wrapper .card .card-body{display:flex;flex-flow:column}.page.page-home .card-wrapper .card .card-body .card-text:first-of-type{flex:1}.page.page-post a{color:#333}.page.page-post h1,.page.page-post h2,.page.page-post h3,.page.page-post h4,.page.page-post h5,.page.page-post h6{text-rendering:optimizeLegibility}.page.page-post h1{font-size:2.5rem;font-weight:700}.page.page-post h2{align-items:center;display:flex;justify-content:space-between}.page.page-post h2,.page.page-post h3{font-family:Work Sans,serif;margin-bottom:15px;margin-top:40px}.page.page-post h3{font-weight:700}.page.page-post h4:not(.explore-more){margin-top:25px}.page.page-post h4,.page.page-post h5{font-family:Work Sans,serif}.page.page-post h5{margin-bottom:15px;margin-top:35px}.page.page-post strong{font-weight:700}.page.page-post iframe{min-height:300px;width:100%}.page.page-post main .main-container section{margin-top:0}.page.page-post .hero{height:123px}.page.page-post .post-content,.page.page-post .post-content p{font-size:20px}.page.page-post .post-content img{max-width:100%}.page.page-post .post-content ol,.page.page-post .post-content ul{counter-reset:item;list-style:none;margin:30px 0;padding:0}.page.page-post .post-content li{border:2px solid rgba(0,0,0,.15);border-radius:10px;counter-increment:item;font-size:18px;line-height:1.58;margin-bottom:20px;padding:15px 20px;position:relative}.page.page-post .featured-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;height:355px;margin:5px;position:relative}.page.page-post .post-date{font-size:15px;opacity:.7}.page.page-post .post-title-container{background:#f9f9f9;display:flex;min-height:196px;padding:40px}@media (max-width:1040px){.page.page-post .post-title-container{height:unset}}.page.page-post .card-img-left{border-radius:5px;max-width:250px;overflow:hidden}.page.page-post .card-img-left img{height:100%;object-fit:cover;width:100%}.page.page-post .card-img-left:not(.card-has-img){position:relative}.page.page-post .card-img-left:not(.card-has-img):after{color:#fff;content:"\f1ea";font-family:FontAwesome;font-size:80px;font-weight:400;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:opacity .3s ease-in-out}.page.page-post .explore-featured-image{align-self:center;border-radius:5px;display:contents;height:100%;margin:10px 0 10px 10px;max-height:115px;overflow:hidden}.page.page-post .card{background:#fbfbfb;border:none}.page.page-post h4.section-title.explore-more span{align-items:center;display:inline-flex;font-family:Roboto,sans-serif;height:50px;justify-content:center;padding:0;width:174px}.page.page-post main .content .post-inner-content>:first-child{margin-top:0}.page.page-post .featured-image-author{background:rgba(0,0,0,.5);border-radius:5px;bottom:10px;color:#fff;font-size:10px;opacity:.8;padding:5px 10px;position:absolute;right:10px;user-select:none}.page.page-post .featured-image-author a{color:#fff}.page.page-post .featured-image-author:hover{opacity:1}.page.page-post .post-content p>a{text-decoration:underline}div#root{overflow:hidden}img[data-action=zoom]{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in}.zoom-img,.zoom-img-wrap{position:relative;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;z-index:666}img.zoom-img{cursor:pointer;cursor:-webkit-zoom-out;cursor:-moz-zoom-out}.zoom-overlay{bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;z-index:420}.zoom-overlay-open .zoom-img-wrap:before,.zoom-overlay-open .zoom-overlay{opacity:1}.zoom-overlay-open,.zoom-overlay-transitioning{cursor:default}.animate{animation:animateElement .75s cubic-bezier(.3,.45,.45,.95);animation-duration:.5s;animation-iteration-count:1;transition:transform .15s}@keyframes animateElement{0%{transform:translateY(50px)}to{transform:translate(0)}}*,:after,:before{box-sizing:border-box}.zoom-img-wrap:not(.prss-footer-image),img:not(.prss-footer-image){max-width:100%;vertical-align:middle}.gallery+em,.zoom-img-wrap+em,img+em{display:block;font-size:14px;font-style:normal;font-weight:400;line-height:22px;margin-top:20px;text-align:center}.gallery+em a,.zoom-img-wrap+em a,img+em a{font-weight:700;transition:all .35s}@media only screen and (max-width:576px){.gallery+em,.zoom-img-wrap+em,img+em{margin-top:12px}}.hero{align-items:center;color:#fff;display:flex;height:500px;margin-top:-80px;position:relative}.hero .hero-image,.hero:before{height:700px;left:0;position:absolute;top:0;width:100%}.hero:before{background:#31313161;box-shadow:0 20px 50px grey;content:"";z-index:1}.hero .hero-image{background-color:#000;background-size:cover;z-index:0}.hero .hero-title{font-size:38px;font-weight:600}.hero .hero-message{font-size:19px;margin-top:15px;opacity:.8}.hero .container{z-index:2}.hero .links{display:flex;font-size:18px}.hero .links a{align-items:center;color:#fff;display:flex;text-decoration:none}.hero .links a:hover span{text-decoration:underline}