admiraljs
Version:
Lightweight plug and play admin interface
83 lines (68 loc) • 1.35 kB
CSS
.collection {
width: 420px;
}
.collection .item{
/* width:100px;
height:100px;*/
/* border:1px solid black;*/
cursor:move;
min-height:28px;
}
.collection .collection-wrapper {
max-height: 400px;
clear: both;
overflow-y: auto;
}
.collection .collection-container {
}
.collection .collection-buttons {
clear:both;
}
.collection .button-remove {
position: absolute;
top: 5px;
right: 5px;
height:18px;
cursor:pointer;
background-size: 60%;
}
.collection .button-edit {
position: absolute;
top: 5px;
right: 22px;
height:18px;
cursor:pointer;
}
.collection .add{
margin-top:5px;
background: url('../images/glyphicons_432_plus.png') no-repeat;
background-position: 50% 50%;
background-size: 12px;
min-width:20px;
display: inline-block;
color:rgb(56, 56, 56);
border: 1px solid rgb(168, 168, 168);
min-height:20px;
}
.collection .selectone {
margin-top:5px;
background: url('../images/edit-list-icon.png') no-repeat;
background-position: 50% 50%;
background-size: 12px;
min-width:20px;
display: inline-block;
color:rgb(56, 56, 56);
border: 1px solid rgb(168, 168, 168);
min-height:20px;
}
.collection .defaultitem {
background: #F2F2F2;
padding: 4px 0px 4px 11px;
margin-bottom: 1px;
position: relative;
color: black;
margin-top: 4px;
}
.collection .defaultitem:hover {
background:#EAEAEA;
}