small css tweaks

This commit is contained in:
William Zhang 2017-07-20 20:48:05 -04:00
parent 31c1d62b2f
commit bed43f3770
5 changed files with 20 additions and 16 deletions

View File

@ -26,16 +26,16 @@
</div> </div>
<nav id="menu"> <nav id="menu">
<a class="menu-item" href="index.html"> <a class="menu-item" href="index.html">
<button class="menu-item">Home</button> <button class="menu-item fluid">Home</button>
</a> </a>
<a class="menu-item" href="about.html"> <a class="menu-item" href="about.html">
<button class="menu-item">About</button> <button class="menu-item fluid">About</button>
</a> </a>
<a class="menu-item" href="resources.html"> <a class="menu-item" href="resources.html">
<button class="menu-item">Resources</button> <button class="menu-item fluid">Resources</button>
</a> </a>
<a class="menu-item" href="forms.html"> <a class="menu-item" href="forms.html">
<button class="menu-item">Forms</button> <button class="menu-item fluid">Forms</button>
</a> </a>
</nav> </nav>
<div id="dome"> <div id="dome">

View File

@ -29,6 +29,10 @@ header {
display: none; display: none;
} }
#menu-toggle:hover {
background-color: #f5f5f5;
}
#menu-toggle:active { #menu-toggle:active {
background-color: #e0e0e0; background-color: #e0e0e0;
} }

View File

@ -25,16 +25,16 @@
</div> </div>
<nav id="menu"> <nav id="menu">
<a class="menu-item" href="index.html"> <a class="menu-item" href="index.html">
<button class="menu-item">Home</button> <button class="menu-item fluid">Home</button>
</a> </a>
<a class="menu-item" href="about.html"> <a class="menu-item" href="about.html">
<button class="menu-item">About</button> <button class="menu-item fluid">About</button>
</a> </a>
<a class="menu-item" href="resources.html"> <a class="menu-item" href="resources.html">
<button class="menu-item">Resources</button> <button class="menu-item fluid">Resources</button>
</a> </a>
<a class="menu-item" href="forms.html"> <a class="menu-item" href="forms.html">
<button class="menu-item">Forms</button> <button class="menu-item fluid">Forms</button>
</a> </a>
</nav> </nav>
<div id="dome"> <div id="dome">

View File

@ -25,16 +25,16 @@
</div> </div>
<nav id="menu"> <nav id="menu">
<a class="menu-item" href="index.html"> <a class="menu-item" href="index.html">
<button class="menu-item">Home</button> <button class="menu-item fluid">Home</button>
</a> </a>
<a class="menu-item" href="about.html"> <a class="menu-item" href="about.html">
<button class="menu-item">About</button> <button class="menu-item fluid">About</button>
</a> </a>
<a class="menu-item" href="resources.html"> <a class="menu-item" href="resources.html">
<button class="menu-item">Resources</button> <button class="menu-item fluid">Resources</button>
</a> </a>
<a class="menu-item" href="forms.html"> <a class="menu-item" href="forms.html">
<button class="menu-item">Forms</button> <button class="menu-item fluid">Forms</button>
</a> </a>
</nav> </nav>
<div id="dome"> <div id="dome">

View File

@ -25,16 +25,16 @@
</div> </div>
<nav id="menu"> <nav id="menu">
<a class="menu-item" href="index.html"> <a class="menu-item" href="index.html">
<button class="menu-item">Home</button> <button class="menu-item fluid">Home</button>
</a> </a>
<a class="menu-item" href="about.html"> <a class="menu-item" href="about.html">
<button class="menu-item">About</button> <button class="menu-item fluid">About</button>
</a> </a>
<a class="menu-item" href="resources.html"> <a class="menu-item" href="resources.html">
<button class="menu-item">Resources</button> <button class="menu-item fluid">Resources</button>
</a> </a>
<a class="menu-item" href="forms.html"> <a class="menu-item" href="forms.html">
<button class="menu-item">Forms</button> <button class="menu-item fluid">Forms</button>
</a> </a>
</nav> </nav>
<div id="dome"> <div id="dome">