Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
<style>
2
.txt-name-course{
3
    display: block;
4
}
5
.txt-course-category{
6
    font-size: smaller;
7
}
8
.block .block-cards .progress {
9
    height: 1.5rem;
10
    text-align: center;
11
}
12
 
13
.ccn_mc_progress-cesa {
14
    max-width: 300px;
15
    margin: 5px 20px;
16
    display: block;
17
    min-width: 200px;
18
}
19
.small-cesa {
20
    font-size: 80%;
21
    font-weight: 400;
22
    text-align: center;
23
    width:100%;
24
}
25
.block-cursosrecientes{
26
	display:flex;
27
}
28
.item-cursos{
29
	/*background-color: green;*/
30
    color: white;
31
    text-align: center;
32
    margin: 10px;
33
    padding: 10px;
34
    /*background-color: grey;*/
35
    color: white;
36
    text-align: center;
37
    margin: 10px 0px;
38
    padding: 0px;
39
    border: 1px solid #cccccc;
40
}
41
/*.bloque:hover{
42
	box-shadow: 1px 2px 4px #aaaaaa;
43
    /*border-color: #aaaaaa;
44
	background-color:#bcc7ff;*
45
	text-decoration: none;
46
}*/
47
.card-img {
48
    /* width: auto; */
49
    height: 8rem;
50
    background-size: cover;
51
}
52
.card-body, .userprofile .profile_tree section {
53
    flex: 1 1 auto;
54
    padding: 0.25rem;
55
}
56
.img-course{
57
	background-size: cover;
58
    min-height: 100px;
59
}
60
.img-list {
61
	width: 25%;
62
	display: block;
63
  	margin-left: auto;
64
  	margin-right: auto;
65
 
66
}
67
.curso_progress {
68
    max-width: 300px;
69
    margin: 5px 20px;
70
    display: block;
71
}
72
 
73
 
74
/*******************************/
75
.divItmListCurso{
76
	display:flex;
77
	padding: 10px 0px;
78
}
79
.divImgListCurso1{
80
	text-align: center;
81
	width: 190px;
82
	/*
83
	min-width: 190px;
84
	max-width: 190px;
85
	*/
86
}
87
.divImgListCurso{
88
	text-align: center;
89
	height:105px;
90
	/*
91
	min-height:105px;
92
	max-height: 105px;
93
	*/
94
	width: 100%;
95
	/*
96
	min-width: 160px;
97
	max-width: 160px;
98
	*/
99
	/*max-height: 108px;*/
100
	background-size: cover;
101
	/*background: aquamarine;*/
102
}
103
 
104
.divImgGridCurso{
105
	text-align: center;
106
	height:105px;
107
	/*
108
	min-height:105px;
109
	max-height: 105px;
110
	*/
111
	width: 100%;
112
	/*
113
	min-width: 160px;
114
	max-width: 160px;
115
	*/
116
	/*max-height: 108px;*/
117
	background-size: cover;
118
	/*background: aquamarine;*/
119
}
120
 
121
.titleList{
122
	margin-bottom:0px;
123
	margin-top: 5px;
124
}
125
.divLblListCurso{
126
	text-align:center;
127
	min-width: 160px;
128
	/*background: blue;*/
129
}
130
.divTxtListCurso{
131
	text-align:left;
132
	min-width: 200px;
133
	/*background: burlywood;*/
134
}
135
.label1{
136
	color: #737373;
137
	font-size: 10px;
138
	font-style: normal;
139
    line-height: 20px;
140
}
141
.label2{
142
	color: #0367c8;
143
	font-size: 16px;
144
	font-weight: 600;
145
	line-height: 24px;
146
}
147
.label3{
148
	color: black;
149
	font-size: 16px;
150
	font-style: normal;
151
	line-height: 1.7;
152
}
153
.aRefCurso{
154
	width:100%;
155
	/*border:1px solid;*/
156
}
157
.aRefCurso:hover{
158
    background-color: #cfeaea;
159
    text-decoration: none;
160
}
161
@media screen and (max-width: 479px){
162
	.divTxtListCurso {
163
	    text-align: left;
164
	    min-width: auto;
165
	}
166
	.divItmListCurso{
167
		display:flex;
168
		padding: 10px 0px;
169
	}
170
	.divItmListCurso {
171
	    display: flex;
172
	    padding: 10px 0px;
173
	}
174
	.divImgListCurso1{
175
		text-align: center;
176
		width: auto;
177
	}
178
 
179
}
180
 
181
/*******************************/
182
 
183
 
184
</style>
185
 
186
<div id="block-cursosrecientes-{{uniqid}}" class="block-cursosrecientes" data-region="cursosrecientes" data-userid="2" data-displaycoursecategory="0">
187
	<div class="row" style="width:100%;">
