overlay-layout

"resource/layout/overlaydesktop.layout"
{
	controls
	{
		BaseDesktopPanel
		{
			controlname="EditablePanel"
		}

		GameGroupsButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_GameGroups" style=sidemenu }
		ChatRoomButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_ChatRoom" style=sidemenu }
		DLCButton {	controlname="URLLabel" labeltext="#Overlay_Taskbar_DLC" style=sidemenu }
		GuideButton {	controlname="URLLabel" labeltext="#Overlay_Taskbar_Guide" style=sidemenu }
		LegacyCDKeyButton {	controlname="URLLabel" labeltext="#Overlay_Taskbar_legacycdkey" style=sidemenu }
		WebSiteButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_WebSite" style=sidemenu }
		RecommendButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_Recommend" style=sidemenu }
		WorkshopButton { controlname="URLLabel" labeltext="#Overlay_Taskbar_Workshop" style=sidemenu }

		GoogleID { controlname="URLLabel" labeltext="Google" urltext="https://google.co.uk/" style=sidemenu }
		FacebookID { controlname="URLLabel" labeltext="Facebook" urltext="https://www.facebook.com/" style=sidemenu }
		YoutubeID { controlname="URLLabel" labeltext="Youtube" urltext="https://youtube.com/feed/subscriptions" style=sidemenu }
		AmazonID { controlname="URLLabel" labeltext="Amazon" urltext="https://amazon.co.uk/" style=sidemenu }
		eBayID { controlname="URLLabel" labeltext="eBay" urltext="https://ebay.co.uk/" style=sidemenu }

		FriendsDetailPanel { controlname="COverlay_Details_Friends" style="detailsbox" }
		AchievementsDetailPanel { controlname="COverlay_Details_Achievements" style="detailsbox" }
		NewsDetailPanel { controlname="COverlay_Details_News" style="detailsbox" }
		ScreenshotsDetailPanel { controlname="COverlay_Details_Screenshots_Panel" style="detailsbox" }
		GuidesDetailPanel { controlname="COverlay_Details_Guides_Panel" style="detailsbox" }
		CommunityHubDetailPanel { controlname="COverlay_Details_CommunityHub_Panel" style="detailsbox" }
		CommunityDiscussionsDetailPanel { controlname="COverlay_Details_CommunityDiscussions_Panel" style="detailsbox" }
		BroadcastDetailPanel { controlname="COverlay_Details_Broadcast_Panel" style="detailsbox" }

		Clock { controlname="Label" labeltext="10:43" style=topbar }
		ClockSuffix { controlname="Label" labeltext="am" style=clocksuffix }
		SessionText { controlname=label style=TimeStrings labeltext="#Overlay_Playtime_Session" }
		TwoWeeksText { controlname=label style=TimeStrings }
		ForeverText { controlname=label style=TimeStrings }
	}

	styles
	{
		sidemenu
		{
			font-size=18
			textcolor=texthover
		}

		sidemenu:hover
		{
			font-size=18
			textcolor=text
		}

		topbar
		{
			font-size=36
			textcolor=text
		}

		clocksuffix
		{
			font-size=24
			padding-top=10
			//textcolor=red
			font-weight=400
			font-style=uppercase;
		}

		timeStrings
		{
			font-size="17"
			textcolor="label"
			font-family=basefont
			font-weight=700
		}
	}

	layout
	{
		region { name=overlay width=1010 align=top-center margin-top=10 margin-bottom=10 }

		region	{ name="detailpanelsTop"    region=overlay align=bottom width=max height=594 margin-bottom=480 }
		region	{ name="detailpanelsMiddle" region=overlay align=bottom width=max height=466 margin-bottom=206 }
		region	{ name="detailpanelsBottom" region=overlay align=bottom width=max height=210 margin-bottom=100 }
		region 	{ name="topbar" region=overlay width="max" height=50 }
		region	{ name="taskbar" region=overlay width="max" height=75 align=bottom }

		place { controls="GoogleID,FacebookID,YoutubeID,AmazonID,eBayID,GameGroupsButton,ChatRoomButton,DLCButton,GuideButton,LegacyCDKeyButton,WebSiteButton,RecommendButton,WorkshopButton" y=50 align=right region=overlay dir=left spacing=10 }

		place { controls="BroadcastDetailPanel" region=detailpanelsTop width=330 height=240 spacing=10 }
		place { controls="FriendsDetailPanel,NewsDetailPanel,AchievementsDetailPanel,GuidesDetailPanel" region=detailpanelsMiddle width=330 height=240 spacing=10 }
		place { controls="ScreenshotsDetailPanel,CommunityHubDetailPanel,CommunityDiscussionsDetailPanel" region=detailpanelsBottom width=330 height=240 spacing=10 }

		place { control="Clock,ClockSuffix" region=topbar }
		place { control="SessionText,TwoWeeksText,ForeverText" dir=down region=overlay y=35 }

	}

}