-
Notifications
You must be signed in to change notification settings - Fork 0
/
mori.min.css
1 lines (1 loc) · 6.38 KB
/
mori.min.css
1
.inline,highlight{vertical-align:middle;display:inline-block}.inline,.tag,highlight{display:inline-block}.blog,.card-content{grid-template-columns:1fr}.blog,.card-content,.inline-newsletter-grid{grid-template-rows:auto;grid-auto-columns:1fr}body{font-family:Lato,sans-serif;background-color:#fefafa}h1{font-size:3em}h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}code,pre{font-family:Consolas,Monaco,monospace;background-color:#eee;border:1px solid #999;padding:2px;font-size:90%;white-space:normal;box-sizing:border-box;overflow-x:auto;overflow-y:auto;max-height:500px}.inline{padding:3px 5px;font:11px/10px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;color:#f8f9fb;background-color:#80065b;border:1px solid rgba(86,37,3,.4)}highlight{padding:8px;line-height:10px;background-color:#ffd1e0}.block-fixed,.pressable{box-shadow:4px 4px #181616;transition:box-shadow .3s,transform .3s}.pressable:focus,.pressable:hover{box-shadow:0 2px 4px rgba(0,0,0,.2);transform:translateY(2px)}.box-move:hover,.move:hover{transform:translate(-10px,-10px)}.tag{background-color:var(--white);color:var(--black);border:1px solid #000;border-radius:99999px;padding:.5rem .75rem;font-size:.875rem;line-height:1}.btn,.btn-disabled,.dropbtn{background-color:#fff;cursor:pointer}.card-wrap,.contain{border:2px solid #000;display:flex;color:var(--black);width:100%}.color-change:hover{background-color:#110202;color:#fff;transition:.14s cubic-bezier(.25, .46, .45, .94)}.box-move:hover,.card-wrap,.contain,.move:hover{transition:.14s}.card-wrap{flex-direction:column}.contain{overflow:hidden}.noise{background-image:url("data:image/svg+xml,%3C!-- svg: first layer --%3E%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='4' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.move:hover{box-shadow:4px 4px #181616}.card-thumbnail{width:100%;height:100%;border-bottom:2px solid var(--black);display:block}#container,.card-content{display:flex;flex-direction:column}.card-content{flex:1;border-top:2px solid #000;align-items:stretch;padding:1.5rem}.blog{grid-column-gap:0px;grid-row-gap:1.5rem;align-items:start;padding:1.5rem 2rem;display:grid}.box{padding:20px;margin:10px 0;border:1px solid #ccc;background:#fff;cursor:move}.box h2{margin-top:0}.accordion{max-width:100%;margin:0 auto}.accordion-title{display:block;padding-top:15px;padding-bottom:15px;margin:0;font-size:30px;width:100%;text-align:left;cursor:pointer;border-top:2px solid #000}.accordion-title:hover{opacity:.7}.accordion-content{max-height:0;overflow:hidden;transition:max-height 1s;display:grid}input[type=checkbox]{display:none}input[type=checkbox]:checked+.accordion-title+.accordion-content{max-height:100rem}input[type-checkbox]:checked+.accordion-title{color:#333}.dropbtn{padding:16px;font-size:16px;width:100%;flex-direction:column}.btn,.btn-disabled{display:flex;align-items:center;justify-content:center;padding:10px;font-size:13px;width:10%}.btn-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.round{border-radius:.375rem}.dropdown,.dropup{position:relative;display:inline-block;border:2px solid var(--black);color:var(--black)}.dropdown-content,.dropup-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;z-index:1;border:2px solid #000;color:var(--black);box-shadow:3px 3px #181616}.form-submit-btn,.form-submit-btn.arrow{background-color:var(--pink);color:var(--black)}.dropup-content{bottom:100%}.dropdown-content a,.dropup-content a{color:#000;padding:12px 16px;text-decoration:none;display:block;border:2px solid var(--black)}.dropdown-content a:hover,.dropup-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content,.dropup:hover .dropup-content{display:block}.box-move:hover{box-shadow:6px 6px #181616}.inline-newsletter-grid{grid-column-gap:0px;grid-row-gap:0px;grid-template-columns:1fr 5rem;display:grid}.form-submit-btn{border-top-right-radius:4px;border-bottom-right-radius:4px}.form-submit-btn.arrow{border-left:2px solid var(--black);padding:.1rem .5rem .5rem;font-size:1.75vw;transition:color .2s ease-in-out,background-color .2s ease-in-out}.anchor-animate,.anchor-animate-left{text-decoration:none;position:relative;display:inline-block}.anchor-animate-left::after,.anchor-animate::after{content:'';position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:#000;transition:width .5s,left .5s}.anchor-animate-left::after{left:0}.anchor-animate-left:hover::after,.anchor-animate:hover::after{width:100%;left:0}.radio-group{display:flex;flex-direction:row;align-items:center}.radio,.tooltip{position:relative;display:inline-block}.radio{width:1em;height:1em;cursor:pointer;background-color:#db7093;transition:background-color .1s,color .1s;-webkit-appearance:none;appearance:none;outline:0}.radio:checked{background-color:#000}#searchBar{width:70%;padding:5px 10px;outline:0}.search-bar{background-image:url('data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9ImJsYWNrIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNXB4Ij4KICAgIDxwYXRoIGQ9Ik0xMCwyQTgsOCwwLDEsMCwxOCwxMCw4LDgsMCwwLDAsMTAsMlptMCwxNGE2LDYsMCwxLDEsNi02QTYsNiwwLDAsMSwxMCwxNloiLz4KICAgIDxwYXRoIGQ9Ik0yMSwyMGwtNC4zNS00LjM1YTEsMSwwLDAsMC0xLjQsMS40TDE5LjYsMjEuNGExLDEsMCwwLDAsMS40LTEuNFoiLz4KPC9zdmc+Cg==');background-size:cover;background-repeat:no-repeat;width:24px;height:25px;margin-right:.5px}.tooltip{border-bottom:1px dotted #000}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#3b0602;color:#fff;text-align:center;padding:5px 0;position:absolute;z-index:1;bottom:100%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.sidebar{float:right;width:200px;margin:10px;padding:10px;border:1px solid #161616}.sidebar p{margin:0;line-height:1.5}@media screen and (max-width:768px){body{padding:5px}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1.125em}h6{font-size:1em}.blog{grid-template-columns:1fr}.card-wrap,.contain,.dropbtn,.dropdown,.dropup{width:auto}#searchBar{width:100%}.accordion{max-width:100%}body,li,p{font-size:14px}input[type=text],select,textarea{font-size:16px}button{padding:15px 25px;font-size:small}.grid-container{display:block}table{overflow-x:auto}.modal{width:90%}}