188
		{{#courses}}
189
			{{#grid}}
190
			<div class="col-xs-12 col-sm-12 col-md-4 bloque">
191
			{{/grid}}
192
 
193
			{{#listing}}
194
				<div class="col-xs-12 col-sm-12 col-md-12 bloque">
195
			{{/listing}}
196
			<div class=" item-cursos">
197
					<a href="{{viewurl}}" >
198
 
199
				{{#grid}}
200
						<div id="engrid" class="img-course" style="background-image: url({{courseimage}});">
201
						</div>
202
 
203
						<div>
204
							<span class="text-truncate txt-name-course">{{fullnamedisplay}}</span>
205
							<span class="txt-course-category">{{coursecategory}}</span>
206
 
207
			                {{#hasprogress}}
208
			                	<div id ="progress" class="curso_progress">
209
			                  		{{> block_myoverview/progress-bar-cesa}}
210
			                	</div>
211
			              	{{/hasprogress}}
212
						</div>
213
					</a>
214
				</div>
215
				{{/grid}}
216
			</div>
217
 
218
			{{#listing}}
219
			<div class="col-xs-12 col-sm-12 col-md-12 bloque">
220
			<!--<a class="aRefCurso" href="{{viewurl}}">-->
221
				<div class="col-md-12 divItmListCurso">
222
					<div class="" style="display: contents;">
223
						<div class="col-xs-5 col-md-4 ">
224
							<div class="divImgGridCurso" style="background-image:url('{{{courseimage}}}');">
225
							</div>
226
							<h5 class="title titleList">{{{shortname}}}<span class="sr-only">{{#str}}aria:courseshortname, core_course{{/str}}</span></h5>
227
						</div>
228
						<div class="col-xs-7 col-md-8 divTxtListCurso">
229
							<div class="label1">{{{coursecategory}}}</div>
230
							<span title="{{{shortname}}}" class="label2">
231
								{{{shortname}}}
232
							</span>
233
							<div class="label3">
234
								{{{fullname}}}
235
							</div>
236
						</div>
237
					</div>
238
				</div>
239
    		<!--</a>-->
240
 
241
			</div>
242
			{{/listing}}
243
			<!--
244
						<div>
245
							<span class="text-truncate txt-name-course">{{fullnamedisplay}}</span>
246
							<span class="txt-course-category">{{coursecategory}}</span>
247
 
248
			                {{#hasprogress}}
249
			                	<div id ="progress" class="curso_progress">
250
			                  		{{> block_myoverview/progress-bar-cesa}}
251
			                	</div>
252
			              	{{/hasprogress}}
253
						</div>
254
					</a>
255
				</div>
256
			</div>-->
257
 
258
		{{/courses}}
259
	</div>
260
</div>
261
<!--
262
<div id="block-cursosrecientes-{{uniqid}}" class="block-cursosrecientes block-cards" data-region="cursosrecientes" data-userid="2" data-displaycoursecategory="0">
263
    <div class="container-fluid p-0">
264
		<div id="cursosrecientes-view-{{uniqid}}" data-region="cursosrecientes-view">
265
            <div class="" data-region="view-content">
266
				<div class="d-flex paging-bar-container mb-3" data-region="paging-bar-container">
267
					<div data-region="paging-control-container" class="d-flex">
268
 
269
                    </div>
270
 				</div>
271
 
272
				<div class="card-deck dashboard-card-deck fixed-width-cards justify-content" data-region="card-deck" role="list">
273
					{{#courses}}
274
					<div class="card dashboard-card" role="listitem" data-region="course-content" data-course-id="{{id}}">
275
	    				<a href="{{viewurl}}" >
276
	        				<div class="card-img dashboard-card-img" style="background-image: url({{courseimage}});">
277
	            				<span class="sr-only">Course image</span>
278
	        				</div>
279
	    				</a>
280
	    				<div class="card-body pr-1 course-info-container" id="course-info-container-3-3">
281
	        				<div class="d-flex align-items-start">
282
	            				<div class="w-100 text-truncate">
283
	                				<div class="text-muted muted d-flex mb-1 flex-wrap">
284
									</div>
285
	                				<a href="{{viewurl}}" class="coursename mr-2">
286
	                    				<span class="sr-only">
287
	                            			Course name
288
	                        			</span>
289
	 									<span class="text-truncate">{{fullnamedisplay}}</span>
290
	 									<span class="txt-course-category">{{coursecategory}}</span>
291
						                {{#hasprogress}}
292
						                	<div class="ccn_mc_progress-cesa">
293
						                  		{{> block_myoverview/progress-bar-cesa}}
294
						                	</div>
295
						              	{{/hasprogress}}
296
	 								</a>
297
	           					</div>
298
	        				</div>
299
						</div>
300
					</div>
301
					{{/courses}}
302
				</div>
303
    		</div>
304
    		{{^courses}}
305
            <div class="text-xs-center text-center mt-1" data-region="empty-message">
306
                <p class="text-muted mt-3">No hay cursos recientes</p>
307
            </div>
308
            {{/courses}}
309
        </div>
310
    </div>
311
</div>
312
-->