Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Roberto José TORO OLMEDO
BrainBox
Commits
4b01b025
Unverified
Commit
4b01b025
authored
Nov 24, 2019
by
katja heuer
Committed by
GitHub
Nov 24, 2019
Browse files
Delete flex-tools-light.html
parent
cb8fb76e
Changes
1
Hide whitespace changes
Inline
Side-by-side
view/atlasMaker/src/resources/flex-tools-light.html
deleted
100644 → 0
View file @
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'
>
<
</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'
>
>
</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>
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment