PluginProbe ʕ •ᴥ•ʔ
Tutor LMS – eLearning and online course solution / 1.9.8
Tutor LMS – eLearning and online course solution v1.9.8
3.9.15 3.9.14 3.9.13 3.9.12 3.9.11 trunk 1.0.0 1.0.0-alpha 1.0.1 1.0.2 1.0.3 1.0.4 1.0.5 1.0.6 1.0.7 1.0.8 1.0.9 1.1.0 1.1.1 1.2.0 1.2.1 1.2.11 1.2.12 1.2.13 1.2.20 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.7 1.3.8 1.3.9 1.4.0 1.4.1 1.4.2 1.4.3 1.4.4 1.4.5 1.4.6 1.4.7 1.4.8 1.4.9 1.5.0 1.5.1 1.5.2 1.5.3 1.5.4 1.5.5 1.5.6 1.5.7 1.5.8 1.5.9 1.6.0 1.6.1 1.6.2 1.6.3 1.6.4 1.6.5 1.6.6 1.6.7 1.6.8 1.6.9 1.7.0 1.7.1 1.7.2 1.7.3 1.7.4 1.7.5 1.7.6 1.7.7 1.7.8 1.7.9 1.8.0 1.8.1 1.8.10 1.8.2 1.8.3 1.8.4 1.8.5 1.8.6 1.8.7 1.8.8 1.8.9 1.9.0 1.9.1 1.9.10 1.9.11 1.9.12 1.9.13 1.9.14 1.9.15 1.9.16 1.9.2 1.9.3 1.9.4 1.9.5 1.9.6 1.9.7 1.9.8 1.9.9 2.0.0 2.0.1 2.0.10 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 2.0.7 2.0.8 2.0.9 2.1.0 2.1.1 2.1.10 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6 2.1.7 2.1.8 2.1.9 2.2.0 2.2.1 2.2.2 2.2.3 2.2.4 2.3.0 2.4.0 2.5.0 2.6.0 2.6.1 2.6.2 2.7.0 2.7.1 2.7.2 2.7.3 2.7.4 2.7.5 2.7.6 2.7.7 3.0.0 3.0.1 3.0.2 3.1.0 3.2.0 3.2.1 3.2.2 3.2.3 3.3.0 3.3.1 3.4.0 3.4.1 3.4.2 3.5.0 3.6.0 3.6.1 3.6.2 3.6.3 3.6.4 3.7.0 3.7.1 3.7.2 3.7.3 3.7.4 3.8.0 3.8.1 3.8.2 3.8.3 3.9.0 3.9.1 3.9.10 3.9.2 3.9.3 3.9.4 3.9.5 3.9.6 3.9.7 3.9.8 3.9.9
tutor / assets / css / tutor-frontend-dashboard.css
tutor / assets / css Last commit date
tutor-admin.css 4 years ago tutor-admin.min.css 4 years ago tutor-front.css 4 years ago tutor-front.min.css 4 years ago tutor-frontend-dashboard.css 4 years ago tutor-frontend-dashboard.min.css 4 years ago tutor-setup.css 5 years ago
tutor-frontend-dashboard.css
514 lines
1 .tutor-dashboard {
2 /* Only reusable function, or code allowed here. No direct css please. */
3 }
4
5 .tutor-dashboard .tutor-dashboard-header {
6 display: -webkit-box;
7 display: -ms-flexbox;
8 display: flex;
9 display: -o-flex;
10 display: -ms-flex;
11 display: -moz-flex;
12 display: -webkit-flex;
13 -webkit-box-align: center;
14 -ms-flex-align: center;
15 align-items: center;
16 -o-align-items: center;
17 -ms-align-items: center;
18 -moz-align-items: center;
19 -webkit-align-items: center;
20 flex-wrap: wrap;
21 -o-flex-wrap: wrap;
22 -ms-flex-wrap: wrap;
23 -moz-flex-wrap: wrap;
24 -webkit-flex-wrap: wrap;
25 padding-bottom: 30px;
26 border-bottom: 1px solid #dcdfe5;
27 }
28
29 .tutor-dashboard .tutor-dashboard-header .tutor-btn.bordered-btn {
30 text-transform: uppercase;
31 font-weight: 400;
32 border-radius: 2px;
33 }
34
35 .tutor-dashboard .tutor-dashboard-header .tutor-btn.bordered-btn i {
36 font-size: 20px;
37 }
38
39 .tutor-dashboard .tutor-dashboard-header .tutor-star-rating-group {
40 margin-right: 3px;
41 }
42
43 .tutor-dashboard .tutor-dashboard-header .tutor-dashboard-header-avatar img {
44 display: block;
45 width: 150px;
46 height: 150px;
47 border-radius: 50%;
48 }
49
50 .tutor-dashboard .tutor-dashboard-header .tutor-dashboard-header-info {
51 -webkit-box-flex: 1;
52 flex: 1;
53 -o-flex: 1;
54 -ms-flex: 1;
55 -moz-flex: 1;
56 -ms-flex-positive: 1;
57 flex-grow: 1;
58 -o-flex-grow: 1;
59 -ms-flex-grow: 1;
60 -moz-flex-grow: 1;
61 -webkit-flex-grow: 1;
62 padding-left: 24px;
63 padding-top: 15px;
64 padding-bottom: 15px;
65 }
66
67 .tutor-dashboard .tutor-dashboard-header .tutor-dashboard-header-info .tutor-dashboard-header-display-name h4 {
68 font-size: 30px;
69 margin-top: 0px;
70 margin-bottom: 10px;
71 line-height: 34px;
72 }
73
74 .tutor-dashboard .tutor-dashboard-header .tutor-dashboard-header-info .tutor-dashboard-header-stats {
75 display: -webkit-box;
76 display: -ms-flexbox;
77 display: flex;
78 display: -o-flex;
79 display: -ms-flex;
80 display: -moz-flex;
81 display: -webkit-flex;
82 flex-wrap: wrap;
83 -o-flex-wrap: wrap;
84 -ms-flex-wrap: wrap;
85 -moz-flex-wrap: wrap;
86 -webkit-flex-wrap: wrap;
87 line-height: 25px;
88 }
89
90 .tutor-dashboard .tutor-dashboard-header .tutor-dashboard-header-info .tutor-dashboard-header-stats > div:not(:first-child) {
91 margin-left: 30px;
92 }
93
94 .tutor-dashboard .tutor-dashboard-header .tutor-dashboard-header-button {
95 padding-top: 15px;
96 }
97
98 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks {
99 list-style: none;
100 margin: 0px 0 20px;
101 padding: 20px 0;
102 border-right: 1px solid #dcdfe5;
103 }
104
105 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks a, .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks a:hover, .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks a:active, .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks a:focus {
106 text-decoration: none;
107 }
108
109 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks a::before {
110 content: "\e968";
111 font-family: "tutor" !important;
112 speak: none;
113 font-style: normal;
114 font-weight: normal;
115 font-variant: normal;
116 text-transform: none;
117 line-height: inherit;
118 -webkit-font-smoothing: antialiased;
119 -moz-osx-font-smoothing: grayscale;
120 margin-right: 15px;
121 vertical-align: middle;
122 color: var(--tutor-primary-color);
123 opacity: 0.6;
124 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
125 font-size: 17px;
126 }
127
128 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks a:hover::before {
129 opacity: 1;
130 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
131 color: var(--tutor-primary-hover-color);
132 }
133
134 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li a {
135 display: block;
136 color: var(--tutor-text-color);
137 padding: 10px 20px;
138 line-height: 28px;
139 }
140
141 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li a:hover {
142 background-color: #edf0f9;
143 }
144
145 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a {
146 background-color: var(--tutor-primary-color);
147 color: #ffffff;
148 }
149
150 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a:hover {
151 background-color: var(--tutor-primary-hover-color);
152 }
153
154 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a:before {
155 opacity: 1;
156 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
157 color: #fff;
158 }
159
160 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-bio a:before,
161 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-my-profile a:before {
162 content: "\e963";
163 }
164
165 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-enrolled-courses a:before {
166 content: "\e969";
167 }
168
169 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-courses_taken a:before,
170 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-my-courses a:before {
171 content: "\e965";
172 }
173
174 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-announcements a:before {
175 content: "\e93f";
176 }
177
178 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-wishlist a:before {
179 content: "\e908";
180 }
181
182 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-reviews a:before {
183 content: "\e917";
184 }
185
186 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-my-quiz-attempts a:before {
187 content: "\e9ab";
188 }
189
190 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-quiz-attempts a:before {
191 content: "\e91f";
192 }
193
194 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-question-answer a:before {
195 content: "\e948";
196 }
197
198 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-earning a:before {
199 content: "\e96b";
200 }
201
202 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-withdraw a:before {
203 content: "\e960";
204 }
205
206 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-settings a:before {
207 content: "\e961";
208 }
209
210 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-logout a:before {
211 content: "\e962";
212 }
213
214 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-purchase_history a:before {
215 content: "\e964";
216 }
217
218 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-assignments a:before {
219 content: "\e98b";
220 }
221
222 .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.tutor-dashboard-menu-zoom a:before {
223 content: "\e9b1";
224 }
225
226 .tutor-dashboard .tutor-dashboard-inline-links {
227 margin-bottom: 30px;
228 }
229
230 .tutor-dashboard .tutor-dashboard-inline-links ul {
231 margin: 0;
232 padding: 0;
233 border-bottom: 1px solid #dfe1e5;
234 }
235
236 .tutor-dashboard .tutor-dashboard-inline-links ul li {
237 display: inline-block;
238 }
239
240 .tutor-dashboard .tutor-dashboard-inline-links ul li a {
241 display: block;
242 padding: 5px 10px;
243 color: var(--tutor-primary-color);
244 margin-bottom: -1px;
245 line-height: 40px;
246 }
247
248 .tutor-dashboard .tutor-dashboard-inline-links ul li a:hover {
249 color: var(--tutor-primary-color);
250 }
251
252 .tutor-dashboard .tutor-dashboard-inline-links ul li.active a, .tutor-dashboard .tutor-dashboard-inline-links ul li a:hover {
253 color: var(--tutor-primary-color);
254 border-bottom: 1px solid var(--tutor-primary-color);
255 padding-bottom: 4px;
256 }
257
258 .tutor-dashboard .tutor-dashboard-content {
259 padding-top: 30px;
260 /* dashboard content */
261 /* earning cards. Currently same as dashboard, in later version it will be updated separately */
262 }
263
264 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-info-cards {
265 margin: 0 -15px 15px;
266 padding: 0;
267 display: -webkit-box;
268 display: -ms-flexbox;
269 display: flex;
270 list-style: none;
271 -ms-flex-wrap: wrap;
272 flex-wrap: wrap;
273 }
274
275 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-info-cards .tutor-dashboard-info-card {
276 padding: 15px;
277 min-width: 33.333%;
278 }
279
280 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-info-cards .tutor-dashboard-info-card p {
281 margin: 0;
282 padding: 15px 25px;
283 background: #282c36;
284 color: #ffffff;
285 border-radius: 4px;
286 }
287
288 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-info-cards .tutor-dashboard-info-card p span.tutor-dashboard-info-val {
289 display: block;
290 font-weight: 700;
291 font-size: 30px;
292 line-height: 1.618;
293 }
294
295 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-info-cards .tutor-dashboard-info-card p span span {
296 display: inline-block;
297 }
298
299 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-info-cards .tutor-dashboard-info-card p span > * {
300 vertical-align: middle;
301 }
302
303 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-profile .tutor-dashboard-profile-item {
304 display: -webkit-box;
305 display: -ms-flexbox;
306 display: flex;
307 }
308
309 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-profile .tutor-dashboard-profile-item .heading {
310 min-width: 190px;
311 }
312
313 @media (max-width: 480px) {
314 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-profile .tutor-dashboard-profile-item {
315 -ms-flex-wrap: wrap;
316 flex-wrap: wrap;
317 }
318 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-profile .tutor-dashboard-profile-item .heading {
319 min-width: 100%;
320 width: 100%;
321 font-weight: 700;
322 margin-bottom: 6px;
323 }
324 }
325
326 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-profile .tutor-dashboard-profile-item .content {
327 -webkit-box-flex: 1;
328 -ms-flex-positive: 1;
329 flex-grow: 1;
330 }
331
332 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-profile .tutor-dashboard-profile-item .content small {
333 font-size: inherit;
334 font-style: italic;
335 }
336
337 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-profile .tutor-dashboard-profile-item .content small a {
338 color: var(--tutor-primary-color);
339 }
340
341 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-profile .tutor-dashboard-profile-item .content small a:hover {
342 color: var(--tutor-primary-hover-color);
343 }
344
345 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-single-review {
346 border: 1px solid #dcdfe5;
347 border-radius: 4px;
348 margin-bottom: 30px;
349 }
350
351 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-single-review .tutor-dashboard-review-heading {
352 padding: 10px 20px;
353 border-bottom: 1px solid #dcdfe5;
354 display: -webkit-box;
355 display: -ms-flexbox;
356 display: flex;
357 -webkit-box-align: center;
358 -ms-flex-align: center;
359 align-items: center;
360 }
361
362 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-single-review .tutor-dashboard-review-heading .tutor-dashboard-review-title {
363 font-size: 18px;
364 -webkit-box-flex: 1;
365 -ms-flex-positive: 1;
366 flex-grow: 1;
367 white-space: nowrap;
368 overflow: hidden;
369 text-overflow: ellipsis;
370 font-weight: 300;
371 }
372
373 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-single-review .tutor-dashboard-review-heading .tutor-dashboard-review-title a {
374 font-weight: 500;
375 color: var(--tutor-primary-color);
376 }
377
378 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-single-review .tutor-dashboard-review-heading .tutor-dashboard-review-title a:hover {
379 color: var(--tutor-primary-hover-color);
380 }
381
382 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-single-review .tutor-dashboard-review-heading .tutor-dashboard-review-links {
383 white-space: nowrap;
384 font-weight: 400;
385 }
386
387 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-single-review .tutor-dashboard-review-heading .tutor-dashboard-review-links a {
388 color: #8c94a8;
389 margin-left: 10px;
390 display: -webkit-inline-box;
391 display: -ms-inline-flexbox;
392 display: inline-flex;
393 -webkit-box-align: center;
394 -ms-flex-align: center;
395 align-items: center;
396 font-size: 14px;
397 }
398
399 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-single-review .tutor-dashboard-review-heading .tutor-dashboard-review-links a i {
400 line-height: inherit;
401 font-size: 14px;
402 margin-right: 5px;
403 }
404
405 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-single-review .individual-dashboard-review-body {
406 padding: 10px 20px;
407 }
408
409 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-single-review .individual-dashboard-review-body .review-meta {
410 font-size: 85%;
411 margin: 0;
412 color: #8c94a8;
413 }
414
415 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-single-review .individual-dashboard-review-body .individual-star-rating-wrap {
416 display: -webkit-box;
417 display: -ms-flexbox;
418 display: flex;
419 -webkit-box-align: center;
420 -ms-flex-align: center;
421 align-items: center;
422 }
423
424 .tutor-dashboard .tutor-dashboard-content .tutor-edit-review-modal-wrap .modal-close-wrap a.modal-close-btn {
425 color: #222222;
426 background: none;
427 font-size: 20px;
428 top: 8px;
429 }
430
431 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-earning-info-cards {
432 margin: 0 -15px 15px;
433 padding: 0;
434 display: -webkit-box;
435 display: -ms-flexbox;
436 display: flex;
437 list-style: none;
438 -ms-flex-wrap: wrap;
439 flex-wrap: wrap;
440 }
441
442 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-earning-info-cards .tutor-dashboard-info-card {
443 padding: 15px;
444 min-width: 33.333%;
445 }
446
447 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-earning-info-cards .tutor-dashboard-info-card p {
448 margin: 0;
449 padding: 15px 25px;
450 background: #282c36;
451 color: #ffffff;
452 border-radius: 4px;
453 }
454
455 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-earning-info-cards .tutor-dashboard-info-card p span.tutor-dashboard-info-val {
456 display: block;
457 font-weight: 700;
458 font-size: 30px;
459 line-height: 1.618;
460 }
461
462 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-earning-info-cards .tutor-dashboard-info-card p span span {
463 display: inline-block;
464 }
465
466 .tutor-dashboard .tutor-dashboard-content .tutor-dashboard-earning-info-cards .tutor-dashboard-info-card p span > * {
467 vertical-align: middle;
468 }
469
470 .tutor-dashboard .tutor-dashboard-content .tutor-quiz-attempt-history table {
471 background: 1px solid #dcdfe5;
472 border-collapse: collapse;
473 }
474
475 .tutor-dashboard .tutor-dashboard-content .tutor-quiz-attempt-history table tr th {
476 background: #fafbfc;
477 }
478
479 .tutor-dashboard .tutor-dashboard-content .tutor-quiz-attempt-history table tr th, .tutor-dashboard .tutor-dashboard-content .tutor-quiz-attempt-history table tr td {
480 vertical-align: middle;
481 border: 1px solid #dcdfe5;
482 }
483
484 .tutor-dashboard .tutor-dashboard-content .tutor-quiz-attempt-history table tr td:first-child {
485 padding: 15px 13px !important;
486 }
487
488 .tutor-dashboard .tutor-dashboard-content .tutor-quiz-attempt-history table tr td:last-child {
489 text-align: center;
490 }
491
492 .tutor-dashboard .tutor-dashboard-content .tutor-quiz-attempt-history table tr td:last-child a {
493 display: block;
494 padding: 10px;
495 }
496
497 .tutor-dashboard .tutor-dashboard-content .tutor-quiz-attempt-history table a {
498 color: var(--tutor-primary-color);
499 font-weight: 700;
500 line-height: 24px;
501 }
502
503 .tutor-dashboard .tutor-dashboard-content .tutor-quiz-attempt-history table a:hover {
504 color: var(--tutor-primary-hover-color);
505 }
506
507 .tutor-dashboard .tutor-dashboard-content .tutor-quiz-attempt-history table span.result-fail, .tutor-dashboard .tutor-dashboard-content .tutor-quiz-attempt-history table span.result-pass {
508 width: auto;
509 height: auto;
510 line-height: 19px;
511 padding: 0 6.5px;
512 margin-right: 4px;
513 }
514