data/html/header.html

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