Advertisement
Guest User

Untitled

a guest
Feb 12th, 2012
186
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.97 KB | None | 0 0
  1. body {
  2.     margin:0;
  3.     background-color:#131314;
  4. }
  5.  
  6.  
  7. @font-face {
  8.     font-family: BebasNeue;
  9.     src: url('BebasNeue.otf');
  10. }
  11.  
  12. a:link {
  13.     color:white;
  14.     text-decoration:none;
  15. }
  16.  
  17. a:visited {
  18.     color:white;
  19.     text-decoration:none;
  20. }
  21.  
  22. a:hover {
  23.     color:white;
  24.     text-decoration:none;
  25. }
  26. a:active {
  27.     color:white;
  28.     text-decoration:none;
  29. }
  30.  
  31. #navigation-list {
  32.     margin:0;
  33.     padding:0;
  34.     list-style-type:none;
  35. }
  36.  
  37. #navigation-buttons {
  38.     margin:auto;
  39.     margin-top:20px;
  40.     width:1000px;
  41.     height:90px;
  42.     background-color:transparent;
  43. }
  44.  
  45. /* Navigation Container Hover
  46. -----------------------------------------------------------*/
  47. #navigation-buttons:hover #nav-button-1 {
  48.     background-image:url(nav-bg-secondry.png);
  49.     background-position:0 0px;
  50.     -ms-background-position-x:0px;
  51.     -ms-background-position-y:0px;
  52.     -webkit-transition: background 1s ease-in-out;
  53.     -moz-transition: background 1s ease-in-out;
  54.     -o-transition: background 1s ease-in-out;
  55.     -ms-transition: background 1s ease-in-out; 
  56.     transition: background 1s ease-in-out;
  57. }
  58.  
  59. #navigation-buttons:hover #nav-button-2 {
  60.     background-image:url(nav-bg-secondry.png);
  61.     background-position:0 -120px;
  62.     -ms-background-position-x:0px;
  63.     -ms-background-position-y:-120px;
  64. }
  65.  
  66. #navigation-buttons:hover #nav-button-3 {
  67.     background-image:url(nav-bg-secondry.png);
  68.     background-position:0 -120px;
  69.     -ms-background-position-x:0px;
  70.     -ms-background-position-y:-120px;
  71. }
  72.  
  73. #navigation-buttons:hover #nav-button-4 {
  74.     background-image:url(nav-bg-secondry.png);
  75.     background-position:0 -120px;
  76.     -ms-background-position-x:0px;
  77.     -ms-background-position-y:-120px;
  78. }
  79.  
  80. #navigation-buttons:hover #nav-button-5 {
  81.     background-image:url(nav-bg-secondry.png);
  82.     background-position:0 -60px;
  83.     -ms-background-position-x:0px;
  84.     -ms-background-position-y:-60px;
  85. }
  86.  
  87. /* Navigation Button Class
  88. -----------------------------------------------------------*/
  89. .navigation-button {
  90.     width:19%;
  91.     height:60px;
  92.     /*background-color:blue;*/
  93.     float:left;
  94.     margin-top:15px;
  95.     font-family:BebasNeue;
  96.     text-shadow:0 1px gray;
  97.     font-size:28px;
  98.     text-align:center;
  99.     line-height:52px;
  100. }
  101.  
  102. /* Navigation Buttons
  103. -----------------------------------------------------------*/
  104. #nav-button-1 {
  105.     margin-left:2.5%;
  106.     background-image:url(nav-bg-initial.png);
  107. }
  108.  
  109. #nav-button-2 {
  110.     background-image:url(nav-bg-initial.png);
  111.     background-position:0 -120px;
  112.     -ms-background-position-x:0px;
  113.     -ms-background-position-y:-120px;
  114. }
  115.  
  116. #nav-button-3 {
  117.     background-image:url(nav-bg-initial.png);
  118.     background-position:0 -120px;
  119.     -ms-background-position-x:0px;
  120.     -ms-background-position-y:-120px;
  121. }
  122.  
  123. #nav-button-4 {
  124.     background-image:url(nav-bg-initial.png);
  125.     background-position:0 -120px;
  126.     -ms-background-position-x:0px;
  127.     -ms-background-position-y:-120px;
  128. }
  129.  
  130. #nav-button-5 {
  131.     background-image:url(nav-bg-initial.png);
  132.     background-position:0 -60px;
  133.     -ms-background-position-x:0px;
  134.     -ms-background-position-y:-60px;
  135. }
  136.  
  137. /* Navigation Buttons Hover
  138. -----------------------------------------------------------*/
  139. #navigation-buttons:hover #nav-button-1:hover {
  140.     background-image:url(nav-bg-tertiary.png);
  141.     background-position:0 0px;
  142.     -ms-background-position-x:0px;
  143.     -ms-background-position-y:0px;
  144. }
  145.  
  146. #navigation-buttons:hover #nav-button-2:hover {
  147.     background-image:url(nav-bg-tertiary.png);
  148.     background-position:0 -60px;
  149.     -ms-background-position-x:0px;
  150.     -ms-background-position-y:-60px;
  151. }
  152.  
  153. #navigation-buttons:hover #nav-button-3:hover {
  154.     background-image:url(nav-bg-tertiary.png);
  155.     background-position:0 -60px;
  156.     -ms-background-position-x:0px;
  157.     -ms-background-position-y:-60px;
  158. }
  159.  
  160. #navigation-buttons:hover #nav-button-4:hover {
  161.     background-image:url(nav-bg-tertiary.png);
  162.     background-position:0 -60px;
  163.     -ms-background-position-x:0px;
  164.     -ms-background-position-y:-60px;
  165. }
  166.  
  167. #navigation-buttons:hover #nav-button-5:hover {
  168.     background-image:url(nav-bg-tertiary.png);
  169.     background-position:0 -120px;
  170.     -ms-background-position-x:0px;
  171.     -ms-background-position-y:-120px;
  172. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement