1/* Dokuwiki custom styles */
2
3html, body {
4	color: #333;
5	background: #fbfaf9 url("images/header-gradient.png") top left repeat-x;
6	margin: 0;
7	padding: 0;
8}
9
10body {
11	font-family: @ini_body_font;
12	font-size: 82%;
13	color: #333333;
14}
15
16input,select {
17	border-radius: 5px;
18}
19
20// Topbar: text center-aligned to logo
21#dokuwiki__header .logo  a {
22	color:#FFFFFF;
23	font-size: 2em;
24	font-weight: bolder;
25	color: rgb(254, 137, 2);
26	text-shadow: 1px 1px 1px #cccccc;
27	display: flex;
28    align-items:center;
29}
30#dokuwiki__header .logo span {
31	padding: 0;
32}
33
34#dokuwiki__content h1,
35#dokuwiki__content h2 {
36	font-family: @ini_header_font;
37	font-weight: 100;
38	border-bottom: dotted 1px #888888;
39	text-shadow: 1px 1px 1px #cccccc;
40}
41
42#dokuwiki__header{
43	padding: 2.2em 0px 0em;
44}
45
46#qsearch__out {
47	background-color: #646b73;
48}
49
50
51.dokuwiki .pageId
52{
53	visibility:hidden;
54	padding: 0
55}
56#dokuwiki__usertools {
57	height: 3em;
58}
59
60#dokuwiki__sitetools ul {
61	margin-left: auto;
62}
63
64#dokuwiki__usertools, #dokuwiki__usertools a,#dokuwiki__sitetools a {
65	color:#FFFFFF;
66}
67#dokuwiki__usertools a.action {
68 padding-bottom:3px;
69}
70
71// Aside & Content boxes
72.showSidebar  #dokuwiki__content {
73	float:left;
74	width: 97%;
75}
76
77#dokuwiki__aside {
78	float:right;
79
80	padding: 20px;
81	border-radius: 5px;
82	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
83	background: none repeat scroll 0% 0% rgb(255, 255, 255);
84	width: 20%;
85}
86
87// Quick search
88#qsearch__out {
89	border-radius:5px;
90}
91#qsearch__out a {
92	color: #008800;
93}
94
95div.notify {
96	float:left;
97}
98div.notify a {
99	color:rgb(0, 136, 0) !important;
100}
101
102.dokuwiki div.breadcrumbs div:last-child,
103.dokuwiki div.breadcrumbs {
104	border:none;
105}
106
107.dokuwiki div.page {
108	padding: 20px;
109	border-radius: 5px;
110	background: none repeat scroll 0% 0% rgb(255, 255, 255);
111	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
112
113}
114
115// 20Cones - New styles for topbar
116
117#top-tabs {
118	min-height: 36px;
119	margin: 0px auto 15px;
120	padding: 7px;
121	border-radius: 5px;
122	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
123	background-color:rgb(231, 231, 231);
124	clear:both;
125}
126
127.tab-home {
128	width: 17px;
129	height: 19px;
130	overflow: hidden;
131	margin: -7px 12px -7px -7px;
132	padding: 15px 18px 16px;
133	float: left;
134	display: block;
135	border-radius: 5px 0px 0px 5px;
136}
137
138#dokuwiki__header a
139{
140	color:#fff;
141}
142
143#dokuwiki__header a.tab-home {
144	background-color:rgb(54, 58, 62);
145}
146
147#tab-menu {
148	float: left;
149}
150
151#tab-menu li {
152	margin: 0px 5px 0px 0px;
153	padding: 0px;
154	float: left;
155	font: bold 1.1em Arial,Helvetica,sans-serif;
156	background: none repeat scroll 0% 0% transparent;
157	list-style: none outside none;
158}
159
160#tab-menu ul:first-of-type li a:hover {
161	background: url("images/hover.png") repeat-x scroll center top #616770;
162    color: #fff;
163	border-radius: 5px;
164}
165
166#tab-menu li a {
167	margin: 0px;
168	padding: 10px 18px;
169	float: left;
170	color: rgb(35, 35, 35);
171	text-decoration: none;
172	border-bottom:none;
173}
174
175#tab-social img {
176	height: 32px;
177}
178
179#tab-social li {
180	margin: 0px;
181	padding: 0px 0px 0px 3px;
182	display:contents;
183}
184
185#tab-social {
186	height: 33px;
187	//overflow: hidden;
188	float: right;
189	margin: 0px;
190	padding: 2px 10px 1px;
191	list-style: none outside none;
192}
193
194// Plugin translation
195
196#plugin_translation_wrapper {
197	display: flex;
198}
199
200.dokuwiki div.plugin_translation ul li a:link,
201.dokuwiki div.plugin_translation ul li a:hover,
202.dokuwiki div.plugin_translation ul li a:active,
203.dokuwiki div.plugin_translation ul li a:visited,
204.dokuwiki div.plugin_translation ul li span {
205	padding: inherit;
206    background-color: transparent;
207    color: #fff;
208    text-decoration: none;
209    border: none;
210    white-space: nowrap;
211    text-align: left;
212	display: inline-block;
213}
214
215
216// Tablet fixes
217
218@media (max-width: @ini_tablet_width) {
219	#dokuwiki__aside {
220		width: auto;
221		float: none;
222		margin: 0px;
223		padding: 0;
224	}
225
226	#top-tabs {
227		overflow:hidden;
228	}
229	.tab-home {
230		display:none;
231		visibility:none;
232	}
233	#tab-menu {
234		width:85%;
235		float:left;
236	}
237	#tab-social {
238		float:right;
239		margin: 0;
240		padding: 0;
241	}
242	#tab-menu ul {
243		margin:0 0 0 1em;
244		padding:0px;
245	}
246	#tab-menu li {
247		float:none;
248		font-size: 0.9em;
249		padding:0;
250		margin:0
251	}
252
253	#tab-menu li a {
254		border-radius: 5px;
255
256	}
257
258}
259// Phone Fixes
260@media (max-width: @ini_phone_width) {
261	.dokuwiki div.plugin_translation
262	{
263		position:absolute;
264		top:2em;
265		right:0px;
266		height:2em;
267		width:10em;
268		overflow:hidden;
269	}
270	.dokuwiki div.plugin_translation ul
271	{
272		display:block !important;
273	}
274	#tab-menu li {
275		list-style: circle;
276		margin: 3px;
277	}
278	#tab-menu li a {
279		font-size: 1em;
280		padding: 0;
281
282	}
283	#tab-social li {
284		display:block;
285		padding: 0;
286
287
288	}
289
290
291}
292