Mini Kabibi Habibi

Current Path : C:/Users/Public/Documents/DXperience 13.1 Demos/ASP.NET/VB/TouchBoard/
Upload File :
Current File : C:/Users/Public/Documents/DXperience 13.1 Demos/ASP.NET/VB/TouchBoard/FacebookTest.aspx

<%@ Page Language="vb" AutoEventWireup="true" CodeFile="FacebookTest.aspx.vb" Inherits="FacebookTest" %>
<%@ Register Src="~/Widgets/Facebook.ascx" TagName="Facebook" TagPrefix="widget" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title></title>
	<style type="text/css">
		.pnlFacebookWidget .dxpc-content
		{
			background: #3b5997;
		}
		.pnlFacebookWidget .header 
		{
			height: 74px;
			background-image: url('Widgets/Images/Facebook/logo.png');
			background-repeat: no-repeat;
			background-position: top right;
			padding: 13px;
			line-height: 72px;
		}
		.pnlFacebookWidget .header img.authorImg
		{
			background: white;
			border: 3px solid White;
			outline: 1px solid #2a3f6b;
			-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); /* Для Firefox */
			-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); /* Для Safari и Chrome */
			box-shadow: 0 0 5px rgba(0,0,0,0.2); /* Параметры тени */
			float: left;
			margin-right: 14px;
		}
		.pnlFacebookWidget .header .author 
		{
			color: White;
			font-size: 24px;
			vertical-align: middle;
		}
		.pnlFacebookWidget .info 
		{
			height: 85px;
			background: White;
			padding: 17px 15px 13px 15px;
		}
		.pnlFacebookWidget .info .description 
		{
			height: 70px;
			overflow: hidden;
			text-overflow: ellipsis;
			color: #525252;
			font-size: 12px;
		}
		.pnlFacebookWidget .info .stat 
		{
			color: #a6a6a6;
			font-size: 12px;
		}
		.pnlFacebookWidget .info .stat .likes 
		{
			float: right;
			background-image: url('Widgets/Images/Facebook/like.png');
			background-position: left center;
			background-repeat: no-repeat;
			padding-left: 21px;
			height: 15px;
			display: none;
		}
		.pnlFacebookWidget .info .stat .comments 
		{
			float: right;
			background-image: url('Widgets/Images/Facebook/comments.png');
			background-position: left center;
			background-repeat: no-repeat;
			padding-left: 21px;
			height: 15px;
			margin-right: 40px;
			display: none;
		}
		.bigzone .pnlFacebookWidget .info .description,
		.horizontalzone .pnlFacebookWidget .info .description 
		{
			font-size: 16px;
		}
		.bigzone .pnlFacebookWidget .info .stat,
		.horizontalzone .pnlFacebookWidget .info .stat 
		{
			font-size: 14px;
		}

		.bigzone .pnlFacebookWidget .info .stat .likes,
		.horizontalzone .pnlFacebookWidget .info .stat .likes,
		.bigzone .pnlFacebookWidget .info .stat .comments,
		.horizontalzone .pnlFacebookWidget .info .stat .comments
		{
			display: block;
		}

		.commentsPanel 
		{
			display: none;
			background: #f7f7f7;
			border-top: #e5e5e5 solid 1px;
			height: 187px;
			padding: 22px 26px;
		}

		.bigzone .pnlFacebookWidget .commentsPanel
		{
			display: block;
		}
		.pnlFacebookWidget .commentsPanel .dxdvCtrl 
		{
			padding: 0px;
		}
		.pnlFacebookWidget .commentsPanel .dxdvCtrl .dxdvItem 
		{
			padding: 0px;
			border: 0;
			background: transparent;
			height: auto;
		}
		.pnlFacebookWidget .commentsPanel .dxdvCtrl .dxdvItem img 
		{
			border: 3px solid White;
			-moz-box-shadow: 
				0 0 0 1px #aeaeae,
				0 0 5px rgba(0,0,0,0.4);
			-webkit-box-shadow:
				0 0 0 1px #aeaeae,
				0 0 5px rgba(0,0,0,0.4);
			box-shadow:
				0 0 0 1px #aeaeae,
				0 0 5px rgba(0,0,0,0.4);
			margin-right: 12px;
		}
		.pnlFacebookWidget .commentsPanel .dxdvCtrl .dxdvItem .author 
		{
			color: Black;
			font-size: 14px;
		}
		.pnlFacebookWidget .commentsPanel .dxdvCtrl .dxdvItem .time 
		{
			color: #8c8c8c;
			font-size: 12px;
			margin-left: 6px;
		}
		.pnlFacebookWidget .commentsPanel .dxdvCtrl .dxdvItem .description 
		{
			color: #575757;
		}
	</style>
</head>
<body>
	<form id="form1" runat="server">
	<table>
		<tr>
			<td valign="top">
				<dx:ASPxDockZone ID="DockZone1" runat="server" Width="492" Height="452" BackColor="Red"
					CssClass="bigzone" Orientation="Fill">
				</dx:ASPxDockZone>
			</td>
			<td valign="top">
				<dx:ASPxDockZone ID="DockZone2" runat="server" Width="492" Height="220" BackColor="GreenYellow"
					CssClass="horizontalzone" Orientation="Fill">
				</dx:ASPxDockZone>
			</td>
			<td valign="top">
				<dx:ASPxDockZone ID="DockZone3" runat="server" Width="240" Height="220" BackColor="Blue"
					CssClass="smallzone" Orientation="Fill">
				</dx:ASPxDockZone>
			</td>
		</tr>
	</table>
	<widget:Facebook ID="FacebookWidget" runat="server" OwnerZoneID="DockZone3" />
	</form>
</body>
</html>