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