Main Page: Difference between revisions
From Zelda Wiki, the Zelda encyclopedia
no edit summary
CodyDaviesTV (talk | contribs) m (Reverted edits by Cody (talk) to last revision by Hylian King) |
CodyDaviesTV (talk | contribs) No edit summary |
||
Line 376: | Line 376: | ||
/* #################### SEARCH BAR #################### */ | /* #################### SEARCH BAR #################### */ | ||
.bodySearchWrap { | |||
height:40px; | |||
} | |||
| |||
.bodySearch{ | .bodySearch{ | ||
margin:30px 0 60px; | margin:30px 0 60px; | ||
} | } | ||
| |||
.bodySearch input:first-of-type{ | |||
width:100%; | width:100%; | ||
max-width:600px; | max-width:600px; | ||
font-size:18px; | font-size:18px; | ||
height: | height:100%; | ||
padding:2px 2px 2px 10px; | padding:2px 2px 2px 10px; | ||
border-radius:3px; | border-radius:3px; | ||
border:1px solid #999; | border:1px solid #999; | ||
} | } | ||
| |||
/* Custom search button styling | /* Custom search button styling */ | ||
. | .bodySearch input:last-of-type{ | ||
-webkit-appearance: none; | -webkit-appearance: none; | ||
-moz-appearance: none; | -moz-appearance: none; | ||
appearance: none; | appearance: none; | ||
| |||
font-size:18px; | font-size:18px; | ||
height: | height: 100%; | ||
background-color:#ebebeb; | background-color:#ebebeb; | ||
border-radius: 3px; | border-radius: 3px; | ||
Line 409: | Line 414: | ||
transition: background .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out; | transition: background .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out; | ||
} | } | ||
| |||
. | .bodySearch input:last-of-type:hover{ | ||
box-shadow: 0 2px rgba(0,0,0,0.1),inset 0 -4px rgba(0,0,0,0.2); | box-shadow: 0 2px rgba(0,0,0,0.1),inset 0 -4px rgba(0,0,0,0.2); | ||
} | } | ||
| |||
. | .bodySearch input:last-of-type:focus{ | ||
border:2px solid rgba(0,0,0,0.3); | border:2px solid rgba(0,0,0,0.3); | ||
border-radius: 4px; | border-radius: 4px; | ||
Line 420: | Line 425: | ||
box-shadow:none; | box-shadow:none; | ||
} | } | ||
| |||
. | .bodySearch input:last-of-type:active{ | ||
box-shadow: 0 0 3px rgba(0,0,0,0.2); | box-shadow: 0 0 3px rgba(0,0,0,0.2); | ||
background-color:#ccc; | background-color:#ccc; | ||
} | } | ||
/* #################### GAME NAV #################### */ | /* #################### GAME NAV #################### */ |