Added button padding

This commit is contained in:
Thomas G 2022-06-19 13:22:53 +10:00
parent 3bb4a415a5
commit f92d228647
6 changed files with 103 additions and 55 deletions

View File

@ -1,8 +1,8 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>MORBLOX.com - Games</title>
<meta content="MORBLOX.com - Games" property="og:title"/>
<title>morblox.us - Games</title>
<meta content="morblox.us - Games" property="og:title"/>
<meta content="MORBLOX is a work in progress revival." property="og:description"/>
<meta content="https://thomasluigi07.github.io/MORBLOX-WEBSITE/" property="og:url"/>
<meta content="https://thomasluigi07.github.io/MORBLOX-WEBSITE/MORBLOXlogo.png" property="og:image"/>
@ -17,17 +17,21 @@
<body>
<header class="navbar">
<a href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogo.png" width="200" height="40"/></a>
<a class="navbarbutton" href="home.html">Home</a>
<a class="navbarbutton" href="games.html">Games</a>
<a class="navbarbutton" href="catalog.html">Catalog</a>
<a class="navbarbutton" href="build.html">Build</a>
<a class="navbarbutton" href="upgrade.html">Upgrade</a>
<a class="navbarbutton" href="forum.html">Forum</a>
<div class="navbarbuttoncontainer">
<a class="navbarbutton" href="home.html">Home</a>
<a class="navbarbutton" href="games.html">Games</a>
<a class="navbarbutton" href="catalog.html">Catalog</a>
<a class="navbarbutton" href="build.html">Build</a>
<a class="navbarbutton" href="upgrade.html">Upgrade</a>
<a class="navbarbutton" href="forum.html">Forum</a>
</div>
</header>
<header class="smallnav">
<a class="smallnavbarbutton" href="profile.html">Profile</a>
<a class="smallnavbarbutton" href="avatar.html">Avatar</a>
<a class="smallnavbarbutton" href="Settings.html">Settings</a>
<div class="smallnavbarbuttoncontainer">
<a class="smallnavbarbutton" href="profile.html">Profile</a>
<a class="smallnavbarbutton" href="avatar.html">Avatar</a>
<a class="smallnavbarbutton" href="Settings.html">Settings</a>
</div>
</header>
<header class="alert" id="invisible">
<p class="alerttext" >ALERT TEXT</p>

View File

@ -1,8 +1,8 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>MORBLOX.com - Home</title>
<meta content="MORBLOX.com - Home" property="og:title"/>
<title>morblox.us - Home</title>
<meta content="morblox.us - Home" property="og:title"/>
<meta content="MORBLOX is a work in progress revival." property="og:description"/>
<meta content="https://thomasluigi07.github.io/MORBLOX-WEBSITE/" property="og:url"/>
<meta content="https://thomasluigi07.github.io/MORBLOX-WEBSITE/MORBLOXlogo.png" property="og:image"/>
@ -17,17 +17,21 @@
<body>
<header class="navbar">
<a href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogo.png" width="200" height="40"/></a>
<a class="navbarbutton" href="home.html">Home</a>
<a class="navbarbutton" href="games.html">Games</a>
<a class="navbarbutton" href="catalog.html">Catalog</a>
<a class="navbarbutton" href="build.html">Build</a>
<a class="navbarbutton" href="upgrade.html">Upgrade</a>
<a class="navbarbutton" href="forum.html">Forum</a>
<div class="navbarbuttoncontainer">
<a class="navbarbutton" href="home.html">Home</a>
<a class="navbarbutton" href="games.html">Games</a>
<a class="navbarbutton" href="catalog.html">Catalog</a>
<a class="navbarbutton" href="build.html">Build</a>
<a class="navbarbutton" href="upgrade.html">Upgrade</a>
<a class="navbarbutton" href="forum.html">Forum</a>
</div>
</header>
<header class="smallnav">
<a class="smallnavbarbutton" href="profile.html">Profile</a>
<a class="smallnavbarbutton" href="avatar.html">Avatar</a>
<a class="smallnavbarbutton" href="Settings.html">Settings</a>
<div class="smallnavbarbuttoncontainer">
<a class="smallnavbarbutton" href="profile.html">Profile</a>
<a class="smallnavbarbutton" href="avatar.html">Avatar</a>
<a class="smallnavbarbutton" href="Settings.html">Settings</a>
</div>
</header>
<header class="alert" id="invisible">
<p class="alerttext" >ALERT TEXT</p>

