xref: /template/navigator/navigator/css/styles_navigator.css (revision 24ebf5201f51f2fdfade8159bfc5a2f57adebbeb) 
1
2/**
3 * v20260324
4 * styles_navigator.css
5 * → applies global font-family and line-height, and sets the reading-panel font size.
6 * → Navigator theme autolist typography
7 * → Logo color color and font
8 * However, please refer to vars_fonts_navigator.css & Admin Templates Manager
9 * if the placeholder is var(**), adjust in the vars_fonts_navigator.css.
10 * If the placegholer is in the style of __**__, adjust the in Admin Template Manager.
11*/
12
13/* =============================================================
14   1. TYPOGRAPHY & GLOBAL LAYOUT
15   ============================================================= */
16
17
18/* Global font identity. var declarations reside in the vars_fonts_navigator.css  */
19body {
20    font-family: var(--font-reading);
21    line-height: var(--line-reading);
22    background-color: __outer_background__; /* change this color in the Admin Settings panel */
23}
24
25/* Reading panel scale */
26body #dokuwiki__content .page {
27    font-size: var(--font-size-reading);
28}
29
30/* Optional: calm paragraph rhythm */
31body #dokuwiki__content .page p {
32    margin: 0 0 1.1em;
33}
34
35
36
37.page pre.code {
38    max-width: 80%;
39    /* Prevents box from looking like a horizontal line. Preserves vertical rhythm */
40    /* margin: 1.4em auto;  */
41}
42
43
44  /* centers the panel */
45div.dokuwiki .page {
46    margin: 0 auto;
47}
48
49
50/*Removing ID from reading panel's top right*/
51
52.dokuwiki .pageId {
53    display: none;
54}
55
56.hasSidebar #dokuwiki__content {
57    background-color:__background_site__;
58}
59
60/* Improves horizontal span of tables in the Admin Configuration Settings  */
61#config__manager fieldset {
62    margin-top: 1em;
63    margin-bottom: 2em;
64    padding-top: 0.5em;
65    padding-bottom: 0.5em;
66    /* background-color: #eee; */
67    font-size: 0.94rem;
68    line-height: 1.4;
69}
70
71
72
73/*============================================================================
74    Navigator's internal page lists
75============================================================================= */
76
77
78/* UL styling — page lists */
79#dokuwiki__content .page.group > ul {
80    font-family: __lists_font__; /* Verdana, Geneva, Tahoma, sans-serif */
81    background-color: __lists_background__ ; /* #fafafa*/
82    padding: 2px 10px;
83    border-radius: 0 4px 4px 0;
84    line-height: 2;
85    list-style-type: disc;
86    font-size: 1.1rem;
87    font-weight: __lists_weight__; /* 400 */
88}
89
90/* Link styling inside those lists */
91#dokuwiki__content .page.group > ul a {
92    color: __lists_color__; /* #1b4974 */
93}
94
95/* Color of bullet hint for internal links */
96#dokuwiki__content .page.group > ul li::marker {
97    color: __bullet_lists_color__; /* #008800 */
98}
99
100/* =========================================================================
101    LOGO
102=========================================================================== */
103
104#dokuwiki__header .logo a {
105     font-family: __logo_font__; /*Verdana*/
106    color: __logo_color__; /*#ff0000*/
107}
108
109/*see description on top for explanation of placeholders as values */
110
111/* =========================================================================
112    FOOTER
113=========================================================================== */
114
115/* Theme info style */
116#dokuwiki__footer .themeinfo {
117    font-family: "Atkinson Hyperlegible", sans-serif;
118    font-size: 0.75rem;
119    opacity: 0.7;
120    margin-top: 0.6rem;
121}