nightlymania
/
NightlyMania-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Steal a sidebar thingy from W3 and off to gaming

main
NightlyMania 2022-05-24 15:15:49 +02:00
parent e6b2a666dd
commit 55ccb41bd4
2 changed files with 37 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
index.html
View File

@ -8,6 +8,17 @@
<link rel="stylesheet" href="static/nightlycss.css"> <link rel="stylesheet" href="static/nightlycss.css">
</head> </head>
<body> <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> </body>
</html> </html>

25
static/nightlycss.css
View File

@ -1,6 +1,31 @@
:root { :root {
--bgcolour: #290B57; --bgcolour: #290B57;
--sdbarcolour: #481496;
} }
body { body {
background-color: var(--bgcolour); 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;
} }