Improved header spacing.

This commit is contained in:
2019-09-19 13:33:45 +08:00
parent 0d8947be0f
commit 9d18fc2e70
2 changed files with 25 additions and 20 deletions

View File

@@ -14,8 +14,8 @@
<a href="#research">Research</a> <a href="#research">Research</a>
</div> </div>
<div class="main"> <div class="main" id="home">
<p> <br> </p> <p> </p>
</div> </div>
<h1>Yang, Chen</h1> <h1>Yang, Chen</h1>

View File

@@ -1,7 +1,12 @@
body { body {
font-family: "Palatino", "Georgia", Times, serif; font-family: "Palatino", "Georgia", Times, serif;
background-color: rgb(255, 255, 250); background-color: rgb(255, 255, 250);
line-height: 1.5; line-height: 1.4;
padding-bottom: 200px;
}
h1, h2, h3, h4 {
padding-top: 50px;
} }
th{ th{
@@ -16,33 +21,33 @@ table#table1 {
/* The navigation bar */ /* The navigation bar */
.navbar { .navbar {
opacity: 0.8; opacity: 0.8;
overflow: hidden; overflow: hidden;
background-color: #333; background-color: #333;
position: fixed; /* Set the navbar to fixed position */ position: fixed; /* Set the navbar to fixed position */
top: 0; /* Position the navbar at the top of the page */ top: 0; /* Position the navbar at the top of the page */
left: 0; left: 0;
width: 100%; /* Full width */ width: 100%; /* Full width */
font-weight: bold; font-weight: bold;
} }
/* Links inside the navbar */ /* Links inside the navbar */
.navbar a { .navbar a {
float: left; float: left;
display: block; display: block;
color: #f2f2f2; color: #f2f2f2;
text-align: center; text-align: center;
padding: 14px 16px; padding: 10px 16px;
text-decoration: none; text-decoration: none;
} }
/* Change background on mouse-over */ /* Change background on mouse-over */
.navbar a:hover { .navbar a:hover {
background: #ddd; background: #ddd;
color: black; color: black;
} }
/* Main content */ /* Main content */
.main { .main {
margin-top: 30px; /* Add a top margin to avoid content overlay */ margin-top: 5px; /* Add a top margin to avoid content overlay */
} }