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"> <script type="text/javascript">
$(function() { $(function() {
$("#screenshots").cycle(); $("#screenshots").cycle();
$("#trademarktoggle").toggle(function() {
$("#trademarks").show();
$("#footer").height(145);
},
function() {
$("#trademarks").hide();
$("#footer").height(25);
});
}); });
</script> </script>
</head> </head>
<body> <body>
<div id="header"> <div id="header" class="bar">
<h1><img src="soviet-logo.png" alt="Logo" />OpenRA</h1> <h1><img src="soviet-logo.png" alt="Logo" />OpenRA</h1>
</div> </div>
<div id="main"> <div id="main">
<div id="menu"> <div id="menu">
<span class="links"><a href="index.html">Home</a></span> <span class="links"><a href="index.html">Home</a></span>
<span class="links">Screenshots & Footage</span> <span class="links">Gameplay Footage</span>
<span class="links">Download</span>
<span class="links">Mods</span> <span class="links">Mods</span>
<span class="links">Stats</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> <span class="links"><a href="irc://irc.freenode.net/#openra">IRC</a></span>
</div> </div>
<div id="sidebar"> <div id="sidebar">
@@ -47,11 +56,10 @@
</span> </span>
</div> </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" /> <img src="arrow.png" alt="Download Arrow" style="float: left; margin-top: 3px" />
Download OpenRA for Windows <br /> Download OpenRA for Windows<br />
<span class="desc">version: 1.337 size: 9001KB</span><br /> <span class="desc">version: 1.337 size: 9001KB</span>
<a class="desc" href="">Download for other platforms</a>
</div> </div>
</div> </div>
@@ -71,21 +79,20 @@
later; or an up-to-date version of Mono. later; or an up-to-date version of Mono.
</p> </p>
<div id="screenshots"> <div id="screenshots">
<img width="512" src="ss1.jpg" alt="Screenshot 1" /> <img width="506" src="ss1.jpg" alt="Screenshot 1" />
<img width="512" src="ss2.jpg" alt="Screenshot 2" /> <img width="506" src="ss2.jpg" alt="Screenshot 2" />
</div> </div>
</div> </div>
</div> </div>
<div id="footer"> <div id="footer" class="bar">
<a id="trademarktoggle" href="#trademarks">Show/hide legal notices</a>
<img style="float:left; padding-left:10px; padding-top:5px;" src="gplv3-127x51.png"> <p id="trademarks" style="display: none; text-align: center; margin-top: 5px">
<p>
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 /> 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 /> 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 /> 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 /> 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> </p>
</div> </div>
</body> </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 } h1 { font-family: Cambria, Georgia, Times New Roman, Serif }
h2 { font-family: Helvetica, Arial, Sans-Serif } h2 { font-family: Helvetica, Arial, Sans-Serif }
@@ -17,15 +17,21 @@ div#main
div#header div#header
{ {
background-image: url("banner.png"); margin-top: 30px;
background-repeat: repeat-x;
height: 66px height: 66px
} }
div.bar
{
border-top: solid 3px #650b03;
border-bottom: solid 3px #650b03;
background-color: #272d2c;
width: 100%;
}
div#header h1 div#header h1
{ {
margin-left:auto; margin: 0 auto;
margin-right:auto;
width:280px; width:280px;
} }
@@ -81,49 +87,58 @@ div#sidebar a.desc
font-size: 0.7em font-size: 0.7em
} }
div#download div.download
{ {
border: solid 3px #650b03;
background-color: #272d2c;
margin: 20px auto; margin: 20px auto;
width: 280px; width: 280px;
height: 40px; height: 40px;
padding: 10px 10px padding: 10px 10px
} }
div.download:hover
{
border-color: gray;
cursor: pointer
}
div#screenshots div#screenshots
{ {
width: 512px; width: 506px;
margin: 0 auto; margin: 0 auto;
height: 320px; height: 316px;
clear: left; border: solid 3px #650b03;
/*border: solid 5px gray;*/
} }
div#footer div#footer
{ {
background-image: url("banner.png"); font-size: 0.7em;
background-repeat: repeat-x;
height: 66px;
font-size: 0.5em;
margin-bottom: 10px; margin-bottom: 10px;
padding-top:2px; padding-top:9px;
padding-right:10px; padding-right:10px;
text-align: right; text-align: center;
height: 25px;
}
p#trademarks
{
padding-right: 10px;
} }
span.links span.links
{ {
border-bottom: solid 3px #650b03;
margin: 0px 10px; margin: 0px 10px;
font-size: 1.2em; font-size: 1.2em;
} }
span.links:hover span.links:hover
{ {
border-bottom: solid 2px #650b03; border-bottom-color: gray;
} }
div.rounded div.rounded
{ {
border: solid 3px #650b03;
background-color: #272d2c;
border-radius: 10px; border-radius: 10px;
-moz-border-radius: 10px; -moz-border-radius: 10px;
-webkit-border-radius: 10px; -webkit-border-radius: 10px;