Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- background-color: #f6eeea;
- }
- nav{
- float: right;
- list-style-type: none;
- margin-top: auto;
- }
- ul li a{
- text-decoration: none;
- color: #fff;
- padding: 20px 20px;
- }
- ul {
- list-style-type: none;
- margin: 0;
- padding: 0;
- width: 300px;
- background-color:#8e8268;
- }
- li a {
- display: block;
- color: #000;
- padding: 800px 16px;
- text-decoration: none;
- }
- li a.active {
- background-color: #4A2511;
- color: white;
- }
- li a:hover:not(.active) {
- background-color: #555;
- color: white;
- }
- <style>
- body {font-family: Arial, Helvetica, sans-serif;}
- * {box-sizing: border-box}
- /* 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;
- }
- hr {
- border: 1px solid #f1f1f1;
- margin-bottom: 25px;
- }
- /* Set a style for all buttons */
- button {
- background-color: #4CAF50;
- color: white;
- padding: 14px 20px;
- margin: 8px 0;
- border: none;
- cursor: pointer;
- width: 100%;
- opacity: 0.9;
- }
- button:hover {
- opacity:1;
- }
- /* Extra styles for the cancel button */
- .cancelbtn {
- padding: 14px 20px;
- background-color: #f44336;
- }
- /* Float cancel and signup buttons and add an equal width */
- .cancelbtn, .signupbtn {
- float: left;
- width: 50%;
- }
- /* Add padding to container elements */
- .container {
- padding: 16px;
- }
- /* Clear floats */
- .clearfix::after {
- content: "";
- clear: both;
- display: table;
- }
- /* Change styles for cancel button and signup button on extra small screens */
- @media screen and (max-width: 300px) {
- .cancelbtn, .signupbtn {
- width: 100%;
- }
- }
- .footer {
- position:fixed;
- left: 0;
- bottom: 0;
- width: 100%;
- padding-top:1px;
- background-color: #4A2511;
- color: white;
- text-align: center;
- }
- .fa {
- padding: 8px;
- font-size: 30px;
- width: 30px;
- text-align: center;
- text-decoration: none;
- margin: 5px 2px;
- }
- .fa:hover {
- opacity: 0.7;
- }
- .fa-facebook {
- background: #3B5998;
- color: white;
- }
- .fa-twitter {
- background: #55ACEE;
- color: white;
- }
- .fa-amazon {
- background: #dd4b39;
- color: white;
- }
- .fa-spotify {
- background:#1bd75f;
- color: white;
- }
- .fa-youtube {
- background: #bb0000;
- color: white;
- }
- .fa-instagram {
- background: #b53caf;
- color: white;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement