Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Task Comment Sample

    Загружено:

    aashish.panchal
    8 просмотров2 страницы
    This is sample, for task comments implementation

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    TXT, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    This is sample, for task comments implementation

    Авторское право:

    © All Rights Reserved
    Скачайте в формате TXT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    8 просмотров2 страницы

    Task Comment Sample

    Загружено:

    aashish.panchal
    This is sample, for task comments implementation

    Авторское право:

    © All Rights Reserved
    Скачайте в формате TXT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 2

    <html>

    <style>
    body {
    font-family: Helvetica;
    font-size: 13px;
    }
    div.callout {
    height: 60px;
    width: 80%;
    float: left;
    }
    div.callout {
    background-color: #fff ;
    background-image: -moz-linear-gradient(top, #fff, #fff);
    position: relative;
    /*color: #ccc;*/
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0px 0px 20px #999;
    margin: 5px;
    min-height: 50px;
    border: 1px solid #999;
    /*text-shadow: 0 0 1px #000;*/
    /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/
    }
    .callout::before {
    content: "";
    width: 0px;
    height: 0px;
    border: 0.8em solid transparent;
    position: absolute;
    }
    .callout.top::before {
    left: 45%;
    bottom: -20px;
    border-top: 10px solid #444;
    }
    .callout.bottom::before {
    left: 45%;
    top: -20px;
    border-bottom: 10px solid #444;
    }
    .callout.left::before {
    right: -20px;
    top: 40%;
    border-left: 10px solid #444;
    }
    .callout.right::before {
    left: -18px;
    top: 6%;
    border-right: 10px solid #fff;
    }

    .callout.top-left::before {
    left: 7px;
    bottom: -20px;
    border-top: 10px solid #444;
    }
    .callout.top-right::before {
    right: 7px;
    bottom: -20px;
    border-top: 10px solid #444;
    }
    .circular {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    background: url(./un_female.png) no-repeat;
    }
    </style>
    <body>

    <table width="100%" border="0">


    <tr>
    <td width="10%">
    <div class="circular"></div>
    2014-07-13 13:13:52
    </td>
    <td width="*%">
    <div class="callout right">
    This is not good task, i didn't like it...
    </div>
    </td>
    </tr>
    <tr>
    <td width="10%">
    <div class="circular"></div>
    2014-07-13 13:13:52
    </td>
    <td width="*%">
    <div class="callout right">
    This is good task, i like it...
    </div>
    </td>
    </tr>
    </table>
    </body>
    </html>

    Вам также может понравиться