You are here

dropdown.css in Chaos Tool Suite (ctools) 7

Same filename and directory in other branches
  1. 6 css/dropdown.css
html.js div.ctools-dropdown div.ctools-dropdown-container {
  z-index: 1001;
  display: none;
  text-align: left;
  position: absolute;
}

html.js div.ctools-dropdown div.ctools-dropdown-container ul li a {
  display: block;
}

html.js div.ctools-dropdown div.ctools-dropdown-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

html.js div.ctools-dropdown div.ctools-dropdown-container ul li {
  display: block;
  /* prevent excess right margin in IE */
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
  background-image: none; /* prevent list backgrounds from mucking things up */
}

.ctools-dropdown-no-js .ctools-dropdown-link,
.ctools-dropdown-no-js span.text {
  display: none;
}

/* Everything from here down is purely visual style and can be overridden. */

html.js div.ctools-dropdown a.ctools-dropdown-text-link {
  background: url(../images/collapsible-expanded.png) 3px 5px no-repeat;
  padding-left: 12px;
}

html.js div.ctools-dropdown div.ctools-dropdown-container {
  width: 175px;
  background: #fff;
  border: 1px solid black;
  margin: 4px 1px 0 0;
  padding: 0;
  color: #494949;
}

html.js div.ctools-dropdown div.ctools-dropdown-container ul li li a {
  padding-left: 25px;
  width: 150px;
  color: #027ac6;
}

html.js div.ctools-dropdown div.ctools-dropdown-container ul li a {
  text-decoration: none;
  padding-left: 5px;
  width: 170px;
  color: #027ac6;
}

html.js div.ctools-dropdown div.ctools-dropdown-container ul li span {
  display: block;
}

html.js div.ctools-dropdown div.ctools-dropdown-container ul li span.text {
  font-style: italic;
  padding-left: 5px;
}

html.js .ctools-dropdown-hover {
  background-color: #ececec;
}

File

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