Mini Shell

<style type="text/css">
<?php echo $idcss ?>{width: 100%; float: left; }
<?php echo $idcss ?> h1{color: <?php echo $cor1 ?>; }
<?php echo $idcss ?> h3{margin:15px 0; color:#777; font-weight: bold; font-size: 14px;}
<?php echo $idcss ?> .grade2{color: #777; margin-bottom: 30px; float: left; text-align: center;}
<?php echo $idcss ?> .categorias{text-align: center; border-top: solid 1px #eee;}
<?php echo $idcss ?> .categorias a{display: inline-block; margin: 0 10px; margin-top: -20px; }
<?php echo $idcss ?> .categorias a.active{background: <?php echo $cor1 ?>; color: #fff;}
</style>


<div class="clear"></div>
<section id="<?php echo $idCss ?>">
    <center>
        <h1><?php echo $row_templates['templates_home_titulo'] ?></h1>
    </center>
    <div class="clear40"></div>
    <div class="container">
        <?php 
        $query = "SELECT * FROM categorias WHERE categorias_idpg = $template_idpg ORDER BY categorias_ordem ASC";
        $categorias = mysqli_query($config, $query) or die(mysqli_error());
        ?>
        <div class="categorias">
        <?php while($row_categorias = mysqli_fetch_assoc($categorias)){ ?>
            <a idcat="<?php echo $row_categorias['categorias_id']; ?>" class="transition btn btn-padrao3"><?php echo $row_categorias['categorias_titulo'] ?></a>
        <?php } ?>
        </div>
        <div class="clear60"></div>
        <div id="registros" class="row">
            
        </div>
    </div>
</section>
<script type="text/javascript">
    $('.categorias a').click(function(){
        $('.categorias a').removeClass('active');
        $(this).addClass('active');
        idcat = $(this).attr('idcat');
        pgUrl = "<?php echo $row_templates['paginas_url'] ?>";
        $.ajax({
            url: 'templates/sections/grade2-categoria-buscar.php',
            data: {idcat:idcat, pgUrl:pgUrl},
            type: 'POST',
            dataType: "html",
            success:function(retorno){
               $('#registros').html(retorno);
            }
        });
    });

    $('.categorias a:first-child').trigger('click');
    $('.categorias a:first-child').addClass('active');

</script>