mirror of https://github.com/ungstein/OG-Steam.git
397 lines
9.5 KiB
Plaintext
397 lines
9.5 KiB
Plaintext
"resource/layout/appdownloadpanel.layout"
|
|
{
|
|
controls
|
|
{
|
|
// this just sets the height
|
|
appdownloadpanel { tall="110" style=panelStyle }
|
|
|
|
// image
|
|
spacer { controlname="Panel" }
|
|
gameimage { controlname="ImagePanel" zpos="1" style="gameImagePanel" } // set the initial size on on the gameimage; it's loaded async, so it may not know the image size immediately
|
|
workshopbanner { controlname="ImagePanel" zpos="2" image="resource/workshop_minibanner" }
|
|
|
|
// left-mid column
|
|
namelabel { controlname="Label" labelText="#steam_downloads_gamename" style="ModuleHeading" }
|
|
dashlabel { controlname="Label" labelText="" }
|
|
launchbutton { controlname="Button" style="DetailsLaunchButton" labelText="#Steam_LaunchGame" zpos="1" }
|
|
downloadprogressbar { controlname="ProgressBar" style="SlimProgressBar" barinset=0 continuous=1 group="ShowWhileDownloading" style="SlimProgressBar" }
|
|
settingslink { controlname="URLlabel" style="settingslink" }
|
|
|
|
// right-mid column
|
|
downloadtotallabel { controlname="Label" labelText="#steam_downloads_gamesize_update" style="label2" }
|
|
downloadtotalfield { controlname="Label" labelText="%download_totals%" style="label" style="label" }
|
|
starttimelabel { controlname="Label" labelText="#steam_downloads_initiated" style=Label2 group="ShowWhileDownloading"}
|
|
starttimefield { controlname="Label" labelText="%time_started%" style=Label group="ShowWhileDownloading"}
|
|
timeremaininglabel { controlname="Label" labelText="#steam_downloads_timeremaining" style="label2" group="ShowWhileDownloading" }
|
|
timeremainingfield { controlname="Label" labelText="%time_remaining%" style="label" group="ShowWhileDownloading" }
|
|
timecompletedlabel { controlname="Label" labelText="#steam_downloads_timecompleted" style="label2" group="ShowWhenComplete" }
|
|
timecompletedfield { controlname="Label" labelText="%time_completed%" style="label" group="ShowWhenComplete" }
|
|
pausereasonlabel { controlname="Label" labelText="#steam_downloads_pausedreason" style="label2" group="ShowWhenPaused" }
|
|
pausereasonfield { controlname="Label" labelText="" style="label3" group="ShowWhenPaused" }
|
|
|
|
|
|
// right column
|
|
updatetypelabel { controlname="Label" labelText="#steam_downloads_suspended" style=ModuleHeading2 tooltiptext="" }
|
|
removefromqueuebutton { controlname="Button" style="SmRemoveButton" tooltiptext="#steam_downloads_remove" }
|
|
topofqueuebutton { controlname="Button" style="topOfQueueButton" tooltiptext="#steam_downloads_topofqueue" group="HideOnCompletion" }
|
|
newslink { controlname="URLlabel" style="links" labelText="#steam_downloads_updatenews" }
|
|
|
|
|
|
|
|
}
|
|
|
|
colors
|
|
{
|
|
dark_blue_grad = "12 27 38 255"
|
|
light_blue_grad = "32 72 102 255"
|
|
}
|
|
|
|
styles
|
|
{
|
|
panelStyle
|
|
{
|
|
bgcolor = "DarkGreenBG"
|
|
render_bg
|
|
{
|
|
}
|
|
}
|
|
|
|
panelStyleHighlight
|
|
{
|
|
bgcolor = "DarkGreenBG"
|
|
render_bg
|
|
{
|
|
}
|
|
}
|
|
|
|
links
|
|
{
|
|
font-size=14
|
|
font-style=normal
|
|
textcolor="OffWhite"
|
|
font-family=basefont
|
|
font-style="uppercase"
|
|
padding-left=0
|
|
padding-top=0
|
|
padding-bottom=0
|
|
}
|
|
|
|
links:hover
|
|
{
|
|
font-size=14
|
|
font-style=normal
|
|
textcolor="White"
|
|
font-family=basefont
|
|
font-style="uppercase"
|
|
padding-left=0
|
|
padding-top=0
|
|
padding-bottom=0
|
|
}
|
|
|
|
links:disabled
|
|
{
|
|
textcolor="TextDisabled"
|
|
}
|
|
|
|
settingslink
|
|
{
|
|
font-size=14
|
|
font-style=normal
|
|
textcolor="White"
|
|
font-family=basefont
|
|
padding-left=0
|
|
padding-top=0
|
|
padding-bottom=0
|
|
}
|
|
|
|
settingslink:hover
|
|
{
|
|
font-size=14
|
|
font-style=normal
|
|
textcolor="white"
|
|
font-family=basefont
|
|
padding-left=0
|
|
padding-top=0
|
|
padding-bottom=0
|
|
}
|
|
|
|
settingslink:disabled
|
|
{
|
|
textcolor="TextDisabled"
|
|
}
|
|
|
|
rightcolumnlink:hover
|
|
{
|
|
textcolor=White
|
|
}
|
|
|
|
label2
|
|
{
|
|
bgcolor none
|
|
font-size "14"
|
|
textcolor "OffWhite"
|
|
padding-top "0"
|
|
font-style="uppercase"
|
|
}
|
|
|
|
label3
|
|
{
|
|
bgcolor none
|
|
font-size "14"
|
|
textcolor "OffWhite"
|
|
padding-top "0"
|
|
font-style="uppercase"
|
|
}
|
|
|
|
ModuleHeading
|
|
{
|
|
font-family basefont
|
|
bgcolor = "none"
|
|
font-size "18"
|
|
textcolor "White"
|
|
padding-top "0"
|
|
font-weight "700"
|
|
}
|
|
|
|
ModuleHeading2
|
|
{
|
|
font-family basefont
|
|
bgcolor = "none"
|
|
font-size "18"
|
|
textcolor "OffWhite"
|
|
padding-top "0"
|
|
font-weight "400"
|
|
}
|
|
|
|
panelBgColorActive
|
|
{
|
|
bgcolor = "DarkGreenBG"
|
|
}
|
|
|
|
|
|
|
|
|
|
gameImagePanel
|
|
{
|
|
inset="0 0 0 0"
|
|
render_bg
|
|
{
|
|
}
|
|
render
|
|
{
|
|
}
|
|
}
|
|
|
|
gameImagePanelHighlight
|
|
{
|
|
inset="0 0 0 0"
|
|
bgcolor=none
|
|
render_bg
|
|
{
|
|
//0="image( x0 - 8, y0 - 3, x1 + 8, y1 + 0, graphics/downloads_bg )"
|
|
}
|
|
padding "4"
|
|
}
|
|
|
|
DetailsLaunchButton
|
|
{
|
|
|
|
inset="23 0 0 0"
|
|
font-family=basefont
|
|
font-size=16
|
|
font-weight=400
|
|
textcolor="white"
|
|
font-style="uppercase"
|
|
bgcolor=GreenBG
|
|
|
|
render
|
|
{
|
|
}
|
|
render_bg
|
|
{
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
5="image( x0 + 6, y0 + 4, x1, y1, graphics/icon_play )"
|
|
}
|
|
}
|
|
|
|
DetailsLaunchButton:Hover
|
|
{
|
|
inset="23 0 0 0"
|
|
font-family=basefont
|
|
font-size=16
|
|
font-weight=400
|
|
textcolor="white"
|
|
font-style=uppercase
|
|
bgcolor=GreenBG
|
|
|
|
render
|
|
{
|
|
}
|
|
render_bg
|
|
{
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
5="image( x0 + 6, y0 + 4, x1, y1, graphics/icon_play )"
|
|
}
|
|
}
|
|
|
|
DetailsLaunchButton:Active
|
|
{
|
|
inset="23 0 0 0"
|
|
font-family=basefont
|
|
font-size=16
|
|
font-weight=400
|
|
textcolor="white"
|
|
font-style=uppercase
|
|
bgcolor=GreenBG
|
|
|
|
render
|
|
{
|
|
}
|
|
render_bg
|
|
{
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
5="image( x0 + 6, y0 + 4, x1, y1, graphics/icon_play )"
|
|
}
|
|
}
|
|
|
|
DetailsLaunchButton:Disabled
|
|
{
|
|
inset="23 0 0 0"
|
|
font-family=basefont
|
|
font-size=16
|
|
font-weight=400
|
|
textcolor="LabelDisabled"
|
|
font-style=uppercase
|
|
bgcolor=none
|
|
|
|
render
|
|
{
|
|
0="image( x0 + 6, y0 + 5, x1, y1, graphics/icon_play )"
|
|
}
|
|
render_bg
|
|
{
|
|
// background fill
|
|
0="fill( x0, y0-1, x1, y1, buttonfacedisabled )"
|
|
}
|
|
}
|
|
|
|
|
|
|
|
topOfQueueButton
|
|
{
|
|
|
|
inset="30 0 0 0"
|
|
font-family=basefont
|
|
font-size=16
|
|
font-weight=400
|
|
textcolor="Text"
|
|
font-style=uppercase
|
|
bgcolor=none
|
|
|
|
render
|
|
{
|
|
0="image( x0 + 6, y0 + 4, x1, y1, graphics/icon_topofqueue )"
|
|
}
|
|
}
|
|
|
|
SmRemoveButton
|
|
{
|
|
|
|
inset="0 0 0 0"
|
|
font-family=basefont
|
|
font-size=16
|
|
font-weight=400
|
|
textcolor="Text"
|
|
font-style=uppercase
|
|
bgcolor=none
|
|
|
|
render
|
|
{
|
|
0="image( x0 + 5, y0 + 4, x1, y1, graphics/icon_close )"
|
|
}
|
|
}
|
|
|
|
SmRemoveButton:Hover
|
|
{
|
|
inset="0 0 0 0"
|
|
font-family=basefont
|
|
font-size=16
|
|
font-weight=400
|
|
textcolor="TextHover"
|
|
font-style=uppercase
|
|
bgcolor=none
|
|
render
|
|
{
|
|
0="image( x0 + 5, y0 + 4, x1, y1, graphics/icon_close_hover )"
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
SlimProgressBar
|
|
{
|
|
render_bg
|
|
{
|
|
0="fill( x0, y0, x1, y1, DarkGreenBG )"
|
|
}
|
|
render
|
|
{
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
layout
|
|
{
|
|
region { name="bottom" y=75 height=60 width=400 }
|
|
|
|
region { name="column1" x=0 width=200 }
|
|
region { name="column2" x=210 width=max }
|
|
region { name="column3" x=500 width=max }
|
|
region { name="column4" x=700 width=max overflow=allow-horizontal }
|
|
|
|
// left column
|
|
place { control="spacer" }
|
|
place { control="gameimage" start=spacer dir=down margin-left=8 width=192 height=85 }
|
|
place { control="workshopbanner" margin-left=8 margin-top=82 width=192 height=26 }
|
|
|
|
// left-mid column
|
|
place { control="namelabel" region="column2" margin-top=16 margin-left=0 }
|
|
place { control="launchbutton" region=column2 start=namelabel dir=down margin-top=10 }
|
|
place { control="downloadprogressbar" region=column2 start=launchbutton margin-top=5 dir=down spacing=10 height=3 width=150 }
|
|
place { control="settingslink" region=column2 start=downloadprogressbar dir=down margin-top=5 margin-left=0 }
|
|
|
|
// right-mid column
|
|
place { control="downloadtotallabel,downloadtotalfield" region="column3" x=0 align=top margin-top=43 spacing=6 }
|
|
place { control="starttimelabel,starttimefield" region="column3" x=0 align=top margin-top=63 spacing=6 }
|
|
place { control="timecompletedlabel,timecompletedfield" region="column3" x=0 align=top margin-top=63 spacing=6 }
|
|
place { control="pausereasonlabel,pausereasonfield" region="column3" x=0 align=top margin-top=63 spacing=6 }
|
|
place { control="timeremaininglabel,timeremainingfield" region="column3" x=0 align=top margin-top=83 spacing=6 }
|
|
|
|
// right column
|
|
place { control="updatetypelabel" region="column4" spacing=10 margin-top=22 align=right margin-right=16 }
|
|
place { control="topofqueuebutton,removefromqueuebutton" region="column4" height=22 width=26 dir=right spacing=10 margin-top=50 align=right margin-right=16 }
|
|
place { control="newslink" region="column4" spacing=10 margin-top=80 align=right margin-right=16 }
|
|
|
|
// put the buttons along the bottom
|
|
|
|
}
|
|
}
|