Working on the site

foobarfighter · Jun 16, 2011 · 4ea7e80 · 4ea7e80
1 parent e26dc32
commit 4ea7e80
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 19 deletions.
diff --git a/site/www/index.html b/site/www/index.html
@@ -18,9 +18,15 @@
           <a href="">About</a>
           <a href="">Source</a>
         </nav>
-        <div id="download-tag"><span>
+        <div id="download-tag">
-        Version 0.0.7  <strong>Download</strong>
+          <div>
-        </span></div>
+            <span class="version">
+              Version 0.0.7<br>Updated: Today
+            </span>
+            <span class="separator"></span>
+            <a href="">Download</a>
+          </div>
+        </div>
       </div>
       <div id="header-decoration"></div>
     </header>

diff --git a/site/www/resources/images/download-tag-left.png b/site/www/resources/images/download-tag-left.png
diff --git a/site/www/resources/images/download-tag-right.png b/site/www/resources/images/download-tag-right.png
diff --git a/site/www/resources/main.css b/site/www/resources/main.css
@@ -51,25 +51,49 @@ nav a:hover {
 }
 
 /** Download Tag **/
-#download-tag span {
+#download-tag div {
   background: url(images/download-tag-left.png) no-repeat;
-  height: 40px;
+  line-height: 40px;
-  line-height: 22px;
+  height:  40px;
-  margin:  0 3px 0 0;
-  padding: 0 3px 38px 0;
-
-  color: #fff;
 }
 
 #download-tag {
+  background: url(images/download-tag-right.png) no-repeat right;
   position: absolute;
-  background: url(images/download-tag-cap.png) no-repeat right;
+  top: 89px; right: 0px;
-  display:  block;
+  height:   40px;
-  top:      89px;
-  right:    0px;
-  height:   39px;
   z-index:  100;
 }
+
+#download-tag div {
+  color:   #fff;
+  padding: 0 17px;
+  display: block;
+  font-size: 16px;
+}
+
+#download-tag .version {
+  float: left;
+  display: block;
+  text-align: right;
+  font-size: 9px;
+  line-height: 14px;
+  margin-top: 5px;
+}
+
+#download-tag .separator {
+  border-left: 1px solid #501e18;
+  border-right: 1px solid #9d6b65;
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+#download-tag a {
+  float: right;
+  color: #fff;
+  text-decoration: none;
+  text-shadow: #000 2px 2px 0px;
+}
 /** /Download Tag **/
 
 /** Teaser **/
@@ -154,15 +178,15 @@ ul.features li {
 /** Main content **/
 .content.main {
   margin-top: 30px;
-  padding:    30px;
+  margin-bottom: 30px;
-  border: 3px dotted #728a8b;
+  padding: 30px;
-  background-color: #fff;
+  border:  3px dotted #728a8b;
+  background-color: #efefef;
   width: 872px;
 }
 
 .content.main a,
 .content.main a:visited {
-
 }
 /** /Main content **/