<b:if cond='data:blog.pageType == "index"'><data:blog.pageTitle/><b:else/><b:if cond='data:blog.pageType != "error_page"'><data:blog.pageName/> - <data:blog.title/><b:else/>404 | <data:blog.title/></b:if></b:if>
.... body * { font-family: 'Open Sans', sans-serif; color: #222; } body { background:#ffffff; } #main { margin: 0 auto; max-width: 800px; width: responsive; padding: 1rem; box-sizing: border-box; } .content-box { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border-radius: 2px; margin-top: 1em; background:white; } #description p:last-child { margin-bottom: 0; } #description h1:first-child { margin-top: 0; } #background { z-index:-1; position:fixed; top:0; left:0; right:0; bottom:0; background-size: 20vw; } #logo { text-align: center; font-size: 5.5vw; font-family: 'Abril Fatface', Abril Fatface; color: #e0070a; text-shadow: 0px 1px 2px #444; margin-top: 0.1em; margin-bottom: 0.6em; } #description *:not(pre) > code { background: #f1f1f1; font-family: monospace; font-size: 1.1em; padding: 0.3em; } #description pre { overflow-x: auto; overflow-y: hidden; padding: 0.5em; background: #f1f1f1; font-family: monospace; } * { padding: 0; margin: 0; box-sizing: border-box; } .ui-input-container { background-color: #ebf0f7; padding: 1rem; border-radius: 4px; width: 100%; margin: 0 auto; } .ui-input-container div { font-size: 20px; color: #030003; font-family: Trebuchet MS } .ui-form-input-container { position: relative; font-size: 1rem; margin-bottom: 15px; display: block; } .ui-form-input { background-color: #FFFFFF; padding: 13px 15px; border: 1.2px solid #cc0000; outline: 0; width: 100%; } .form-input-label { position: absolute; top: -7px; left: 10px; color: #cc0000; font-size: 0.85rem; padding-right: 0.33rem; padding-left: 0.33rem; background: #eeeeee; border: 0.5px solid #cc0000; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1); font-family: sans-serif; text-transform: capitalize; } .ui-form-btn { padding: 13px 15px; border-radius: 8px; background: #1a73e8; outline: 0; width: 100%; border: none; cursor: pointer; font-size: 1rem; color: white; font-weight: 500; } .error .ui-form-input, .error .form-input-label { border-color: #d50000; color: #d50000; } textarea { min-height: 20em; max-height: 100px; width: responsive; background: #f1f1f1; } button, input { overflow: visible; } input[type="button" i] { -webkit-appearance: push-button; user-select: none; white-space: pre; align-items: flex-start; text-align: center; cursor: default; color: -internal-light-dark-color(buttontext, rgb(255, 255, 255));; background-color: -internal-light-dark-color(rgb(255, 255, 255), rgb(74, 74, 74)); box-sizing: border-box; padding: 5px 25px; border-width: 2px; border-style: outset; border-color: -internal-light-dark-color(rgb(000, 000, 000), rgb(000, 000, 000)); border-image: initial; } .ui-input-container div { font-size: 20px; color: #000000; font-family: Odibee Sans;} @media only screen and (max-width: 850px) { #logo { font-size: 10.5vw; } } @media only screen and (max-width: 650px) { #output { font-size: 1em; } }
0 Words | 0 Characters.
No comments:
Post a Comment
Thanks