1.page ul, .page ol { padding: 0 0 0 1.5em }
2.page li { margin: 0 0 0 1.5em; display: block; }
3#writtensidebar li, .sidebar li { display: block; margin: 0px; }
4.btn_secedit { float: right; }
5.footermenu li { display: block; }
6.header p { margin: 0px; }
7/*#dokuwiki__content { margin-top: 12px !important; }*/
8#dw__search button { margin-top: 1em; }
9button { margin-top: 8px; margin-bottom: 8px; padding: 3px 8px;  }
10.padhere { padding-top: 12px !important; }
11#mediamanager__page .file { width: 70%; clear: both; }
12#dw__toc { background-color: @ini_background_alt; padding: 8px; }
13.page { line-height: 1.35em; }
14
15#writtensidebar h1, .notify {
16	/*height: 42px;*/
17	background-image: url('images/@{ini_imagetheme}/content-subheaderback.png') !important;
18	background-size: contain;
19	color: @ini_textcolour;
20	padding-top: 12px !important;
21	padding-left: 1em !important;
22
23	font-weight: normal;
24	font-size: 16px;
25
26	background-color: transparent !important;
27	background-repeat: repeat !important;
28	border: 0px !important;
29	padding-bottom: 0px !important;
30}
31#writtensidebar h1 { min-height: 30px; }
32.notify { min-height: 42px; }
33
34.notify { margin-left: auto !important; margin-right: auto !important;
35	width: 97% !important;
36	/*padding: 0px !important;*/
37	box-sizing: border-box;
38}
39
40
41/*#writtensidebar li { margin: 0px; }*/
42
43#writtensidebar li a {
44	display: block;
45	padding: 6px 0;
46	/*padding-left: 9px;*/
47	text-decoration: none;
48	color: #dcdcdc;
49	border-bottom: 0px solid @ini_menubordercolour2;
50	border-left: 0px solid @ini_menubordercolour1;
51  background-image: none;
52}
53
54#writtensidebar a:link, #writtensidebar a:visited { color: @ini_link; }
55#writtensidebar a:hover { color: @ini_hoverbackcolour; text-decoration: underline; }
56/*div.level1 { .padhere }*/
57
58#writtensidebar li a:hover {
59background-color: @ini_hoverbackcolour;
60color: @ini_hovertextcolour;
61border-left-color: @ini_menubordercolour1;
62text-decoration: none;
63}
64
65#writtensidebar li .active {
66background-color: @ini_menubordercolour1;
67border-left-color: @ini_menubordercolour1;
68cursor: default;
69}
70
71.dokuwiki ul.idx { padding-left: unset; }
72
73@ini_media screen and (max-width: 850px) {
74	.notify { padding-bottom: 12px !important; }
75}
76
77
78/* config manager */
79
80/*#config__manager fieldset { clear: both; }*/
81#config__manager table { min-width: 10%; width: 100%; }
82/*fieldset { word-wrap: anywhere; }*/
83#config__manager table { border-collapse: revert; border-spacing: 0px 1.85em; }
84#config__manager tr { padding: 1em 0px; }
85#config__manager td.label span.outkey { font-size: 1.15em !important; }
86#config__manager fieldset td.value { width: 50%; }
87
88/*select { display: none; }*/
89/* defined in /lib/plugin/config.style.css */
90#config__manager td input.edit {
91    max-width: 14em;
92}
93#config__manager td .input {
94    min-width: 50%;
95    /*width: 90%;*/
96    width: unset;
97    /*width: max-content;*/
98}
99#config__manager td select.edit { }
100#config__manager td textarea.edit {
101    width: 100%;
102    height: 4em;
103}
104
105/* ------ */
106
107/* media manager and config manager for mobile */
108@ini_media screen and (max-width: 480px){
109  fieldset,
110  #mediamanager__page,
111  #mediamanager__page .filelist{
112    max-width: 100%; min-width: unset;
113  }
114  #mediamanager__page .file,
115  #mediamanager__page .namespaces,
116  #mediamanager__page .panel {
117    width: 100%; clear: both; float: none;
118  }
119  /*.page li, .page dd { margin: 1.35em 0px !important; display: block; }*/
120  #config__manager tr { }
121  #config__manager td { display: block;  padding: 1.15em 0px; max-width: 75%;  }
122
123  #config__manager fieldset { width: 95%; box-sizing: border-box; }
124
125     /* make <select> not exceed it's parent div's width */
126    /* https://stackoverflow.com/q/44810056/337306 */
127    div.input, label.nowrap { display: flex; } select { width: 100%; flex-shrink: 1; }
128
129  .dokuwiki fieldset { width: unset; }
130  #config__manager fieldset td.value { width: unset; }
131
132  #config__manager td .input,
133  #config__manager fieldset td.value,
134  #config__manager td input.edit {
135    max-width: 100%;
136    width: unset;
137  }
138}