diff --git a/public/main.css b/public/main.css index deba120..66d40b9 100644 --- a/public/main.css +++ b/public/main.css @@ -1,143 +1,143 @@ @import url(https://fonts.googleapis.com/css?family=Cabin:400); .searchform { - background: #151515; - height: 100%; - position: absolute; - text-align: center; - width: 100%; + background: #151515; + height: 100%; + position: absolute; + text-align: center; + width: 100%; } .searchform:before, .searchform:after { - content: ''; - display: block; - height: 1px; - left: 50%; - margin: 0 0 0 -400px; - position: absolute; - width: 800px; + content: ''; + display: block; + height: 1px; + left: 50%; + margin: 0 0 0 -400px; + position: absolute; + width: 800px; } .searchform:before { - background: #444; - background: linear-gradient(left, #151515, #444, #151515); - top: 192px; + background: #444; + background: linear-gradient(left, #151515, #444, #151515); + top: 192px; } .searchform:after { - background: #000; - background: linear-gradient(left, #151515, #000, #151515); - top: 191px; + background: #000; + background: linear-gradient(left, #151515, #000, #151515); + top: 191px; } .searchform form { - background: #111; - background: linear-gradient(#1b1b1b, #111); - border: 1px solid #000; - border-radius: 5px; - box-shadow: inset 0 0 0 1px #272727; - display: inline-block; - font-size: 0px; - margin: 150px auto 0; - padding: 20px; - position: relative; - z-index: 1; + background: #111; + background: linear-gradient(#1b1b1b, #111); + border: 1px solid #000; + border-radius: 5px; + box-shadow: inset 0 0 0 1px #272727; + display: inline-block; + font-size: 0px; + margin: 150px auto 0; + padding: 20px; + position: relative; + z-index: 1; } .searchform input { - background: #222; - background: linear-gradient(#333, #222); - border: 1px solid #444; - border-radius: 5px 0 0 5px; - box-shadow: 0 2px 0 #000; - color: #888; - display: block; - float: left; - font-family: 'Cabin', helvetica, arial, sans-serif; - font-size: 13px; - font-weight: 400; - height: 40px; - margin: 0; - padding: 0 10px; - text-shadow: 0 -1px 0 #000; - width: 200px; + background: #222; + background: linear-gradient(#333, #222); + border: 1px solid #444; + border-radius: 5px 0 0 5px; + box-shadow: 0 2px 0 #000; + color: #888; + display: block; + float: left; + font-family: 'Cabin', helvetica, arial, sans-serif; + font-size: 13px; + font-weight: 400; + height: 40px; + margin: 0; + padding: 0 10px; + text-shadow: 0 -1px 0 #000; + width: 200px; } .ie .searchform input { - line-height: 40px; + line-height: 40px; } .searchform input::-webkit-input-placeholder { - color: #888; + color: #888; } .searchform input:-moz-placeholder { - color: #888; + color: #888; } .searchform input:focus { - animation: glow 800ms ease-out infinite alternate; - background: #222922; - background: linear-gradient(#333933, #222922); - border-color: #393; - box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000; - color: #efe; - outline: none; + animation: glow 800ms ease-out infinite alternate; + background: #222922; + background: linear-gradient(#333933, #222922); + border-color: #393; + box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000; + color: #efe; + outline: none; } .searchform input:focus::-webkit-input-placeholder { - color: #efe; + color: #efe; } .searchform input:focus:-moz-placeholder { - color: #efe; + color: #efe; } .searchform button { - background: #222; - background: linear-gradient(#333, #222); - box-sizing: border-box; - border: 1px solid #444; - border-left-color: #000; - border-radius: 0 5px 5px 0; - box-shadow: 0 2px 0 #000; - color: #fff; - display: block; - float: left; - font-family: 'Cabin', helvetica, arial, sans-serif; - font-size: 13px; - font-weight: 400; - height: 40px; - line-height: 40px; - margin: 0; - padding: 0; - position: relative; - text-shadow: 0 -1px 0 #000; - width: 80px; + background: #222; + background: linear-gradient(#333, #222); + box-sizing: border-box; + border: 1px solid #444; + border-left-color: #000; + border-radius: 0 5px 5px 0; + box-shadow: 0 2px 0 #000; + color: #fff; + display: block; + float: left; + font-family: 'Cabin', helvetica, arial, sans-serif; + font-size: 13px; + font-weight: 400; + height: 40px; + line-height: 40px; + margin: 0; + padding: 0; + position: relative; + text-shadow: 0 -1px 0 #000; + width: 80px; } .searchform button:hover, .searchform button:focus { - background: #292929; - background: linear-gradient(#393939, #292929); - color: #5f5; - outline: none; + background: #292929; + background: linear-gradient(#393939, #292929); + color: #5f5; + outline: none; } .searchform button:active { - background: #292929; - background: linear-gradient(#393939, #292929); - box-shadow: 0 1px 0 #000, inset 1px 0 1px #222; - top: 1px; + background: #292929; + background: linear-gradient(#393939, #292929); + box-shadow: 0 1px 0 #000, inset 1px 0 1px #222; + top: 1px; } @keyframes glow { - 0% { - border-color: #393; - box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000; + 0% { + border-color: #393; + box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000; } - 100% { + 100% { border-color: #6f6; box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4), 0 2px 0 #000; }