Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- margin: 0;
- padding: 0;
- border: none;
- outline: none;
- }
- :root {
- --font: "Roboto", sans-serif;
- }
- html, body {
- height: 100%;
- background-color: #FCFCFC;
- font-family: var(--font);
- }
- #app {
- min-height: 100%;
- display: flex;
- flex-direction: column;
- }
- .left { float: left; }
- .right { float: right; }
- #nav {
- height: 5em;
- background-color: #FCFCFC;
- line-height: 5em;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- #nav ul {
- display: block;
- }
- #nav ul li {
- list-style-type: none;
- float: left;
- padding: 0 .7em;
- font-size: .9em;
- font-weight: 500;
- }
- #nav ul li a {
- text-decoration: none;
- color: #545454;
- }
- #nav ul li .btn {
- padding: .5em 1.4em;
- border-radius: 16px;
- cursor: pointer;
- font-family: var(--font);
- font-weight: 500;
- }
- #nav ul li .btn.login {
- background: none;
- color: #545454;
- box-shadow: inset 0 0 0 1px #545454;
- }
- #nav ul li .btn.register {
- background: #0076f5;
- color: #fcfcfc;
- margin-right: 2em;
- }
- #footer {
- height: 8em;
- margin-top: auto;
- background-color: #f5f5f5;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement