Thread: [Clonekeenplus-commits] [SCM] clonekeenplus branch, master, updated. 2a1fd4ff6a32e3bee27c2fb911035c
Commander Keen Interpreter
Brought to you by:
gerstrong
From: Casey B. <fc...@us...> - 2011-12-20 21:34:44
|
via 2a1fd4ff6a32e3bee27c2fb911035cae1ba5fdbb (commit) from a73fa2a94b888612b7c8d1ad18abcc5cd7f5b60e (commit) - Log ----------------------------------------------------------------- commit 2a1fd4ff6a32e3bee27c2fb911035cae1ba5fdbb Author: Casey Bird <FromCrimsonToWool+SourceTree@Gmail.com> Date: Tue Dec 20 16:33:53 2011 -0500 -Fixed header nav bar -Cleanups -More to come later ----------------------------------------------------------------------- Summary of changes: website/index.html | 454 ++++++++++++++++++++++++++-------------------------- website/main.css | 313 ++++++++++++++++++------------------ 2 files changed, 386 insertions(+), 381 deletions(-) diff --git a/website/index.html b/website/index.html index c798493..a1357ce 100644 --- a/website/index.html +++ b/website/index.html @@ -1,243 +1,241 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> - <head> - <!-- Made by Gerstrong & FCTW --> - <title>Commander Genius Web-Site</title> - <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> - <meta name="keywords" content="Keywords here" /> - <meta name="description" content="Description here" /> - <meta name="author" content="Gerhard Stein" /> - <!-- (Robot commands: All, None, Index, No Index, Follow, No Follow) --> - <meta name="robots" content="index, follow" /> - <meta name="revisit-after" content="30 days" /> - <meta name="distribution" content="global" /> - <meta name="rating" content="general" /> - <meta name="Content-Language" content="english" /> - <link href="reset.css" rel="stylesheet" type="text/css" /> - <link href="main.css" rel="stylesheet" type="text/css" /> - <link rel="shortcut icon" href="img/favicon.ico" /> - </head> + <head> + <!-- Made by Gerstrong & FCTW --> + <title>Commander Genius Web-Site</title> + <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> + <meta name="keywords" content="Keywords here" /> + <meta name="description" content="Description here" /> + <meta name="author" content="Gerhard Stein" /> + <!-- (Robot commands: All, None, Index, No Index, Follow, No Follow) --> + <meta name="robots" content="index, follow" /> + <meta name="revisit-after" content="30 days" /> + <meta name="distribution" content="global" /> + <meta name="rating" content="general" /> + <meta name="Content-Language" content="english" /> + <link href="reset.css" rel="stylesheet" type="text/css" /> + <link href="main.css" rel="stylesheet" type="text/css" /> + <link rel="shortcut icon" href="img/favicon.ico" /> + </head> - <body> - <div id = "header"> - <img src = "img/toplogo.jpg" height="87px" width="342px" id = "headerImg" alt = "The Bean-With-Bacon" /> - <ul> - <li><a href="index.html" id = "indexLink" title = "Find out about us. (You know you want to.)"> - <img src = "img/buttonAbout.jpg" height = "20px" width = "120px" alt = "About Us" /> - About Us</a></li> - <li><a href="news.html" id = "newsLink" title = "Have you heard what's new?"> - <img src = "img/buttonNews.jpg" height = "20px" width = "120px" alt = "News" /> - News</a></li> - <li><a href="download.html" id = "downLink" title = "Get this fantastic interpreter."> - <img src = "img/buttonDown.jpg" height = "20px" width = "120px" alt = "Download" /> - Download</a></li> - <li><a href="http://www.pckf.com/viewforum.php?f=9&sid=c0fa5134d3f3663fbc8b866caa70a3bf" id = "forumLink" title = "Drop by and say hello on our forum."> - <img src = "img/buttonForum.jpg" height = "20px" width = "120px" alt = "Forum" /> - Forum</a></li> - <li><a href="doc/html/index.html" id = "docLink" title = "Delve into our documentation."> - <img src = "img/buttonDoc.jpg" height = "20px" width = "120px" alt = "Documentation" /> - Documentation</a></li> - </ul> - <ul id = "secondLine"> - <li><a href="compat.html" id = "compatLink" title = "View the compatability chart."> - <img src = "img/buttonCompat.jpg" height = "20px" width = "120px" alt = "Compatability Chart" /> - Compatability Chart</a></li> - <li><a href="screens.html" id = "scrLink" title = "Checkout some screenshots of our project."> - <img src = "img/buttonScr.jpg" height = "20px" width = "120px" alt = "Screenshots" /> - Screenshots</a></li> - <li><a href="videos.html" id = "vidLink" title = "Drool over our spiffy videos."> - <img src = "img/buttonVid.jpg" height = "20px" width = "120px" alt = "Videos" /> - Videos</a></li> - <li><a href="links.html" id = "linksLink" title = "See what else we think is cool."> - <img src = "img/buttonLinks.jpg" height = "20px" width = "120px" alt = "Links" /> - Links</a></li> - <li><a href="http://sourceforge.net/apps/trac/clonekeenplus/" id = "tracLink" title = "Help us squash those nasty little bast--BUGS."> - <img src = "img/buttonTrac.jpg" height = "20px" width = "120px" alt = "Trac" /> - Bug Tracker</a></li> - </ul> - </div> + <body> + <div id = "header"> + <img src = "img/toplogo.jpg" height="87px" width="342px" id = "headerImg" alt = "The Bean-With-Bacon" /> + <ul> + <li><a href="index.html" id = "indexLink" title = "Find out about us. (You know you want to.)"> + <img src = "img/buttonAbout.jpg" height = "20px" width = "120px" alt = "About Us" /> + About Us</a></li> + <li><a href="news.html" id = "newsLink" title = "Have you heard what's new?"> + <img src = "img/buttonNews.jpg" height = "20px" width = "120px" alt = "News" /> + News</a></li> + <li><a href="download.html" id = "downLink" title = "Get this fantastic interpreter."> + <img src = "img/buttonDown.jpg" height = "20px" width = "120px" alt = "Download" /> + Download</a></li> + <li><a href="http://www.pckf.com/viewforum.php?f=9&sid=c0fa5134d3f3663fbc8b866caa70a3bf" id = "forumLink" title = "Drop by and say hello on our forum."> + <img src = "img/buttonForum.jpg" height = "20px" width = "120px" alt = "Forum" /> + Forum</a></li> + <li><a href="doc/html/index.html" id = "docLink" title = "Delve into our documentation."> + <img src = "img/buttonDoc.jpg" height = "20px" width = "120px" alt = "Documentation" /> + Documentation</a></li> + <li><a href="compat.html" id = "compatLink" title = "View the compatability chart."> + <img src = "img/buttonCompat.jpg" height = "20px" width = "120px" alt = "Compatability Chart" /> + Compatability Chart</a></li> + <li><a href="screens.html" id = "scrLink" title = "Checkout some screenshots of our project."> + <img src = "img/buttonScr.jpg" height = "20px" width = "120px" alt = "Screenshots" /> + Screenshots</a></li> + <li><a href="videos.html" id = "vidLink" title = "Drool over our spiffy videos."> + <img src = "img/buttonVid.jpg" height = "20px" width = "120px" alt = "Videos" /> + Videos</a></li> + <li><a href="links.html" id = "linksLink" title = "See what else we think is cool."> + <img src = "img/buttonLinks.jpg" height = "20px" width = "120px" alt = "Links" /> + Links</a></li> + <li><a href="http://sourceforge.net/apps/trac/clonekeenplus/" id = "tracLink" title = "Help us squash those nasty little bast--BUGS."> + <img src = "img/buttonTrac.jpg" height = "20px" width = "120px" alt = "Trac" /> + Bug Tracker</a></li> + </ul> + </div> - <div id = "sidebar"> - <img src = "img/mainpic1.jpg" height="157px" width="150px" alt = "Spot - The Yorp" /> - <h6>Commander Keen on modern systems!</h6> - <p>Enjoy the old but good games with better graphics, sound and controls.</p> - <h6>Commander Keen 4-6!</h6> - <p>We are working hard to make Commander Genius compatible with the Galaxy games.</p> - <a href="http://sourceforge.net/project/project_donations.php?group_id=249154"> - <img alt="Please support our project" height = "32px" width = "88px" src = "http://images.sourceforge.net/images/project-support.jpg" /> - </a> - </div> + <div id = "sidebar"> + <img src = "img/mainpic1.jpg" height="157px" width="150px" alt = "Spot - The Yorp" /> + <h6>Commander Keen on modern systems!</h6> + <p>Enjoy the old but good games with better graphics, sound and controls.</p> + <h6>Commander Keen 4-6!</h6> + <p>We are working hard to make Commander Genius compatible with the Galaxy games.</p> + <a href="http://sourceforge.net/project/project_donations.php?group_id=249154"> + <img alt="Please support our project" height = "32px" width = "88px" src = "http://images.sourceforge.net/images/project-support.jpg" /> + </a> + </div> - <div id = "mainContent"> - <div id = "intro"> - <h1>Start/About</h1> - <h2>Welcome to Commander Genius</h2> - <p> - Commander Genius, also known as CloneKeen Plus, is an - engine which interprets the Commander Keen Invasion of - the Vorticons series. As fans and developers, we try to - implement new features, improve the gameplay, and give - players an experience that feels like playing the - original game. You will also need the original game - files in addition to Commander Genius. Commander Keen: - Marooned on Mars is shareware and may be freely, and - legally downloaded elsewhere. Commander Keen: The Earth - Explodes and Commander Keen: Keen Must Die! are - registered versions which can be purchased from 3D - Realms, Apogee, or purchased from someone willing to - sell you their copy. If you still have these old games, - then give Commander Genius a try! You will be surprised - at how good they look and how much fun they are to play! - </p> - </div> + <div id = "mainContent"> + <div id = "intro"> + <h1>Start/About</h1> + <h2>Welcome to Commander Genius</h2> + <p> + Commander Genius, also known as CloneKeen Plus, is an + engine which interprets the Commander Keen Invasion of + the Vorticons series. As fans and developers, we try to + implement new features, improve the gameplay, and give + players an experience that feels like playing the + original game. You will also need the original game + files in addition to Commander Genius. Commander Keen: + Marooned on Mars is shareware and may be freely, and + legally downloaded elsewhere. Commander Keen: The Earth + Explodes and Commander Keen: Keen Must Die! are + registered versions which can be purchased from 3D + Realms, Apogee, or purchased from someone willing to + sell you their copy. If you still have these old games, + then give Commander Genius a try! You will be surprised + at how good they look and how much fun they are to play! + </p> + </div> - <div id = "ourTeam"> - <div class = "fauxTable"> - <h2>The Commander Genius Team</h2> - <p>These are the people who made all this magic possible.</p> - <ul> - <li> - <em>Developer, website originator, and - project manager:</em> Gerhard Wolfgang Stein - (aka Gerstrong) - </li> - <li><em>Developer and port to GP2X:</em> Scott Smith (aka Pickle)</li> - <li><em>Developer and tester:</em> Albert Zeyer</li> - <li><em>Developer, tester and forum:</em> Pizza2004</li> - <li><em>Developer, resource administrator and main tester:</em> Tulip</li> - <li><em>Composer of high quality music and tester:</em> DaVince</li> - <li><em>Developer and port to Dingux:</em> Zear</li> - <li><em>Developer, website developer, and tester:</em> Casey (aka FCTW)</li> - <li><em>Researching:</em> Lemm</li> - <li><em>Ports to Google Android:</em> Pelya</li> - <li><em>Developer and tester:</em> Commander Spleen</li> - <li><em>Original developer of CloneKeen:</em> Caitlin Shaw</li> - </ul> - </div> + <div id = "ourTeam"> + <div class = "fauxTable"> + <h2>The Commander Genius Team</h2> + <p>These are the people who made all this magic possible.</p> + <ul> + <li> + <em>Developer, website originator, and + project manager:</em> Gerhard Wolfgang Stein + (aka Gerstrong) + </li> + <li><em>Developer and port to GP2X:</em> Scott Smith (aka Pickle)</li> + <li><em>Developer and tester:</em> Albert Zeyer</li> + <li><em>Developer, tester and forum:</em> Pizza2004</li> + <li><em>Developer, resource administrator and main tester:</em> Tulip</li> + <li><em>Composer of high quality music and tester:</em> DaVince</li> + <li><em>Developer and port to Dingux:</em> Zear</li> + <li><em>Developer, website developer, and tester:</em> Casey (aka FCTW)</li> + <li><em>Researching:</em> Lemm</li> + <li><em>Ports to Google Android:</em> Pelya</li> + <li><em>Developer and tester:</em> Commander Spleen</li> + <li><em>Original developer of CloneKeen:</em> Caitlin Shaw</li> + </ul> + </div> - <div class = "fauxTable"> - <h2>Credits and special thanks to people who help us a lot:</h2> - <ul> - <li>James K. Beard</li> - <li>Ceilick</li> - <li>Sciz CT</li> - <li>Iv4n</li> - <li>ThunderPX</li> - <li>Mink</li> - <li>CKeen</li> - <li>TheHackerCat</li> - <li>NY00123</li> - <li>Malvineos</li> - <li>Lemm</li> - <li>Chrisfischtopher</li> - <li>Hans de Goede</li> - <li>Levelass</li> - <li>ZidaneA</li> - <li>DSL (Cool Icon design)</li> - <li>Napalm (Information about PC-Speaker sound)</li> - <li>...and many more we might have forgotten to mention.</li> - </ul> - </div> - </div> + <div class = "fauxTable"> + <h2>Credits and special thanks to people who help us a lot:</h2> + <ul> + <li>James K. Beard</li> + <li>Ceilick</li> + <li>Sciz CT</li> + <li>Iv4n</li> + <li>ThunderPX</li> + <li>Mink</li> + <li>CKeen</li> + <li>TheHackerCat</li> + <li>NY00123</li> + <li>Malvineos</li> + <li>Lemm</li> + <li>Chrisfischtopher</li> + <li>Hans de Goede</li> + <li>Levelass</li> + <li>ZidaneA</li> + <li>DSL (Cool Icon design)</li> + <li>Napalm (Information about PC-Speaker sound)</li> + <li>...and many more we might have forgotten to mention.</li> + </ul> + </div> + </div> - <div id = "note"> - <p> - <strong>NOTE:</strong> We are currently looking for - fans of Commander Keen, developers, or artists who - are interested in helping us. If someone wants to make - a better interpreter for the Invasion of the Vorticons - Series (Also Galaxy series, Dreams, and mods) they are - more than welcome to help us. Just drop our project - leader an Email at:<a href="mailto:ger...@gm..."> - ger...@gm...</a> - </p> - <p> - We also have an IRC Channel. <em>#CommanderGenius - </em>at <em>irc.foonetic.net</em> - </p> - </div> + <div id = "note"> + <p> + <strong>NOTE:</strong> We are currently looking for + fans of Commander Keen, developers, or artists who + are interested in helping us. If someone wants to make + a better interpreter for the Invasion of the Vorticons + Series (Also Galaxy series, Dreams, and mods) they are + more than welcome to help us. Just drop our project + leader an Email at:<a href="mailto:ger...@gm..."> + ger...@gm...</a> + </p> + <p> + We also have an IRC Channel. <em>#CommanderGenius + </em>at <em>irc.foonetic.net</em> + </p> + </div> - <div id = "supportInfo"> - <img class = "floatLeft" height = "339px" width = "535px" alt="Commander Genius Keen4 - Galaxy" src = "img/keen4coming.png" /> - <h3>Goodbye Galaxy and Keen Dreams support</h3> - <p> - We are working hard on the Commander Genius support - for the Goodbye Galaxy series, Keen Dreams, and also - mods like Keen 7-9. - </p> - <p> - Every update brings new features and more support. We - try to do a version update once per month, so you can - be sure you always have the newest, coolest features. - </p> - <p> - Not just Windows, Linux, and Mac but other platforms - are supported as well, and more will be supported in - the future! - </p> - <h3>Invasion of the Vorticons support</h3> - <p> - This series is mostly bug free, and the physics are - very accurate. If you want to experience Commander - Keen Invasion of the Vorticons with some improvements - yet classic gameplay, Commander Genius is the program - you want! - </p> - </div> + <div id = "supportInfo"> + <img class = "floatLeft" height = "339px" width = "535px" alt="Commander Genius Keen4 - Galaxy" src = "img/keen4coming.png" /> + <h3>Goodbye Galaxy and Keen Dreams support</h3> + <p> + We are working hard on the Commander Genius support + for the Goodbye Galaxy series, Keen Dreams, and also + mods like Keen 7-9. + </p> + <p> + Every update brings new features and more support. We + try to do a version update once per month, so you can + be sure you always have the newest, coolest features. + </p> + <p> + Not just Windows, Linux, and Mac but other platforms + are supported as well, and more will be supported in + the future! + </p> + <h3>Invasion of the Vorticons support</h3> + <p> + This series is mostly bug free, and the physics are + very accurate. If you want to experience Commander + Keen Invasion of the Vorticons with some improvements + yet classic gameplay, Commander Genius is the program + you want! + </p> + </div> - <div id = "features"> - <img class = "floatLeft" height = "334px" width = "535px" alt="2 Player Keening" src = "img/keenvga1.jpg" /> - <h3>Features</h3> - <ul> - <li>4 Player Mode</li> - <li>Fully customizable button layout</li> - <li>Graphic Scalers</li> - <li>OpenGL Support</li> - <li>Improved CloneKeen engine. Only small bits of it are left</li> - <li>3 difficulty modes in all the Commander Keen games</li> - <li>Mod support</li> - <li> - Automatic extraction of data (sounds, story, etc.) - from the exe-files - </li> - <li> - In-game Music support (Yes, music in the Invasion - of the Vorticons series! And don't just trust us, - it's sweet!) - </li> - <li>New graphical effects</li> - <li>Much faster performance, because there is no emulation</li> - <li>HUD in Invasion of the Vorticons</li> - <li>High Quality Pack graphics and sound support</li> - <li>and much more...</li> - </ul> + <div id = "features"> + <img class = "floatLeft" height = "334px" width = "535px" alt="2 Player Keening" src = "img/keenvga1.jpg" /> + <h3>Features</h3> + <ul> + <li>4 Player Mode</li> + <li>Fully customizable button layout</li> + <li>Graphic Scalers</li> + <li>OpenGL Support</li> + <li>Improved CloneKeen engine. Only small bits of it are left</li> + <li>3 difficulty modes in all the Commander Keen games</li> + <li>Mod support</li> + <li> + Automatic extraction of data (sounds, story, etc.) + from the exe-files + </li> + <li> + In-game Music support (Yes, music in the Invasion + of the Vorticons series! And don't just trust us, + it's sweet!) + </li> + <li>New graphical effects</li> + <li>Much faster performance, because there is no emulation</li> + <li>HUD in Invasion of the Vorticons</li> + <li>High Quality Pack graphics and sound support</li> + <li>and much more...</li> + </ul> - <p>Check it out today, it's free!</p> - <a href="download.html">>> Go to the download page here!!</a> - </div> + <p>Check it out today, it's free!</p> + <a href="download.html">>> Go to the download page here!!</a> + </div> - <div id = "improvement"> - <img class = "floatLeft" height = "333px" width = "535px" alt="Darkness" src = "img/keendark.jpg" /> - <p> - The right hand image that you see is Commander Keen in - a dark room when playing the game normally under DOS - (or for example DOS-Box). To the left you see the room - using Commander Genius. Quite the difference, huh?! The - darkness depends on the difficulty, so watch your step. - ;-) - </p> - </div> - </div> + <div id = "improvement"> + <img class = "floatLeft" height = "333px" width = "535px" alt="Darkness" src = "img/keendark.jpg" /> + <p> + The right hand image that you see is Commander Keen in + a dark room when playing the game normally under DOS + (or for example DOS-Box). To the left you see the room + using Commander Genius. Quite the difference, huh?! The + darkness depends on the difficulty, so watch your step. + ;-) + </p> + </div> + </div> - <div id = "footer" class = "containCentered"> - <h6>hosted by</h6> - <a href="http://sourceforge.net" class = "centered"> - <img src = "http://sflogo.sourceforge.net/sflogo.php?group_id=249154&type=4" alt="SourceForge.net Logo" height="37px" width="125px" /> - </a> - <p class = "centered">2011 Commander Genius is licensed under GPL</p> - <a href="mailto:%20g...@gm..." class="baseline">by The Commander Genius Team</a> - </div> + <div id = "footer" class = "containCentered"> + <h6>hosted by</h6> + <a href="http://sourceforge.net" class = "centered"> + <img src = "http://sflogo.sourceforge.net/sflogo.php?group_id=249154&type=4" alt="SourceForge.net Logo" height="37px" width="125px" /> + </a> + <p class = "centered">2011 Commander Genius is licensed under GPL</p> + <a href="mailto:%20g...@gm..." class="baseline">by The Commander Genius Team</a> + </div> - <script type="text/javascript" src = "tracking.js"></script> - </body> + <script type="text/javascript" src = "tracking.js"></script> + </body> </html> diff --git a/website/main.css b/website/main.css index 8813f94..7973f65 100644 --- a/website/main.css +++ b/website/main.css @@ -1,61 +1,61 @@ /* --------------- Basic Elements --------------- */ body { - color: white; - background: black url("img/stars.jpg") 0 0 repeat fixed; - font-size: 100%; - line-height: 100%; + color: white; + background: black url("img/stars.jpg") 0 0 repeat fixed; + font-size: 100%; + line-height: 100%; } body * { - display: block; - position: relative; - font-family: Verdana, Arial, Helvetica, sans-serif; + display: block; + position: relative; + font-family: Verdana, Arial, Helvetica, sans-serif; } h1 { - color: #2271A0; - font-size: 0.87em; - font-style: normal; - font-weight: bold; - font-variant: normal; - margin: 0.56em; + color: #2271A0; + font-size: 0.87em; + font-style: normal; + font-weight: bold; + font-variant: normal; + margin: 0.56em; } h2 { - font-size: 0.75em; - color: #667; - margin: 0.56em; - font-weight: bold; + font-size: 0.75em; + color: #667; + margin: 0.56em; + font-weight: bold; } h3, h6 { - color: #2271A0; - font-weight: bold; + color: #2271A0; + font-weight: bold; } p, h3, a, td { - font-size: 0.75em; - margin: 0.75em; + font-size: 0.75em; + margin: 0.75em; } p a { - font-size: 100%; - margin: 0; + font-size: 100%; + margin: 0; } p img { - vertical-align: middle; - display: inline; + vertical-align: middle; + display: inline; } a { - color: black; - text-decoration: none; - display: inline; + color: black; + text-decoration: none; + display: inline; } a:hover { - text-decoration: underline; + text-decoration: underline; } a[href ^="mailto:"] { @@ -69,258 +69,265 @@ a[href ^="http"] { } ul, ol { - padding: 0; - margin: 0; - list-style-type: none; + padding: 0; + margin: 0; + list-style-type: none; } li { - margin: 0 0 0 2.5em; - font-size: 0.68em; - background: transparent url("") no-repeat 0 0.31em; - display: list-item; + margin: 0 0 0 2.5em; + font-size: 0.68em; + background: transparent url("") no-repeat 0 0.31em; + display: list-item; } ol li { - list-style-type: decimal; + list-style-type: decimal; } ul li { - list-style-type: disc; + list-style-type: disc; } em { - font-style: italic; - display: inline; + font-style: italic; + display: inline; } strong { - font-weight: bold; - display: inline; + font-weight: bold; + display: inline; } tr { - display: table-row; + display: table-row; } td, th { - border: 0.19em outset grey; - padding: 0.2em; - display: table-cell; + border: 0.19em outset grey; + padding: 0.2em; + display: table-cell; } /* ------------------Header--------------------------- */ #header { - width: 100%; - overflow: hidden; + width: 100%; + overflow: hidden; } #header #headerImg { - padding: 0.45em; - width: auto; - height: 5.43em; - float: left; + padding: 0.45em; + width: auto; + height: 5.43em; + float: left; } #header ul { - float: left; - margin: 1.87em 1.5em 0; -} - -#header #secondLine{ - margin: 0 1.5em 1.87em; + float: left; + margin: 1.87em 1.5em 0; + width: 600px; } #header li { - position: relative; - float: left; - text-indent: -187em; - font: 0/0 Arial; - overflow: hidden; - color: rgba(255,255,255,0); - vertical-align: bottom; - } - #header li a { - width: 120px; - height: 20px; - background: transparent none 0 0 no-repeat; - display: block; + position: relative; + float: left; + text-indent: -187em; + font: 0/0 Arial; + overflow: hidden; + color: rgba(255,255,255,0); + vertical-align: bottom; + } + +#header li a { + width: 120px; + height: 20px; + background: transparent none 0 0 no-repeat; + display: block; } #header li a:hover, #header li a:focus { - background-position: 0 -20px; + background-position: 0 -20px; } #header li a:active { -// background-position: 0 -40px; +// background-position: 0 -40px; } #header li a img { - display: none; + display: none; } #header #indexLink { - background-image: url("img/buttonAbout.jpg"); + background-image: url("img/buttonAbout.jpg"); } - #header #newsLink { - background-image: url('img/buttonNews.jpg'); + +#header #newsLink { + background-image: url('img/buttonNews.jpg'); } - #header #downLink { - background-image: url('img/buttonDown.jpg'); + +#header #downLink { + background-image: url('img/buttonDown.jpg'); } - #header #forumLink { - background-image: url('img/buttonForum.jpg'); + +#header #forumLink { + background-image: url('img/buttonForum.jpg'); } - #header #docLink { - background-image: url('img/buttonDoc.jpg'); + +#header #docLink { + background-image: url('img/buttonDoc.jpg'); } - #header #compatLink { - background-image: url('img/buttonCompat.jpg'); + +#header #compatLink { + background-image: url('img/buttonCompat.jpg'); } - #header #scrLink { - background-image: url('img/buttonScr.jpg'); + +#header #scrLink { + background-image: url('img/buttonScr.jpg'); } - #header #vidLink { - background-image: url('img/buttonVid.jpg'); + +#header #vidLink { + background-image: url('img/buttonVid.jpg'); } - #header #linksLink { - background-image: url('img/buttonLinks.jpg'); + +#header #linksLink { + background-image: url('img/buttonLinks.jpg'); } - #header #tracLink { - background-image: url('img/buttonTrac.jpg'); + +#header #tracLink { + background-image: url('img/buttonTrac.jpg'); } /* ------------------Sidebar--------------------------- */ #sidebar { - width: 9.37em; - float: left; - clear: both; - background: black; + width: 9.37em; + float: left; + clear: both; + background: black; } #sidebar h6, #sidebar p { - color: #2271A0; - font-weight: bold; - width: 13em; - line-height: normal; - font-size: 0.62em; - padding: 0; - margin: 0 0 0 2em; + color: #2271A0; + font-weight: bold; + width: 13em; + line-height: normal; + font-size: 0.62em; + padding: 0; + margin: 0 0 0 2em; } #sidebar h6 { - padding: 1.3em 0 0; + padding: 1.3em 0 0; } #sidebar p { - color: #FFF; - font-weight: normal; + color: #FFF; + font-weight: normal; } #sidebar a { - display: block; - width: 7em; + display: block; + width: 7em; } /* ------------------Main Content--------------------------- */ #mainContent { - background: #BBB url("img/navbasebg.jpg") repeat-x top; - color: black; - width: auto; - overflow: hidden; - padding: 1em 0 0; + background: #BBB url("img/navbasebg.jpg") repeat-x top; + color: black; + width: auto; + overflow: hidden; + padding: 1em 0 0; } #mainContent div { - clear: both; - padding: 1em 0 0; - overflow: hidden; + clear: both; + padding: 1em 0 0; + overflow: hidden; } #mainContent .fauxTable { - margin: 1em 0 0; - padding: 0; + margin: 1em 0 0; + padding: 0; } #ourTeam .fauxTable { - clear: none; - float: left; - height: 18.81em; - margin: 0; + clear: none; + float: left; + height: 18.81em; + margin: 0; } #ourTeam h2 { - background: none; + background: none; } #platforms a { - text-decoration: underline; + text-decoration: underline; } /* ------------------Footer--------------------------- */ #footer h6, #footer p, #footer a { - font-size: 0.68em; - color: white; + font-size: 0.68em; + color: white; } #footer h6 { - padding: 1em 0 0 0; + padding: 1em 0 0 0; } #footer p { - text-align: left; + text-align: left; } #footer a { - width: 11.3em; - display: block; + width: 11.3em; + display: block; } #footer a.baseline { - float: right; - margin-top: -1.5em; - font-size: 0.625em; - width: 19em; - display: inline; + float: right; + margin-top: -1.5em; + font-size: 0.625em; + width: 19em; + display: inline; } /* ------------------Common classes--------------------------- */ .floatLeft { - float: left; - clear: left; - margin-right: 1em; + float: left; + clear: left; + margin-right: 1em; } .floatRight { - float: right; - clear: right; - margin-left: 1em; + float: right; + clear: right; + margin-left: 1em; } .fauxTable{ - border: 0.19em ridge #BBB; - margin: 0; - padding: 0; + border: 0.19em ridge #BBB; + margin: 0; + padding: 0; } .fauxTable h2 { - border-bottom: 0.19em ridge #BBB; - text-align: center; - margin: 0; - padding: 0.37em 1em; - background: #999; + border-bottom: 0.19em ridge #BBB; + text-align: center; + margin: 0; + padding: 0.37em 1em; + background: #999; } .containCentered { - text-align: center; + text-align: center; } .centered{ - margin: 0 auto; - text-align: left; + margin: 0 auto; + text-align: left; } hooks/post-receive -- clonekeenplus |