You are here

Home » API reference » Chaos Tool Suite (ctools) 7

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. 

  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. }