nav buttons, new background color

This commit is contained in:
XlXi 2020-12-19 16:51:29 -05:00
parent ce544a5146
commit 5b9cc5cef5
2 changed files with 25 additions and 5 deletions

View File

@ -23,7 +23,7 @@ body, div, h1, h2, h3, h4, h5 {
body { body {
font-family: segoe ui; font-family: segoe ui;
min-height: 100vh; min-height: 100vh;
background-color: #f0f0fa; background-color: #f9f9fb;
} }
.plt-header { .plt-header {
@ -44,17 +44,31 @@ body {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
margin-top: -4px;
margin-right: auto;
} }
.plt-nav li { .plt-nav li {
float: left; float: left;
padding-right: 3px;
} }
.plt-nav li a { .plt-nav li a {
display: block; display: block;
color: white;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-shadow: #000000a3 1px 1px 1px;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
height: 32px; height: 28px;
padding-left: 5px;
padding-right: 5px;
padding-top: 12px;
}
.plt-nav li a:hover {
background: linear-gradient(#629de4, #1b559d);
} }
.plt-nav-icon { .plt-nav-icon {
@ -71,5 +85,5 @@ body {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
margin: auto; margin: auto;
max-width: 900px; max-width: 1200px;
} }

View File

@ -22,10 +22,16 @@ $headers = $page->buildHeaders();
<img class="plt-nav-icon" src="<?= "//cdn." . $page->GetDomain() . "/IMG/Nav.png" ?>" alt="P"></img> <img class="plt-nav-icon" src="<?= "//cdn." . $page->GetDomain() . "/IMG/Nav.png" ?>" alt="P"></img>
<ul class="plt-nav"> <ul class="plt-nav">
<li> <li>
<a href="#">Navbar Item</a> <a href="#">Home</a>
</li> </li>
<li> <li>
<a href="#">Navbar Item</a> <a href="#">Games</a>
</li>
<li>
<a href="#">Catalog</a>
</li>
<li>
<a href="#">Create</a>
</li> </li>
</ul> </ul>
</div> </div>