header.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Voxelands</title>
  5. <style type="text/css">
  6. html, body {background:#323246; color:#F0F0F0; font: 14px sans-serif; line-height:1.2em; position:relative; min-width:100%; min-height:100%; margin:0; padding:0;}
  7. header.site-header {display:block; margin:0; padding:0; background:#1E1E32; color:#101010; height:50px;}
  8. header.site-header div.main-header {display:block; margin:0 auto; padding:0; width:1000px; height:50px; position:relative;}
  9. header.site-header h1 {display:block; line-height:50px; margin:0; padding:0; width:300px; font-weight:bold; font-size:20px; background:transparent; color:#C0C0C0; text-align:center; float:left;}
  10. header.site-header nav {display:block; float:left; margin:0; padding:0; height:50px; width:600px;}
  11. header.site-header nav ul {display:block; float:left; margin:0; padding:0; height:50px; width:600px; list-style-type:none;}
  12. header.site-header nav ul li {display:block; float:left; margin:0; padding:0; text-align:center;}
  13. header.site-header nav ul li a {display:block; float:left; margin:0; padding:0 10px; height:50px; line-height:50px; background:transparent; color:#A5A5A5; text-decoration:none; font-size:16px; font-weight:bold;}
  14. header.site-header nav ul li a:hover {line-height:42px; height:42px; border-top:4px solid #1E1E32; border-bottom:4px solid #616161; border-left:none; border-right:none;}
  15. div.body {margin:0 auto; width:1000px; min-height:80%; padding:20px 0; position:relative; height:auto; overflow:hidden;}
  16. div.body div.panel {background:#1E1E32; color:#C0C0C0; margin:10px; padding:10px; border:1px solid #3C3C50; height:auto; overflow:hidden;}
  17. div.body div.panel img {margin:10px;}
  18. div.body div.panel a.secret {color:#C0C0C0; text-decoration:none;}
  19. div.body h1 {text-align:center; font-size:20px; font-weight:bold; margin:0; margin-bottom:20px; padding:0;}
  20. div.body h2 {text-align:left; font-size:18px; font-weight:bold; margin:0; margin-bottom:20px; padding:0;}
  21. div.body p {padding:0; margin:0 0 10px; line-height:1.2em;}
  22. div.body ul {list-style-type:square;}
  23. div.body ul, div.body ol {margin:0; padding:0; padding-left:15px;}
  24. div.body ul li, div.body ol li {margin:0; padding:0; margin-bottom:5px;}
  25. .green {color:#0EAB13;}
  26. .red {color:#AB0E1B;}
  27. .bold {font-weight:bold;}
  28. .small {font-size:12px;}
  29. .tiny {font-size:10px;}
  30. .centre {text-align:center;}
  31. .right {float:right;}
  32. </style>
  33. </head>
  34. <body>
  35. <header class="site-header">
  36. <div class="main-header">
  37. <h1>Voxelands</h1>
  38. <nav class="main-menu">
  39. <ul>
  40. <li><a href="/">Home</a></li>
  41. <li><a href="/player">Players</a></li>
  42. </ul>
  43. </nav>
  44. </div>
  45. </header>
  46. <div class="body">