You are here

path_breadcrumbs_ui.css in Path Breadcrumbs 7.3

/**
 * Path breadcrumbs ui add form styles.
 */
.current-nav-item {
  font-weight: bold;
  font-size: 1.1em;
}

/**
 * Path breadcrumbs ui edit form styles
 */
#path-breadcrumbs-ui-wrapper {
  padding: 0 0 0 150px;
}

#path-breadcrumbs-ui-menu {
  background: none repeat scroll 0 0 #F6F6F6;
  float: left;
  width: 150px;
  margin-left: -150px;
  height: 100%;
}

#path-breadcrumbs-ui-menu .item-list {
  display: block;
  border-top: 1px solid #AAAAAA;
  border-left: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
}

#path-breadcrumbs-ui-menu .item-list ul {
  padding: 0;
  margin: 0;
}

#path-breadcrumbs-ui-menu .item-list ul li {
  list-style: none;
  padding: 0;
  border-bottom: 1px solid #AAAAAA;
  position: relative;
}

#path-breadcrumbs-ui-menu .item-list ul li.last {
  border-bottom: none;
}

#path-breadcrumbs-ui-menu .item-list ul li a {
  display: block;
  padding: 0.2em 1em;
  color: #494949;
  font-size: 1.1em;
}

#path-breadcrumbs-ui-menu .item-list ul li a:hover {
  text-decoration: none;
  background: #FFFFFF;
}

#path-breadcrumbs-ui-menu .item-list ul a.active {
  background: #ffe4c4;
  font-weight: bold;
}

#path-breadcrumbs-ui-menu .item-list ul li .ajax-progress {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0.3em;
}

#path-breadcrumbs-ui-form-wrapper {

}

#path-breadcrumbs-ui-form-wrapper.edit-form {
  float: left;
  width: 100%;
  border: 1px solid #AAAAAA;
  height: 100%;
  padding: 1em;
}

/**
 * Path breadcrumbs ui list page styles
 */
#path-breadcrumbs-ui-breadcrumbs-list .disabled td {
  color: #AAAAAA;
}

#breadcrumbs-table .path-weight {
  width: 30px;
}

/**
 * Autocomplete styles.
 */

.ui-button {
  border: 1px solid #cccccc;
  background: #e6e6e6;
}

.ui-state-hover,
.ui-state-focus {
  border: 1px solid #bbbbbb;
}

.ui-button.ui-state-active {
  border: 1px solid #777777;
  font-weight: bold;
}

.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

.ui-autocomplete.ui-menu .ui-menu-item a {
  padding: 0;
}

.ui-autocomplete .token-expandable,
.ui-autocomplete .token-normal {
  padding: 0.2em 0.4em;
}

.ui-autocomplete .token-expandable {
  background: #EEEEEE;
}

File

path_breadcrumbs_ui/css/path_breadcrumbs_ui.css
View source
  1. /**
  2. * Path breadcrumbs ui add form styles.
  3. */
  4. .current-nav-item {
  5. font-weight: bold;
  6. font-size: 1.1em;
  7. }
  8. /**
  9. * Path breadcrumbs ui edit form styles
  10. */
  11. #path-breadcrumbs-ui-wrapper {
  12. padding: 0 0 0 150px;
  13. }
  14. #path-breadcrumbs-ui-menu {
  15. background: none repeat scroll 0 0 #F6F6F6;
  16. float: left;
  17. width: 150px;
  18. margin-left: -150px;
  19. height: 100%;
  20. }
  21. #path-breadcrumbs-ui-menu .item-list {
  22. display: block;
  23. border-top: 1px solid #AAAAAA;
  24. border-left: 1px solid #AAAAAA;
  25. border-bottom: 1px solid #AAAAAA;
  26. }
  27. #path-breadcrumbs-ui-menu .item-list ul {
  28. padding: 0;
  29. margin: 0;
  30. }
  31. #path-breadcrumbs-ui-menu .item-list ul li {
  32. list-style: none;
  33. padding: 0;
  34. border-bottom: 1px solid #AAAAAA;
  35. position: relative;
  36. }
  37. #path-breadcrumbs-ui-menu .item-list ul li.last {
  38. border-bottom: none;
  39. }
  40. #path-breadcrumbs-ui-menu .item-list ul li a {
  41. display: block;
  42. padding: 0.2em 1em;
  43. color: #494949;
  44. font-size: 1.1em;
  45. }
  46. #path-breadcrumbs-ui-menu .item-list ul li a:hover {
  47. text-decoration: none;
  48. background: #FFFFFF;
  49. }
  50. #path-breadcrumbs-ui-menu .item-list ul a.active {
  51. background: #ffe4c4;
  52. font-weight: bold;
  53. }
  54. #path-breadcrumbs-ui-menu .item-list ul li .ajax-progress {
  55. display: inline-block;
  56. position: absolute;
  57. right: 0;
  58. top: 0.3em;
  59. }
  60. #path-breadcrumbs-ui-form-wrapper {
  61. }
  62. #path-breadcrumbs-ui-form-wrapper.edit-form {
  63. float: left;
  64. width: 100%;
  65. border: 1px solid #AAAAAA;
  66. height: 100%;
  67. padding: 1em;
  68. }
  69. /**
  70. * Path breadcrumbs ui list page styles
  71. */
  72. #path-breadcrumbs-ui-breadcrumbs-list .disabled td {
  73. color: #AAAAAA;
  74. }
  75. #breadcrumbs-table .path-weight {
  76. width: 30px;
  77. }
  78. /**
  79. * Autocomplete styles.
  80. */
  81. .ui-button {
  82. border: 1px solid #cccccc;
  83. background: #e6e6e6;
  84. }
  85. .ui-state-hover,
  86. .ui-state-focus {
  87. border: 1px solid #bbbbbb;
  88. }
  89. .ui-button.ui-state-active {
  90. border: 1px solid #777777;
  91. font-weight: bold;
  92. }
  93. .ui-autocomplete {
  94. max-height: 200px;
  95. overflow-y: auto;
  96. overflow-x: hidden;
  97. }
  98. .ui-autocomplete.ui-menu .ui-menu-item a {
  99. padding: 0;
  100. }
  101. .ui-autocomplete .token-expandable,
  102. .ui-autocomplete .token-normal {
  103. padding: 0.2em 0.4em;
  104. }
  105. .ui-autocomplete .token-expandable {
  106. background: #EEEEEE;
  107. }