1 line
9.5 KiB
CSS
1 line
9.5 KiB
CSS
/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.color-primary-0{color:#6b6b6b}.color-primary-1{color:#c9c8c8}.color-primary-2{color:#999}.color-primary-3{color:#343434}.color-primary-4{color:#040303}.bg-color-0{background-color:#6b6b6b}.bg-color-1{background-color:#c9c8c8}.bg-color-2{background-color:#999}.bg-color-3{background-color:#343434}.bg-color-4{background-color:#040303}body{font-family:Avenir,HelveticaNeue-Light,helvetica neue light,helvetica neue,Helvetica,Arial,lucida grande,sans-serif;color:#454545;font-size:1.1em;background-size:22px 22px;margin:0;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;word-break:break-word}} p { margin: 1.5em 0; } .home-header { min-height: 26rem; max-width: 50rem; margin: 0 -1.2rem -5rem -1.2rem; padding: 1.2rem; display: flex; flex-direction: column; z-index: -1; color: white; background-position: center; background-size: cover; } .home-faceshot-card { align-self: center; padding: 0.5rem; margin-bottom: 3rem; max-width: 17rem; width: 100%; background-color: white; border-radius: 1.2rem; box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.1); } .home-faceshot { margin: 0; border-radius: 0.8rem; } .home-blob-text-container { margin: 2em 0; max-width: 30rem; line-height: 1.5; } .home-blob-title{ font-size: 1.5em; font-weight: normal; margin: 0; } .home-blob-text{ margin: 0.5em 0 0 0; font-size: 1.1em; } .nav-bar { max-width: 60rem; padding: 0.4em 0; justify-content: space-between; align-items: center; } .nav-header { margin: 0; padding: 0.4em; font-size: 1.4em; } .nav-text { font-weight: normal; text-decoration: none; z-index: 105; color: black; font-weight: bolder; font-size: 3rem; } .menu-container { align-content: space-between; } #menu { list-style: none; } #menu li{ list-style: none; font-weight: bold; display: inline; padding: 0 1em 1em 0; margin-top: 0.4em; display: inline-grid; } .post { margin: 0 0 1em 0; line-height: 1.9; } .post-header { margin: 0 0 1.5em 0; } .post-title { font-size: 1.8em; font-weight: 500; line-height: 1.2; margin: 0 0 0.4em 0; font-family: serif; } .post-date { display: block; color: #7a7b7c; font-size: 0.7em; margin: 0; } .post-figure { margin: 1.5em 0; } .dropcase>p:first-of-type::first-letter { float: left; font-size: 3em; line-height: 1; margin: 0.08em 0.15em -0.4em 0; } .content { background-color: white; padding: 2em 0; margin-bottom: 3rem; margin-top: 1em; width: 100%; max-width: 50rem; z-index: 2; transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1); box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.1); } .list-header { margin: 1em; text-align: center; } .list-header-title { margin: 0.1em 0 0.1em 0; font-size: 2em; text-transform: uppercase; } .list-header-subtext { font-weight: normal; font-size: 1.5em; line-height: 1.6; margin: 0; } .list-header-content { margin: 5em 0; line-height: 1.6em; } .card-container { max-width: 48rem; } .card { display: block; margin: 3rem 0; box-sizing: border-box; background-color: white; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1); box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.1); } .home-card { padding: 0.8em; font-size: 2em; font-weight: bold; text-align: center; color: white; background-position: center center; object-fit: cover; } .blog-card { display: flex; flex-direction: column; align-items: stretch; border-style: solid; } .bc-next { margin-top: 0; } .card-img-container { position: relative; margin: 0.5rem; } .card-img { border-radius: 0.8rem; margin: 0 0 -0.7em 0; max-height: 10em; object-fit: cover; } .card-img-overlay { border-radius: 0.8rem 0.8rem 0 0; position: absolute; top: 0; font-size: 1.27em; text-align: center; padding: 0.77em 0; width: 100%; box-sizing: border-box; margin: 0; color: white; background-color: rgba(0,0,0,0.4); z-index: 5; } .card-body { margin: 1.3em 1.5em; line-height: 1.6; } .card-title { margin: 0; color: black; font-size: 1.3em; font-weight: 500; font-family: serif; } .card-text { margin: 1em 0; } .card-subtext { display: flex; flex-direction: row; justify-content: flex-start; font-size: 0.8em; } .card-subtext>p { margin: 0; } .card-subtext>p+p { margin-left: 1em; padding-left: 1em; word-spacing: 0.5em; border-left: thin solid #7a7b7c; } .end-nav { width: 100%; max-width: 48rem; z-index: 2; } .pagination-nav { margin: 2em 0; width: 100%; max-width: 47rem; } .pagination-newer { float:left; } .pagination-older { float: right; } .button { padding: 0.5em 0.6em; background-color: #FFF; text-decoration: none; border-radius: 0.3rem; transition: transform 0.1s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.1s cubic-bezier(0.25,0.8,0.25,1); box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.1); } .button:hover { box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.12),0 0.05rem 0.1rem rgba(0,0,0,0.24); transform: scale(0.97); } .button:active { transform: scale(1); } .side-gutter { margin-left: 1.2rem !important; margin-right: 1.2rem !important; } .side-padding { padding-left: 1.2rem !important; padding-right: 1.2rem !important; box-sizing: border-box !important; } .side-text-padding { padding-left: 1.2rem !important; padding-right: 1.2rem !important; box-sizing: border-box !important; } .small-pic { display: block; margin-top: 1.5em; } .small-img { width: unset; max-width: 100%; margin: 0 auto 1.5em auto; } .muted-text { color: #8E8E8E; } .katex-display { margin: 1.5em 0; overflow-x: auto; overflow-y: hidden; } #disqus_thread { margin-top: 5em; } .no-scroll { overflow: hidden; position: fixed; } .clear { clear: both; } h1,h2,h3,h4,h5,h6 { margin: 1.5em 0 -0.5em 0; clear: both; } img { display: block; width: 100%; height: auto; margin: 1.5em 0; } blockquote { border-left: 0.3em solid #D1D1D1; margin: 1.5em 0.8em; padding: .5em 0.5em; font-style: italic; } blockquote p { display: inline; } ul,ol { padding-left: 1.6em; } li ul,li ol { padding-left: 1em; } li>p { margin: 0; } code { font-size: 1.1rem; font-family: monospace; padding: .2em .5em; line-height: 1.5; border-radius: 0.3rem; background-color: #f5f6f7; } pre>code { margin: 1.5em 0; display: block; padding: 0.5em; word-break: normal; overflow-x: auto; color: black; } .highlight>pre { background-color: unset !important; } hr { border: 0; border-bottom: thin solid #D1D1D1; margin: 3em 0; clear: both; } a { color: #454545; } table { color: #141823; border-collapse: collapse; border-spacing: 0; margin: 1.5em 0; } td,th { padding: 0.5em 1em; border: thin solid #D1D1D1 } tr:nth-child(even) td { background: #f5f6f7; } footer { height: 17rem; max-width: 50rem; width: 100%; margin-top: -10rem; display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: flex-end; color: white; background-position: 40% 0%; background-size: 50rem; } .footer-link { margin: 1rem 0; } .footer-icon { max-width: 3.2rem; margin: 0; } @media only screen and (min-width: 40.063em) { body{font-size:1.15rem}.home-header{flex-direction:row;align-items:flex-start}.home-blob-text-container{margin:4rem 2rem 4rem 6rem;flex-shrink:10}.home-faceshot-card{align-self:unset}.nav-bar{padding:.8em 0;background-color:#fff;z-index:auto}.nav-header{margin:0;font-size:1.4em;background-color:#fff}.nav-text{font-weight:400;text-decoration:none;z-index:105;color:#000;font-weight:bolder;font-size:3rem;background-color:#fff}.list-header-title{font-weight:400;font-size:4.2em}.blog-card{flex-direction:row;align-items:stretch}.card-img{margin:0;max-height:unset;height:100%;width:16em}.card-img-overlay{border-radius:.8rem .8rem 0 0}.card-body{margin:1.3em 1.7em}.card-title{font-size:1.3em}.card-text{font-size:.9em;margin:.8em 0 1.2em}.card-subtext{font-size:.7em;margin-bottom:.7em}.content{}.post{margin:1em 1.8em 2em}.post-title{font-size:2em}.button{border-radius:.2rem}.smartfloat-right{float:right;margin:0 0 1.5em 1.5em}.smartfloat-left{float:left;margin:0 1.5em 1.5em 0}code{border-radius:.2rem}} |