You are here

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

dropdown.css in Chaos Tool Suite (ctools) 6

Same filename and directory in other branches
  1. 7 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;
}

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

  15. 

  16. html.js div.ctools-dropdown div.ctools-dropdown-container ul li {

  17.   display: block;

  18.   /* prevent excess right margin in IE */

  19.   margin-right: 0;

  20.   margin-left: 0;

  21.   padding-right: 0;

  22.   padding-left: 0;

  23.   background-image: none; /* prevent list backgrounds from mucking things up */

  24. }

  25. 

  26. .ctools-dropdown-no-js .ctools-dropdown-link,

  27. .ctools-dropdown-no-js span.text {

  28.   display: none;

  29. }

  30. 

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

  32. 

  33. html.js div.ctools-dropdown a.ctools-dropdown-text-link {

  34.   background: url(../images/collapsible-expanded.png) 3px 5px no-repeat;

  35.   padding-left: 12px;

  36. }

  37. 

  38. html.js div.ctools-dropdown div.ctools-dropdown-container {

  39.   width: 175px;

  40.   background: #fff;

  41.   border: 1px solid black;

  42.   margin: 4px 1px 0 0;

  43.   padding: 0;

  44.   color: #494949;

  45. }

  46. 

  47. html.js div.ctools-dropdown div.ctools-dropdown-container ul li li a {

  48.   padding-left: 25px;

  49.   width: 150px; 

  50.   color: #027AC6;

  51. }

  52. 

  53. html.js div.ctools-dropdown div.ctools-dropdown-container ul li a {

  54.   text-decoration: none;

  55.   padding-left: 5px;

  56.   width: 170px;

  57.   color: #027AC6;

  58. }

  59. 

  60. html.js div.ctools-dropdown div.ctools-dropdown-container ul li span {

  61.   display: block;

  62. }

  63. 

  64. html.js div.ctools-dropdown div.ctools-dropdown-container ul li span.text {

  65.   font-style: italic;

  66.   padding-left: 5px;

  67. }

  68. 

  69. html.js .ctools-dropdown-hover {

  70.   background-color: #ECECEC;

  71. }