<!DOCTYPE HTML>
<html>
<head>
<title>WiseMapping - Editor </title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<div id="header">
<div id="toolbar">
<div id="backToList">
<img src="images/back-icon.svg" />
</div>
<div id="editTab" class="tabContent">
<div id="persist" class="buttonContainer">
<div id="save" class="buttonOn">
<img src="images/save.svg" />
</div>
<div id="discard" class="buttonOn">
<img src="images/discard.svg" />
</div>
</div>
<div id="edit" class="buttonContainer">
<div id="undoEdition" class="buttonOn">
<img src="images/undo.svg"/>
</div>
<div id="redoEdition" class="buttonOn">
<img src="images/redo.svg"/>
</div>
</div>
<div id="node" class="buttonContainer">
<div id="addTopic" class="buttonOn">
<img src="images/topic-add.svg"/>
</div>
<div id="deleteTopic" class="buttonOn">
<img src="images/topic-delete.svg"/>
</div>
<div id="topicBorder" class="buttonExtOn">
<img src="images/topic-border.svg"/>
</div>
<div id="topicColor" class="buttonExtOn">
<img src="images/topic-color.svg"/>
</div>
<div id="topicShape" class="buttonExtOn">
<img src="images/topic-shape.svg"/>
</div>
</div>
<div id="font" class="buttonContainer">
<div id="fontFamily" class="buttonExtOn">
<img src="images/font-type.svg"/>
</div>
<div id="fontSize" class="buttonExtOn">
<img src="images/font-size.svg"/>
</div>
<div id="fontBold" class="buttonOn">
<img src="images/font-bold.svg"/>
</div>
<div id="fontItalic" class="buttonOn">
<img src="images/font-italic.svg"/>
</div>
<div id="fontColor" class="buttonExtOn">
<img src="images/font-color.svg"/>
</div>
</div>
<div id="node" class="buttonContainer">
<div id="topicIcon" class="buttonExtOn">
<img src="images/topic-icon.svg"/>
</div>
<div id="topicNote" class="buttonOn" >
<img src="images/topic-note.svg"/>
</div>
<div id="topicLink" class="buttonOn">
<img src="images/topic-link.svg"/>
</div>
<div id="topicRelation" class="buttonOn">
<img src="images/topic-relation.svg"/>
</div>
</div>
<div id="font" class="buttonContainer"></div>
</div>
<div id="toolbarRight">
<div id="share" class="actionButton">Share</div>
<div id="export" class="buttonOn">
<img src="images/export.svg" />
</div>
<div id="print" class="buttonOn">
<img src="images/print.svg" />
</div>
<div id="history" class="buttonOn">
<img src="images/history.svg" />
</div>
<div id="account">
<img src="images/account.svg"/>
</div>
</div>
</div>
</div>
<div id="mindplot" onselectstart="return false;"></div>
<!-- Side Actions -->
<div id="floating-panel">
<div id="keyboardShortcuts" class="buttonExtOn">
<img src="images/keyboard.svg"/>
</div>
<div id="zoom-button">
<button id="zoom-plus">
<img src="images/add.svg" />
</button>
<button id="zoom-minus">
<img src="images/minus.svg" />
</button>
</div>
</div>
<div id="bottom-logo"></div>
<div id="headerNotifier"></div>
</body>
</html>