tweaked spacing and navbar, hover is not working

merge-requests/1/head
bmatt 2016-04-11 00:52:51 -04:00
parent f450580730
commit f8946ca16c
5 changed files with 1129 additions and 6 deletions

BIN
.DS_Store vendored Normal file

Binary file not shown.

BIN
css/.DS_Store vendored Normal file

Binary file not shown.

File diff suppressed because it is too large Load Diff

View File

@ -3,21 +3,33 @@
font-family: -apple-system, 'BlinkyMacSystemFont', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: -apple-system, 'BlinkyMacSystemFont', 'Helvetica Neue', Helvetica, Arial, sans-serif;
} }
.content {
margin-top: 150px;
}
nav { nav {
background: #1e1e1e; background: #1e1e1e;
border-radius: 5px; border-radius: 5px;
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
margin-left: 200px;
margin-right: 200px;
margin-top: -5px; margin-top: -5px;
} }
nav a { nav a {
padding:; 3px; border: solid 1px;
border-radius: 5px;
padding: 3px;
color: #f7f7f7; color: #f7f7f7;
} }
nav a:hover {
color: #1e1e1e;
background: #f7f7f7;
}
nav a.active { nav a.active {
padding: 3px;
color: #1e1e1e; color: #1e1e1e;
background: #f7f7f7; background: #f7f7f7;
} }

View File

@ -1,18 +1,19 @@
<!DOCTYPE html> <!DOCTYPE html />
<html> <html>
<head> <head>
<title>Matthew Ess</title> <title>Matthew Ess</title>
<link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/style.css" />
</head> </head>
<body> <body>
<div class="spacer"/>
<nav class="text"> <nav class="text">
<a class="active" href="index.htm">Home</a> <a class="active" href="index.htm">Home</a>
<a href="http://github.com/matthewess">Github</a> <a href="http://github.com/matthewess">Github</a>
<a href="resume.pdf">Resume</a> <a href="resume.pdf">Resume</a>
</nav> </nav>
<div class="content">
<h1 class="title">Matthew Ess</h1> <h1 class="title">Matthew Ess</h1>
<hr /> <hr />
<p class="text">Dedicated problem solver and developer, looking for interesting challenges to solve.</p> <p class="text">Dedicated problem solver and developer, looking for interesting challenges to solve.</p>
</div>
</body> </body>
</html> </html>