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

Initial commitment.

main
nightly 2022-10-28 18:36:36 +02:00
parent 55ccb41bd4
commit 634083e027
2 changed files with 32 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
index.html
View File

@ -8,17 +8,14 @@
<link rel="stylesheet" href="static/nightlycss.css"> <link rel="stylesheet" href="static/nightlycss.css">
</head> </head>
<body> <body>
<div id="sidebar"> <div class="sidenav">
<ul> <a href="#">About</a>
<li><a class="active" href="#home">Home</a></li> <a href="#">Services</a>
<li><a href="#news">News</a></li> <a href="#">Clients</a>
<li><a href="#contact">Contact</a></li> <a href="#">Contact</a>
<li><a href="#about">About</a></li> </div>
</ul>
</div>
<div id="content"> <div id="content">
<h1>Hello world!</h1> <h1>Welcome to my website!</h1>
</div> </div>
</body> </body>
</html> </html>

39
static/nightlycss.css
View File

@ -1,31 +1,42 @@
:root { :root {
--bgcolour: #290B57; --bgcolour: #212121;
--sdbarcolour: #481496; --sdbarcolour: #6600ff;
--textcolour: #EFF0F1;
} }
body { body {
font-family: 'Helvetica', 'Arial', sans-serif;
background-color: var(--bgcolour); background-color: var(--bgcolour);
margin:0; margin:0;
color: var(--textcolour);
} }
#sidebar ul { .sidenav {
margin: 0; height: 100%;
padding: 0; width: 85px;
width:85px;
background-color: var(--sdbarcolour);
overflow: auto;
display: block;
height:100%;
position: fixed; 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);
} }
#sidebar li a { .sidenav a {
display: block; padding: 6px 6px 6px 10px;
color: #000;
padding: 8px 16px;
text-decoration: none; text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
}
.sidenav a:hover {
color: #f1f1f1;
} }
#content { #content {
margin-top: 20px;
margin-left:138px; margin-left:138px;
padding: 1px 16px; padding: 1px 16px;
} }