AutorÃa | Ultima modificación | Ver Log |
<style>
.txt-name-course{
display: block;
}
.txt-course-category{
font-size: smaller;
}
.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%;
}
.block-cursosrecientes{
display:flex;
}
.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 #cccccc;
}
/*.bloque:hover{
box-shadow: 1px 2px 4px #aaaaaa;
/*border-color: #aaaaaa;
background-color:#bcc7ff;*
text-decoration: none;
}*/
.card-img {
/* width: auto; */
height: 8rem;
background-size: cover;
}
.card-body, .userprofile .profile_tree section {
flex: 1 1 auto;
padding: 0.25rem;
}
.img-course{
background-size: cover;
min-height: 100px;
}
.img-list {
width: 25%;
display: block;
margin-left: auto;
margin-right: auto;
}
.curso_progress {
max-width: 300px;
margin: 5px 20px;
display: block;
}
/*******************************/
.divItmListCurso{
display:flex;
padding: 10px 0px;
}
.divImgListCurso1{
text-align: center;
width: 190px;
/*
min-width: 190px;
max-width: 190px;
*/
}
.divImgListCurso{
text-align: center;
height:105px;
/*
min-height:105px;
max-height: 105px;
*/
width: 100%;
/*
min-width: 160px;
max-width: 160px;
*/
/*max-height: 108px;*/
background-size: cover;
/*background: aquamarine;*/
}
.divImgGridCurso{
text-align: center;
height:105px;
/*
min-height:105px;
max-height: 105px;
*/
width: 100%;
/*
min-width: 160px;
max-width: 160px;
*/
/*max-height: 108px;*/
background-size: cover;
/*background: aquamarine;*/
}
.titleList{
margin-bottom:0px;
margin-top: 5px;
}
.divLblListCurso{
text-align:center;
min-width: 160px;
/*background: blue;*/
}
.divTxtListCurso{
text-align:left;
min-width: 200px;
/*background: burlywood;*/
}
.label1{
color: #737373;
font-size: 10px;
font-style: normal;
line-height: 20px;
}
.label2{
color: #0367c8;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.label3{
color: black;
font-size: 16px;
font-style: normal;
line-height: 1.7;
}
.aRefCurso{
width:100%;
/*border:1px solid;*/
}
.aRefCurso:hover{
background-color: #cfeaea;
text-decoration: none;
}
@media screen and (max-width: 479px){
.divTxtListCurso {
text-align: left;
min-width: auto;
}
.divItmListCurso{
display:flex;
padding: 10px 0px;
}
.divItmListCurso {
display: flex;
padding: 10px 0px;
}
.divImgListCurso1{
text-align: center;
width: auto;
}
}
/*******************************/
</style>
<div id="block-cursosrecientes-{{uniqid}}" class="block-cursosrecientes" data-region="cursosrecientes" data-userid="2" data-displaycoursecategory="0">
<div class="row" style="width:100%;">
{{#courses}}
{{#grid}}
<div class="col-xs-12 col-sm-12 col-md-4 bloque">
{{/grid}}
{{#listing}}
<div class="col-xs-12 col-sm-12 col-md-12 bloque">
{{/listing}}
<div class=" item-cursos">
<a href="{{viewurl}}" >
{{#grid}}
<div id="engrid" class="img-course" style="background-image: url({{courseimage}});">
</div>
<div>
<span class="text-truncate txt-name-course">{{fullnamedisplay}}</span>
<span class="txt-course-category">{{coursecategory}}</span>
{{#hasprogress}}
<div id ="progress" class="curso_progress">
{{> block_myoverview/progress-bar-cesa}}
</div>
{{/hasprogress}}
</div>
</a>
</div>
{{/grid}}
</div>
{{#listing}}
<div class="col-xs-12 col-sm-12 col-md-12 bloque">
<!--<a class="aRefCurso" href="{{viewurl}}">-->
<div class="col-md-12 divItmListCurso">
<div class="" style="display: contents;">
<div class="col-xs-5 col-md-4 ">
<div class="divImgGridCurso" style="background-image:url('{{{courseimage}}}');">
</div>
<h5 class="title titleList">{{{shortname}}}<span class="sr-only">{{#str}}aria:courseshortname, core_course{{/str}}</span></h5>
</div>
<div class="col-xs-7 col-md-8 divTxtListCurso">
<div class="label1">{{{coursecategory}}}</div>
<span title="{{{shortname}}}" class="label2">
{{{shortname}}}
</span>
<div class="label3">
{{{fullname}}}
</div>
</div>
</div>
</div>
<!--</a>-->
</div>
{{/listing}}
<!--
<div>
<span class="text-truncate txt-name-course">{{fullnamedisplay}}</span>
<span class="txt-course-category">{{coursecategory}}</span>
{{#hasprogress}}
<div id ="progress" class="curso_progress">
{{> block_myoverview/progress-bar-cesa}}
</div>
{{/hasprogress}}
</div>
</a>
</div>
</div>-->
{{/courses}}
</div>
</div>
<!--
<div id="block-cursosrecientes-{{uniqid}}" class="block-cursosrecientes block-cards" data-region="cursosrecientes" data-userid="2" data-displaycoursecategory="0">
<div class="container-fluid p-0">
<div id="cursosrecientes-view-{{uniqid}}" data-region="cursosrecientes-view">
<div class="" data-region="view-content">
<div class="d-flex paging-bar-container mb-3" data-region="paging-bar-container">
<div data-region="paging-control-container" class="d-flex">
</div>
</div>
<div class="card-deck dashboard-card-deck fixed-width-cards justify-content" data-region="card-deck" role="list">
{{#courses}}
<div class="card dashboard-card" role="listitem" data-region="course-content" data-course-id="{{id}}">
<a href="{{viewurl}}" >
<div class="card-img dashboard-card-img" style="background-image: url({{courseimage}});">
<span class="sr-only">Course image</span>
</div>
</a>
<div class="card-body pr-1 course-info-container" id="course-info-container-3-3">
<div class="d-flex align-items-start">
<div class="w-100 text-truncate">
<div class="text-muted muted d-flex mb-1 flex-wrap">
</div>
<a href="{{viewurl}}" class="coursename mr-2">
<span class="sr-only">
Course name
</span>
<span class="text-truncate">{{fullnamedisplay}}</span>
<span class="txt-course-category">{{coursecategory}}</span>
{{#hasprogress}}
<div class="ccn_mc_progress-cesa">
{{> block_myoverview/progress-bar-cesa}}
</div>
{{/hasprogress}}
</a>
</div>
</div>
</div>
</div>
{{/courses}}
</div>
</div>
{{^courses}}
<div class="text-xs-center text-center mt-1" data-region="empty-message">
<p class="text-muted mt-3">No hay cursos recientes</p>
</div>
{{/courses}}
</div>
</div>
</div>
-->