Proyectos de Subversion Moodle

<style>
.txt-name-course{
    display: block;
    /*background-color:blue;*/
    line-height: normal;
}
.txt-course-category{
    font-size: smaller;
    /*background-color:green;*/
    display: block;
    line-height: normal;
}

.txt-activity-summary{
    font-size: smaller;
    /*background-color:green;*/
    display: block;
    line-height: normal;
}

.block .block-cards .progress {
    height: 1.5rem;
}
.block .block-cards .progress {
    height: 1.5rem;
    text-align: center;
}
.ccn_mc_progress-cesa {
    max-width: 300px;
    margin: 5px 20px;
    display: block;
    min-width: 200px;
}
.small-cesa {
    font-size: 80%;
    font-weight: 400;
    text-align: center;
    width:100%;
}

.item-cursos{
        /*background-color: green;*/
    color: white;
    text-align: center;
    margin: 10px;
    padding: 10px;
    /*background-color: grey;*/
    color: white;
    text-align: center;
    margin: 10px 0px;
    padding: 0px;
    /*border: 1px solid black;*/
        border: 0px;

}
.bloque {
        padding: 0px;
  border-radius: 3px;
  border: 1px solid #cccccc;
  /*display: inline-block;*/
  margin-bottom: 15px;
  margin-left: 0px;
}
.bloque a:hover{
        background-color:#bcc7ff;
        text-decoration: none;
}
.card-img {
    /* width: auto; */
    height: 8rem;
    background-size: cover;
    width
}
.card-body, .userprofile .profile_tree section {
    flex: 1 1 auto;
    padding: 0.25rem;
}
.img-course{
        background-size: cover;
    min-height: 100px;
}
.curso_progress-cesa {
    max-width: 300px;
    margin: 0px 20px 5px;
    display: block;
}


@media only screen and (max-width: 1199.98px){

/*
.main_logo_home2 .mt20{
        top: 5px;
}
  .mobile-menu .header.stylehome1 a:not(.mobileBrand) {
    top: 5px;
  }
  .stylehome1 {
    bottom: 0;
    height: 50px;
  }
  .stylehome1 .nav_logo_img, .stylehome1.dashbord_mobile_logo .nav_logo_img {
    position: relative;
    max-height: 45px;
    margin-top: 5px;
  }
  .ccn_dashbord_disable_drawer .dashboard_main_content {
    padding-left: 10px!important;
  }
  .our-dashbord.dashbord .container-fluid {
    padding-right: 5px;
  }
  .dashbord .block:not(.block_cocoon_mynews):not(.block_starredcourses):not(.block_myoverview):not(.block_recentlyaccessedcourses):not(.block_cocoon_myviews):not(.block_cocoon_myorders):not(#mod_quiz_navblock) {
    padding: 0px;
  }
*/
}
</style>


<div id="block-cursosrecientes-{{uniqid}}" class="d-flex" data-region="cursosrecientes" data-userid="2" data-displaycoursecategory="0">
        <div class="row" style="width:100%;">
                {{#courses}}
                        <div class="col-xs-12 col-sm-12 col-md-4 bloque">
      {{! <div class="col-xs-12 col-sm-12 col-md-4 bloque border"> }}
                                <div id="intemcourse" class="item-cursos shadow-sm p-3 mb-5 rounded">
                                        <!--<a href="{{viewurl}}" > -->
          <a href="{{viewurlnew}}">
                                                <div class="img-course" style="background-image: url({{courseimage}});">
                                                </div>
                                                <div>
                                                        <span class="txt-name-course">{{fullnamedisplay}}</span>
                                        <span class="txt-activity-summary">{{summary}}</span>
                                                        <!--<span class="txt-course-category">{{coursecategory}}</span>-->
                  {{#hasprogress}}
                    {{! <div class="curso_progress-cesa">
                          {{> block_myoverview/progress-bar-cesa}
                    </div> }}
                    <p> {{summary}} - ejemplo -</p>
                    <div id ="progress" class="curso_progress">
                        <!--{{> block_myoverview/progress-bar-cesa}}-->
                      {{> block_myoverview/progress-bar}}
                    </div>
                  {{/hasprogress}}
                                                </div>
                                        </a>
                                </div>
                        </div>
                {{/courses}}
        </div>
</div>