View File

@ -1,8 +1,8 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>Free Games at MORBLOX.com</title>
<meta content="Free Games at MORBLOX.com" property="og:title"/>
<title>Free Games at morblox.us</title>
<meta content="Free Games at morblox.us" property="og:title"/>
<meta content="MORBLOX is a work in progress revival." property="og:description"/>
<meta content="https://thomasluigi07.github.io/MORBLOX-WEBSITE/" property="og:url"/>
<meta content="https://thomasluigi07.github.io/MORBLOX-WEBSITE/MORBLOXlogo.png" property="og:image"/>
@ -17,17 +17,21 @@
<body>
<header class="navbar">
<a href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogo.png" width="200" height="40"/></a>
<a class="navbarbutton" href="home.html">Home</a>
<a class="navbarbutton" href="games.html">Games</a>
<a class="navbarbutton" href="catalog.html">Catalog</a>
<a class="navbarbutton" href="build.html">Build</a>
<a class="navbarbutton" href="upgrade.html">Upgrade</a>
<a class="navbarbutton" href="forum.html">Forum</a>
<div class="navbarbuttoncontainer">
<a class="navbarbutton" href="home.html">Home</a>
<a class="navbarbutton" href="games.html">Games</a>
<a class="navbarbutton" href="catalog.html">Catalog</a>
<a class="navbarbutton" href="build.html">Build</a>
<a class="navbarbutton" href="upgrade.html">Upgrade</a>
<a class="navbarbutton" href="forum.html">Forum</a>
</div>
</header>
<header class="smallnav">
<a class="smallnavbarbutton" href="profile.html">Profile</a>
<a class="smallnavbarbutton" href="avatar.html">Avatar</a>
<a class="smallnavbarbutton" href="Settings.html">Settings</a>
<div class="smallnavbarbuttoncontainer">
<a class="smallnavbarbutton" href="profile.html">Profile</a>
<a class="smallnavbarbutton" href="avatar.html">Avatar</a>
<a class="smallnavbarbutton" href="Settings.html">Settings</a>
</div>
</header>
<header class="alert" id="invisible">
<p class="alerttext" >ALERT TEXT</p>

View File

@ -1,8 +1,8 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>MORBLOX.com - Login</title>
<meta content="MORBLOX.com - Login" property="og:title"/>
<title>morblox.us - Login</title>
<meta content="morblox.us - Login" property="og:title"/>
<meta content="MORBLOX is a work in progress revival." property="og:description"/>
<meta content="https://thomasluigi07.github.io/MORBLOX-WEBSITE/" property="og:url"/>
<meta content="https://thomasluigi07.github.io/MORBLOX-WEBSITE/MORBLOXlogo.png" property="og:image"/>
@ -17,17 +17,21 @@
<body>
<header class="navbar">
<a href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogo.png" width="200" height="40"/></a>
<a class="navbarbutton" href="home.html">Home</a>
<a class="navbarbutton" href="games.html">Games</a>
<a class="navbarbutton" href="catalog.html">Catalog</a>
<a class="navbarbutton" href="build.html">Build</a>
<a class="navbarbutton" href="upgrade.html">Upgrade</a>
<a class="navbarbutton" href="forum.html">Forum</a>
<div class="navbarbuttoncontainer">
<a class="navbarbutton" href="home.html">Home</a>
<a class="navbarbutton" href="games.html">Games</a>
<a class="navbarbutton" href="catalog.html">Catalog</a>
<a class="navbarbutton" href="build.html">Build</a>
<a class="navbarbutton" href="upgrade.html">Upgrade</a>
<a class="navbarbutton" href="forum.html">Forum</a>
</div>
</header>
<header class="smallnav">
<a class="smallnavbarbutton" href="profile.html">Profile</a>
<a class="smallnavbarbutton" href="avatar.html">Avatar</a>
<a class="smallnavbarbutton" href="Settings.html">Settings</a>
<div class="smallnavbarbuttoncontainer">
<a class="smallnavbarbutton" href="profile.html">Profile</a>
<a class="smallnavbarbutton" href="avatar.html">Avatar</a>
<a class="smallnavbarbutton" href="Settings.html">Settings</a>
</div>
</header>
<header class="alert" id="invisible">
<p class="alerttext" >ALERT TEXT</p>

