<html> <head> <title>Index of Lexicon Title | Lexicon Title</title> <style> body { background-color: #eeeeee; margin: 10px; } div#header { background-color: #ffffff; margin: 10px 0; padding: 8px; box-shadow: 2px 2px 10px #888888; } div.header-option { display:inline-block; margin-right: 20px; } div#sidebar-outer { width: 140px; background-color: #ffffff; float:left; box-shadow: 2px 2px 10px #888888; padding: 5px; } div#sidebar-inner { padding: 5px; } img#logo { width: 140px; } div.content { margin-left: 160px; margin-top: 10px; background-color: #ffffff; padding: 10px; box-shadow: 2px 2px 10px #888888; } a.phantom { color: #cc2200; } div.citeblock a.phantom { font-style: italic; } span.signature { text-align: right; } </style> </head> <body> <div id="header"> <div class="header-option"><h2 style="margin:0px;">Lexicon Title</h2></div> <div class="header-option"><a href="./rules.html">Rules</a></div> <div class="header-option"><a href="./formatting.html">Formatting</a></div> <div class="header-option"><a href="./index.html">Index</a></div> <div class="header-option"><a href="./session.html">Session</a></div> <div class="header-option"><a href="./stats.html">Statistics</a></div> </div> <div id="sidebar-outer"> <img id="logo" src="logo.png"> <div id="sidebar-inner"> <p><i>Sidebar content</i></p> </div> </div> <div class="content"> <h1>Index of Lexicon Title</h1> <p>There are <b>1</b> entries in this lexicon.</p> <ul> <h3>ABC</h3><h3>DEF</h3><li><a href="Example_page.html">Example page</a></li> <h3>GHI</h3><h3>JKL</h3><h3>MNO</h3><h3>PQRS</h3><h3>TUV</h3><h3>WXYZ</h3></ul> </div> </body> </html>