Delete flex-tools-light.html

view/atlasMaker/src/resources/flex-tools-light.html

-<style>
-* {
-    box-sizing: border-box;
-}
-body {
-    background: #555;
-}
-.img {
-    display:inline-block;
-    background:yellow;
-    width:25px;
-    height:25px;
-}
-div {
-    border: thin solid black;
-    padding:5px;
-}
-div::before {
-    content:attr(id);
-    position:absolute;
-    color:white;
-    margin-top:-10px;
-    background: #555;
-}
-</style>
-
-<div id='tools-side' style='display:block'>
-    <div id='tools-maximized' style='display:flex;flex-direction:column'>
-
-        <!-- tools hide/show, display left/right -->
-        <div id='headerBlock' style='flex:0 0 28px;background:#fdd'>
-            <div style='display:flex;background:#333'>
-                <div style='flex:0 0 28px'><div id='display-minimize' title='Minimize toolbar' class='a push'><span class='img icon'>-</span></div></div>
-                <div style='flex:1 1 auto'></div>
-                <div style='flex:0 0 28px'><div id='display-left' title='Display to the left' class='a push'><span class='img icon'>&lt;</span></div></div>
-                <div style='flex:0 0 28px'><div id='display-right' title='Display to the right' class='a push'><span class='img icon'>&gt;</span></div></div>
-            </div>
-        </div>
-
-        <!-- slider -->
-        <div id='slider' style='flex:0 0 28px;background:#dfd'>
-            <div style='display:flex'>
-                <div style='flex:0 0 28px'>
-                    <div id='prev' class='a push'>-</div>
-                </div>
-                <div style='flex:1 0 28px;position:relative;align-self:center'>
-                    <div style='display:inline-block;width:100%;position:relative'>
-                        <div id='slice' class='slider' data-max=100 data-val=0 style='position:relative;margin-left:10px;width:calc(100% - 20px)'>
-                            <div class='track' style='position:absolute;left:0;top:50%;width:100%;border-top:1px solid #fff;padding:0;height:0;display:inline-block'></div>
-                            <div class='thumb' style='transform:translate(-10px,-10px);border-radius:10px;position:absolute;left:0;top:50%;padding:0;width:20px;height:20px;background-color:#fff;display:inline-block'></div>
-                        </div>
-                    </div>
-                </div>
-                <div style='flex:0 0 28px'>
-                    <div id='next' class='a push'>+</div>
-                </div>
-            </div>
-        </div>
-
-        <!-- buttons -->
-        <div id='buttons' style='flex:0 0 auto;background:#ddf'>
-            <div style='display:flex'>
-                <div style='flex:1 1 50%'>
-                    <div style='display:flex'>
-                        <div style='flex:1'><div id='sag' title='Sagittal' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='cor' title='Coronal' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='axi' title='Axial' class='a'><span class='img icon'></span></div></div>
-                    </div>
-                </div>
-
-                <div style='flex:1 1 16.7%;align-self:center'><div id='full' title='Full' class='a pressed'><span class='img icon'></span></div></div>
-
-                <div style='flex:1 1 33.3%'>
-                    <div style='display:flex'>
-                        <div style='flex:1'><div id='adjust' title='Adjust' class='a'><span class='img icon'></span></div></div>
-                        <div style='flex:1'><div id='eyedrop' title='Eyedrop' class='a'><span class='img icon'></span></div></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-    </div>
-</div>