<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Commands</title>
</head>

<body>
<div id="wrapper">
<div id="text">
<br><br><br><br>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
<p>> <b>!command - </b>Outcome of the command goes here</p>
</div>
</div>
<div id="main">
<div id="header">
<span id="header-text">Command List</span>
</div>
</div>
</body>
<style>
#wrapper{
margin: auto;
position: absolute;
left: 0; right: 0; bottom: 0; top: 0;
width: 1173px;
height: 750px;
overflow: hidden;
}
#text{
margin: auto;
position: absolute;
left: 0; right: 0; bottom: 0; top: 0;
height: 750px;
width: 1200px;
color: #00D123;
font-family: monospace;
font-size: 20px;
text-align: center;
overflow-y: scroll;
overflow-x: hidden;
}
#main{
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
height: 750px;
width: 1300px;
border-style: solid;
border-color: #000;
border-width: 0px;
box-shadow: 25px 25px 150px 40px #000;
}
#header{
color: #FFF;
text-align: center;
background: #292929;
margin: auto;
position: absolute;
top: 0; left: 0; right: 0;
height: 40px;
width: 1295px;
border-style: hidden;
border-width: 2px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 0px 15px 40px #000;
z-index: 10;
}
#header-text{
font-family: Verdana;
position: relative;
top: 10px;
}
body{
background: url(http://i.imgur.com/ptyRI5l.jpg)
}
</style>
</html>