epic/OpenRA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tweaking Paul's changes

Browse Source
This commit is contained in:
Matthew Bowra-Dean
2010-05-01 05:12:31 +12:00
committed by Chris Forbes
parent 5b70db9a3e
commit 193a315f0c
2 changed files with 58 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
web/index.html
View File

@@ -14,23 +14,32 @@
<script type="text/javascript">
$(function() {
$("#screenshots").cycle();
$("#trademarktoggle").toggle(function() {
$("#trademarks").show();
$("#footer").height(145);
},
function() {
$("#trademarks").hide();
$("#footer").height(25);
});
});
</script>
</head>
<body>
<div id="header">
<div id="header" class="bar">
<h1><img src="soviet-logo.png" alt="Logo" />OpenRA</h1>
</div>
<div id="main">
<div id="menu">
<span class="links"><a href="index.html">Home</a></span>
<span class="links">Screenshots & Footage</span>
<span class="links">Download</span>
<span class="links">Gameplay Footage</span>
<span class="links">Mods</span>
<span class="links">Stats</span>
<span class="links">Get Involved</span>
<span class="links"><a href="http://github.com/chrisforbes/OpenRA">Get Involved</a></span>
<span class="links"><a href="irc://irc.freenode.net/#openra">IRC</a></span>
</div>
<div id="sidebar">
@@ -47,11 +56,10 @@
</span>
</div>
<div id="download" class="rounded">
<div id="download_win" class="rounded download" onclick="document.location='releases/windows/latest.php'">
<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><br />
<a class="desc" href="">Download for other platforms</a>
Download OpenRA for Windows<br />
<span class="desc">version: 1.337 size: 9001KB</span>
</div>
</div>
@@ -71,21 +79,20 @@
later; or an up-to-date version of Mono.
</p>
<div id="screenshots">
<img width="512" src="ss1.jpg" alt="Screenshot 1" />
<img width="512" src="ss2.jpg" alt="Screenshot 2" />
<img width="506" src="ss1.jpg" alt="Screenshot 1" />
<img width="506" src="ss2.jpg" alt="Screenshot 2" />
</div>
</div>
</div>
<div id="footer">
<img style="float:left; padding-left:10px; padding-top:5px;" src="gplv3-127x51.png">
<p>
<div id="footer" class="bar">
<a id="trademarktoggle" href="#trademarks">Show/hide legal notices</a>
<p id="trademarks" style="display: none; text-align: center; margin-top: 5px">
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 />
Windows is a registered trademark of Microsoft Corporation in the United States and other countries.<br />
Mac OS X is a trademark of Apple Inc., registered in the U.S. and other countries.<br />
Linux is the registered trademark of Linus Torvalds in the U.S. and other countries.<br />
Mono is a registerd trademark of Novell, Inc. in the United States and other countries.
Mono is a registered trademark of Novell, Inc. in the United States and other countries.<br />
<a href="license.html"><img src="gplv3-127x51.png" alt="GPLv3 Logo" style="margin-top: 5px; border: none"/></a>
</p>
</div>
</body>

53
web/openra.css
View File

@@ -1,4 +1,4 @@
body { background-color: black; margin: 0px; color: White; }
body { background-color: black; margin: 0px; color: White; font-family: Cambria, Georgia, Times New Roman, Serif; font-size: 12pt }
h1 { font-family: Cambria, Georgia, Times New Roman, Serif }
h2 { font-family: Helvetica, Arial, Sans-Serif }
@@ -17,15 +17,21 @@ div#main
div#header
{
background-image: url("banner.png");
background-repeat: repeat-x;
margin-top: 30px;
height: 66px
}
div.bar
{
border-top: solid 3px #650b03;
border-bottom: solid 3px #650b03;
background-color: #272d2c;
width: 100%;
}
div#header h1
{
margin-left:auto;
margin-right:auto;
margin: 0 auto;
width:280px;
}
@@ -81,49 +87,58 @@ div#sidebar a.desc
font-size: 0.7em
}
div#download
div.download
{
border: solid 3px #650b03;
background-color: #272d2c;
margin: 20px auto;
width: 280px;
height: 40px;
padding: 10px 10px
}
div.download:hover
{
border-color: gray;
cursor: pointer
}
div#screenshots
{
width: 512px;
width: 506px;
margin: 0 auto;
height: 320px;
clear: left;
/*border: solid 5px gray;*/
height: 316px;
border: solid 3px #650b03;
}
div#footer
{
background-image: url("banner.png");
background-repeat: repeat-x;
height: 66px;
font-size: 0.5em;
font-size: 0.7em;
margin-bottom: 10px;
padding-top:2px;
padding-top:9px;
padding-right:10px;
text-align: right;
text-align: center;
height: 25px;
}
p#trademarks
{
padding-right: 10px;
}
span.links
{
border-bottom: solid 3px #650b03;
margin: 0px 10px;
font-size: 1.2em;
}
span.links:hover
{
border-bottom: solid 2px #650b03;
border-bottom-color: gray;
}
div.rounded
{
border: solid 3px #650b03;
background-color: #272d2c;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;