changed homepage to accomodate above the fold, changed images to look less like real buttons, changed selected state of tabs to be more obvious, placed placeholder text in textarea

web/frontpage/index.html

@@ -28,6 +28,14 @@
         </button>
       </div>
     </div>
+    <div class="row">
+      <div class="c1 description">
+        <h1>So, what&rsquo;s Linkdrop?</h1>
+        Linkdrop is your conversation starter. Linkdrop is a browser extension that allows you to share links in a fast and fun way. Share links from within the browser, from any webpage, using the same services you already know and love. Linkdrop is made by <a href="http://mozillamessaging.com/">Mozilla Messaging</a>.</div>
+      <div class="c2">
+        <img src="i/screenshot_01.png">
+      </div>
+    </div>
     <div class="row">
       <div id="movie" class="c3">
         <div class="corner tl"></div>
@@ -38,14 +46,6 @@
         &ldquo;Drop links not bombs&rdquo; <span class="watch">Check out the video to get started</span>
       </div>
     </div>
-    <div class="row about">
-      <div class="c1 description">
-        <h1>So, what&rsquo;s Linkdrop?</h1>
-        Linkdrop is your conversation starter. Linkdrop is a browser extension that allows you to easily share, track and archive links in a fast and fun way. Share links from within the browser, from any webpage, using the same services you already know and love. Linkdrop is made by <a href="http://mozillamessaging.com/">Mozilla Messaging</a>.</div>
-      <div class="c2">
-        <img src="i/screenshot_01.png">
-      </div>
-    </div>
     <div class="row about">
       <div class="c3 description">
         <h1>Dropping links is as easy as...</h1>

web/frontpage/style.css

@@ -246,12 +246,15 @@ a#installClose:hover {
   position: fixed;
   bottom: 0;
   background-color: rgba(255,255,255,0.5);
-  border-top: 1px solid #e6e6e6;
   margin: 5px 0 0 0;
   font-size: 10px;
   color: #888;
 }
 
+#footer .c3 {
+  border-top: 1px solid #e6e6e6;
+}
+
 #installFrame {
     display: none;
 }

web/share/index.html

@@ -43,7 +43,7 @@
         </div>
       </div>
       <div class="message twitterCounter boxFlex">
-        <textarea class="message short" name="message"></textarea>
+        <textarea class="message short"  placeholder="What's on your mind?" name="message"></textarea>
         <div class="counter"></div>
       </div>
       <button class="share" type="submit">share</button>
@@ -56,12 +56,10 @@
         <input type="hidden" name="domain" value="facebook.com" />
         <input type="hidden" name="userid" value="" />
         <input type="hidden" name="username" value="" />
-
         <input type="hidden" name="picture" value="" />
         <input type="hidden" name="link" value="" />
         <input type="hidden" name="name" value="" />
         <input type="hidden" name="caption" value="" />
-
         <span class="avatar"><img class="avatar" src="i/face2.png"></span>
         <span class="username">Facebook User</span>
       </div>
@@ -74,7 +72,7 @@
         </div>
       </div>
       <div class="message boxFlex">
-        <textarea class="message nourl" name="message"></textarea>
+        <textarea class="message nourl" placeholder="What's on your mind?" name="message"></textarea>
       </div>
       <button class="share" type="submit">share</button>
     </form>

web/share/share.css

@@ -224,15 +224,19 @@ ul.nav li.settings.ui-tabs-selected  {
   right: 0;
   top: 0;
   text-align: center;
-  border: 1px solid #888;
   -moz-border-radius: 2px;
 }
 
+ul.nav li.settings {
+  border: 1px solid #888;
+}
+
 /* === TAB SELECTED === */
 
 ul.nav li.ui-tabs-selected {
-  -moz-box-shadow:0 0 1px #666666 inset, 0 1px 0 #FFFFFF;
-  background-image:-moz-linear-gradient(center top , #EEEEEE 0%, #CCCCCC 100%);
+  -moz-box-shadow:0 0 5px #444 inset, 0 1px 0 #FFFFFF;
+  background-image:-moz-linear-gradient(center top , #bbb 0%, #aaa 100%);
+  border-color: #666;
 }
 
 ul.nav li.ui-tabs-selected a.twitter {
@@ -369,7 +373,8 @@ input[type="text"] {
 }
 
 input[type="text"].placeholder,
-input[type="password"].placeholder {
+input[type="password"].placeholder,
+textarea.placeholder {
   color: #888;
 }