Add header

crrio · Jan 24, 2015 · 331a0a0 · 331a0a0
1 parent 85f4385
commit 331a0a0
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 8 deletions.
diff --git a/maplefm-icon.png b/maplefm-icon.png
diff --git a/popup.css b/popup.css
@@ -20,44 +20,59 @@ input:focus {outline: none; }
 
 .addbox {
   display: block;
+  top: 65px;
   width: 100%;
   text-align: center;
   border: 0px;
   background-color: rgb(255, 255, 255);
   color: rgb(16, 16, 16);
-  font-size: 14px;
+  font-size: 13px;
+  letter-spacing: 0.5px;
   font-weight: 200;
   font-family: "Roboto","Helvetica Neue", Helvetica, Arial, sans-serif;
   position: fixed;
   padding: 2px;
   height: 40px;
   -webkit-appearance: none;
-  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.08);
-  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.08);
-  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.08);
+  box-shadow: 0px 0px 1px 0.00px rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: 0px 0px 1px 0.00px rgba(0, 0, 0, 0.26);
+  -moz-box-shadow: 0px 0px 1px 0.00px rgba(0, 0, 0, 0.26);
+  z-index: 100;
+}
+
+.header{
+  width: 300px;
+  height: 65px;
+  background-color: #ffffff;
+  position: fixed;
+  box-shadow: 0px 0px 1px 0.00px rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: 0px 0px 1px 0.00px rgba(0, 0, 0, 0.26);
+  -moz-box-shadow: 0px 0px 1px 0.00px rgba(0, 0, 0, 0.26);
+  z-index: 100;
 }
 
 .container{
   width: 300px;
   height: 500px;
+  overflow: hidden;
 }
 
 .watchlist {
   position: relative;
   width: 100%;
   height: 500px;
   overflow-x: hidden;
-  top: 44px;
+  top: 107px;
 }
 
 .item {
   position: relative;
   width: 300px;
   height: 72px;
 
-  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.08);
-  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.08);
-  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.08);
+  box-shadow: 0px 0px 1px 0.00px rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: 0px 0px 1px 0.00px rgba(0, 0, 0, 0.26);
+  -moz-box-shadow: 0px 0px 1px 0.00px rgba(0, 0, 0, 0.26);
 }
 
 .icon {
@@ -90,4 +105,14 @@ input:focus {outline: none; }
   font-family: "Roboto","Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #8e8e8e;
   letter-spacing: 0.5px;
+}
+
+.maplefm {
+  position: absolute;
+  background: url(maplefm-icon.png);
+  width: 49px;
+  height: 49px;
+  background-repeat: no-repeat;
+  left: 133px;
+  top: 15px;
 }