CSS   131

dropdown.css

Guest on 23rd July 2021 09:23:51 AM

  1.  
  2. #mainMenu {
  3.         width: 100%;
  4.         width:expression(document.body.clientWidth > 1000 ? "100%" : "1000px");
  5.         height: 30px;
  6.         background: url(/ru/images/bg_main_nav.gif) repeat-x;
  7.         }
  8.  
  9. dl,dt,dd{
  10.         margin: 0;
  11.         padding: 0;
  12.         }
  13.  
  14. .dropdown {
  15.         float:left;
  16.         padding-right:0px;
  17.         position:relative;
  18.         }
  19.  
  20. .dropdown dt {
  21.         color: #eeeeee;
  22.         cursor:pointer;
  23.        
  24.         border-right:1px solid #666666;
  25.         border-bottom:1px solid #555555;
  26.         border-left:1px solid #888888;
  27.  
  28.         background:url(/ru/images/bg_main_nav.gif);
  29.         }
  30.  
  31.  
  32. .dropdown dt a {
  33.         display: block;
  34.         padding: 0 0.6em;
  35.         line-height: 2.0em;
  36.         text-decoration: none;
  37.         color: #eeeeee;
  38.         font-size: 1.1em;
  39.         /*background: url(/ru/images/divider.gif) no-repeat top right; */
  40.         }
  41.  
  42. .dropdown dt a:hover {
  43.         color: #FFFFFF;
  44.         background: #777777;
  45.         }
  46.  
  47. .dropdown dt:hover {
  48.         color: #FFFFFF;
  49.         background: #777777;
  50.         }
  51.  
  52. .dropdown dd {
  53.         margin: 0;
  54.         padding: 0;
  55.         position:absolute;
  56.         overflow:hidden;
  57.         width:208px;
  58.         display:none;
  59.         background:#c3c5fa;
  60.         z-index:200;
  61.         opacity:0
  62.         }
  63.  
  64. .dropdown ul {
  65.         margin: 0;
  66.         padding: 0;
  67.        
  68.         border:1px solid #999999;
  69.         list-style:none;
  70.         border-top:none
  71.         }
  72.  
  73. .dropdown li {
  74.         display:inline
  75.         }
  76.  
  77. .dropdown li a, .dropdown li a:active, .dropdown li a:visited {
  78.         display: block;
  79.       padding:5px;
  80.       background-color: #777777;
  81.       color: #fff;
  82.       text-decoration: none;
  83.       width: 100%;
  84.         }
  85.  
  86. .dropdown li a:hover {
  87.       background-color: #dddddd;
  88.       color: #000;
  89.         }
  90.  
  91. .dropdown .underline {
  92.         border-bottom:1px solid #bbbbbb;
  93.         }

Raw Paste


Login or Register to edit or fork this paste. It's free.