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 
-->