Advertisement
Guest User

Untitled

a guest
Jul 13th, 2014
240
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.11 KB | None | 0 0
  1. .menu-container {
  2. float: right;
  3. margin-top: 20px;
  4. margin-right: 30px;
  5. margin-left: auto;
  6. width: auto;
  7.  
  8.  
  9. }
  10.  
  11. nav {
  12. float: right;
  13. margin: 20px auto;
  14. width: 100%;
  15. }
  16. nav ul {
  17. margin-right: -4px;
  18. margin-left: 5px;
  19. text-align: right;
  20. }
  21. nav ul li {
  22. display: inline-block;
  23. margin-right: -4px;
  24. margin-left: 5px;
  25. vertical-align: top;
  26. }
  27. nav a {
  28. padding: 4px 8px;
  29. text-decoration: none;
  30. color: rgba(255,255,255,1) !important ;
  31. background: rgba(0,0,0,0.25);
  32. text-transform: uppercase;
  33. letter-spacing: 1.5px;
  34. font-size: 14px;
  35. font-weight: 400;
  36. transition: all 0.5s ease;
  37.  
  38.  
  39. }
  40.  
  41.  
  42. nav a:hover {
  43. border-top: 1px solid #234692;
  44. border-bottom: none;
  45. background: rgba(0,0,0,0.28) !important ;
  46.  
  47. }
  48.  
  49.  
  50. nav ul li ul {
  51. position: absolute;
  52. display: block;
  53. margin-top: 5px;
  54.  
  55. background: none;
  56. padding-top: 5px
  57. }
  58. nav ul li ul li {
  59. display: block;
  60. float: none;
  61. margin: 0;
  62. padding: 0
  63. }
  64. nav ul li ul li a {
  65. display: block;
  66. text-align: left;
  67. color: rgba(255,255,255,0.9) !important ;
  68. text-shadow: 0 1px rgba(0,0,0,0.33) !important ;
  69. padding: 10px
  70. }
  71. nav ul li ul li a:hover {
  72. background: rgba(20,150,220,0.5) !important ;
  73. color: white;
  74. text-shadow: 0 1px rgba(0,0,0,0.5)
  75. }
  76. .hover a {
  77. display: block;
  78. }
  79. .hover span {
  80. color: rgba(255,255,255,0.9);
  81. background: rgba(20,150,220,0.5);
  82. border-radius: 5px;
  83. position: absolute;
  84. display: block;
  85. margin: 5px 0 0 -57px;
  86. padding: 10px;
  87. font-size: 13px;
  88. font-weight: 300;
  89. letter-spacing: 1.5px;
  90. text-transform: uppercase;
  91. text-align: center;
  92. cursor: default;
  93. }
  94.  
  95. /*li.selected a{
  96. border-bottom: 1px solid rgba(16,65,145,0.9);
  97.  
  98. }*/
  99.  
  100. .selected {
  101. position: relative;
  102.  
  103. }
  104. .menu-item-border {
  105. border-top: 1px solid #234692;
  106. }
  107.  
  108. li.selected a:after {
  109. top: 25px;
  110. left: 50%;
  111. border: solid transparent;
  112. content: " ";
  113. height: 0;
  114. width: 0;
  115. position: absolute;
  116. pointer-events: none;
  117. border-color: rgba(136, 183, 213, 0);
  118. border-top-color: rgba(0,0,0,0.25);
  119. border-width: 10px;
  120. margin-left: -10px;
  121. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement