mirror of
https://github.com/10h30/full-screen-morphing-search.git
synced 2026-07-18 22:13:20 +09:00
Few CSS and JS corrections
This commit is contained in:
@@ -73,6 +73,7 @@
|
||||
height: 100%;
|
||||
font-style: italic;
|
||||
color: #ec5a62;
|
||||
outline: none;
|
||||
/* Using ID '#morphsearch' to avoid using !important */
|
||||
}
|
||||
|
||||
@@ -158,6 +159,17 @@ input[type="search"] {
|
||||
.morphsearch-submit:hover {
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-image: none;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.morphsearch-submit:active {
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-image: none;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* 3- Hidding the Morphing Search Page once the .close class is added to the main div */
|
||||
@@ -219,6 +231,10 @@ input[type="search"] {
|
||||
color: #333;
|
||||
margin-top: 4.5em;
|
||||
width: 100%;
|
||||
/* Firefox: old themes */
|
||||
width: -moz-available;
|
||||
/* Chrome: old themes */
|
||||
width: -webkit-fill-available;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
padding: 0 10.5%;
|
||||
|
||||
Reference in New Issue
Block a user