source: Dev/trunk/client/qed/css/rftLineWithActions.less @ 425

@dndBorderSize: 6px;

#rft {  //rft nameSpace, apply this to base page! Adds 1000 to specificity by default, so easier overrides of Claro
        &.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;
                        }

                        .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;
                        }
                }       
        }
}