image.css (927B)
1 .rwmb-image-item { 2 position: relative; 3 float: left; 4 margin: 0 12px 12px 0; 5 list-style: none; 6 box-sizing: border-box; 7 cursor: move; 8 } 9 .rwmb-image-item .rwmb-file-icon { 10 width: 150px; 11 height: 150px; 12 margin-right: 0; 13 } 14 15 .rwmb-image-actions { 16 position: absolute; 17 z-index: 2; 18 right: 8px; 19 top: 8px; 20 opacity: 0; 21 transition: opacity .2s; 22 color: #fff; 23 } 24 .rwmb-image-edit, 25 .rwmb-image-delete { 26 color: inherit; 27 text-decoration: none; 28 } 29 .rwmb-image-actions a:hover { 30 color: #fff; 31 opacity: .8; 32 } 33 .rwmb-image-overlay { 34 position: absolute; 35 z-index: 1; 36 top: 0; 37 bottom: 0; 38 left: 0; 39 right: 0; 40 background: #000; 41 opacity: 0; 42 transition: opacity .2s; 43 } 44 .rwmb-image-item:hover .rwmb-image-actions { 45 opacity: 1; 46 } 47 .rwmb-image-item:hover .rwmb-image-overlay { 48 opacity: .6; 49 } 50 .rwmb-image-item .rwmb-edit-media:after { 51 display: none; 52 } 53 54 @media (max-width: 767px) { 55 .rwmb-image-actions { 56 opacity: 1; 57 z-index: 99; 58 } 59 }