Correct search box appearance

remove theme specific style and organize elements.

Correct search box appearance
remove theme specific style and organize elements.
Aurélio A. Heckert
1 parent b5d67b0a
Showing 1 changed file with 11 additions and 28 deletions Show diff stats
public/stylesheets/search.css
@@ -669,47 +669,30 @@ li.search-product-item hr {
 /* Search field and button */
  
 .search-field input {
-  vertical-align: middle;
-}
-.search-field .formfield {
-  height: 34px;
-  display: inline-block;
+  vertical-align: bottom;
 }
+.search-field .formfield,
 .search-field .formfield input {
-  height: 25px;
-  width: 530px;
-}
-#public-profile-search .search-field .formfield input {
-  height: 25px;
-  width: 395px;
+  width: 100%;
 }
  
-.search-field .formfield {
-  height: 34px;
-  display: inline-block;
+#public-profile-search .formfield {
+  float: left;
+  width: 80%;
 }
-#content #public-profile-search form .search-field input.button.submit {
-  width: 75px;
+#public-profile-search .submit {
+  float: right;
 }
-
-form .search-field input:hover.button.submit {
-  background-color:#444;
+#public-profile-search .search-field div {
+  clear: both;
 }
+
 .search-hint {
   clear: both;
   padding: 10px 0 10px 10px;
   border-bottom: 1px solid #555;
   font-size: 0.9em;
 }
-#content form .search-field input:hover.button.submit {
-  background-color:#444;
-}
-
-#content form .search-field input.button.submit {
-  height: 30px;
-  max-height:none;
-}
-
  
 .facet-any-result-found {
   font-size: 75%;
...	...	@@ -669,47 +669,30 @@ li.search-product-item hr {
669	669	/* Search field and button */
670	670
671	671	.search-field input {
672		- vertical-align: middle;
673		-}
674		-.search-field .formfield {
675		- height: 34px;
676		- display: inline-block;
	672	+ vertical-align: bottom;
677	673	}
	674	+.search-field .formfield,
678	675	.search-field .formfield input {
679		- height: 25px;
680		- width: 530px;
681		-}
682		-#public-profile-search .search-field .formfield input {
683		- height: 25px;
684		- width: 395px;
	676	+ width: 100%;
685	677	}
686	678
687		-.search-field .formfield {
688		- height: 34px;
689		- display: inline-block;
	679	+#public-profile-search .formfield {
	680	+ float: left;
	681	+ width: 80%;
690	682	}
691		-#content #public-profile-search form .search-field input.button.submit {
692		- width: 75px;
	683	+#public-profile-search .submit {
	684	+ float: right;
693	685	}
694		-
695		-form .search-field input:hover.button.submit {
696		- background-color:#444;
	686	+#public-profile-search .search-field div {
	687	+ clear: both;
697	688	}
	689	+
698	690	.search-hint {
699	691	clear: both;
700	692	padding: 10px 0 10px 10px;
701	693	border-bottom: 1px solid #555;
702	694	font-size: 0.9em;
703	695	}
704		-#content form .search-field input:hover.button.submit {
705		- background-color:#444;
706		-}
707		-
708		-#content form .search-field input.button.submit {
709		- height: 30px;
710		- max-height:none;
711		-}
712		-
713	696
714	697	.facet-any-result-found {
715	698	font-size: 75%;
...	...