Proyectos de Subversion Moodle

Rev

Rev 1 | | Comparar con el anterior | 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;
1441 ariadna 29
            background-color: var(--primary-color-100);
30
            color: var(--main-theme-color);
1 efrain 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
1441 ariadna 133
        color: var(--main-theme-color);
1 efrain 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-grade-report-overview-index .main-content,
216
        .theme-dark .rui-book-wrapper,
217
        .theme-dark .modal-in-page,
218
        .theme-dark .book_content {
219
            background-color: $dm-container-bg;
220
            border-color: $dm-gray-300 $dm-gray-300 $dm-gray-300 $dm-gray-300;
221
        }
222
 
223
        #page-grade-report-overview-index .main-content {
224
            .grade-navigation {
225
                width: auto;
226
            }
227
        }
228
 
229
 
230
.book_content {
231
    margin-bottom: 20px;
232
 
233
    .rui-title-container {
234
        margin-top: 0;
235
    }
236
 
237
    .rui-main-content-title--h3 {
238
        font-size: 1.125rem;
239
        font-weight: $font-weight-bold;
240
    }
241
 
242
    .rui-main-content-title--h4 {
243
        font-size: $font-size-md;
244
        font-weight: $font-weight-bold;
245
    }
246
}
247
 
248
 
249
 
250
.book-tags {
251
    margin-top: $page-padding-global;
252
    margin-bottom: $page-padding-global;
253
 
254
    a {
255
        padding-left: 24px;
256
 
257
        &::after {
258
            content: '# ';
259
            position: absolute;
260
            font-size: 10px;
261
            top: calc(50% - 7px);
262
            left: 12px;
263
        }
264
    }
265
 
266
    b {
267
        display: none;
268
    }
269
}
270
 
271
 
272
// Block
273
.block_book_toc {
274
    border: 0!important;
275
    padding: 0;
276
 
277
    .card-body {
278
        padding: 0;
279
    }
280
 
281
    .action-list {
282
        margin-top: 5px;
283
        margin-bottom: 5px;
284
        width: 100%;
285
        justify-content: flex-end;
286
 
287
        a {
288
            display: flex;
289
            justify-content: center;
290
            align-items: center;
291
            height: 30px;
292
            width: 30px;
293
        }
294
 
295
        .icon {
296
            font-size: 12px;
297
            display: inline-flex;
298
            align-items: center;
299
            justify-content: center;
300
 
301
            .theme-dark & {
302
                filter: invert(1);
303
            }
304
        }
305
    }
306
}
307
 
308
.path-mod-book {
309
    .main-content {
310
        .rui-main-content-title {
311
            margin-bottom: 0;
312
            display: inline-flex;
313
            align-content: center;
314
            justify-content: space-between;
315
        }
316
    }
317
}
318
 
319
.path-mod-book #mod_book-chaptersnavigation {
320
    top: 80px;
321
    width: inherit;
322
    margin: 0 -45px;
323
    position: sticky;
324
 
325
    @include media-breakpoint-between(xs, sm) {
326
 
327
        .tertiary-navigation div {
328
            width: auto;
329
        }
330
 
331
        margin: 0 -9px;
332
    }
333
}
334
 
335
.path-mod-book .btn-previous,
336
.path-mod-book .btn-next {
337
    margin: 3px;
338
    width: 40px!important;
339
    height: 40px!important;
340
    border-radius: 40px;
341
 
342
    display: flex;
343
    justify-content: center;
344
    align-items: center;
345
 
346
    background-color: $gray-100;
347
 
348
    box-shadow: none;
349
 
350
    transition: $transition-base;
351
 
352
    .icon {
353
        font-size: 14px;
354
        line-height: 1;
355
        color: $body-color;
356
    }
357
 
358
    &:hover {
359
        opacity: .7;
360
    }
361
}
362
 
363
.theme-dark.path-mod-book .btn-previous,
364
.theme-dark.path-mod-book .btn-next {
365
    background-color: $dm-gray-100;
366
 
367
    .icon {
368
        color: $dm-body-color;
369
    }
370
}
371
 
372
.path-mod-book #mod_book-chaptersnavigation .tertiary-navigation .navitem {
373
    margin-bottom: -82px;
374
}