You are here

media_browser_plus.views.css in Media Browser Plus 7.3

/**
 * Formatting the media browser plus views.
 */

.view .mbp-folders,
.view .mbp-file-list {
  vertical-align: top;
}

.view .mbp-folders ol {
  padding: 0px;
  margin: 0px;
}

.view .mbp-folders ol ol {
  padding-left: 15px;
}

.view .mbp-folders li,
.view .mbp-folders li.open {
  cursor: pointer;
  list-style-type: none;
  margin-bottom: 2px;
  margin-top: 2px;
}

.view .mbp-folders li .icon {
  line-height: 20px;
  display: inline-block;
  background: url('../images/icons/folder_icons.png') 0 0 no-repeat;
  width: 31px;
  height: 20px;
}

.view .mbp-folders li.open > div.folder-name .icon {
  background: url('../images/icons/folder_icons.png') 0 -20px no-repeat;
}
.view .mbp-folders li.active > div.folder-name .icon {
  background: url('../images/icons/folder_icons.png') -31px 0px no-repeat;
}
.view .mbp-folders li.active.open > div.folder-name .icon {
  background: url('../images/icons/folder_icons.png') -31px -20px no-repeat;
}

.view .mbp-folders li.active > div.folder-name {
  background-color: #e0e0e0;
}

.view .mbp-folders li div.folder-name.drag-hover {
  background-color: #cccccc;
}

.view .mbp-folders li ol {
  display: none;
}

.view .mbp-folders li .ajax-progress-throbber {
  float: right;
}

.view .mbp-file-list {
  border-left: 1px solid #cccccc;
  padding-left: 10px;
}

/**
 * VBO based field handler
 */
div.view-media-browser-plus .media-list-thumbnails .form-type-checkbox {
  bottom: 0px;
  left: 0px;
}

/**
 * Media Basket
 */
.mbp-file-basket-list li {
  float: left;
  list-style: none;
  margin: 0 10px 10px 0;
}
.mbp-file-basket-list .form-type-checkbox {
  bottom: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
}

.mbp-file-basket.drag-hover {
  background-color: #e0e0d8;
}

File

css/media_browser_plus.views.css
View source
  1. /**
  2. * Formatting the media browser plus views.
  3. */
  4. .view .mbp-folders,
  5. .view .mbp-file-list {
  6. vertical-align: top;
  7. }
  8. .view .mbp-folders ol {
  9. padding: 0px;
  10. margin: 0px;
  11. }
  12. .view .mbp-folders ol ol {
  13. padding-left: 15px;
  14. }
  15. .view .mbp-folders li,
  16. .view .mbp-folders li.open {
  17. cursor: pointer;
  18. list-style-type: none;
  19. margin-bottom: 2px;
  20. margin-top: 2px;
  21. }
  22. .view .mbp-folders li .icon {
  23. line-height: 20px;
  24. display: inline-block;
  25. background: url('../images/icons/folder_icons.png') 0 0 no-repeat;
  26. width: 31px;
  27. height: 20px;
  28. }
  29. .view .mbp-folders li.open > div.folder-name .icon {
  30. background: url('../images/icons/folder_icons.png') 0 -20px no-repeat;
  31. }
  32. .view .mbp-folders li.active > div.folder-name .icon {
  33. background: url('../images/icons/folder_icons.png') -31px 0px no-repeat;
  34. }
  35. .view .mbp-folders li.active.open > div.folder-name .icon {
  36. background: url('../images/icons/folder_icons.png') -31px -20px no-repeat;
  37. }
  38. .view .mbp-folders li.active > div.folder-name {
  39. background-color: #e0e0e0;
  40. }
  41. .view .mbp-folders li div.folder-name.drag-hover {
  42. background-color: #cccccc;
  43. }
  44. .view .mbp-folders li ol {
  45. display: none;
  46. }
  47. .view .mbp-folders li .ajax-progress-throbber {
  48. float: right;
  49. }
  50. .view .mbp-file-list {
  51. border-left: 1px solid #cccccc;
  52. padding-left: 10px;
  53. }
  54. /**
  55. * VBO based field handler
  56. */
  57. div.view-media-browser-plus .media-list-thumbnails .form-type-checkbox {
  58. bottom: 0px;
  59. left: 0px;
  60. }
  61. /**
  62. * Media Basket
  63. */
  64. .mbp-file-basket-list li {
  65. float: left;
  66. list-style: none;
  67. margin: 0 10px 10px 0;
  68. }
  69. .mbp-file-basket-list .form-type-checkbox {
  70. bottom: 0px;
  71. left: 0px;
  72. margin: 0px;
  73. padding: 0px;
  74. }
  75. .mbp-file-basket.drag-hover {
  76. background-color: #e0e0d8;
  77. }