search icon

saifulrizal · Nov 26, 2014 · 5e7360a · 5e7360a
1 parent fca1a3e
commit 5e7360a
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 4 deletions.
diff --git a/css/theme.css b/css/theme.css
@@ -256,21 +256,33 @@ body:not(.loading) .stop-button {
   vertical-align: bottom;
 }
 
-.identity {
+.searchselector {
   width: 16px;
   height: 16px;
   margin: 0 6px;
-  background-position: -16px 0;
+  background-image: url(../images/shared/Search.png);
+  background-repeat: no-repeat;
+  background-position: 1px 1px;
 }
 
-.identity:hover {
-  background-position: 0 0;
+@media (min-resolution: 2dppx) {
+  .searchselector {
+    background-image: url(../images/shared/[email protected]);
+  }
 }
 
 .identity {
+  width: 16px;
+  height: 16px;
+  margin: 0 6px;
+  background-position: -16px 0;
   background-image: url(../images/shared/identity-icons-generic.png);
 }
 
+.identity:hover {
+  background-position: 0 0;
+}
+
 body.ssl .identity {
   background-image: url(../images/shared/identity-icons-https.png);
 }

diff --git a/images/shared/Search.png b/images/shared/Search.png
diff --git a/images/shared/[email protected] b/images/shared/[email protected]
diff --git a/index.html b/index.html
@@ -32,6 +32,7 @@
           <input placeholder="Search or enter address" class="urlinput" flex="1">
         </hbox>
         <hbox class="searchbar" align="center">
+          <div class="searchselector"></div>
           <input placeholder="Yahoo" class="searchinput">
         </hbox>
         <button class="menu-button"></button>