Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- margin:0;
- background-color:#131314;
- }
- @font-face {
- font-family: BebasNeue;
- src: url('BebasNeue.otf');
- }
- a:link {
- color:white;
- text-decoration:none;
- }
- a:visited {
- color:white;
- text-decoration:none;
- }
- a:hover {
- color:white;
- text-decoration:none;
- }
- a:active {
- color:white;
- text-decoration:none;
- }
- #navigation-list {
- margin:0;
- padding:0;
- list-style-type:none;
- }
- #navigation-buttons {
- margin:auto;
- margin-top:20px;
- width:1000px;
- height:90px;
- background-color:transparent;
- }
- /* Navigation Container Hover
- -----------------------------------------------------------*/
- #navigation-buttons:hover #nav-button-1 {
- background-image:url(nav-bg-secondry.png);
- background-position:0 0px;
- -ms-background-position-x:0px;
- -ms-background-position-y:0px;
- -webkit-transition: background 1s ease-in-out;
- -moz-transition: background 1s ease-in-out;
- -o-transition: background 1s ease-in-out;
- -ms-transition: background 1s ease-in-out;
- transition: background 1s ease-in-out;
- }
- #navigation-buttons:hover #nav-button-2 {
- background-image:url(nav-bg-secondry.png);
- background-position:0 -120px;
- -ms-background-position-x:0px;
- -ms-background-position-y:-120px;
- }
- #navigation-buttons:hover #nav-button-3 {
- background-image:url(nav-bg-secondry.png);
- background-position:0 -120px;
- -ms-background-position-x:0px;
- -ms-background-position-y:-120px;
- }
- #navigation-buttons:hover #nav-button-4 {
- background-image:url(nav-bg-secondry.png);
- background-position:0 -120px;
- -ms-background-position-x:0px;
- -ms-background-position-y:-120px;
- }
- #navigation-buttons:hover #nav-button-5 {
- background-image:url(nav-bg-secondry.png);
- background-position:0 -60px;
- -ms-background-position-x:0px;
- -ms-background-position-y:-60px;
- }
- /* Navigation Button Class
- -----------------------------------------------------------*/
- .navigation-button {
- width:19%;
- height:60px;
- /*background-color:blue;*/
- float:left;
- margin-top:15px;
- font-family:BebasNeue;
- text-shadow:0 1px gray;
- font-size:28px;
- text-align:center;
- line-height:52px;
- }
- /* Navigation Buttons
- -----------------------------------------------------------*/
- #nav-button-1 {
- margin-left:2.5%;
- background-image:url(nav-bg-initial.png);
- }
- #nav-button-2 {
- background-image:url(nav-bg-initial.png);
- background-position:0 -120px;
- -ms-background-position-x:0px;
- -ms-background-position-y:-120px;
- }
- #nav-button-3 {
- background-image:url(nav-bg-initial.png);
- background-position:0 -120px;
- -ms-background-position-x:0px;
- -ms-background-position-y:-120px;
- }
- #nav-button-4 {
- background-image:url(nav-bg-initial.png);
- background-position:0 -120px;
- -ms-background-position-x:0px;
- -ms-background-position-y:-120px;
- }
- #nav-button-5 {
- background-image:url(nav-bg-initial.png);
- background-position:0 -60px;
- -ms-background-position-x:0px;
- -ms-background-position-y:-60px;
- }
- /* Navigation Buttons Hover
- -----------------------------------------------------------*/
- #navigation-buttons:hover #nav-button-1:hover {
- background-image:url(nav-bg-tertiary.png);
- background-position:0 0px;
- -ms-background-position-x:0px;
- -ms-background-position-y:0px;
- }
- #navigation-buttons:hover #nav-button-2:hover {
- background-image:url(nav-bg-tertiary.png);
- background-position:0 -60px;
- -ms-background-position-x:0px;
- -ms-background-position-y:-60px;
- }
- #navigation-buttons:hover #nav-button-3:hover {
- background-image:url(nav-bg-tertiary.png);
- background-position:0 -60px;
- -ms-background-position-x:0px;
- -ms-background-position-y:-60px;
- }
- #navigation-buttons:hover #nav-button-4:hover {
- background-image:url(nav-bg-tertiary.png);
- background-position:0 -60px;
- -ms-background-position-x:0px;
- -ms-background-position-y:-60px;
- }
- #navigation-buttons:hover #nav-button-5:hover {
- background-image:url(nav-bg-tertiary.png);
- background-position:0 -120px;
- -ms-background-position-x:0px;
- -ms-background-position-y:-120px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement