You are here

entityreference_dragdrop.css in Entity Reference Drag & Drop 8

Same filename and directory in other branches
  1. 2.x css/entityreference_dragdrop.css
.item-list ul.entityreference-dragdrop {
  list-style-type: none;
  display: inline-block;
  background: #eee;
  width: 95%;
  height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  border: 1px solid gray;
}

.item-list ul.entityreference-dragdrop li {
  padding: 5px;
  margin:4px 0;
  font-size: 1.2em;
  background: white;
  cursor: move;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  list-style-type: none;
  overflow: hidden;
}

.item-list ul.entityreference-dragdrop li:hover {
  background: #ffb;
}

.item-list ul.entityreference-dragdrop li.ui-sortable-helper {
  border: 1px solid gray;
  background: #fe7;
}

.entityreference-dragdrop-filter {
  width: 95%;
}

.entityreference-dragdrop-clear {
  clear:both;
}

.entityreference-dragdrop-label {
  font-weight: bold;
  padding: 9px 0 0 0;
}

.entityreference-dragdrop-message {
  display: none;
  color: red;
}

.entityreference-dragdrop-list-header {
  margin: 0 11px 0 0;
  font-weight: bold;
}

.entityreference-dragdrop-container-available,
.entityreference-dragdrop-container-selected {
  float: left;
  width: 50%;
}

File

css/entityreference_dragdrop.css
View source
  1. .item-list ul.entityreference-dragdrop {
  2. list-style-type: none;
  3. display: inline-block;
  4. background: #eee;
  5. width: 95%;
  6. height: 400px;
  7. overflow-x: hidden;
  8. overflow-y: auto;
  9. padding: 0;
  10. margin: 0;
  11. border: 1px solid gray;
  12. }
  13. .item-list ul.entityreference-dragdrop li {
  14. padding: 5px;
  15. margin:4px 0;
  16. font-size: 1.2em;
  17. background: white;
  18. cursor: move;
  19. border-bottom: 1px solid gray;
  20. border-top: 1px solid gray;
  21. list-style-type: none;
  22. overflow: hidden;
  23. }
  24. .item-list ul.entityreference-dragdrop li:hover {
  25. background: #ffb;
  26. }
  27. .item-list ul.entityreference-dragdrop li.ui-sortable-helper {
  28. border: 1px solid gray;
  29. background: #fe7;
  30. }
  31. .entityreference-dragdrop-filter {
  32. width: 95%;
  33. }
  34. .entityreference-dragdrop-clear {
  35. clear:both;
  36. }
  37. .entityreference-dragdrop-label {
  38. font-weight: bold;
  39. padding: 9px 0 0 0;
  40. }
  41. .entityreference-dragdrop-message {
  42. display: none;
  43. color: red;
  44. }
  45. .entityreference-dragdrop-list-header {
  46. margin: 0 11px 0 0;
  47. font-weight: bold;
  48. }
  49. .entityreference-dragdrop-container-available,
  50. .entityreference-dragdrop-container-selected {
  51. float: left;
  52. width: 50%;
  53. }