moodle-docs-theme 0.1.0__py3-none-any.whl

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,819 @@
1
+ @import url("colors.css");
2
+
3
+ /* ==========================================================================
4
+ Reset & Base Styles
5
+ ========================================================================== */
6
+
7
+ *, *::before, *::after {
8
+ box-sizing: border-box;
9
+ }
10
+
11
+ html, body {
12
+ margin: 0;
13
+ padding: 0;
14
+ height: 100%;
15
+ font-family: var(--font-sans);
16
+ font-size: 15px;
17
+ line-height: 1.6;
18
+ color: var(--moodle-text);
19
+ background-color: var(--moodle-bg);
20
+ -webkit-font-smoothing: antialiased;
21
+ -moz-osx-font-smoothing: grayscale;
22
+ }
23
+
24
+ a {
25
+ color: var(--moodle-link);
26
+ text-decoration: none;
27
+ transition: color 0.15s ease-in-out, text-decoration 0.15s ease-in-out;
28
+ }
29
+
30
+ a:hover, a:focus {
31
+ color: var(--moodle-link-hover);
32
+ text-decoration: underline;
33
+ }
34
+
35
+ img {
36
+ max-width: 100%;
37
+ height: auto;
38
+ }
39
+
40
+ /* ==========================================================================
41
+ Page Layout Structure
42
+ ========================================================================== */
43
+
44
+ .moodle-site-wrapper {
45
+ display: flex;
46
+ flex-direction: column;
47
+ min-height: 100vh;
48
+ }
49
+
50
+ /* 1. Header (Estilo MoodleDocs: fundo claro, faixa laranja inferior) */
51
+ .moodle-header {
52
+ background-color: var(--moodle-header-bg);
53
+ color: var(--moodle-header-text);
54
+ border-bottom: 3px solid var(--moodle-header-border);
55
+ position: sticky;
56
+ top: 0;
57
+ z-index: 1000;
58
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
59
+ }
60
+
61
+ .moodle-header-inner {
62
+ max-width: 100%;
63
+ margin: 0 auto;
64
+ padding: 0.85rem 3rem;
65
+ display: flex;
66
+ align-items: center;
67
+ justify-content: space-between;
68
+ gap: 1.5rem;
69
+ }
70
+
71
+ .moodle-brand-group {
72
+ display: flex;
73
+ align-items: baseline;
74
+ gap: 1rem;
75
+ }
76
+
77
+ .moodle-brand {
78
+ display: flex;
79
+ align-items: center;
80
+ gap: 0.6rem;
81
+ text-decoration: none !important;
82
+ color: var(--moodle-header-text);
83
+ }
84
+
85
+ .moodle-brand-logo {
86
+ height: 32px;
87
+ width: auto;
88
+ object-fit: contain;
89
+ }
90
+
91
+ .moodle-brand-title {
92
+ font-size: 1.65rem;
93
+ font-weight: 700;
94
+ letter-spacing: -0.02em;
95
+ color: var(--moodle-header-text);
96
+ font-family: var(--font-sans);
97
+ }
98
+
99
+ .moodle-tagline {
100
+ font-size: 0.85rem;
101
+ color: var(--moodle-text-muted);
102
+ font-style: italic;
103
+ white-space: nowrap;
104
+ }
105
+
106
+ .moodle-header-tools {
107
+ display: flex;
108
+ align-items: center;
109
+ gap: 0.75rem;
110
+ }
111
+
112
+ .moodle-header-search {
113
+ display: flex;
114
+ align-items: center;
115
+ background-color: var(--moodle-bg);
116
+ border: 1px solid var(--moodle-border);
117
+ border-radius: 4px;
118
+ padding: 0.2rem 0.5rem;
119
+ transition: all 0.2s ease;
120
+ }
121
+
122
+ .moodle-header-search:focus-within {
123
+ border-color: var(--moodle-primary);
124
+ box-shadow: 0 0 0 3px rgba(108, 51, 109, 0.15);
125
+ }
126
+
127
+ .moodle-header-search input[type="text"],
128
+ .moodle-header-search input[type="search"] {
129
+ background: transparent;
130
+ border: none;
131
+ outline: none;
132
+ color: var(--moodle-text);
133
+ font-size: 0.85rem;
134
+ padding: 0.25rem 0.4rem;
135
+ width: 180px;
136
+ }
137
+
138
+ .moodle-header-search input::placeholder {
139
+ color: var(--moodle-text-muted);
140
+ }
141
+
142
+ .moodle-header-search button {
143
+ background: var(--moodle-search-btn-bg);
144
+ border: none;
145
+ border-radius: 4px;
146
+ color: var(--moodle-search-btn-text);
147
+ cursor: pointer;
148
+ padding: 0.25rem 0.5rem;
149
+ font-size: 0.85rem;
150
+ }
151
+
152
+ /* Theme Toggle Button */
153
+ .theme-toggle-btn {
154
+ background: var(--moodle-search-btn-bg);
155
+ border: 1px solid var(--moodle-border);
156
+ color: var(--moodle-search-btn-text);
157
+ border-radius: 6px;
158
+ padding: 0.35rem 0.65rem;
159
+ cursor: pointer;
160
+ display: flex;
161
+ align-items: center;
162
+ justify-content: center;
163
+ font-size: 0.95rem;
164
+ transition: all 0.2s ease;
165
+ }
166
+
167
+ .theme-toggle-btn:hover {
168
+ background: var(--moodle-accent-soft);
169
+ border-color: var(--moodle-primary);
170
+ }
171
+
172
+ /* 2. Sub-Header Banner (Estilo barra de contexto do MoodleDocs) */
173
+ .moodle-sub-header {
174
+ background-color: var(--moodle-sub-header-bg);
175
+ color: var(--moodle-sub-header-text);
176
+ padding: 0;
177
+ border-bottom: 1px solid var(--moodle-border);
178
+ }
179
+
180
+ .moodle-sub-header-inner {
181
+ max-width: 1200px;
182
+ margin: 0 auto;
183
+ display: flex;
184
+ align-items: center;
185
+ justify-content: space-between;
186
+ font-size: 1rem;
187
+ font-weight: 400;
188
+ padding: 0.5rem 3rem;
189
+ }
190
+
191
+ .moodle-sub-header-title {
192
+ display: flex;
193
+ align-items: center;
194
+ gap: 0.5rem;
195
+ color: var(--moodle-sub-header-text);
196
+ }
197
+
198
+ .moodle-version-badge {
199
+ background-color: var(--moodle-primary);
200
+ color: #ffffff;
201
+ font-weight: 700;
202
+ font-size: 0.75rem;
203
+ padding: 0.15rem 0.5rem;
204
+ border-radius: 12px;
205
+ }
206
+
207
+ .moodle-sub-header-link {
208
+ color: var(--moodle-sub-header-text);
209
+ font-size: 0.85rem;
210
+ font-weight: 600;
211
+ }
212
+
213
+ /* 3. Breadcrumbs Bar */
214
+ .moodle-breadcrumbs-bar {
215
+ background-color: var(--moodle-accent-soft);
216
+ border-bottom: 1px solid var(--moodle-border);
217
+ padding: 0.5rem 1.5rem;
218
+ }
219
+
220
+ .moodle-breadcrumbs-inner {
221
+ max-width: 1200px;
222
+ margin: 0 auto;
223
+ display: flex;
224
+ align-items: center;
225
+ justify-content: space-between;
226
+ flex-wrap: wrap;
227
+ gap: 0.5rem;
228
+ font-size: 0.85rem;
229
+ }
230
+
231
+ .moodle-breadcrumbs {
232
+ display: flex;
233
+ align-items: center;
234
+ gap: 0.4rem;
235
+ list-style: none;
236
+ margin: 0;
237
+ padding: 0;
238
+ color: var(--moodle-text-muted);
239
+ }
240
+
241
+ .moodle-breadcrumbs li::after {
242
+ content: "›";
243
+ margin-left: 0.4rem;
244
+ color: var(--moodle-text-muted);
245
+ font-weight: 700;
246
+ }
247
+
248
+ .moodle-breadcrumbs li:last-child::after {
249
+ content: "";
250
+ }
251
+
252
+ .moodle-breadcrumbs a {
253
+ color: var(--moodle-link);
254
+ font-weight: 500;
255
+ }
256
+
257
+ .edit-on-github-link {
258
+ display: inline-flex;
259
+ align-items: center;
260
+ gap: 0.35rem;
261
+ color: var(--moodle-text-muted);
262
+ font-weight: 600;
263
+ font-size: 0.8rem;
264
+ padding: 0.25rem 0.6rem;
265
+ border-radius: 4px;
266
+ border: 1px solid var(--moodle-border);
267
+ background-color: var(--moodle-bg);
268
+ transition: all 0.15s ease;
269
+ }
270
+
271
+ .edit-on-github-link:hover {
272
+ color: var(--moodle-link);
273
+ border-color: var(--moodle-primary);
274
+ background-color: var(--moodle-accent-soft);
275
+ text-decoration: none;
276
+ }
277
+
278
+ /* 4. Main Container Layout (Content LEFT, Sidebar RIGHT - Estilo MoodleDocs) */
279
+ .moodle-main-container {
280
+ max-width: 100%;
281
+ width: 100%;
282
+ margin: 0 auto;
283
+ display: flex;
284
+ flex: 1;
285
+ padding: 0 3em;
286
+ }
287
+
288
+ /* Main Content Article (Left Side) */
289
+ .moodle-content {
290
+ flex: 1;
291
+ overflow-x: auto;
292
+ order: 1; /* Content comes first (LEFT) */
293
+ padding: 1.35rem 1.15rem;
294
+ }
295
+
296
+ /* Sidebar Navigation (RIGHT Side - Estilo MoodleDocs) */
297
+ .moodle-sidebar {
298
+ width: 30%;
299
+ min-width: 280px;
300
+ background-color: var(--moodle-sidebar-bg);
301
+ border-left: 1px solid var(--moodle-border); /* Border on LEFT since sidebar is on RIGHT */
302
+ border-right: none;
303
+ padding: 1.5rem 1rem;
304
+ display: flex;
305
+ flex-direction: column;
306
+ gap: 1.25rem;
307
+ order: 2; /* Sidebar comes second (RIGHT) */
308
+ }
309
+
310
+ .moodle-searchbox {
311
+ margin-bottom: 0.5rem;
312
+ }
313
+
314
+ .moodle-searchbox form {
315
+ display: flex;
316
+ gap: 0.25rem;
317
+ }
318
+
319
+ .moodle-searchbox input[type="text"],
320
+ .moodle-searchbox input[type="search"] {
321
+ width: 100%;
322
+ padding: 0.45rem 0.75rem;
323
+ border: 1px solid var(--moodle-border);
324
+ border-radius: 4px;
325
+ background-color: var(--moodle-bg);
326
+ color: var(--moodle-text);
327
+ font-size: 0.875rem;
328
+ outline: none;
329
+ transition: border-color 0.2s ease, box-shadow 0.2s ease;
330
+ }
331
+
332
+ .moodle-searchbox input:focus {
333
+ border-color: var(--moodle-primary);
334
+ box-shadow: 0 0 0 3px rgba(108, 51, 109, 0.15);
335
+ }
336
+
337
+ .moodle-searchbox button {
338
+ padding: 0.45rem 0.75rem;
339
+ background-color: var(--moodle-search-btn-bg);
340
+ color: var(--moodle-search-btn-text);
341
+ border: 1px solid var(--moodle-border);
342
+ border-radius: 4px;
343
+ cursor: pointer;
344
+ font-weight: 600;
345
+ transition: background-color 0.2s ease;
346
+ }
347
+
348
+ .moodle-searchbox button:hover {
349
+ background-color: var(--moodle-accent-soft);
350
+ }
351
+
352
+ /* Sidebar Navigation Tree */
353
+ .moodle-sidebar nav ul {
354
+ list-style: none;
355
+ padding-left: 0;
356
+ margin: 0;
357
+ }
358
+
359
+ .moodle-sidebar nav ul ul {
360
+ padding-left: 0.85rem;
361
+ margin-top: 0.2rem;
362
+ margin-bottom: 0.2rem;
363
+ }
364
+
365
+ .moodle-sidebar nav li {
366
+ margin-bottom: 0.25rem;
367
+ }
368
+
369
+ .moodle-sidebar nav a {
370
+ display: block;
371
+ padding: 0.35rem 0.6rem;
372
+ color: var(--moodle-link);
373
+ border-radius: 4px;
374
+ font-size: 0.9rem;
375
+ line-height: 1.35;
376
+ transition: all 0.15s ease;
377
+ }
378
+
379
+ .moodle-sidebar nav a:hover {
380
+ background-color: rgba(51, 102, 204, 0.1);
381
+ color: var(--moodle-link-hover);
382
+ text-decoration: none;
383
+ }
384
+
385
+ .moodle-sidebar nav li.current > a,
386
+ .moodle-sidebar nav a.current {
387
+ font-weight: 700;
388
+ color: var(--moodle-primary);
389
+ background-color: rgba(108, 51, 109, 0.08);
390
+ border-left: 3.5px solid var(--moodle-accent);
391
+ padding-left: 0.45rem;
392
+ border-radius: 0 4px 4px 0;
393
+ }
394
+
395
+ .moodle-sidebar-section-title {
396
+ font-size: 0.725rem;
397
+ font-weight: 700;
398
+ text-transform: uppercase;
399
+ letter-spacing: 0.06em;
400
+ color: var(--moodle-primary);
401
+ margin-top: 0.75rem;
402
+ margin-bottom: 0.4rem;
403
+ padding-left: 0.4rem;
404
+ border-bottom: 1px solid var(--moodle-border);
405
+ padding-bottom: 0.25rem;
406
+ }
407
+
408
+ /* ==========================================================================
409
+ Typography & Sphinx Article Elements
410
+ ========================================================================== */
411
+
412
+ h1, h2, h3, h4, h5, h6 {
413
+ color: var(--moodle-primary);
414
+ font-weight: 600;
415
+ line-height: 1.25;
416
+ margin-top: 1.85rem;
417
+ margin-bottom: 0.85rem;
418
+ }
419
+
420
+ h1 {
421
+ font-size: 2.1rem;
422
+ font-weight: 700;
423
+ color: var(--moodle-text);
424
+ border-bottom: 1px solid var(--moodle-border);
425
+ padding-bottom: 0.5rem;
426
+ margin-top: 0.25rem;
427
+ }
428
+
429
+ h2 {
430
+ font-size: 1.55rem;
431
+ border-bottom: 1px solid var(--moodle-border);
432
+ padding-bottom: 0.35rem;
433
+ }
434
+
435
+ h3 {
436
+ font-size: 1.3rem;
437
+ }
438
+
439
+ h4 {
440
+ font-size: 1.1rem;
441
+ }
442
+
443
+ /* Header link / Permalinks */
444
+ .headerlink {
445
+ font-size: 0.8em;
446
+ color: var(--moodle-accent);
447
+ padding-left: 0.35rem;
448
+ text-decoration: none !important;
449
+ visibility: hidden;
450
+ opacity: 0;
451
+ transition: opacity 0.15s ease;
452
+ }
453
+
454
+ h1:hover .headerlink,
455
+ h2:hover .headerlink,
456
+ h3:hover .headerlink,
457
+ h4:hover .headerlink,
458
+ h5:hover .headerlink,
459
+ h6:hover .headerlink,
460
+ dt:hover .headerlink {
461
+ visibility: visible;
462
+ opacity: 1;
463
+ }
464
+
465
+ p {
466
+ margin-top: 0;
467
+ margin-bottom: 1.15rem;
468
+ }
469
+
470
+ ul, ol {
471
+ margin-top: 0;
472
+ margin-bottom: 1.15rem;
473
+ padding-left: 1.6rem;
474
+ }
475
+
476
+ li {
477
+ margin-bottom: 0.3rem;
478
+ }
479
+
480
+ blockquote {
481
+ margin: 1.35rem 0;
482
+ padding: 0.75rem 1.2rem;
483
+ border-left: 4px solid var(--moodle-accent);
484
+ background-color: var(--moodle-accent-soft);
485
+ color: var(--moodle-text);
486
+ font-style: italic;
487
+ border-radius: 0 4px 4px 0;
488
+ }
489
+
490
+ /* Inline & Block Code */
491
+ code, kbd, pre, samp {
492
+ font-family: var(--font-mono);
493
+ font-size: 0.88em;
494
+ }
495
+
496
+ code.literal, p code, li code, td code {
497
+ background-color: var(--moodle-inline-code-bg);
498
+ color: var(--moodle-inline-code-text);
499
+ padding: 0.15rem 0.4rem;
500
+ border-radius: 4px;
501
+ border: 1px solid var(--moodle-code-border);
502
+ font-weight: 500;
503
+ }
504
+
505
+ div.highlight, pre {
506
+ background-color: var(--moodle-code-bg);
507
+ color: var(--moodle-code-text);
508
+ border: 1px solid var(--moodle-code-border);
509
+ border-radius: 6px;
510
+ padding: 1rem 1.2rem;
511
+ overflow-x: auto;
512
+ margin-top: 1rem;
513
+ margin-bottom: 1.5rem;
514
+ position: relative;
515
+ line-height: 1.45;
516
+ }
517
+
518
+ pre {
519
+ margin: 0;
520
+ }
521
+
522
+ /* Copy Button for Code Blocks */
523
+ .copy-btn {
524
+ position: absolute;
525
+ top: 0.5rem;
526
+ right: 0.5rem;
527
+ background-color: var(--moodle-bg);
528
+ border: 1px solid var(--moodle-border);
529
+ color: var(--moodle-text-muted);
530
+ border-radius: 4px;
531
+ padding: 0.25rem 0.5rem;
532
+ font-size: 0.75rem;
533
+ font-family: var(--font-sans);
534
+ font-weight: 600;
535
+ cursor: pointer;
536
+ opacity: 0.8;
537
+ transition: all 0.2s ease;
538
+ }
539
+
540
+ .copy-btn:hover {
541
+ opacity: 1;
542
+ color: var(--moodle-primary);
543
+ border-color: var(--moodle-accent);
544
+ background-color: var(--moodle-accent-soft);
545
+ }
546
+
547
+ .copy-btn.copied {
548
+ background-color: var(--moodle-accent);
549
+ color: #ffffff;
550
+ border-color: var(--moodle-accent);
551
+ }
552
+
553
+ /* ==========================================================================
554
+ Sphinx Admonitions (Estilo MoodleDocs)
555
+ ========================================================================== */
556
+
557
+ .admonition {
558
+ margin: 1.35rem 0;
559
+ padding: 1rem 1.2rem;
560
+ border-radius: 4px;
561
+ border-left: 4px solid var(--moodle-primary);
562
+ background-color: var(--admonition-note-bg);
563
+ color: var(--moodle-text);
564
+ }
565
+
566
+ .admonition .admonition-title {
567
+ font-weight: 700;
568
+ font-size: 1rem;
569
+ margin-top: 0;
570
+ margin-bottom: 0.4rem;
571
+ display: flex;
572
+ align-items: center;
573
+ gap: 0.4rem;
574
+ }
575
+
576
+ .admonition.note {
577
+ border-left-color: var(--admonition-note-border);
578
+ background-color: var(--admonition-note-bg);
579
+ }
580
+ .admonition.note .admonition-title {
581
+ color: var(--admonition-note-text);
582
+ }
583
+
584
+ .admonition.warning, .admonition.caution {
585
+ border-left-color: var(--admonition-warning-border);
586
+ background-color: var(--admonition-warning-bg);
587
+ }
588
+ .admonition.warning .admonition-title, .admonition.caution .admonition-title {
589
+ color: var(--admonition-warning-text);
590
+ }
591
+
592
+ .admonition.danger, .admonition.error {
593
+ border-left-color: var(--admonition-danger-border);
594
+ background-color: var(--admonition-danger-bg);
595
+ }
596
+ .admonition.danger .admonition-title, .admonition.error .admonition-title {
597
+ color: var(--admonition-danger-text);
598
+ }
599
+
600
+ .admonition.tip, .admonition.important, .admonition.seealso {
601
+ border-left-color: var(--admonition-tip-border);
602
+ background-color: var(--admonition-tip-bg);
603
+ }
604
+ .admonition.tip .admonition-title, .admonition.important .admonition-title, .admonition.seealso .admonition-title {
605
+ color: var(--admonition-tip-text);
606
+ }
607
+
608
+ /* ==========================================================================
609
+ Tables
610
+ ========================================================================== */
611
+
612
+ table.docutils {
613
+ width: 100%;
614
+ margin: 1.5rem 0;
615
+ border-collapse: collapse;
616
+ font-size: 0.925rem;
617
+ }
618
+
619
+ table.docutils th, table.docutils td {
620
+ padding: 0.6rem 0.8rem;
621
+ border: 1px solid var(--moodle-border);
622
+ text-align: left;
623
+ }
624
+
625
+ table.docutils th {
626
+ background-color: var(--moodle-primary);
627
+ color: #ffffff;
628
+ font-weight: 700;
629
+ }
630
+
631
+ table.docutils tr:nth-child(even) {
632
+ background-color: rgba(0, 0, 0, 0.02);
633
+ }
634
+
635
+ [data-theme="dark"] table.docutils tr:nth-child(even) {
636
+ background-color: rgba(255, 255, 255, 0.02);
637
+ }
638
+
639
+ /* ==========================================================================
640
+ Footer (Estilo MoodleDocs: rodapé navy com faixa laranja superior)
641
+ ========================================================================== */
642
+
643
+ .moodle-footer {
644
+ background-color: var(--moodle-footer-bg);
645
+ color: var(--moodle-footer-text);
646
+ border-top: 4px solid var(--moodle-accent);
647
+ padding: 2rem 1.5rem;
648
+ margin-top: auto;
649
+ }
650
+
651
+ .moodle-footer-inner {
652
+ max-width: 1200px;
653
+ margin: 0 auto;
654
+ display: flex;
655
+ flex-direction: column;
656
+ align-items: center;
657
+ justify-content: center;
658
+ gap: 0.6rem;
659
+ text-align: center;
660
+ font-size: 0.875rem;
661
+ }
662
+
663
+ .moodle-footer a {
664
+ color: #ffffff;
665
+ text-decoration: underline;
666
+ opacity: 0.9;
667
+ }
668
+
669
+ .moodle-footer a:hover {
670
+ opacity: 1;
671
+ }
672
+
673
+ .related {
674
+ display: none;
675
+ }
676
+ /* ==========================================================================
677
+ Responsive / Mobile Styles
678
+ ========================================================================== */
679
+
680
+ /* Universal Fluid Media & Overflow Safeguards */
681
+ .moodle-content img,
682
+ .moodle-content iframe,
683
+ .moodle-content video {
684
+ max-width: 100% !important;
685
+ height: auto !important;
686
+ display: block;
687
+ box-sizing: border-box;
688
+ }
689
+
690
+ .moodle-content table,
691
+ table.docutils {
692
+ display: block;
693
+ width: 100%;
694
+ max-width: 100%;
695
+ overflow-x: auto;
696
+ -webkit-overflow-scrolling: touch;
697
+ box-sizing: border-box;
698
+ }
699
+
700
+ .moodle-content pre,
701
+ div.highlight pre {
702
+ max-width: 100%;
703
+ overflow-x: auto;
704
+ white-space: pre;
705
+ word-wrap: normal;
706
+ -webkit-overflow-scrolling: touch;
707
+ box-sizing: border-box;
708
+ }
709
+
710
+ @media (max-width: 1024px) {
711
+ .moodle-header-inner {
712
+ padding: 0.75rem 1.5rem;
713
+ }
714
+ .moodle-sub-header-inner {
715
+ padding: 0.5rem 1.5rem;
716
+ font-size: 0.95rem;
717
+ }
718
+ .moodle-main-container {
719
+ padding: 0 1rem;
720
+ }
721
+ }
722
+
723
+ @media (max-width: 900px) {
724
+ .moodle-header-inner {
725
+ padding: 0.6rem 1rem;
726
+ flex-wrap: wrap;
727
+ gap: 0.6rem;
728
+ }
729
+
730
+ .moodle-tagline {
731
+ display: none;
732
+ }
733
+
734
+ .moodle-header-tools {
735
+ gap: 0.5rem;
736
+ }
737
+
738
+ .moodle-header-search input[type="text"],
739
+ .moodle-header-search input[type="search"] {
740
+ width: 130px;
741
+ }
742
+
743
+ .moodle-sub-header-inner {
744
+ padding: 0.5rem 1rem;
745
+ font-size: 0.9rem;
746
+ flex-wrap: wrap;
747
+ gap: 0.4rem;
748
+ }
749
+
750
+ .moodle-main-container {
751
+ flex-direction: column;
752
+ padding: 0;
753
+ max-width: 100%;
754
+ overflow-x: hidden;
755
+ }
756
+
757
+ .moodle-content {
758
+ order: 1;
759
+ width: 100%;
760
+ max-width: 100%;
761
+ box-sizing: border-box;
762
+ padding: 1.25rem 1rem;
763
+ }
764
+
765
+ .moodle-sidebar {
766
+ order: 2;
767
+ width: 100%;
768
+ min-width: 100%;
769
+ box-sizing: border-box;
770
+ border-left: none;
771
+ border-top: 2px solid var(--moodle-border);
772
+ padding: 1.25rem 1rem;
773
+ }
774
+
775
+ .moodle-footer {
776
+ padding: 1.5rem 1rem;
777
+ }
778
+ }
779
+
780
+ @media (max-width: 500px) {
781
+ .moodle-header-inner {
782
+ padding: 0.5rem 0.75rem;
783
+ }
784
+
785
+ .moodle-brand-title {
786
+ font-size: 1.35rem;
787
+ }
788
+
789
+ .moodle-header-search input[type="text"],
790
+ .moodle-header-search input[type="search"] {
791
+ width: 95px;
792
+ font-size: 0.8rem;
793
+ }
794
+
795
+ .moodle-header-search input:focus {
796
+ width: 120px;
797
+ }
798
+
799
+ .moodle-sub-header-inner {
800
+ padding: 0.4rem 0.75rem;
801
+ font-size: 0.85rem;
802
+ }
803
+
804
+ .moodle-content {
805
+ padding: 1rem 0.75rem;
806
+ }
807
+
808
+ .moodle-content h1 {
809
+ font-size: 1.65rem;
810
+ }
811
+
812
+ .moodle-content h2 {
813
+ font-size: 1.35rem;
814
+ }
815
+
816
+ .moodle-content h3 {
817
+ font-size: 1.15rem;
818
+ }
819
+ }