You are here

language_hierarchy.css in Language Hierarchy 7

.language-hierarchy-picker {
  float: right;
  margin: 0 0 0.5em 0;
  overflow: visible;
}

#overlay-content .language-hierarchy-picker {
  margin: -2.5em 0 0.5em 0;
}

.language-hierarchy-picker li {
  list-style-type: none;
}

.language-hierarchy-picker .language-hierarchy-label {
  font-weight: normal;
}

.language-hierarchy-picker li.language-hierarchy-group-item, .language-hierarchy-picker .language-hierarchy-label {
  float: left;
  padding: 0.5em 0.5em 0 0.5em;
  margin: 0 0 0 0.5em;
  background-color: #fff;
  overflow: hidden;
  border: 1px solid transparent;
}

.language-hierarchy-picker li.language-hierarchy-group-item p {
  margin: 0 0 0.5em 0;
  font-weight: bold;
  cursor: default;
}

.language-hierarchy-picker li.language-hierarchy-group-item ul.language-hierarchy-group {
  display: none;
  position: absolute;
  right: 0;
  z-index: 999;
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 2px 0 0 -7px;
  width: 100%;
  min-width: 150px;
}

.language-hierarchy-picker li.language-hierarchy-group-item ul.language-hierarchy-group a {
  display: block;
  padding: 0.5em;
  min-width: 100px;
}

.language-hierarchy-picker li.language-hierarchy-group-item ul.language-hierarchy-group a:hover {
  background-color: #0074BD;
  color: #fff;
  text-decoration: none;
}

.language-hierarchy-picker li.language-hierarchy-group-item {
  position: relative;
  display: block;
  overflow: visible;
}

.language-hierarchy-picker li.language-hierarchy-group-item.active-trail {
  border: 1px solid #ccc;
}

.language-hierarchy-picker li.language-hierarchy-group-item:hover {
  background-color: #0074BD;
  color: #fff;
  border-color: transparent;
}

.language-hierarchy-picker li.language-hierarchy-group-item:hover ul.language-hierarchy-group {
  display: block;
}

.language-hierarchy-picker .language-hierarchy-item .active {
  background: #ddd;
}

File

language_hierarchy.css
View source
  1. .language-hierarchy-picker {
  2. float: right;
  3. margin: 0 0 0.5em 0;
  4. overflow: visible;
  5. }
  6. #overlay-content .language-hierarchy-picker {
  7. margin: -2.5em 0 0.5em 0;
  8. }
  9. .language-hierarchy-picker li {
  10. list-style-type: none;
  11. }
  12. .language-hierarchy-picker .language-hierarchy-label {
  13. font-weight: normal;
  14. }
  15. .language-hierarchy-picker li.language-hierarchy-group-item, .language-hierarchy-picker .language-hierarchy-label {
  16. float: left;
  17. padding: 0.5em 0.5em 0 0.5em;
  18. margin: 0 0 0 0.5em;
  19. background-color: #fff;
  20. overflow: hidden;
  21. border: 1px solid transparent;
  22. }
  23. .language-hierarchy-picker li.language-hierarchy-group-item p {
  24. margin: 0 0 0.5em 0;
  25. font-weight: bold;
  26. cursor: default;
  27. }
  28. .language-hierarchy-picker li.language-hierarchy-group-item ul.language-hierarchy-group {
  29. display: none;
  30. position: absolute;
  31. right: 0;
  32. z-index: 999;
  33. background-color: #fff;
  34. border: 1px solid #ccc;
  35. margin: 2px 0 0 -7px;
  36. width: 100%;
  37. min-width: 150px;
  38. }
  39. .language-hierarchy-picker li.language-hierarchy-group-item ul.language-hierarchy-group a {
  40. display: block;
  41. padding: 0.5em;
  42. min-width: 100px;
  43. }
  44. .language-hierarchy-picker li.language-hierarchy-group-item ul.language-hierarchy-group a:hover {
  45. background-color: #0074BD;
  46. color: #fff;
  47. text-decoration: none;
  48. }
  49. .language-hierarchy-picker li.language-hierarchy-group-item {
  50. position: relative;
  51. display: block;
  52. overflow: visible;
  53. }
  54. .language-hierarchy-picker li.language-hierarchy-group-item.active-trail {
  55. border: 1px solid #ccc;
  56. }
  57. .language-hierarchy-picker li.language-hierarchy-group-item:hover {
  58. background-color: #0074BD;
  59. color: #fff;
  60. border-color: transparent;
  61. }
  62. .language-hierarchy-picker li.language-hierarchy-group-item:hover ul.language-hierarchy-group {
  63. display: block;
  64. }
  65. .language-hierarchy-picker .language-hierarchy-item .active {
  66. background: #ddd;
  67. }