Steal a sidebar thingy from W3 and off to gaming
parent
e6b2a666dd
commit
55ccb41bd4
13
index.html
13
index.html
|
@ -8,6 +8,17 @@
|
|||
<link rel="stylesheet" href="static/nightlycss.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello world!</h1>
|
||||
<div id="sidebar">
|
||||
<ul>
|
||||
<li><a class="active" href="#home">Home</a></li>
|
||||
<li><a href="#news">News</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="content">
|
||||
<h1>Hello world!</h1>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -1,6 +1,31 @@
|
|||
:root {
|
||||
--bgcolour: #290B57;
|
||||
--sdbarcolour: #481496;
|
||||
}
|
||||
body {
|
||||
background-color: var(--bgcolour);
|
||||
margin:0;
|
||||
}
|
||||
|
||||
#sidebar ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width:85px;
|
||||
background-color: var(--sdbarcolour);
|
||||
overflow: auto;
|
||||
display: block;
|
||||
height:100%;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
#sidebar li a {
|
||||
display: block;
|
||||
color: #000;
|
||||
padding: 8px 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#content {
|
||||
margin-left:138px;
|
||||
padding: 1px 16px;
|
||||
}
|
Loading…
Reference in New Issue