GrenadeApedotcom

nav css

Nov 24th, 2014
202
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.59 KB | None | 0 0
  1. body {
  2.     font-family: 'Roboto', sans-serif;
  3.     font-size: 14px;
  4.     margin: 0px;
  5.     padding: 0px;
  6.     color: #333;
  7.     background-color: #333;
  8.     min-width:1000px;
  9. }
  10. #Top {
  11.     height: 75px;
  12.     width: 1700px;
  13.     background-color: #FFF;
  14.     position: fixed;
  15.     top: 0px;
  16. }
  17. #Top #InTop {
  18.     width: 1200px;
  19.     margin-right: 20px;
  20.     margin-left: 125px;
  21.     height: 75px;
  22. }
  23. #Top #InTop #Navi {
  24.     float: right;
  25.     height: 75px;
  26.     width: 800px;
  27.     border-right-width: 1px;
  28.     border-right-style: solid;
  29.     border-right-color: #EDEDED;
  30. }
  31. #Top #InTop #Navi a {
  32.     line-height: 75px;
  33.     display: block;
  34.     height: 75px;
  35.     padding-right: 20px;
  36.     padding-left: 20px;
  37.     text-decoration: none;
  38.     font-size: 14px;
  39.     font-weight: bold;
  40.     border-left-width: 1px;
  41.     border-left-style: solid;
  42.     border-left-color: #EDEDED;
  43.     color: #333;
  44.     float: right;
  45. }
  46. #Top #InTop #Navi a:hover {
  47.     background-color: #EDEDED;
  48.  
  49. }
  50. #Top #InTop  #Current {
  51.    
  52.     background-repeat: repeat-x;
  53.     background-position: bottom;
  54.     background-color: #;
  55.     color: #333;
  56. }
  57. #Navi ul
  58. {
  59. background: #FFFFFF;
  60. list-style: none;
  61. float:right;
  62. display: inline-table;
  63. }
  64. /*Hide child lists by default*/
  65. #Navi ul ul
  66. {
  67. display: none;
  68. position: absolute;
  69. top: 115%;
  70. padding: 0px;
  71. }
  72.  
  73. /*Floating the main list left*/
  74. #Navi ul li
  75. {
  76.     float:right;
  77. }
  78.  
  79. #Navi ul li:hover > a
  80. {
  81. color: #ffffff;
  82. background: #EDEDED;
  83. }
  84.  
  85. #Navi ul li a
  86. {
  87. display: block;
  88. color: #FFFFFF;
  89.  text-decoration: none;
  90. }
  91. #Navi ul li:hover > ul
  92. {
  93. display: block;
  94. background: #ffffff; border-radius: 0px; padding: 0;
  95. }
  96. #Navi ul ul li
  97. {
  98. float: none;
  99.     padding-left: -200px;
  100. position: relative;
  101. }
Add Comment
Please, Sign In to add comment