Mini Shell

<?php 
    $arrayMes = ['01' => 'janeiro','02' => 'fevereiro','03' => 'março','04' => 'abril','05' => 'maio','06' => 'junho','07' => 'julho','08' => 'agosto','09' => 'setembro','10' => 'oututbro','11' => 'novembro','12' => 'dezembro'];
?>
<style type="text/css">
<?php echo $idcss ?>{width: 100%; float: left; background: #f7f7f7;}
<?php echo $idcss ?> h1{color: <?php echo $cor1 ?>; text-transform: capitalize; }
<?php echo $idcss ?> h1 span{color: <?php echo $cor2 ?>;}
<?php echo $idcss ?> .line{width: 40px; height: 3px; background: <?php echo $cor1 ?>; display: inline-block;}
<?php echo $idcss ?> .line-menor{width: 8px; height: 3px; background: <?php echo $cor1 ?>; display: inline-block; margin-left: 5px;}
<?php echo $idcss ?> h3{margin-top:10px; color: #101010; font-weight: 600; font-size: 18px; line-height: 27px;}
<?php echo $idcss ?> .grade-blog{color: #777; margin-bottom: 30px; float: left; font-size: 14px; line-height: 22px;}
<?php echo $idcss ?> .grade-blog img{margin: auto;}
<?php echo $idcss ?> .grade-blog .imagem{overflow: hidden; border-bottom: solid 3px <?php echo $cor1 ?>;}
<?php echo $idcss ?> .grade-blog img:hover{transform: scale(1.1);}
<?php echo $idcss ?> .grade-blog .btn-padrao{background: #fff; color: #101010; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;; padding: 10px 30px; border-radius: 5px;}
<?php echo $idcss ?> .grade-blog .btn-padrao:hover{background: <?php echo $cor2 ?>; color: #fff;}
<?php echo $idcss ?> .dia{color: #666666; font-size: 16px; margin-top: 15px;}
<?php echo $idcss ?> .linha{width: 100%; height: 1px; background: rgba(0,0,0,0.2); margin-top: 10px;}


<?php echo $idcss ?> .saiba{display: inline-block;text-transform: uppercase;color: #666666;background: #f7f7f7;position: relative;z-index: 1;padding: 0 15px}
<?php echo $idcss ?> .seg-saiba{position: relative; z-index: 1;}
<?php echo $idcss ?> .seg-saiba::before{position: absolute;left: 0;top: 50%;content: "";height: 1px;width: 20%;background: rgba(0,0,0,0.4);z-index: -1;left: 50%; transform: translateX(-50%);}

</style>

<div class="clear"></div>
<section id="<?php echo $idCss ?>">
    <center>
        <h1>Últimas <span>postagens</span></h1>
        <div class="clear10"></div>
        <div class="seg-saiba">
            <div class="saiba">Blog</div>
        </div>
    </center>
    <div class="clear40"></div>
    <div class="container">
        <div class="row">
            <?php 
            $query = "SELECT * FROM registros WHERE registros_idpg = $template_idpg LIMIT 3";
            $registros = mysqli_query($config, $query) or die(mysqli_error());
            while($row_registros = mysqli_fetch_assoc($registros)){ ?>
                <div class="col-sm-4" data-mh="mygroup">
                    <div class="grade-blog">
                        <a href="<?php echo RAIZ;?><?php echo $row_templates['paginas_url'] ?>/<?php echo $row_registros['registros_url'];?>">
                            <div class="imagem">
                                <img src="<?php echo RAIZ."timthumb.php?src=".RAIZ_UP.$row_registros['registros_imagem'] ?>&zc=1&w=500&h=500" class="img-fluid transition">
                            </div>
                        </a>
                        <?php if(!empty($row_registros['registros_data'])){ ?>
                        <div class="bgdata">
                            <?php 
                            $dataBlog = $row_registros['registros_data']; 
                            $dataBlog = explode('-', $dataBlog);
                            ?>
                            <div class="dia"><?php echo $dataBlog[2] . " de ". $arrayMes[$dataBlog[1]] ." de ". $dataBlog[0]  ?></div>
                        </div>
                        <?php } ?>
                        <div class="linha"></div>
                        <h3><?php echo $row_registros['registros_titulo'] ?></h3>
                        <?php echo preg_replace('/(<[^>]+) style=".*?"/i', '$1', abreviaString($row_registros['registros_texto'], '140')); ?>
                        <div class="clear30"></div>
                        <a class="btn-padrao transition" href="<?php echo RAIZ;?><?php echo $row_templates['paginas_url'] ?>/<?php echo $row_registros['registros_url'];?>">Leia mais</a>
                        <div class="clear40 visible-xs"></div>
                    </div>
                </div>
            <?php } ?>
        </div>
    </div>
    <div class="clear60 hidden-xs"></div>
    <div class="clear20 visible-xs"></div>
    <center><a class="btn-padrao transition" href="<?php echo RAIZ ?>blog">Ver mais</a></center>
</section>