67 lines
1.2 KiB
CSS
67 lines
1.2 KiB
CSS
/* Uploaded image */
|
|
.mashsb-rwmb-images {
|
|
overflow: hidden;
|
|
}
|
|
.mashsb-rwmb-images li {
|
|
margin: 0 10px 10px 0;
|
|
float: left;
|
|
width: 150px;
|
|
height: 150px;
|
|
text-align: center;
|
|
cursor: move;
|
|
position: relative;
|
|
-webkit-transition: width .25s, opacity .25s, -webkit-opacity .25s;
|
|
transition: width .25s, opacity .25s;
|
|
}
|
|
.mashsb-rwmb-images img {
|
|
width: 150px;
|
|
height: 150px;
|
|
}
|
|
.mashsb-rwmb-image-bar {
|
|
color: #fff;
|
|
font-weight: bold;
|
|
background: #000;
|
|
background: rgba(0, 0, 0, .5);
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
padding: 5px;
|
|
display: none;
|
|
text-align: center;
|
|
}
|
|
li:hover .mashsb-rwmb-image-bar {
|
|
display: block;
|
|
}
|
|
.mashsb-rwmb-image-bar a {
|
|
color: #fff;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
}
|
|
.mashsb-rwmb-image-bar a.mashsb-rwmb-delete-file {
|
|
font-size: 23px;
|
|
width: 18px;
|
|
font-weight: normal;
|
|
}
|
|
.mashsb-rwmb-images li.removed {
|
|
width: 0;
|
|
margin: 0;
|
|
opacity: 0;
|
|
-webkit-opacity: 0;
|
|
-moz-opacity: 0;
|
|
-o-opacity: 0;
|
|
}
|
|
.mashsb-rwmb-images li.removed:after {
|
|
content: ' ';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 2;
|
|
opacity: .4;
|
|
background-color: #f00;
|
|
}
|
|
.mashsb-rwmb-images li.ui-state-highlight {
|
|
background: #ddd;
|
|
} |