Maybe you could use the example from the stylus page and adapt it to your page:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="//stylus-lang.com/s/style.css" />
<script src="//stylus-lang.com/js/vendor/modernizr-2.8.2.min.js"></script>
<script src="//stylus-lang.com/js/vendor/respond.js-1.4.2.min.js"></script>
<link rel="stylesheet" href="//stylus-lang.com/s/codemirror.css"/>
<script src="//stylus-lang.com/try/jquery.js"></script>
<script src="//stylus-lang.com/try/stylus.min.js"></script>
<script src="//stylus-lang.com/try/codemirror.js"></script>
<script src="//stylus-lang.com/try/css-mode.js"></script>
<script src="//stylus-lang.com/try/try.js"></script>
<title>Ejemplo</title>
</head>
<body>
<div class="wrap">
<aside class="sidebar">
</aside>
<main class="content">
</main>
</div>
</body>
</html>