source: Dev/trunk/src/client/qed-client/css/widgets/LineWithActions.less

@dndBorderSize: 6px;

#rft.claro {

    .rftLineWithActions {
        .flatShading();
        position: relative;
        height: @std_height;
        white-space: nowrap;
        margin: @std_offset 0;
        color: @text;
        .bgColor("blue");

        &.dojoDndItem {
            .transition;

            &.dojoDndItemBefore {
                margin-top: @dndBorderSize;
                border-top: @dndBorderSize solid @text;
            }
            &.dojoDndItemAfter {
                margin-bottom: @dndBorderSize;
                border-bottom: @dndBorderSize solid @text;
            }
            &.dojoDndItemover, &.dojoDndItemAnchor {
                background-image: none;
                border: none;
                padding: 2px;
                background-color: fade(#fff, 10%);    // Not sure if this will work.
                // This is an attempt to lighten the rftLWA's colour by overlaying with transparent white.
            }
        }

        .rftLineWithActionsTitle {
            float: left;
            margin: 0 8px;
            overflow: hidden;
            white-space: nowrap;
            word-wrap: break-word;
            line-height: 24px;
            width: 90%;
            text-overflow: ellipsis;
        }

        .rftLineWithActionsButtons {
            .noOffset();
            line-height: @std_height;
            height: @std_height;
            position: absolute;
            right: 0;
            float: left;
        }
    }

    // Make the currently lineWithActions draggable "wipe out" when dragging, so only the Avatar is visible!
    .dojoDndSourceMoved {
        .rftLineWithActions.dojoDndItemAnchor {
            height: 0;
        }
    }    
}