This commit is contained in:
nek0 2018-11-10 14:43:43 +01:00
parent b76f860ee0
commit 78c0ad801c
2 changed files with 38 additions and 16 deletions

View File

@ -10,7 +10,7 @@ body {
font-size: 20px; font-size: 20px;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
margin: 0 50px 0; margin: 0 2rem 0;
display: flex; display: flex;
min-height: 100vh; min-height: 100vh;
flex-direction: column; flex-direction: column;
@ -22,6 +22,7 @@ header {
padding: 12px 0px 12px 0px; padding: 12px 0px 12px 0px;
font-family: 'MontserratBlack'; font-family: 'MontserratBlack';
font-size: 30px; font-size: 30px;
margin-left: 15rem;
} }
h1, h2, h3, h4, h5 { h1, h2, h3, h4, h5 {
@ -38,6 +39,15 @@ a:hover {
text-decoration: underline text-decoration: underline
} }
#logo, #logo img {
max-width: 13rem;
}
#logo {
position: fixed;
padding-top: 1rem;
}
div#logo a { div#logo a {
color: white; color: white;
font-weight: bold; font-weight: bold;
@ -45,8 +55,7 @@ div#logo a {
} }
nav { nav {
position: relative; display: inline-block;
float: left;
} }
nav ul{ nav ul{
@ -54,6 +63,11 @@ nav ul{
list-style: none; list-style: none;
display: inline-block; display: inline-block;
margin: 0; margin: 0;
padding: 0;
}
nav li {
display: inline-block;
} }
nav li a { nav li a {
@ -65,8 +79,12 @@ nav li a {
text-transform: uppercase; text-transform: uppercase;
} }
nav li a:first-child {
margin: 0;
}
article { article {
margin-left: 200px; padding-left: 15rem;
} }
footer { footer {

View File

@ -4,27 +4,31 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>ChaosZone</title> <title>
ChaosZone - $title$
</title>
<link rel="stylesheet" href="/css/default.css" /> <link rel="stylesheet" href="/css/default.css" />
<link rel="stylesheet" href="/css/font.css" /> <link rel="stylesheet" href="/css/font.css" />
<link rel="icon" type="image/svg+xml" href="/images/Chaoszone.svg"> <link rel="icon" type="image/svg+xml" href="/images/Chaoszone.svg">
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<header id="header">
<div id="logo"> <div id="logo">
<a href="/">ChaosZone</a> <a href="/">
<img src="/images/Chaoszone_crest.svg" alt="ChaosZone">
</a>
</div> </div>
</header>
<nav class="menu"> <header id="header">
<ul> <nav class="menu">
<li><a href="/">Home</a></li> <ul>
<li><a href="/about.html">About</a></li> <li><a href="/">Home</a></li>
<li><a href="/contact.html">Contact</a></li> <li><a href="/about.html">About</a></li>
<li><a href="/archive.html">Archive</a></li> <li><a href="/contact.html">Contact</a></li>
</ul> <li><a href="/archive.html">Archive</a></li>
</nav> </ul>
</nav>
</header>
<article id="content"> <article id="content">
<h1>$title$</h1> <h1>$title$</h1>