Unverified Commit 4b01b025 authored by katja heuer's avatar katja heuer Committed by GitHub
Browse files

Delete flex-tools-light.html

parent cb8fb76e
<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>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment