{html}
<script type="text/javascript" src="http://www.fluidproject.org/releases/1.0/InfusionAll.js"></script>
<style>
.reorderer_container{
padding: 20px;
border: 1px dashed red;
overflow: hidden;
background-color: #eee;
}
.reorderer_container .flc-reorderer-movable{
background-color: lightyellow;
width: 100px;
height: 50px;
float: left;
margin: 0 10px 10px 0;
text-align: center;
padding-top: 10px;
}
.reorderer_container .fl-reorderer-movable-default{
border: 2px solid #ddd;
}
.reorderer_container .fl-reorderer-movable-hover{
border: 2px solid #666;
}
.reorderer_container .fl-reorderer-movable-dragging{
background-color: white;
}
.reorderer_container .fl-reorderer-movable-selected{
border: 2px solid #666;
background-color: #ddd;
}
.reorderer_container .fl-reorderer-movable-avatar {
background-color: blue;
opacity: 0.75;
}
.reorderer_container .fl-reorderer-dropMarker{
height: 50px !important;
width: 4px;
background-color: green;
float: left;
margin: 0 10px 10px 0;
}
</style>
{html} |