adding urls to the popup

designs/popup/index.html

@@ -18,6 +18,7 @@
         $(".facebook .compose").keydown(function() {
             $(".facebook .count").text(420 - $(this).val().length);
         }).keydown();
+        $(".overflow").textOverflow();
     });
     </script>
 
@@ -44,6 +45,8 @@
             <div class="boxFlex1 overflow pageTitle">F1 by Mozilla Labs</div>
         </div>
         <div class="pageDescription">F1 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.</div>
+        <a href="javascript:void(0);" class="url overflow selected">http://areallylong.com/url/that/the/user/might/not/see-all-of</a>
+        <a href="javascript:void(0);" class="shorturl">http://shor.ty/d89sa0j</a>
     </div>
 
     <div id="accounts">

designs/popup/style.css

@@ -138,7 +138,6 @@ header span.close:active {
     -moz-box-shadow: 1px 1px 0 rgba(255,255,255, 0.5);
     -webkit-box-shadow: 1px 1px 0 rgba(255,255,255, 0.5);
     box-shadow: 1px 1px 0 rgba(255,255,255, 0.5);
-    width: 92px;
 }
 
 #pageInfo .thumbnail img {
@@ -161,6 +160,20 @@ header span.close:active {
     color: #727272;
 }
 
+#pageInfo .url,
+#pageInfo .shorturl {
+    padding: 3px 10px;
+    font-size: 10px;
+    color: #0051B2;
+    display: block;
+    -moz-border-radius: 3px;
+}
+
+#pageInfo .url.selected,
+#pageInfo .shorturl.selected {
+    background-color: #B2BDC4;
+}
+
 /* 
     generic styles for account panels
 */