Mini Kabibi Habibi

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

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FacebookTest.aspx.cs" 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>