Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
//---- Book
2
//---- Module Activity
3
 
4
.path-mod-book .navtop,
5
.path-mod-book .navbottom
6
{
7
    border: 0!important;
8
 
9
 
10
    @include media-breakpoint-between(xs,md) {
11
        width: 100%;
12
    }
13
 
14
    a {
15
        width: auto;
16
        padding: .75rem 1.25rem;
17
        background-color: $gray-100;
18
        border-radius: $btn-border-radius;
19
 
20
        color: $gray-700;
21
        line-height: 1.2;
22
 
23
        &:only-of-type {
24
            margin-left: 0!important;
25
        }
26
 
27
        &:hover {
28
            text-decoration: none;
29
            background-color: $primary-color-100;
30
            color: $primary-color-600;
31
        }
32
 
33
        .icon {
34
            display: inline-flex;
35
            align-items: center;
36
            justify-content: center;
37
            height: auto;
38
 
39
            font-size: $font-size-xs;
40
            line-height: 1.5;
41
        }
42
 
43
        &.bookexit {
44
            background-color: $red-100;
45
            color: $red-800;
46
 
47
            &:hover {
48
                background-color: $red-200;
49
            }
50
        }
51
    }
52
 
53
    &:after {
54
        display: none;
55
    }
56
}
57
 
58
        .path-mod-book .navtop {
59
            margin: 0 auto;
60
            display: flex;
61
            justify-content: space-between;
62
 
63
            position: sticky;
64
            top: 60px;
65
        }
66
 
67
        .path-mod-book .navbottom {
68
            //TODO: Temporrary disabled
69
            /*margin: 1rem 0 0;
70
            width: 100%;
71
            display: inline-flex;
72
            justify-content: flex-end;*/
73
            display: none;
74
        }
75
 
76
 
77
        .theme-dark.path-mod-book .navtop a,
78
        .theme-dark.path-mod-book .navbottom a {
79
            filter: invert(1);
80
        }
81
 
82
 
83
.bookprev {
84
    margin-right: .5rem;
85
    width: 50%;
86
    text-align: left;
87
}
88
 
89
.booknext {
90
    margin-left: .5rem;
91
}
92
 
93
.booknext,
94
.bookexit {
95
    width: 50%;
96
    text-align: right;
97
}
98
 
99
 
100
.block_book_toc {
101
    h5 {
102
        display: block!important;
103
        margin-bottom: 0.5rem;
104
    }
105
}
106
 
107
/* toc style INDENTED*/
108
 
109
.path-mod-book .book_toc ul {
110
    margin-top: 10px;
111
    margin-bottom: 20px;
112
}
113
 
114
.path-mod-book .book_toc li {
115
    margin: 0 0 5px;
116
 
117
    strong {
118
        background-color: transparent;
119
        display: block;
120
    }
121
 
122
    a {
123
        background-color: transparent;
124
        color: $body-color;
125
 
126
        &:hover {
127
            color: $link-hover-color;
128
        }
129
    }
130
 
131
    strong {
132
        //active item
133
        color: $primary-color-600;
134
    }
135
 
136
    div {
137
        width: 100%;
138
        flex-wrap: wrap;
139
    }
140
 
141
    ul li {
142
        font-size: $font-size-xs;
143
        margin-bottom: 2px;
144
 
145
        a,strong {
146
            color: $body-color-light;
147
        }
148
    }
149
 
150
}
151
 
152
.theme-dark.path-mod-book .book_toc li {
153
    a {
154
        color: $dm-body-color;
155
 
156
        &:hover {
157
            color: $dm-link-hover-color;
158
        }
159
 
160
    }
161
 
162
    strong {
163
        background-color: $dm-gray-200;
164
        color: $dm-body-color-light;
165
    }
166
}
167
 
168
.editing {
169
    .book_toc {
170
        .text-truncate {
171
            padding: 0px 10px 5px;
172
            margin: 0 -5px;
173
            width: calc(100% + 10px);
174
            border-bottom: 1px solid $border-color;
175
 
176
            .theme-dark & {
177
                border-color: $dm-border-color;
178
            }
179
        }
180
    }
181
}
182
 
183
.editing.path-mod-book .book_toc li {
184
    border: 1px solid $border-color;
185
    padding: 5px;
186
    border-radius: 5px;
187
}
188
 
189
.theme-dark.editing.path-mod-book .book_toc li {
190
    border-color: $dm-border-color;
191
}
192
 
