Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- .container {
- height: 100%;
- position: absolute;
- width: 100%;
- }
- .banner {
- background-color: #2e2e2e;
- width: 100%;
- height: 90px;
- position: relative;
- color: white;
- min-width: 900px;
- }
- .banner ul {
- position: absolute;
- bottom: 0px;
- width: 100%;
- margin-left: 0px;
- margin-right: 0px;
- margin: 0px;
- padding: 0px;
- height: 30px;
- -webkit-margin-before: 0px;
- -webkit-margin-after: 0px;
- padding-top: 10px;
- text-overflow: nowrap;
- }
- .banner li {
- width: 50%;
- height: 30px;
- float: left;
- text-align: center;
- list-style-type: none;
- margin-left: -1px;
- padding-left: 1px;
- }
- .banner li a {
- height: 30px;
- width: 100%;
- display: inline-block;
- text-decoration: none;
- padding-top: 10px;
- margin-top: -10px;
- color: white;
- }
- .banner li a:hover {
- background-color: #444444;
- }
- .inputcontainer {
- position: absolute;
- right: 10px;
- top: 5px;
- }
- .banner h1 {
- position: absolute;
- left: 5px;
- padding: 0px;
- margin: 0px;
- }
- </style>
- <div class="banner">
- <h1>Unlocked Doors</h1>
- <div class="container">
- <div class="inputcontainer">
- Welcome <span id="username">Guest</a><span id="optional"> - Please login. Username: <input
- name="username" /> Password: <input name="password" /></span>
- </div>
- <ul>
- <li><a href="index.php">Home</a></li>
- <li><a href="registerpage.php">Register</a></li>
- </ul>
- </div>
- </div>
Add Comment
Please, Sign In to add comment