Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- table, .sf {
- display: none;
- }
- .page table {
- display: table;
- }
- body {
- background-image: url("http://i.imgur.com/Lwx1wNp.png");
- }
- #layout {
- width: 840px;
- height: 640px;
- margin: 0 auto;
- background-image: url("http://i.imgur.com/jGUeZMf.png");
- }
- #main {
- font: 9pt tahoma;
- color: #000000;
- top: 150px;
- left: 275px;
- width: 475px;
- height: 400px;
- overflow: hidden;
- }
- .page {
- height: 600px;
- overflow: auto;
- }
- #nav {
- top: 230px;
- left: 78px;
- width: 120px;
- height: 330px;
- overflow: hidden;
- text-align: center;
- }
- .table {
- display: inline;
- text-align: left;
- }
- td {
- padding: 5px;
- font: 8pt tahoma;
- color: #000000;
- }
- h1 {
- font: 14pt garamond;
- color: #8e3514;
- text-align: center;
- border-width: 1px;
- border-bottom-style: solid;
- border-color: #5c1b19;
- letter-spacing: 2px;
- line-height: 24px;
- }
- h2 {
- font: 10pt tahoma;
- color: #e3ca91;
- text-align: center;
- background-color: #8e3514;
- letter-spacing: 2px;
- line-height: 18px;
- }
- h2:hover {
- font: 10pt tahoma;
- color: #8e3514;
- text-align: center;
- background-color: #e3ca91;
- letter-spacing: 2px;
- line-height: 18px;
- }
- h3 {
- font: 10pt tahoma;
- color: #5c1b19;
- border-width: 1px;
- border-bottom-style: solid;
- border-color: #8e3514;
- letter-spacing: 2px;
- line-height: 18px;
- }
- b {
- color: #8e3514;
- font: 9pt tahoma;
- font-weight: bold;
- letter-spacing: 0.5px;
- line-height: 14px;
- }
- i {
- color: #8d7739;
- font: 9pt tahoma;
- font-style: italic;
- line-height: 14px;
- }
- a:link, a:visited, a:active {
- color: #8e3514;
- font: 10pt tahoma;
- letter-spacing: 0.5px;
- text-decoration: none;
- }
- a:hover {
- color: #8d7739;
- font: 10pt tahoma;
- letter-spacing: 0.5px;
- text-decoration: none;
- }
- </style><br><br><br><div id="layout" style="position: relative;">
- <div id="nav" style="position: absolute;">
- <a href="#home" class="nav"><h2>Home</h2></a>
- <a href="#link1" class="nav"><h2>Link 1</h2></a>
- <a href="#link2" class="nav"><h2>Link 2</h2></a>
- <a href="#link3" class="nav"><h2>Link 3</h2></a>
- <a href="#link4" class="nav"><h2>Link 4</h2></a>
- <a href="#link5" class="nav"><h2>Link 5</h2></a>
- </div>
- <div id="main" style="position: absolute;">
- <a name="home"></a>
- <div class="page">
- <h1>Header 1</h1>
- <h3>Header 3</h3>
- <b>bold</b> <i>italic</i> <a href="/~link">link</a>
- </div>
- <a name="link1"></a>
- <div class="page">
- <h1>Header 1</h1>
- Page 2
- </div>
- <a name="link2"></a>
- <div class="page">
- <h1>Header 1</h1>
- Page 3
- </div>
- <a name="link3"></a>
- <div class="page">
- <h1>Header 1</h1>
- Page 4
- </div>
- <a name="link4"></a>
- <div class="page">
- <h1>Header 1</h1>
- Page 5
- </div>
- </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement