Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .header {
- padding: 60px;
- text-align: center;
- background: #fff;
- color: black;
- font-size: 30px;
- }
- #navigation-buttons:hover {
- background-color: #12a2b7;
- }
- body {
- margin: 0;
- background: #222;
- font-family: 'Work Sans', sans-serif;
- font-weight: 800;
- }
- .container {
- width: 80%;
- margin: 0 auto;
- }
- .container2 {
- background: fff;
- width: 80%;
- margin: 0 auto;
- }
- header {
- background: #000;
- }
- footer {
- background: #000;
- }
- header::after {
- content: '';
- display: table;
- clear: both;
- }
- header2::after {
- content: '';
- display: table;
- clear: both;
- }
- footer::after {
- content: '';
- display: table;
- clear: both;
- }
- .logo {
- float: left;
- padding: 10px 0;
- }
- nav {
- float: right;
- }
- nav ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- nav li {
- display: inline-block;
- margin-left: 70px;
- padding-top: 23px;
- position: relative;
- }
- nav a {
- color: #999;
- text-decoration: none;
- text-transform: uppercase;
- font-size: 14px;
- }
- nav a:hover {
- color: #fff;
- }
- nav a::before {
- content: '';
- display: block;
- height: 5px;
- background-color: #fff;
- position: absolute;
- top: 0;
- width: 0%;
- transition: all ease-in-out 250ms;
- }
- nav a:hover::before {
- width: 100%;
- }
- #dropbtn {
- padding-top: 23px;
- }
- #dropdown {
- position: relative;
- display: inline-block;
- }
- #dropdown-content {
- display: none;
- position: absolute;
- background-color: #f1f1f1;
- min-width: 150px;
- box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
- z-index: 1;
- }
- #dropdown-content a {
- color: black;
- padding: 12px 16px;
- text-decoration: none;
- display: block;
- cursor: pointer;
- }
- #para {
- cursor: pointer;
- padding: 5px 16px;
- color: #0;
- text-decoration: none;
- text-transform: uppercase;
- font-size: 14px;
- }
- #para2 {
- cursor: pointer;
- padding: 5px 16px;
- color: #0;
- text-decoration: none;
- text-transform: uppercase;
- font-size: 14px;
- }
- #para3 {
- cursor: pointer;
- padding: 5px 16px;
- color: #0;
- text-decoration: none;
- text-transform: uppercase;
- font-size: 14px;
- }
- #para4 {
- cursor: pointer;
- padding: 5px 16px;
- color: #0;
- text-decoration: none;
- text-transform: uppercase;
- font-size: 14px;
- }
- #dropdown:hover #dropdown-content {display: block;}
- /* Stolen CSS AKA FOOTER */
- section#footer{
- float: left;
- width: 62%;
- padding-top: 20px;
- padding-left: 24%;
- padding-right: 14%;
- background-color:#333333;
- font-size: 14px;
- color: silver;
- }
- .sboxfooter {
- display: inline-block;
- margin-left: 3%; margin-bottom: 1%; margin-top: 0.5%;
- width: 280px;
- max-width: 290px;
- height:auto ;
- background-color: #333333;
- border-spacing: 0px;
- color: silver;
- text-align: center;
- }
- /* End of Stolen CSS AKA FOOTER */
- .common-Button {
- position:absolute;
- cursor: pointer;
- opacity:1;
- white-space:nowrap;
- font-family: 'Oswald', sans-serif;
- display:inline-block;
- line-height:75px;
- padding:0 14px;
- -webkit-box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
- box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
- background:#fff;
- border-radius:4px;
- height: 75px;
- width: 200px;
- font-size:30px;
- text-transform:uppercase;
- letter-spacing:.025em;
- color:#6772e5;
- text-decoration:none;
- -webkit-transition:all .15s ease;
- transition:all .15s ease;
- text-align: center;
- -webkit-user-select: none; /* Safari */
- -moz-user-select: none; /* Firefox */
- -ms-user-select: none; /* IE10+/Edge */
- user-select: none; /* Standard */
- }
- .common-Button:focus {
- outline:none;-webkit-box-shadow:0 0 0 1.5px hsla(0,0%,100%,.75),0 0 0 1.25px rgba(82,95,127,.5) inset,0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);box-shadow:0 0 0 1.5px hsla(0,0%,100%,.75),inset 0 0 0 1.25px rgba(82,95,127,.5),0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025)
- }
- .common-Button:hover {
- color:#7795f8;-webkit-transform:translateY(-1px);
- transform:translateY(-1px);
- -webkit-box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
- box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
- -webkit-box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
- box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)
- }
- .common-Button:active {
- color:#555abf;background-color:#f6f9fc;
- -webkit-transform:translateY(1px);
- transform:translateY(1px);
- -webkit-box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
- box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3)
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement