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

		SSDetails { controlname="ImagePanel" style=SSDetails scaling=fit}
		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 wheelpct=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" }

		spoiler_checkbox { controlname="CheckButton" labeltext="#Overlay_Tag_As_Potential_Spoiler" visible=0 }
		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"
		BorderThumbnailHover="200 200 200 255"
		BorderThumbnailUploaded="0 0 0 255"
		BorderThumbnailPublished="0 0 0 255"
		BorderThumbnailSelected="139 185 224 255"
	}

	styles
	{
		CScreenshotManager
		{
			minimum-width=730
			minimum-height=450
			render_bg
			{
				0="fill(x0, y0+32, x1, y0+80, Root.Header)"
				1="fill(x0, y0+80, x1, y1-48, Root.Back)"
				2="fill(x0, y1-48, x1, y1, DefaultBackground)"
				3="fill(x0, y0+32, x0+335, y1, Root.LeftCol)"
			}
		} 

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

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

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

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

		ThumbnailSelected:hover
		{
			bgcolor="0 0 0 255"
			render {
				// lines around
				1="fill( x0, y0, x0 + 2, y1, Accent.Hover )"  //left
				2="fill( x1 - 2, y0, x1, y1, Accent.Hover )"  //right
				3="fill( x0, y0, x1, y0 + 2, Accent.Hover )"  //top
				4="fill( x0, y1 - 2, x1, y1, Accent.Hover )"  //btm
			}
		}

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

		DarkRegionDetails
		{
			bgcolor=Root.LeftCol
		}

		SSDetails
		{
			minimum-width=320
			minimum-height=240
			bgcolor="0 0 0 255"
			render
			{
				0="fill(x0,y1-32,x1,y1,Root.BackTransparent)"
			}
		}

		publishcaption
		{
			inset="0 0 0 0"
			textcolor=DefaultText
			font-size=20
			font-style="italic"
		}


		publishcaptionprompt
		{
			textcolor=DefaultText
		}

		publishcharsleft
		{
		}

		publishcharsleft_toomanychars
		{
			textcolor="255 0 0 255"
		}

		WrapPanel
		{			
			inset="0 0 0 0"
			bgcolor="none"

			render_bg {

			}
		}
		
		gameselector
		{
		}
		
		ScreenshotLoadingThrobber
		{
			minimum-width=100
			minimum-height=75
			bgcolor=black
		}

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

		NoSelectionTitle
		{
			font-size=24
			font-family=semilight
			textcolor=Accent
		}

		NoSelectionInstructions
		{
			font-size=15
			font-family=basefont
		}
		
		TextEntry:empty //SIGH ...
		{
			render_bg {
				0="fill(x0, y0, x1, y1, TextBox.Back)"
			}
		}
		
		TextEntry:empty:focus //Active
		{     
			textcolor=TextBox.Active.Text
			shadowtextcolor=TextBox.Active.Cursor
			render_bg
			{
				0="fill(x0, y0, x1, y1, TextBox.Active)"
				// lines around
				1="fill( x0, y0, x1, y0 + 1, TextBox.Outline.Active )"  // top
				2="fill( x0, y1 - 1, x1, y1, TextBox.Outline.Active )"  // bottom
				3="fill( x0, y0, x0 + 1, y1, TextBox.Outline.Active )"  // left
				4="fill( x1 - 1, y0, x1, y1, TextBox.Outline.Active )"  // right
			}     
		}
		
	}
	
	
	layout
	{
		region { name=hidden width=0 height=0 }
		
		region { name="details" width=335 margin-top=32 height=max }
		region { name=detailsinfo region=details height=32 width=max y=218}
		region { name=detailscomment region=details height=max margin-top=245 margin-bottom=35}
		region { name=detailsbottom region=details height=45 width=max align=bottom}
		
		region { name="list" align=right margin-left=335 margin-top=32 width=max }
		region { name="listtop" region=list height=48 margin-left=10}
		region { name="listbottom" region=list height=45 align=bottom}

		place { control="selectorlabel" region="hidden" x=0 y=8 }
		place { control="game_selector" region="listtop" x=10 y=9 width=max dir=right margin-right=20}
		
		place {	control="grid" region="list" margin-top=48 margin-left=20 margin-bottom=48 width=max height=max }
		place { control="no_screenshots" region="hidden" 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=max height=250 align="top-center"  }
		place { control="SSDate" region="detailsinfo" margin-left=10 height=max align=left }
		place { control="SSSize,SSSizeOriginal" region="detailsinfo" margin-right=15 align=right height=max dir=right }

		place { control="publish_caption" region="detailscomment" margin-top=15 height=40 margin-right=10 margin-left=10 width=max  }
		place { control="publish_charsleft" region="detailscomment" align=right start=publish_caption dir=down margin-top=10 height=20 margin-right=10}
		place { control="spoiler_checkbox" region="detailscomment" start=publish_caption dir=down margin-top=5}
		place { control="details_caption" region="detailscomment" margin-top=15 height=40 margin-right=10 margin-left=10 width=max }

		place { control="null_placer" region="hidden" width=1 align=bottom margin-bottom=2 }
		place { control="delete_button,details_button,publish_button" region="detailsbottom" align=right margin-top=5 margin-right=7 spacing=5 }

		place { control="multiselect_button,view_local_library_button,view_screenshots" region=listbottom align="right" margin-top=5 margin-right=10 spacing=5 }

		place { control="multi_img" region="hidden" y=80 align="top-center" }
		place { control="multi_img_count" region="hidden" y=92 align="top-center" }
		place { control="multi_img_selected" region=details y=80  align="top-center" }
		place { control="multi_img_upload_size,multi_img_upload_size_info" region=details y=105 align="top-center" spacing=5 }
		place { control="multi_img_storage_remaining,multi_img_storage_remaining_info" region=details y=120 align="top-center" spacing=5 }
		place { control="multi_img_delete,multi_img_upload" region=details y=160 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=20 margin-right=10 dir=down spacing=15 }
	
	}
}