added successfully installed drop down

2010-09-23 15:15:29 -07:00 · 2010-09-23 15:15:29 -07:00 · 8919d8026a
--- a/web/frontpage/i/shareIcon.png
+++ b/web/frontpage/i/shareIcon.png
--- a/web/frontpage/index.html
+++ b/web/frontpage/index.html
@ -8,8 +8,14 @@
 </head>
 <body>
  <div id="installed">
-    Congratulations, you installed Linkdrop. Click on the button to start to share.
-    <button id="installClose">Hide</button>  
+    <div class="installWrapper">
+      <div class="c2">
+        <strong>Congratulations</strong>, you installed Linkdrop! Hit the &nbsp;<img src="i/shareIcon.png">&nbsp; button in your toolbar to start using Linkdrop - enjoy!
+      </div>
+      <div class="c1">
+        <a id="installClose">hide</a> 
+      </div>
+    </div> 
  </div>
  <div id="wrapper">
    <div id="header" class="row">
--- a/web/frontpage/style.css
+++ b/web/frontpage/style.css
@ -26,6 +26,10 @@ a:hover {
  text-decoration: underline;
 }

+strong {
+  font-weight: bold;
+}
+
 /* grid */

 .c1, .c2, .c3 {
@ -60,7 +64,31 @@ a:hover {
 /* end grid */

 #installed {
-    display: none;
+  display: none;
+  background-color: #fdff94;
+  border-bottom: 1px solid #e6e6e6;
+  padding: 50px 0;
+}
+
+#installed .installWrapper {
+  width: 720px;
+  margin: 0 auto;
+  overflow: hidden;
+}
+
+#installed img {
+  vertical-align: top;
+}
+
+a#installClose {
+  cursor: pointer;
+  color: #ff5959;
+  float: right;
+}
+
+a#installClose:hover {
+  text-decoration: none;
+  color: red;
 }

 #wrapper {