You are here

Home » API reference » Media Gallery 7

media_gallery.dragdrop.css in Media Gallery 7

Same filename and directory in other branches
  1. 7.2 media_gallery.dragdrop.css
.media-gallery-media .media-gallery-item-wrapper {
  outline: none;
}

.draggable-wrapper {
  cursor: move;
}

.media-gallery-item-wrapper.draggable:hover .media-gallery-item,
.mg-col .mg-gallery.mg-teaser .float-overflow:hover .stack-image {
  outline: 1px dashed #98C4DF;
}

/* Needs to be :hover */
.draggable:hover .draggable-wrapper {
  display: block;
}

.draggable-wrapper {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #98C4DF;
  height: 25px;
  z-index: 2;
}

.draggable-wrapper .draggable-handle {
  background: transparent url('images/draggable.png') no-repeat 0px -20px;
  top: 5px;
  left: 5px;
  position: absolute;
  height: 18px;
  text-indent: 110%; /* LTR */
  width: 18px;
  outline: none;
  overflow: hidden;
}

.media-gallery-sortable-processed.ui-sortable .ui-sortable-helper .meta-wrapper,
.media-gallery-sortable-processed.ui-sortable .ui-sortable-helper .meta-wrapper.hover {
  display: none;
}

/* Don't gray out images while drag-and-drop is disabled; webkit doesn't seem
   to handle the opacity change correctly. */
.field-name-media-gallery-media .media-gallery-sortable-processed.ui-state-disabled {
  opacity: inherit;
}

File

media_gallery.dragdrop.css
View source 
  1. 

  2. .media-gallery-media .media-gallery-item-wrapper {

  3.   outline: none;

  4. }

  5. 

  6. .draggable-wrapper {

  7.   cursor: move;

  8. }

  9. 

  10. .media-gallery-item-wrapper.draggable:hover .media-gallery-item,

  11. .mg-col .mg-gallery.mg-teaser .float-overflow:hover .stack-image {

  12.   outline: 1px dashed #98C4DF;

  13. }

  14. 

  15. /* Needs to be :hover */

  16. .draggable:hover .draggable-wrapper {

  17.   display: block;

  18. }

  19. 

  20. .draggable-wrapper {

  21.   display: none;

  22.   position: absolute;

  23.   top: 0;

  24.   left: 0;

  25.   right: 0;

  26.   background-color: #98C4DF;

  27.   height: 25px;

  28.   z-index: 2;

  29. }

  30. 

  31. .draggable-wrapper .draggable-handle {

  32.   background: transparent url('images/draggable.png') no-repeat 0px -20px;

  33.   top: 5px;

  34.   left: 5px;

  35.   position: absolute;

  36.   height: 18px;

  37.   text-indent: 110%; /* LTR */

  38.   width: 18px;

  39.   outline: none;

  40.   overflow: hidden;

  41. }

  42. 

  43. .media-gallery-sortable-processed.ui-sortable .ui-sortable-helper .meta-wrapper,

  44. .media-gallery-sortable-processed.ui-sortable .ui-sortable-helper .meta-wrapper.hover {

  45.   display: none;

  46. }

  47. 

  48. /* Don't gray out images while drag-and-drop is disabled; webkit doesn't seem

  49.    to handle the opacity change correctly. */

  50. .field-name-media-gallery-media .media-gallery-sortable-processed.ui-state-disabled {

  51.   opacity: inherit;

  52. }