Advertisement
phirani

CSS coding

Apr 24th, 2015
208
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.16 KB | None | 0 0
  1. body{
  2. padding: 0;
  3. margin: 5px auto;
  4. overflow-y: scroll;
  5. font-family: Arial;
  6. font-size: 18px;
  7. position: relative;
  8. background-color: #F5F5F5;
  9. }
  10.  
  11. #nav{
  12.  
  13. background-color: #222;
  14.  
  15. }
  16.  
  17. #nav_wrapper{
  18. width: 960px;
  19. margin: 0 auto;
  20. text-align: left;
  21.  
  22. }
  23.  
  24. #nav ul{
  25. list-style-type: none;
  26. padding: 0;
  27. margin: 0;
  28. position: relative;
  29. transition:1.0s;
  30. }
  31.  
  32. #nav ul li{
  33. display: inline-block;
  34. transition:0.5s;
  35.  
  36. }
  37.  
  38. #nav ul li:hover {
  39. background-color: #333;
  40. background:#999;
  41. border-color:#6E67A6;
  42. color:#fff;
  43.  
  44. }
  45.  
  46. #nav ul li img{
  47. vertical-align: middle;
  48. padding-left: 5px;
  49.  
  50. }
  51.  
  52. #nav ul li a,visited{
  53. color: #ccc;
  54. display: block;
  55. padding: 10px;
  56. text-decoration: none;
  57. }
  58.  
  59. #nav ul li a:hover{
  60. color: #ccc;
  61. text-decoration: none;
  62. color: #333;
  63. }
  64.  
  65. #nav ul li:hover ul{
  66. display: block;
  67. color: #333;
  68. }
  69.  
  70. #nav ul ul {
  71. display: none;
  72. position: absolute;
  73. background-color: #333;
  74. border: 5px solid #222;
  75. border-top: 0;
  76. margin-left: -5px;
  77. min-width: 200px;
  78. }
  79.  
  80. #nav ul ul li{
  81. display: block;
  82. }
  83.  
  84. #nav ul ul li a,visited{
  85.  
  86. color: #ccc;
  87.  
  88. }
  89.  
  90. #nav ul ul li a:hover{
  91. color: #333;
  92. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement