skin.include=skin3_templates

template.outerborder.x=2.5rem
template.textalpha=230
color.links.normal=#006eae
color.links.dark=#003a5c
color.fadedtext=#666666

color.top=#b7c8d4
color.title=#005186
color.line=#ffffff
color.main=#ecf2f6
color.line2=#bac8d5
 
shell.type=container
shell.width={template.shell.width}
shell.widgets=shell.top,\
              shell.main,\
              shell.bottom,\
              shell.bottomline

shell.top.type=container
shell.top.color={color.top}
shell.top.attach.top=0,0
shell.top.attach.left=0,0
shell.top.attach.right=100,0
shell.top.widgets=top.logo,top.title,top.title.logo,top.bline
# keep as px
shell.top.minheight=60

top.logo.type=image
top.logo.view=top-logo
top.logo.attach.left=0,0
top.logo.attach.top=0,0
top.logo.attach.bottom=100,-1

top.title.type=text
top.title.view=top-title
top.title.align=right
top.title.text.size=130%
top.title.text.style=bold
top.title.text.color={color.title}
top.title.attach.left=top.logo,{template.padding.line}
top.title.attach.right=100,-{template.padding.line}
top.title.attach.bottom=100,-{template.padding.line}

top.bline.type=container
top.bline.color={color.line}
top.bline.height=1
top.bline.attach.left=0,0
top.bline.attach.right=100,0
top.bline.attach.bottom=100,0

shell.main.type=container
shell.main.color={color.main}
shell.main.attach.left=0,0
shell.main.attach.right=100,0
shell.main.attach.bottom=shell.bottomline,0
shell.main.attach.top=shell.top,0
shell.main.widgets=main.group
shell.main.minheight=6.5rem

main.group.type=container
main.group.attach.left=0,0
main.group.attach.top=0,{template.padding.line}
main.group.attach.right=100,0
main.group.attach.bottom=100,-{template.padding.small}
main.group.widgets=maintext,maintext.icon,section.extra

maintext.icon.type=image
maintext.icon.drawmode=left
maintext.icon.h-padding=7
maintext.icon.view=text-icon
maintext.icon.attach.left=0,{template.outerborder.x}
maintext.icon.attach.top=0,0

maintext.type=text,{remote.pairing.subtitle}
maintext.view=middle-title
maintext.text.size=120%
maintext.text.color=#005186
maintext.text.style=bold
maintext.attach.left=maintext.icon
maintext.attach.top=0,0
maintext.attach.right=100,-{template.outerborder.x}
maintext.align=center
maintext.minheight=2.5rem

section.extra.type=container
section.extra.view=middle-extra
section.extra.attach.left=0,{template.outerborder.x}
section.extra.attach.top=maintext,{template.padding.small}
section.extra.attach.bottom=100,0
section.extra.attach.right=100,-{template.outerborder.x}

###

shell.bottom.type=container
shell.bottom.view=bottom-area
shell.bottom.color=#FFFFFF
shell.bottom.attach.top=
shell.bottom.attach.bottom=100,0
shell.bottom.attach.left=0,0
shell.bottom.attach.right=100,0
shell.bottom.minheight=2rem

shell.bottomline.type=container
shell.bottomline.height=1
shell.bottomline.color={color.line2}
shell.bottomline.attach.left=0,0
shell.bottomline.attach.right=100,0
shell.bottomline.attach.bottom=shell.bottom,0

####

dlg.generic.test.type=container
dlg.generic.test.color=#FF00FF
dlg.generic.test.attach.left=0,0
dlg.generic.test.attach.right=100,0
dlg.generic.test.attach.top=0,0
dlg.generic.test.attach.bottom=100,0
dlg.generic.test.widgets=dlg.generic.test.txt,dlg.generic.test.btn

dlg.generic.test.txt.type=text,Hello There

dlg.generic.test.btn.type=button
dlg.generic.test.btn.text=Button!
dlg.generic.test.btn.attach.left=
dlg.generic.test.btn.attach.right=100,0