View File

@ -13,19 +13,42 @@
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
color: white;
line-height: normal;
display: inline-flex;
vertical-align: middle;
width: 100%;
text-align: left;
background: linear-gradient(#759CF0 10%, #3B72E1 49%, #2260DD 50%, #2362DE 100%);
}
.navbarbuttoncontainer, .smallnavbarbuttoncontainer {
padding-left: 5px;
display: table-cell;
vertical-align: middle;
}
.navbarbutton {
position: relative;
top: 10px;
text-align: center;
font-size: 18px;
}
.smallnavbarbutton {
position: relative;
top: 3px;
padding-left: 5px;
text-align: center;
font-size: 15px;
}
.smallnav {
height: 25px;
margin: 0px;
padding-left: 5px;
display: inline-table;
padding-top: 3px;
vertical-align: middle;
padding-bottom: 3px;
width: 100%;
line-height: normal;
color: rgb(255, 255, 255);
text-size-adjust: auto;
text-align: left;
@ -63,4 +86,9 @@ footer {
}
p,h1 {
margin: 0px;
}
a {
color: white;
text-decoration: none;
font-weight: bolder;
}

View File

@ -1,8 +1,8 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>MORBLOX.com - Sign up</title>
<meta content="MORBLOX.com - Sign up" property="og:title"/>
<title>morblox.us - Sign up</title>
<meta content="morblox.us - Sign up" property="og:title"/>
<meta content="MORBLOX is a work in progress revival." property="og:description"/>
<meta content="https://thomasluigi07.github.io/MORBLOX-WEBSITE/" property="og:url"/>
<meta content="https://thomasluigi07.github.io/MORBLOX-WEBSITE/MORBLOXlogo.png" property="og:image"/>
@ -17,17 +17,21 @@
<body>
<header class="navbar">
<a href="index.html"><img alt="MORBLOX Logo" src="MORBLOXlogo.png" width="200" height="40"/></a>
<a class="navbarbutton" href="home.html">Home</a>
<a class="navbarbutton" href="games.html">Games</a>
<a class="navbarbutton" href="catalog.html">Catalog</a>
<a class="navbarbutton" href="build.html">Build</a>
<a class="navbarbutton" href="upgrade.html">Upgrade</a>
<a class="navbarbutton" href="forum.html">Forum</a>
<div class="navbarbuttoncontainer">
<a class="navbarbutton" href="home.html">Home</a>
<a class="navbarbutton" href="games.html">Games</a>
<a class="navbarbutton" href="catalog.html">Catalog</a>
<a class="navbarbutton" href="build.html">Build</a>
<a class="navbarbutton" href="upgrade.html">Upgrade</a>
<a class="navbarbutton" href="forum.html">Forum</a>
</div>
</header>
<header class="smallnav">
<a class="smallnavbarbutton" href="profile.html">Profile</a>
<a class="smallnavbarbutton" href="avatar.html">Avatar</a>
<a class="smallnavbarbutton" href="Settings.html">Settings</a>
<div class="smallnavbarbuttoncontainer">
<a class="smallnavbarbutton" href="profile.html">Profile</a>
<a class="smallnavbarbutton" href="avatar.html">Avatar</a>
<a class="smallnavbarbutton" href="Settings.html">Settings</a>
</div>
</header>
<header class="alert" id="invisible">
<p class="alerttext" >ALERT TEXT</p>