Вход Регистрация
Файл: base-sys/base/views/components/oembed_attachment.html
Строк: 107
<?php
{*script}{literal}PEEP.resizeImg($('.peep_oembed_attachment'),{width:'150'});{/literal}{/script*}
{
style}{literal}

    .
peep_oembed_attachment {
        
position: relative;
        
padding-right: 20px;
        
margin-bottom: 4px;
    }

    .
peep_oembed_attachment .two_column  .attachment_left {
        
float: left;
        
max-width: 150px;
        
margin-right: 8px;
    }

    .
peep_oembed_attachment .two_column .attachment_right {
        
display: inline-block;
    }

    .
peep_oembed_attachment .video div.attachment_left {
        
position: relative;
    }

    .
peep_oembed_attachment .video div.attachment_right {
        
display: inline-block;
    }

    .
peep_oembed_attachment .one_column .attachment_left {
        
display: none;
    }

    .
peep_oembed_attachment .attachment_left img
    
{
        
width: 100%;
        
height: auto;
        
max-width: none;
    }

    .
peep_oembed_attachment .attachment_left embed,
    .
peep_oembed_attachment .attachment_left object,
    .
peep_oembed_attachment .attachment_left iframe
    
{
        
width: 300px;
        
height: 220px;
    }

    .
peep_oembed_attachment:hover .attachment_delete {
        
display: block;
    }

    .
attachment_delete {
        
position: absolute;
        
right: 0;
        
width:12px;
        
height:12px;
        
display: none;
    }
    .
peep_oembed_attachment .link.two_column,
    .
peep_oembed_attachment .video.two_column {
        
padding-left: 108px;
    }
    
    .
peep_oembed_attachment .video.two_column.peep_video_playing {
        
padding-left: 0;
    }
    .
peep_oembed_attachment .link.two_column .attachment_left,
    .
peep_oembed_attachment .video.two_column .attachment_left {
        
max-width: 100px;
        
margin-left: -108px;
        
margin-top: 4px;
    }
    .
peep_oembed_attachment .video.two_column.peep_video_playing .attachment_left {
        
margin: 0 0 4px 0;
        
width: 100%;
        
max-width: none;
    }
    .
peep_oembed_attachment .link .peep_oembed_video_cover {
        
display: none;
    }
}
{/
literal}{/style}

    <
div id="{$uniqId}" class="peep_oembed_attachment clearfix {if !empty($containerClass)}{$containerClass}{/if}">
        {if !empty(
$delete)}
            <
a class="attachment_delete peep_miniic_delete {if !empty($deleteClass)}{$deleteClass}{/if}" href="javascript://"></a>
         {/if}

        <
div class="{$data.type} {if !empty($data.thumbnail_url) || !empty($data.url)}two_column has_thumbnail{elseif !empty($data.html)}two_column has_html{else}one_column{/if} clearfix">
            <
div class="attachment_left">
                {if !empty(
$data.thumbnail_url) }
                    {*<
a href="{$data.href}" target="_blank">
                        <
div class="peep_photo_attachment_stage" style="background-image: url({$data.thumbnail_url});"></div>
                    </
a>*}
                    
                    <
a href="{$data.href}" target="_blank">
                        <
img src="{$data.thumbnail_url}" class="attachment_thumb" /> <div class="peep_oembed_video_cover"></div>
                    </
a>
                {elseif !empty(
$data.url)}
                <
a href="javascript://" onclick="PEEP.showImageInFloatBox('{$data.href}');">
                    <
div class="peep_photo_attachment_stage" style="background-image: url({$data.url});"></div>
                </
a>
                {elseif !empty(
$data.html)}
                    {
$data.html}
                {/if}
            </
div>
            <
div class="attachment_right ">
                {if !empty(
$data.title)}
                    <
div class="attachment_title"><a href="{$data.href}" target="_blank">{$data.title}</a></div>
                {/if}
                {if !empty(
$data.description)}
                    <
div class="attachment_desc peep_remark">{$data.description}</div>
                {/if}
            </
div>
        </
div>
    </
div>
?>
Онлайн: 0
Реклама