wisemapping-open-source/wise-webapp/src/main/webapp/jsp/toolbar.jsf

<div id="toolbar">
    <div id="persist" class="buttonContainer">
        <div id="save" class="buttonOn">
            <img src="../images/save.png"/>
        </div>
        <div id="discard" class="buttonOn">
            <img src="../images/discard.png"/>
        </div>
        <div id="print" class="buttonOn">
            <img src="../images/print.png"/>
        </div>
        <div id="export" class="buttonOn">
            <img src="../images/export.png"/>
        </div>
    </div>
    <div id="edit" class="buttonContainer">
        <div id="undoEdition" class="buttonOn">
            <img src="../images/undo.png"/>
        </div>
        <div id="redoEdition" class="buttonOn">
            <img src="../images/redo.png"/>
        </div>
    </div>
    <div id="zoom" class="buttonContainer">
        <div id="zoomIn" class="buttonOn">
            <img src="../images/zoom-in.png"/>
        </div>
        <div id="zoomOut" class="buttonOn">
            <img src="../images/zoom-out.png"/>
        </div>
    </div>
    <div id="node" class="buttonContainer">
        <div id="topicShape" class="buttonExtOn">
            <img src="../images/topic-shape.png"/>
        </div>
        <div id="addTopic" class="buttonOn">
            <img src="../images/topic-add.png"/>
        </div>
        <div id="deleteTopic" class="buttonOn">
            <img src="../images/topic-delete.png"/>
        </div>
        <div id="topicBorder" class="buttonExtOn">
            <img src="../images/topic-border.png"/>
        </div>
        <div id="topicColor" class="buttonExtOn">
            <img src="../images/topic-color.png"/>
        </div>
        <div id="topicIcon" class="buttonExtOn">
            <img src="../images/topic-icon.png"/>
        </div>
        <div id="topicNote" class="buttonOn">
            <img src="../images/topic-note.png"/>
        </div>
        <div id="topicLink" class="buttonOn">
            <img src="../images/topic-link.png"/>
        </div>
        <div id="topicRelation" class="buttonOn">
            <img src="../images/topic-relation.png"/>
        </div>
    </div>
    <div id="font" class="buttonContainer">
        <div id="fontFamily" class="buttonOn">
            <img src="../images/font-type.png"/>
        </div>
        <div id="fontSize" class="buttonExtOn">
            <img src="../images/font-size.png"/>
        </div>
        <div id="fontBold" class="buttonOn">
            <img src="../images/font-bold.png"/>
        </div>
        <div id="fontItalic" class="buttonOn">
            <img src="../images/font-italic.png"/>
        </div>
        <div id="fontColor" class="buttonExtOn">
            <img src="../images/font-color.png"/>
        </div>
    </div>
    <div id="collaboration" class="buttonContainer">
    <div id="shareIt" class="buttonOn">
            <img src="../images/share.png"/>
        </div>
        <div id="publishIt" class="buttonOn">
            <img src="../images/public.png"/>
        </div>
        <div id="history" class="buttonOn">
            <img src="../images/history.png"/>
        </div>
    </div>
    <div id="headerNotifier"></div>
</div>