diff --git a/css/main.css b/css/main.css index a9e558f..26c657a 100644 --- a/css/main.css +++ b/css/main.css @@ -14,13 +14,66 @@ body { } #name { - font-size: 16pt; + font-size: 18pt; +} + +#type { + font-size: 14pt; } #flavortext { font-size: 12pt; } +.type-filter { + position: relative; + float: left; + overflow: hidden; + width: auto; + padding: 0 10px 0 0; + margin-right: 9px; + background: rgba(245, 245, 245, 1); + border: 1px solid rgba(30,36,43,0.1); + border-radius: .278rem; + font-size: 11px; +} + +select { + width: 130%; + height: 130%; + padding: .8em 1em;; + color: rgba(30,36,43, 1); + border: 0; + border-radius: .278rem; + box-shadow: none; + background: rgba(245, 245, 245, 1); + background-image: none; + font-size: 15px; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; +} + +select:focus { + outline: none; +} + +select:hover +{ + background: rgba(250, 250, 250, 1); +} + +.type-filter:after +{ + content: "\f0d7"; + font-family: FontAwesome; + font-size: 15px; + position: absolute; + top: 14px; + right: 16px; + color: rgba(30,36,43, 1); +} + .button { vertical-align: middle; cursor: pointer; @@ -40,6 +93,10 @@ body { background-color: #ffce1f; } +.button:focus { + outline: none; +} + .footer { position: relative; width: 100%; diff --git a/index.html b/index.html index c1b0c14..d535fbc 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@ -
+ - + +