You are here

Home » API reference » Media: Acquia DAM 7

media_acquiadam_browser.asset.css in Media: Acquia DAM 7 

.browser-asset {
  width: 180px;
  position: relative;
}

.browser-asset .preview {
  cursor: pointer;
  line-height: 150px;
  padding: 10px;
}

.browser-asset .preview-body {
  height: 100%;
  text-align: center;
  width: 100%;
}

.browser-asset .preview-body img {
  border-radius: 5px;
  height: auto;
  width: auto;
  vertical-align: middle;
  max-width: 150px;
  max-height: 150px;
}

.browser-asset .label {
  background-color: rgb(233, 233, 233);
  cursor: pointer;
  margin-top: 5px;
  overflow: hidden;
  padding: 5px 25px 5px 5px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.browser-asset[data-asset-status="inactive"] .preview img {
  opacity: .2;
}

.browser-asset[data-asset-status="inactive"] .preview-body:before {
  background-color: rgba(255, 0, 0, .1);
  border-radius: 5px;
  content: 'Unavailable';
  display: block;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 35px;
  position: absolute;
}

.browser-asset[data-asset-type="folder"] .folder-tab {
  border-bottom: 10px solid #058fc8;
  border-right: 15px solid transparent;
  border-top-left-radius: 5px;
  height: 0px;
  max-width: 35%;
}

.browser-asset[data-asset-type="folder"] .preview-body {
  background-color: #4cafd7;
  border-radius: 5px;
  border-top-left-radius: 0;
  cursor: default;
  max-height: 142px;
}

.browser-asset[data-asset-type="folder"] .preview-body img {
  max-width: 90%;
  max-height: 110px;
  background-color: #FFF;
  border: 1px solid rgb(233, 233, 233);
}

File

modules/media_acquiadam_browser/css/media_acquiadam_browser.asset.css
View source 
  1. .browser-asset {

  2.   width: 180px;

  3.   position: relative;

  4. }

  5. 

  6. .browser-asset .preview {

  7.   cursor: pointer;

  8.   line-height: 150px;

  9.   padding: 10px;

  10. }

  11. 

  12. .browser-asset .preview-body {

  13.   height: 100%;

  14.   text-align: center;

  15.   width: 100%;

  16. }

  17. 

  18. .browser-asset .preview-body img {

  19.   border-radius: 5px;

  20.   height: auto;

  21.   width: auto;

  22.   vertical-align: middle;

  23.   max-width: 150px;

  24.   max-height: 150px;

  25. }

  26. 

  27. .browser-asset .label {

  28.   background-color: rgb(233, 233, 233);

  29.   cursor: pointer;

  30.   margin-top: 5px;

  31.   overflow: hidden;

  32.   padding: 5px 25px 5px 5px;

  33.   text-align: center;

  34.   text-overflow: ellipsis;

  35.   white-space: nowrap;

  36. }

  37. 

  38. .browser-asset[data-asset-status="inactive"] .preview img {

  39.   opacity: .2;

  40. }

  41. 

  42. .browser-asset[data-asset-status="inactive"] .preview-body:before {

  43.   background-color: rgba(255, 0, 0, .1);

  44.   border-radius: 5px;

  45.   content: 'Unavailable';

  46.   display: block;

  47.   left: 5px;

  48.   right: 5px;

  49.   top: 5px;

  50.   bottom: 35px;

  51.   position: absolute;

  52. }

  53. 

  54. .browser-asset[data-asset-type="folder"] .folder-tab {

  55.   border-bottom: 10px solid #058fc8;

  56.   border-right: 15px solid transparent;

  57.   border-top-left-radius: 5px;

  58.   height: 0px;

  59.   max-width: 35%;

  60. }

  61. 

  62. .browser-asset[data-asset-type="folder"] .preview-body {

  63.   background-color: #4cafd7;

  64.   border-radius: 5px;

  65.   border-top-left-radius: 0;

  66.   cursor: default;

  67.   max-height: 142px;

  68. }

  69. 

  70. .browser-asset[data-asset-type="folder"] .preview-body img {

  71.   max-width: 90%;

  72.   max-height: 110px;

  73.   background-color: #FFF;

  74.   border: 1px solid rgb(233, 233, 233);

  75. }