commit
b1cbb87a3c
|
@ -1,3 +1,3 @@
|
||||||
# nightly.town
|
# nightly.town
|
||||||
|
|
||||||
website
|
The website shown at (nightly.town)[https://nightly.town]
|
12
index.html
12
index.html
|
@ -8,14 +8,10 @@
|
||||||
<link rel="stylesheet" href="static/nightlycss.css">
|
<link rel="stylesheet" href="static/nightlycss.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="sidenav">
|
<div id="container">
|
||||||
<a href="#">About</a>
|
<div id="header">
|
||||||
<a href="#">Services</a>
|
<h1>Hello!</h1>
|
||||||
<a href="#">Clients</a>
|
</div>
|
||||||
<a href="#">Contact</a>
|
|
||||||
</div>
|
|
||||||
<div id="content">
|
|
||||||
<h1>Welcome to my website!</h1>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
|
@ -1,42 +1,16 @@
|
||||||
:root {
|
:root {
|
||||||
--bgcolour: #212121;
|
--bgcolour: #212121;
|
||||||
--sdbarcolour: #6600ff;
|
--sdbarcolour: #4c208f;
|
||||||
--textcolour: #EFF0F1;
|
--textcolour: #EFF0F1;
|
||||||
}
|
}
|
||||||
body {
|
body {
|
||||||
font-family: 'Helvetica', 'Arial', sans-serif;
|
font-family: 'Helvetica', 'Arial', sans-serif;
|
||||||
background-color: var(--bgcolour);
|
background-color: var(--bgcolour);
|
||||||
margin:0;
|
margin: 0;
|
||||||
color: var(--textcolour);
|
color: var(--textcolour);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidenav {
|
.container {
|
||||||
height: 100%;
|
display: flex;
|
||||||
width: 85px;
|
flex-direction: column;
|
||||||
position: fixed;
|
|
||||||
z-index: 1;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
background-color: var(--bgcolour);
|
|
||||||
overflow-x: hidden;
|
|
||||||
padding-top: 20px;
|
|
||||||
border-right: 2px solid var(--sdbarcolour);
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidenav a {
|
|
||||||
padding: 6px 6px 6px 10px;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 25px;
|
|
||||||
color: #818181;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidenav a:hover {
|
|
||||||
color: #f1f1f1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content {
|
|
||||||
margin-top: 20px;
|
|
||||||
margin-left:138px;
|
|
||||||
padding: 1px 16px;
|
|
||||||
}
|
}
|
Loading…
Reference in New Issue