1@breadcrumbrootback: @ini_breadcrumbs_background; /* was #cccccc; for light or #33333 for dark */
2.headerbar, .middlebar, .footerbar { width: @ini_site_width; margin-left: auto; margin-right: auto; }
3
4.contentblock {
5    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
6    // operating system font
7    // https://css-tricks.com/snippets/css/system-font-stack/
8}
9
10/*#dokuwiki__site { display: none; }*/
11#navcontainer ul { font-size: 0px; margin-right: 30px !important; }
12#navcontainer ul li { font-size: 16px; margin-right: 4px; }
13.page ul, .page ol { margin: 0.35em 0px 0px 1.5em; }
14.page ul { list-style-type: disc; }
15.page ol { list-style-type: decimal; }
16.page li { display: list-item; margin: 0.35em 0px; list-style: square; }
17.btn_secedit button { float: right; }
18
19/* make sure the header is always in the center, whether the tagline appears beneath it or not */
20/* in short, always center, no matter what is inside the header logo/sitename area */
21/* inline-grid and align-items is a new css parameter, that didn't exist in 2012 */
22.sitename {
23    display: inline-grid !important; padding-top: 0px !important; align-items: center;
24    margin-top: 2px; /* make it off-center a bit to make it look nicer, this design has borders, you know! */
25    /* background-color: yellow; */
26}
27.claim { margin-top: -35px !important; font-size: 0.65em; /* background-color: red; */  }
28
29.drawer-nav { color: @textcolour !important; overflow: scroll !important; }
30.padhere { padding: 32px 16px; }
31.doc, .license, p { margin: 0.85em 0px; }
32.headerbar span, .headerbar p { margin: 0px 0px; }
33.menublock p { margin: 1em 0px; }
34input#qsearch__in { margin-right: 32px; max-width: 82%; }
35h1, h2, h3, h4, h5, h6 { color: @textcolour; font-weight: normal; font-style: italic; letter-spacing: 0.03em; }
36#dw__toc { background-color: @menubackground2; }
37#mediamanager__page { color: @contentblock; }
38#config__manager td.label span.outkey { background-color: @contentblock; color: @textcolour; padding: 3px; }
39/*#dw__toc { padding: 8px; }*/
40.qq-upload-button { background-color: @formbackground; }
41#qsearch__out { display: none; }
42
43.drawer-nav #dw__search button  { margin-top: 0.85em; }
44.menuhere #dw__search button { margin-top: 0.35em; }
45.toolbutton { background-color: #BFBFBF; }
46.toolbutton img { margin-top: 3px; }
47
48#extension__manager .panelHeader { background-color: transparent; }
49
50#mediamanager__page .panelHeader,
51#mediamanager__page .filelist .thumbs li,
52#mediamanager__page .panelContent,
53#mediamanager__page .namespaces h2,
54.dokuwiki .tabs > ul li a,
55.dokuwiki ul.tabs li strong,
56.dokuwiki ul.tabs li a,
57#mediamanager__page .panelHeader h3 {
58  background-color: @menubackground2;
59  color: @textcolour;
60}
61#mediamanager__page .file dl dd { background-color: @sidebargradientleft; }
62#mediamanager__page .file dl dt { background-color: @sidebargradientright; }
63
64#config__manager fieldset { background-color: transparent; color: @textcolour; }
65
66.notify{
67  text-align: center;
68  color: @textcolour !important;
69  font-weight: bold;
70  width: 97%;
71  padding: 8px;
72  border-top: solid @noticeborderandtextANDtableheader 8px !important;
73  margin-top: 16px !important;
74  clear: both;
75
76  border-radius: 0px !important;
77  background-color: @noticebackground !important;
78  border-left: 0px !important;
79  border-right: 0px !important;
80  border-bottom: 0px !important;
81}
82.notify a:link, .notify a:visited { color: @hyperlinkcolour !important; }
83.dokuwiki a.wikilink1 { color: @hyperlinkcolour; }
84
85div.error{ background-color: #DD9898;
86  color: @noticeborderandtextANDtableheader !important;
87  border: 0px; border-radius: 0px;
88  .allnotices; }
89div.success{ background-color: #98DD98;
90  color: @noticeborderandtextANDtableheader !important;
91  border: 0px; border-radius: 0px;
92  .allnotices; }
93
94#writtensidebar { width: 185px; }
95#writtensidebarmobile li { margin: 0 0 0 1.5em; }
96#writtensidebarmobile h1 {
97  font-size: 1.5rem;
98  font-weight: 700;
99  line-height: 3.75rem;
100  display: block;
101  font-style: normal;
102  /*color: #630;*/
103  padding-right: .75rem;
104  padding-left: .75rem;
105  text-decoration: none;
106  /*color: #222;*/
107}
108
109#writtensidebar h1 {
110	color: @textcolour;
111	border-bottom: 3px solid @background;
112	padding: 1px 0;
113	padding-left: 5px;
114	padding-top: 12px;
115	font-weight: normal;
116	font-size: 12.8px;
117	font-style: normal;
118}
119
120#writtensidebar li {
121	display: block;
122	padding: 6px 0;
123	padding-left: 9px;
124	width: 169px;
125	text-decoration: none;
126	color: @textcolour;
127	/*background-color: #666;*/
128	font-size: 12.6px;
129	border-bottom: 0 solid @background;
130	border-left: 0 solid #454545;
131}
132
133#writtensidebar li:hover {
134	background-color: @highlightcolour;
135	border-left-color: @highlightcolour;
136}
137
138#writtensidebar a:link, #writtensidebar a:active, #writtensidebar a:visited {
139  color: unset;
140  text-decoration: none;
141}
142
143#writtensidebar li a { width: 100%; display: block; }
144
145.breadcrumbshere span { display: inline-block; }
146.bcsep, .bchead { display: none !important; }
147
148/***********
149    Breadcrumbs
150    http://css-tricks.com/triangle-breadcrumbs/
151*/
152.breadcrumb {
153  list-style: none;
154  overflow: hidden;
155  font-size: 0.8em;
156}
157.breadcrumb bdi {
158  float: left;
159}
160.breadcrumb bdi a {
161  color: @textcolour;
162  text-decoration: none;
163  padding: 10px 0 10px 45px;
164  /*background: #323232; */                   /* fallback color */
165  background: @breadcrumbrootback;
166  position: relative;
167  display: block;
168  float: left;
169}
170.breadcrumb bdi a:after {
171  content: " ";
172  display: block;
173  width: 0;
174  height: 0;
175  border-top: 50px solid transparent;
176    /* Go big on the size, and let overflow hide */
177  border-bottom: 50px solid transparent;
178  border-left: 30px solid @breadcrumbrootback;
179  position: absolute;
180  top: 50%;
181  margin-top: -50px;
182  left: 100%;
183  z-index: 2;
184}
185.breadcrumb bdi a:before {
186  content: " ";
187  display: block;
188  width: 0;
189  height: 0;
190  border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
191  border-bottom: 50px solid transparent;
192  background: @breadcrumbrootback;
193  position: absolute;
194  top: 50%;
195  margin-top: -50px;
196  margin-left: 1px;
197  left: 100%;
198  z-index: 1;
199}
200.breadcrumb bdi:first-child a {
201  padding-left: 10px;
202}
203  .breadcrumb bdi:nth-of-type(2) a       { background: darken(@breadcrumbrootback, 5%); }
204  .breadcrumb bdi:nth-of-type(2) a:after { border-left-color: darken(@breadcrumbrootback, 5%); }
205  .breadcrumb bdi:nth-of-type(3) a       { background: darken(@breadcrumbrootback, 20%);  }
206  .breadcrumb bdi:nth-of-type(3) a:after { border-left-color: darken(@breadcrumbrootback, 20%); }
207  .breadcrumb bdi:nth-of-type(4) a       { background:        darken(@breadcrumbrootback, 30%); }
208  .breadcrumb bdi:nth-of-type(4) a:after { border-left-color: darken(@breadcrumbrootback, 30%); }
209  .breadcrumb bdi:nth-of-type(5) a       { background:        darken(@breadcrumbrootback, 40%); }
210  .breadcrumb bdi:nth-of-type(5) a:after { border-left-color: darken(@breadcrumbrootback, 40%); }
211
212.breadcrumb bdi:last-child a {
213  /* background: transparent !important; */
214  /* text-decoration: underspanne; */
215  /* color: black; */
216  pointer-events: none;
217  cursor: default;
218}
219
220.breadcrumb bdi:last-child a:after {
221   /* border: transparent !important;  */
222}
223.breadcrumb bdi a:hover { background: @highlightcolour !important; }
224.breadcrumb bdi a:hover:after { border-left-color: @highlightcolour !important; }
225
226
227
228