193
#page-grade-report-overview-index .main-content,
194
.rui-book-wrapper,
195
.modal-in-page,
196
.book_content {
197
    background-color: $container-bg;
198
    padding: 30px!important;
199
    margin: 0!important;
200
 
201
    position: relative;
202
 
203
    border-width: 1px 2px 1px 2px;
204
    border-style: solid solid solid dashed;
205
    border-color: $gray-300 $gray-200 $gray-300 $gray-300;
206
    border-radius: $btn-border-radius;
207
 
208
    @include media-breakpoint-between(xs,sm) {
209
    padding: 10px!important;
210
    margin: 0 20px!important;
211
    }
212
 
213
}
214
 
215
        .theme-dark#page-enrol-index .main-content,
216
        .theme-dark#page-grade-report-overview-index .main-content,
217
        .theme-dark .rui-book-wrapper,
218
        .theme-dark .modal-in-page,
219
        .theme-dark .book_content {
220
            background-color: $dm-container-bg;
221
            border-color: $dm-gray-300 $dm-gray-300 $dm-gray-300 $dm-gray-300;
222
        }
223
 
224
        #page-grade-report-overview-index .main-content {
225
            .grade-navigation {
226
                width: auto;
227
            }
228
        }
229
 
230
 
231
.book_content {
232
    margin-bottom: 20px;
233
 
234
    .rui-title-container {
235
        margin-top: 0;
236
    }
237
 
238
    .rui-main-content-title--h3 {
239
        font-size: 1.125rem;
240
        font-weight: $font-weight-bold;
241
    }
242
 
243
    .rui-main-content-title--h4 {
244
        font-size: $font-size-md;
245
        font-weight: $font-weight-bold;
246
    }
247
}
248
 
249
 
250
 
251
.book-tags {
252
    margin-top: $page-padding-global;
253
    margin-bottom: $page-padding-global;
254
 
255
    a {
256
        padding-left: 24px;
257
 
258
        &::after {
259
            content: '# ';
260
            position: absolute;
261
            font-size: 10px;
262
            top: calc(50% - 7px);
263
            left: 12px;
264
        }
265
    }
266
 
267
    b {
268
        display: none;
269
    }
270
}
271
 
272
 
273
// Block
274
.block_book_toc {
275
    border: 0!important;
276
    padding: 0;
277
 
278
    .card-body {
279
        padding: 0;
280
    }
281
 
282
    .action-list {
283
        margin-top: 5px;
284
        margin-bottom: 5px;
285
        width: 100%;
286
        justify-content: flex-end;
287
 
288
        a {
289
            display: flex;
290
            justify-content: center;
291
            align-items: center;
292
            height: 30px;
293
            width: 30px;
294
        }
295
 
296
        .icon {
297
            font-size: 12px;
298
            display: inline-flex;
299
            align-items: center;
300
            justify-content: center;
301
 
302
            .theme-dark & {
303
                filter: invert(1);
304
            }
305
        }
306
    }
307
}
308
 
309
.path-mod-book {
310
    .main-content {
311
        .rui-main-content-title {
312
            margin-bottom: 0;
313
            display: inline-flex;
314
            align-content: center;
315
            justify-content: space-between;
316
        }
317
    }
318
}
319
 
320
.path-mod-book #mod_book-chaptersnavigation {
321
    top: 80px;
322
    width: inherit;
323
    margin: 0 -45px;
324
    position: sticky;
325
 
326
    @include media-breakpoint-between(xs, sm) {
327
 
328
        .tertiary-navigation div {
329
            width: auto;
330
        }
331
 
332
        margin: 0 -9px;
333
    }
334
}
335
 
336
.path-mod-book .btn-previous,
337
.path-mod-book .btn-next {
338
    margin: 3px;
339
    width: 40px!important;
340
    height: 40px!important;
341
    border-radius: 40px;
342
 
343
    display: flex;
344
    justify-content: center;
345
    align-items: center;
346
 
347
    background-color: $gray-100;
348
 
349
    box-shadow: none;
350
 
351
    transition: $transition-base;
352
 
353
    .icon {
354
        font-size: 14px;
355
        line-height: 1;
356
        color: $body-color;
357
    }
358
 
359
    &:hover {
360
        opacity: .7;
361
    }
362
}
363
 
364
.theme-dark.path-mod-book .btn-previous,
365
.theme-dark.path-mod-book .btn-next {
366
    background-color: $dm-gray-100;
367
 
368
    .icon {
369
        color: $dm-body-color;
370
    }
371
}
372
 
373
.path-mod-book #mod_book-chaptersnavigation .tertiary-navigation .navitem {
374
    margin-bottom: -82px;
375
}