"resource/layout/twofactorcodechallenge.layout" { controls { TwoFactorCodeChallenge { controlname="Frame" title="#Steam_GetTwoFactorCode_Title" style="TwoFactorCodeChallenge" } Label1 { controlname="Label" wrap=1 style="Instructions" labeltext="#Steam_GetTwoFactorCode_EnterCode" } Label2 { controlname="Label" wrap=1 style="Instructions" labeltext="#Steam_GetTwoFactorCode_EnterCodeDetails" } Key { controlname="Label" style="Key" } AuthCode { controlname="TextEntry" style="AuthCode" command="AuthCodeEntered" tabposition=1 } Background { controlname="ImagePanel" style="Background" image="graphics/JackMyth/bg_security_wizard" zpos=-4 } OK { controlname="Button" tabposition=2 command="AuthCodeEntered" labeltext="#PropertyDialog_OK" default=1 enabled=false } Cancel { controlname="Button" tabposition=3 command="Close" labeltext="#PropertyDialog_Cancel" } } styles { TwoFactorCodeChallenge { minimum-width = 380 minimum-height = 496 render_bg { 0="image_scale(x0,y0,x1,y1,graphics/JackMyth/bg_security_wizard)" } } Key { //image="graphics/icon_security_key" textcolor=none } AuthCode { minimum-height=50 font-size=40 } Instructions { font-size=15 } Background { } } layout { region { name="top" width=max height=80 margin=10 margin-top=38 } region { name="middle" width=max y=70 height=160 margin=5 } region { name="bottom" width=max align=bottom height=36 align="bottom" } //place { control="Background" align=left margin=10 y=42 margin-bottom=48 width=360 } place { control="Background" align=left margin=10 y=42 margin-bottom=48 width=0 } place { control="Label1" region="top" x=20 spacing=8 width=max height=48 dir=down } place { control="Key" region="middle" margin-left=20 } place { control="AuthCode, Label2" region="middle" dir=down spacing=8 margin-left=80 width=190 } // bottom: OK/cancel place { control="OK,Cancel" region="bottom" width=92 height=32 align=right margin-right=10 spacing=10 } } }