<?php
/*
 * Dynamic styles for YARPP's built-in thumbnails template
 * @since 4
 */

$height = 122;
$width = 120;

if ( isset($_GET['height']) )
    $height = (int) $_GET['height'];
if ( isset($_GET['width']) )
    $width = (int) $_GET['width'];

 $height = 117;
$width = 117;

//$margin = 5;
//$width_with_margins = $width + 2 * $margin;
//$height_with_text = $height + 50;
//$extramargin = 7;
$margin = 2;
$width_with_margins = $width + 0 * $margin;
$height_with_text = 100;
$extramargin = 0;

header( 'Content-Type: text/css' );

?>
.yarpp-thumbnails-horizontal .yarpp-thumbnail, .yarpp-thumbnail-default, .yarpp-thumbnail-title {
    display: inline-block;
    *display: inline;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    text-align : center ;
    /* border: 1px solid rgba(127,127,127,0.1); */
    width: <?php echo $width_with_margins; ?>; 
    /* height: <?php echo $height_with_text; ?>px; */
    height: <?php echo $height_with_text; ?>%;
    margin: <?php echo $margin; ?>px;
    margin-left: 0px;
    vertical-align: top;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
    width: <?php echo $width; ?>px;
    height: <?php echo $height; ?>px;
    margin: <?php echo $margin; ?>px;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail > img, .yarpp-thumbnails-horizontal .yarpp-thumbnail-default {
    display: block;
    border:solid 1px #ccc;
    padding:2px;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    text-align: left;  
    /* font-size: 1em; */
    font-size: 12px;  
    color: #333333; 
    /*max-height: 2.8em;*/
    line-height: 1.4em;
    margin: <?php echo $extramargin; ?>px;
    /*margin-top: 0px;*/
    margin-top: 3px;
    width: <?php echo $width; ?>px;
    /*text-decoration: inherit;*/
    text-decoration: none;
    overflow: hidden;
}

.yarpp-thumbnail:hover{
    background-color:#E3E4F8;
    text-decoration:underline;
}

.yarpp-thumbnail-default {
    overflow: hidden;
}
.yarpp-thumbnail-default > img {
    min-height: <?php echo $height; ?>px;
    min-width: <?php echo $width; ?>px;
}

.yarpp-related{text-align: left; }