Advertisement
Guest User

Untitled

a guest
Apr 14th, 2011
312
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.42 KB | None | 0 0
  1. <style type="text/css" media="screen">
  2. #head  {
  3. position:relative;
  4. z-index: 100;
  5.     height: 140px;
  6.     width: 100%;
  7.     background: #FFF;
  8.     padding-top:20px;
  9.    
  10.   /* CSS3 standard */
  11.   /*filter:alpha(opacity=93);*/
  12.   /*opacity:0.93;*/ /*rgba the lists item instead */
  13.     -moz-box-shadow: 0 0 5px black;
  14.     -webkit-box-shadow: 0 0 5px black;
  15.     box-shadow: 0 0 5px black;
  16.   behavior: url(PIE.htc);
  17. }
  18. /*>>>>> Navigation <<<<<*/
  19.  
  20. a:link, a:visited  {
  21.     color: #8697a0;
  22. }
  23.  
  24.  
  25. /* nav *//* Top Level Menu */
  26.  
  27.  
  28. #nav  {
  29.     position:relative;
  30.     margin-top:80px;
  31.     float:right;
  32.     z-index:3;
  33. }
  34.  
  35. #nav ul {margin: 0;}
  36.  
  37. #nav ul li {
  38.     list-style-type: none;
  39.     float: right;
  40.     padding-bottom: 19px;
  41.    
  42.    
  43.  
  44.     white-space: nowrap; /* addthis */
  45.  
  46. }
  47.  
  48. #nav li:hover, #nav li.sfhover { /* add this */
  49.  position: relative;
  50. }
  51.  
  52.  
  53. /*#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {*/
  54. #nav li:hover > ul, #nav li.sfhover > ul {
  55. left: auto;
  56. left: 0;
  57. }
  58.  
  59. #nav ul li a {
  60.     font-weight: bold;
  61.     font-size: 14px;
  62.     color: #1c5580;
  63.     text-decoration: none;
  64.     padding-left:15px;
  65.  
  66. }
  67.  
  68. #nav ul li a:hover {
  69.     color: #c96b14;
  70. }
  71.  
  72.  
  73. #nav ul li ul {
  74.  
  75. background: #FFF;
  76. background: rgba(255,255,255,0.9);
  77.  
  78.  
  79. left: -999em;
  80. height: auto;
  81. margin-left: 0px;
  82. margin-right:10px;
  83. margin-top:19px;
  84. padding:0 10px 10px 0px;
  85. position:absolute;
  86. z-index:99;
  87.  
  88. -webkit-border-radius: 0 0 5px 5px;
  89. -moz-border-radius:0 0 5px 5px;
  90. border-radius: 0 0 5px 5px;
  91. -moz-box-shadow: 0px 2px 3px #373737;
  92. -webkit-box-shadow: 0 2px 3px #373737;
  93. box-shadow: 0px 2px 3px #373737;
  94. }
  95.  
  96. #nav ul li ul li {
  97.     display: block;
  98.     float: none;
  99.     height: 17px;
  100.     padding: 4px 1px 4px 1px;
  101.     text-align: left;
  102.     margin:0 ;
  103. }
  104.  
  105.  
  106. #nav ul li ul li a {
  107.     color: #1c5580;
  108.     text-decoration: none;
  109.     font-size: 11px;
  110.     text-shadow: none;
  111. }
  112.  
  113. #nav ul li ul li a:hover {
  114.     color: #c96b14;
  115. }
  116.  
  117. #nav ul li ul li:last-child:not(li.arrow) {
  118.     border: 0;
  119. }
  120.  
  121. </style>
  122.  
  123. <!--[if lte IE 9]>
  124. <style type="text/css" media="screen">
  125. #nav ul li ul {
  126.   zoom: 1;
  127.   background: transparent;
  128.   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF,endColorstr=#E5FFFFFF)"; /* IE8 */    
  129.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF,endColorstr=#E5FFFFFF);   /* IE6 & 7 */    
  130. /*  behavior: url(PIE.htc);*/ /* yuk filter */  
  131. }
  132.  
  133. </style>
  134. <![endif]-->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement