Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- background-color:blue;
- }
- * {box-sizing: border-box;}
- /* Style the navbar */
- .topnav {
- overflow: hidden;
- background-color: #555;
- }
- .topnav input[type=text] {
- padding: 6px;
- margin-top: 8px;
- margin-bottom: 8px;
- margin-left: 16px;
- font-size: 17px;
- border: none;
- width: 150px;
- }
- /* SEARCH CONTAINER */
- .topnav .search-container {
- float: left;
- }
- .topnav .search-container button {
- float: right;
- padding: 6px;
- margin-top: 8px;
- margin-right: 16px;
- background: #ddd; /*Search Button Color*/
- font-size: 17px;
- border: none;
- cursor: pointer;
- }
- .topnav .search-container button:hover {
- background: #ccc; /*Color for Search button when moused over*/
- }
- /* LOGIN CONTAINER */
- .topnav .login-container{
- float: right;
- }
- .topnav .login-container button {
- float: right;
- padding: 6px;
- margin-top: 8px;
- margin-right: 16px;
- background: #ddd; /*Login Button Color*/
- font-size: 17px;
- border: none;
- cursor: pointer;
- }
- .topnav .login-container button:hover {
- background: #ccc; /*Color for Login button when moused over*/
- }
- /* REGISTER CONTAINER */
- .topnav .register-container{
- float: right;
- }
- .topnav .register-container button {
- float: right;
- padding: 6px;
- margin-top: 8px;
- margin-right: 16px;
- background: #ddd; /*register Button Color*/
- font-size: 17px;
- border: none;
- cursor: pointer;
- }
- .topnav .register-container button:hover {
- background: #ccc; /*Color for register button when moused over*/
- }
- }
- /* Add responsiveness - On small screens, display the navbar vertically instead of horizontally */
- @media screen and (max-width: 600px) {
- .topnav .login-container, .topnav .search-container, .register-container {
- float: none;
- }
- .topnav input[type=text] {
- border: 1px solid #ccc;
- }
- }
- /* For Tabs Set height of body and the document to 100% to enable "full page tabs" */
- body, html {
- height: 100%;
- margin: 0;
- font-family: Arial;
- }
- /* Style tab links */
- .tablink {
- background-color: #555;
- color: white;
- float: left;
- border: none;
- outline: none;
- cursor: pointer;
- padding: 14px 16px;
- font-size: 17px;
- width: 50%; /*NEED TO CHANGE THIS VALUE IF YOU ARE GOING TO ADD MORE TABS 25% FOR 4 TABS 33% FOR 3 TABS*/
- }
- .tablink:hover {
- background-color: #777;
- }
- /* Style the tab content (and add height:100% for full page content) */
- .tabcontent {
- color: white;
- display: none;
- padding: 100px 20px;
- height: 100%;
- }
- #Home {background-color:#1A7EFF;}
- #Auctions {background-color:#4C9BFF;}
- /*#Contact {background-color: blue;}*/
- /*#About {background-color: orange;}*/
- /* BOTTOM NAV BAR */
- /* Place the navbar at the bottom of the page, and make it stick */
- .navbar {
- background-color: #333;
- overflow: hidden;
- position: fixed;
- bottom: 0;
- width: 100%;
- }
- /* Style the links inside the navigation bar */
- .navbar a {
- float: left;
- display: block;
- color: #f2f2f2;
- text-align: center;
- padding: 14px 16px;
- text-decoration: none;
- font-size: 17px;
- }
- /* Change the color of links on hover */
- .navbar a:hover {
- background-color: #ddd;
- color: black;
- }
- /* Add a color to the active/current link */
- .navbar a.active {
- background-color: #1A7EFF;
- color: white;
- }
- /* BOTTOM NAV BAR */
- /* Login and Registration form*/
- /* Add padding to containers */
- .container {
- padding: 16px;
- }
- /* Full-width input fields */
- input[type=text], input[type=password] {
- width: 100%;
- padding: 15px;
- margin: 5px 0 22px 0;
- display: inline-block;
- border: none;
- background: #f1f1f1;
- }
- input[type=text]:focus, input[type=password]:focus {
- background-color: #ddd;
- outline: none;
- }
- /* Overwrite default styles of hr */
- hr {
- border: 1px solid #f1f1f1;
- margin-bottom: 25px;
- }
- /* Set a style for the submit/register button */
- .registerbtn {
- background-color: #ddd;
- color: white;
- padding: 16px 20px;
- margin: 8px 0;
- border: none;
- cursor: pointer;
- width: 100%;
- opacity: 0.9;
- }
- .registerbtn:hover {
- opacity:1;
- }
- /* Add a blue text color to links */
- a {
- color: dodgerblue;
- }
- /* Set a grey background color and center the text of the "sign in" section */
- .signin {
- background-color: #f1f1f1;
- text-align: center;
- }
- /*NEED TO DO LOGIN BUTTON*/
- .loginbtn {
- background-color: #ddd;
- color: white;
- padding: 16px 20px;
- margin: 8px 0;
- border: none;
- cursor: pointer;
- width: 100%;
- opacity: 0.9;
- }
- .loginbtn:hover {
- opacity:1;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement