CSS   18

dropdown css

Guest on 5th August 2022 06:50:33 AM

  1. html.js div.ctools-dropdown div.ctools-dropdown-container {
  2.   z-index: 1001;
  3.   display: none;
  4.   text-align: left;
  5.   position: absolute;
  6. }
  7.  
  8. html.js div.ctools-dropdown div.ctools-dropdown-container ul li a {
  9.   display: block;
  10. }
  11.  
  12. html.js div.ctools-dropdown div.ctools-dropdown-container ul {
  13.   list-style-type: none;
  14.   margin: 0;
  15.   padding: 0;
  16. }
  17.  
  18. html.js div.ctools-dropdown div.ctools-dropdown-container ul li {
  19.   display: block;
  20.   /* prevent excess right margin in IE */
  21.   margin-right: 0;
  22.   margin-left: 0;
  23.   padding-right: 0;
  24.   padding-left: 0;
  25.   background-image: none; /* prevent list backgrounds from mucking things up */
  26. }
  27.  
  28. .ctools-dropdown-no-js .ctools-dropdown-link,
  29. .ctools-dropdown-no-js span.text {
  30.   display: none;
  31. }
  32.  
  33. /* Everything from here down is purely visual style and can be overridden. */
  34.  
  35. html.js div.ctools-dropdown a.ctools-dropdown-text-link {
  36.   background: url(../images/collapsible-expanded.png) 3px 5px no-repeat;
  37.   padding-left: 12px;
  38. }
  39.  
  40. html.js div.ctools-dropdown div.ctools-dropdown-container {
  41.   width: 175px;
  42.   background: #fff;
  43.   border: 1px solid black;
  44.   margin: 4px 1px 0 0;
  45.   padding: 0;
  46.   color: #494949;
  47. }
  48.  
  49. html.js div.ctools-dropdown div.ctools-dropdown-container ul li li a {
  50.   padding-left: 25px;
  51.   width: 150px;
  52.   color: #027ac6;
  53. }
  54.  
  55. html.js div.ctools-dropdown div.ctools-dropdown-container ul li a {
  56.   text-decoration: none;
  57.   padding-left: 5px;
  58.   width: 170px;
  59.   color: #027ac6;
  60. }
  61.  
  62. html.js div.ctools-dropdown div.ctools-dropdown-container ul li span {
  63.   display: block;
  64. }
  65.  
  66. html.js div.ctools-dropdown div.ctools-dropdown-container ul li span.text {
  67.   font-style: italic;
  68.   padding-left: 5px;
  69. }
  70.  
  71. html.js .ctools-dropdown-hover {
  72.   background-color: #ececec;
  73. }

Raw Paste


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