You are here

hansel_ui.css in Hansel breadcrumbs 7

Same filename and directory in other branches
  1. 8 hansel_ui/css/hansel_ui.css
#hansel-rules {
  padding-bottom: 20px;
}

.hansel-rule {
  border-top: 1px solid #ccc;
}

.hansel-name {
  font-weight: bold;
  background-color: #eee;
}

.hansel-info {
  padding-left: 10px;
}

.hansel-crumb-info {
  
}

.hansel-children {
  padding-top: 5px;
}

.hansel-buttons {
  float: right;
}

.hansel-delete-link,
.hansel-config-rule-link {
  display: block;
  float: left;
  width: 16px;
  height: 12px;
}

.hansel-delete-link span,
.hansel-config-rule-link span {
  display: none
}

.hansel-delete-link {
  background: url(../sprites.png) 0 -72px;
}

.hansel-delete-link:hover {
  background: url(../sprites.png) 0 -84px;
}

.hansel-config-rule-link {
  background: url(../sprites.png) 0 -48px;
}

.hansel-config-rule-link:hover {
  background: url(../sprites.png) 0 -60px;
}

#hansel-expand-buttons {
  text-align: right;
}

File

hansel_ui/css/hansel_ui.css
View source
  1. #hansel-rules {
  2. padding-bottom: 20px;
  3. }
  4. .hansel-rule {
  5. border-top: 1px solid #ccc;
  6. }
  7. .hansel-name {
  8. font-weight: bold;
  9. background-color: #eee;
  10. }
  11. .hansel-info {
  12. padding-left: 10px;
  13. }
  14. .hansel-crumb-info {
  15. }
  16. .hansel-children {
  17. padding-top: 5px;
  18. }
  19. .hansel-buttons {
  20. float: right;
  21. }
  22. .hansel-delete-link,
  23. .hansel-config-rule-link {
  24. display: block;
  25. float: left;
  26. width: 16px;
  27. height: 12px;
  28. }
  29. .hansel-delete-link span,
  30. .hansel-config-rule-link span {
  31. display: none
  32. }
  33. .hansel-delete-link {
  34. background: url(../sprites.png) 0 -72px;
  35. }
  36. .hansel-delete-link:hover {
  37. background: url(../sprites.png) 0 -84px;
  38. }
  39. .hansel-config-rule-link {
  40. background: url(../sprites.png) 0 -48px;
  41. }
  42. .hansel-config-rule-link:hover {
  43. background: url(../sprites.png) 0 -60px;
  44. }
  45. #hansel-expand-buttons {
  46. text-align: right;
  47. }