"resource/layout/screenshotmanager.layout"
{
	controls
	{
		ScreenshotManager { title="#steam_screenshotsupload_title" style="CScreenshotManager" }

		DarkRegionDetails { controlname="ImagePanel" style=DarkRegionDetails zpos="-1" }
		SSDetails { controlname="ImagePanel" style=SSDetails }
		SSDate { controlname="Label" labelText="%selected_ss_date%" }
		SSSize { controlname="Label" labelText="#Overlay_Screenshots_Size_Cloud" }
		SSSizeOriginal { controlname="Label" labelText="#Overlay_Screenshots_Size_Original" }

		grid { alignment="left" interiorspacing=5 wwheelpct=50 style="WrapPanel" }
		view_screenshots { controlname="Button" labeltext="#Overlay_View_All_Screenshots" command="viewscreenshots" }
		view_local_library_button { controlname="Button" labeltext="#Overlay_View_Local" command="viewlocallibrary" visible=0 }
		selectorlabel { controlname="Label" labeltext="#Overlay_Screenshots_Show" }
		
		publish_button { controlname="Button" labeltext="#Overlay_Publish" command="askpublishscreenshot" visible=0 }
		publish_caption { controlname="CScreenshotCaptionEntry" unicode=1 }
		delete_button { controlname="Button" labeltext="#Overlay_Delete" command="askdeletescreenshot" visible=1 }
		publish_charsleft { controlname="Label" labeltext="#Overlay_Chars_Left" style="publishcharsleft" visible=0 }

		details_button { controlname="Button" labeltext="#Overlay_Details" command="viewselectedscreenshot" visible=0 }
		details_caption { controlname="Label" style=publishcaption wrap=1 visible=0 }

		no_screenshots { controlname="ImagePanel" image="resource/screenshots_none_selected" }

		game_selector { controlname="ComboBox" style="gameselector" editable=0 }

		file_not_loaded_label { controlname="Label" labeltext="#steam_screenshot_not_loaded" visible=0 }

		multiselect_button { controlname="Button" labeltext="#steam_screenshots_select_all" command="multiselect" visible=1 }

		multi_img { controlname="ImagePanel" image="resource/multiple_screenshots" visible=0 }
		multi_img_count { controlname="Label" labeltext="%selected_screenshot_count%" style=largeselectioncount visible=0 }
		multi_img_selected { controlname="Label" labeltext="#steam_screenshots_selected" visible=0 }
		multi_img_upload_size { controlname="Label" labeltext="#steam_selected_screenshot_size" visible=0 }
		multi_img_upload_size_info { controlname="Label" labeltext="#steam_selected_screenshot_size_info" visible=0 }
		multi_img_storage_remaining { controlname="Label" labeltext="#steam_remaining_storage" visible=0 }
		multi_img_storage_remaining_info { controlname="Label" labeltext="#steam_remaining_storage_info" visible=0 }
		multi_img_delete { controlname="Button" labeltext="#Overlay_Delete" command="askdeletescreenshot" visible=0 }
		multi_img_upload { controlname="Button" labeltext="#Overlay_Publish" command="askpublishscreenshot" visible=0 }

		instr_no_selection_title { controlname="Label" labeltext="#steam_screenshots_no_selection_title" style="NoSelectionTitle" wrap=1 }
		instr_no_selection { controlname="Label" labeltext="#steam_screenshots_no_selection_instructions" style="NoSelectionInstructions" wrap=1 }

		null_placer { controlname="Panel" visible=1 } // Used to bottom-right align things.
	}

	colors
	{
		BorderThumbnailUnpublished="0 0 0 255"
		BorderThumbnailUploaded="0 0 0 255"
		BorderThumbnailPublished="0 0 0 255"
		BorderThumbnailSelected="139 185 224 255"
	}

	styles
	{
		CScreenshotManager
		{
		} 

		ThumbnailUnpublished
		{
			bgcolor="0 0 0 255"
			render {
				// lines around
				1="fill( x0 + 9, y0 + 2, x0 + 10, y1 + 1, BorderThumbnailUnpublished )"  //left
				2="fill( x1 + 9, y0 + 2, x1 + 10, y1 + 1, BorderThumbnailUnpublished )"  //right
				3="fill( x0 + 9, y0 + 2, x1 + 10, y0 + 3, BorderThumbnailUnpublished )"  //top
				4="fill( x0 + 9, y1 + 1, x1 + 10, y1 + 2, BorderThumbnailUnpublished )"  //btm
			}
		}

		ThumbnailPublished
		{
			bgcolor="0 0 0 255"
			render {
				// lines around
				1="fill( x0 + 9, y0 + 2, x0 + 10, y1 + 1, BorderThumbnailPublished )"  //left
				2="fill( x1 + 9, y0 + 2, x1 + 10, y1 + 1, BorderThumbnailPublished )"  //right
				3="fill( x0 + 9, y0 + 2, x1 + 10, y0 + 3, BorderThumbnailPublished )"  //top
				4="fill( x0 + 9, y1 + 1, x1 + 10, y1 + 2, BorderThumbnailPublished )"  //btm
			}
		}

		ThumbnailSelected
		{
			bgcolor="0 0 0 255"
			render {
				// lines around
				1="fill( x0 + 9, y0 + 2, x0 + 10, y1 + 1, BorderThumbnailSelected )"  //left
				2="fill( x1 + 9, y0 + 2, x1 + 10, y1 + 1, BorderThumbnailSelected )"  //right
				3="fill( x0 + 9, y0 + 2, x1 + 10, y0 + 3, BorderThumbnailSelected )"  //top
				4="fill( x0 + 9, y1 + 1, x1 + 10, y1 + 2, BorderThumbnailSelected )"  //btm

			}
		}

		ThumbnailUploaded
		{
			bgcolor="0 0 0 255"
			render {
				// lines around
				1="fill( x0 + 9, y0 + 2, x0 + 10, y1 + 1, BorderThumbnailUploaded )"  //left
				2="fill( x1 + 9, y0 + 2, x1 + 10, y1 + 1, BorderThumbnailUploaded )"  //right
				3="fill( x0 + 9, y0 + 2, x1 + 10, y0 + 3, BorderThumbnailUploaded )"  //top
				4="fill( x0 + 9, y1 + 1, x1 + 10, y1 + 2, BorderThumbnailUploaded )"  //btm
			}
		}

		DarkRegionDetails
		{
			bgcolor="none"
		}

		SSDetails
		{
			minimum-width=320
			minimum-height=240
			bgcolor="0 0 0 255"
		}

		publishcaption
		{
			textcolor="222 222 222 255"
			font-size=17
			inset=2
			font-style="italic"
		}


		publishcaptionprompt
		{
			textcolor="111 111 111 255"
		}

		publishcharsleft
		{
		}

		publishcharsleft_toomanychars
		{
			textcolor="255 0 0 255"
		}

		WrapPanel
		{			
			inset="10 2 10 2"
			bgcolor="none"

			render_bg {
				// background gradient        
				0="gradient( x0+1, y0+1, x1-1, y1-2, dialogbg, almostblack )"
				1="gradient( x0+1, y0+1, x1-1, y0 + 31, BackgroundStartsubtle, none )"
				
				// lines around
				2="fill( x0, y0 + 1, x0 + 1, y1 - 3, ButtonBorderDisabled )"  //left
				3="fill( x1 - 1, y0 + 1, x1, y1 - 3, ButtonBorderDisabled )"  //right
				4="fill( x0 + 2, y0, x1 - 2, y0+1, ButtonBorderDisabled )"  //top
				5="fill( x0 + 2, y1 - 2, x1 - 2, y1 - 1, ButtonBorderDisabled )"  //btm
				
				// single pixel fills in the corners
				6="fill( x0 + 1, y0, x0 + 2, y0 + 1, ButtonBorderDisabled )" //UL
				7="fill( x1 - 2, y0, x1 - 1, y0 + 1, ButtonBorderDisabled )"  //UR
				8="fill( x0 + 1, y1 - 3, x0 + 2, y1 - 2, ButtonBorderDisabled )"
				9="fill( x1 - 2, y1 - 3, x1 - 1, y1 - 2, ButtonBorderDisabled )"
			}
		}
		
		gameselector
		{
			minimum-width=190
			minimum-height=10
			font-size=13
			font-family=basefont
			font-weight=700
		}
		
		ScreenshotLoadingThrobber
		{
			minimum-width=100
			minimum-height=75
			bgcolor=black
		}

		LargeSelectionCount
		{
			font-size=60
			font-family=basefont
			font-weight=700
		}

		NoSelectionTitle
		{
			font-size=24
			font-family=basefont
			font-weight=400
		}

		NoSelectionInstructions
		{
			font-size=16
			font-family=basefont
		}
	}
	
	
	layout
	{
		region { name="selectorbar" margin-left=10 margin-right=340 margin-top=25 height=80 }
		place { control="selectorlabel" region="selectorbar" x=0 y=8 }
		place { control="game_selector" region="selectorbar" start="selectorlabel" dir=right y=-5 }

		region { name="details" align=right margin-right=10 margin-top=34 margin-bottom=5 width=335 height=max }
		region { name="list" margin-left=10 margin-right=340 margin-top=58 margin-bottom=35 width=max }

		place {	control="grid" region="list" x=0 y=0 width=max height=max }
		place { control="no_screenshots" region="list" y=50 align="top-center" }

		place { control="DarkRegionDetails" region="details" x=0 y=0 width=max height=max z="-1" }
		place { control="SSDetails" region="details" y=0 width=333 height=250 align="top-center"  }
		place { control="SSDate" start="SSDetails" dir=down margin-top=4 margin-left=8 align=left }
		place { control="SSSize,SSSizeOriginal" start="SSDate" margin-right=15 align=right dir=left }

		place { control="publish_caption" region="details" x=5 align=bottom margin-bottom=55 height=40 margin-right=3 width=max  }
		place { control="publish_charsleft" region="details" x=5 align=bottom margin-bottom=35 height=20 margin-right=5 }

		place { control="null_placer" region="details" width=1 align=bottom margin-bottom=2 }
		place { control="delete_button,details_button,publish_button" start="null_placer" region="details" align=right x=5 margin-bottom=5 margin-right=7 spacing=5 }


		place { control="details_caption" region="details" x=5 align=bottom margin-bottom=35 height=60 width=max margin-right=7 }

		place { control="multiselect_button,view_local_library_button,view_screenshots" x=10 align="bottom" margin-bottom=10 spacing=5 }

		place { control="multi_img" region="details" y=80 align="top-center" }
		place { control="multi_img_count" region="details" y=92 align="top-center" }
		place { control="multi_img_selected" region=details y=180  align="top-center" }
		place { control="multi_img_upload_size,multi_img_upload_size_info" region=details y=205 align="top-center" spacing=5 }
		place { control="multi_img_storage_remaining,multi_img_storage_remaining_info" region=details y=220 align="top-center" spacing=5 }
		place { control="multi_img_delete,multi_img_upload" region=details y=260 align="top-center" spacing=8 }

		place { control="file_not_loaded_label" region="details" y=140 align="top-center" }
		place { control="instr_no_selection_title,instr_no_selection" region="details" y=20 width=max margin-left=15 margin-right=15 dir=down spacing=30 }
	}
}
