Replaced download images with div.

This commit is contained in:
Matthew Bowra-Dean
2010-04-30 23:00:05 +12:00
committed by Chris Forbes
parent 7e323c4f56
commit a051e62cb8
4 changed files with 34 additions and 14 deletions

BIN
web/arrow.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

View File

@@ -42,10 +42,10 @@
<strong>&gt;9000</strong><span class="desc">downloads</span>
</span>
</div>
<div style="margin: 20px auto; width: 50%; clear: both">
<img src="down_win.png" alt="Download OpenRA for Windows" />
<img src="down_win.png" alt="Download OpenRA for Windows" />
<img src="down_win.png" alt="Download OpenRA for Windows" />
<div id="download" class="rounded">
<img src="arrow.png" alt="Download Arrow" style="float: left; margin-top: 3px" />
Download OpenRA for Windows <br />
<span class="desc">version: 1.337 size: 9001KB</span>
</div>
</div>
<div id="content">
@@ -63,12 +63,12 @@
later; or an up-to-date version of Mono.
</p>
</div>
<div id="screenshots" style="">
<img src="ss1.jpg" alt="Screenshot 1" />
<img src="ss2.jpg" alt="Screenshot 2" />
<div id="screenshots">
<img width="512" src="ss1.jpg" alt="Screenshot 1" />
<img width="512" src="ss2.jpg" alt="Screenshot 2" />
</div>
<div id="footer" style="">
<a href="#" onclick="$('#trademarks').toggle()">Show legal notices</a>
<div id="footer">
<a href="#" onclick="$('#trademarks').toggle()">Show/hide legal notices</a>
<p id="trademarks" style="display: none">
Website design &copy;2010 Matthew Bowra-Dean. <a href="license.txt">Licensed under GPLv3</a><br /><br />
Command &amp; Conquer and Command &amp; Conquer Red Alert are trademarks or registered trademarks of Electronic Arts Inc.in the U.S. and/or other countries.<br />

View File

@@ -47,6 +47,7 @@ div#menu a:hover { text-decoration: none; color: White }
/* Sidebar */
div#sidebar
{
margin-top: 19px;
float: right;
width: 450px;
text-align: center
@@ -66,21 +67,30 @@ div#sidebar .desc
font-size: 0.8em
}
div#download
{
margin: 20px auto;
width: 280px;
height: 40px;
padding: 10px 10px
}
div#screenshots
{
float: left;
width: 640px;
width: 512px;
margin: 0 auto;
height: 400px;
border: solid 5px gray;
height: 320px;
clear: left;
/*border: solid 5px gray;*/
}
div#footer
{
clear: both;
font-size: 0.6em;
margin-left: 30px;
margin-bottom: 10px;
padding-top: 10px;
text-align: center
}
@@ -93,3 +103,13 @@ span.links:hover
{
border-bottom: solid 2px #650b03;
}
div.rounded
{
border: solid 2px #650b03;
background-color: #272d2c;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}