1/**
2* This file is for tools : usertools, pagetools, usertools, search. And tools.
3So, navbar too, and breadcrumbs.
4**/
5/*____________ Navtool ____________*/
6
7.navtoolwrap {
8	width: @ini_navtool_width;
9	display: flex;
10}
11
12.navtool {
13	max-width:@ini_navtool_width;
14	display: flex;
15	flex-direction: column;
16	margin-top: 3.5em;
17	font-size: .875em;
18	position: sticky;
19	align-self: flex-start;
20	top: 1em;
21
22	img {
23		width: 1em;
24		height: 1em;
25	}
26}
27
28/* Afficher/cacher le détail du menu au survol */
29.navtool {
30	#qsearch__in {
31		display:none;
32	}
33	.no {
34		flex-direction: row;
35		justify-content: end !important;
36		}
37	span {
38		display:none;
39	}
40	.plugin_translation {
41		display:none ;
42	}
43	.cur {
44		display:none;
45	}
46	.user a {
47		display:none;
48	}
49}
50
51.navtool:hover {
52	width: @ini_navtool_width;
53	#qsearch__in {
54		display:inline;
55		max-width: 90%;
56		}
57	span {
58		margin-left: 3px;
59		display:inline;
60		}
61	.plugin_translation {
62		display:flex ;
63	}
64	.plugin_translation span {
65		display:none;
66	}
67
68	.cur {
69		display:inline;
70		}
71	.trace {
72	display:inline;
73	}
74	form.search div.no {
75	}
76	.user a {
77		display:block;
78	}
79}
80
81.bartool {
82	background-color: @ini_background;
83	padding: 0 1em;
84		hr {
85			margin:1em 0;
86		}
87
88}
89
90/*____________ Usertools ____________*/
91/* Link to Connexion, userpage, administration, profil */
92
93.dokuwiki__tools ul {
94        margin: 0 auto;
95        padding: 0;
96		color: @ini_link;
97
98}
99
100.dokuwiki__tools {
101	li {
102		list-style: none;
103		margin: 0;
104		display: flex;
105
106		a {
107			display: flex;
108			flex-direction: row-reverse;
109			justify-content: end;
110			/* add height to prevent jumping on hover */
111            height:1.5em;
112
113		}
114	}
115
116	.user {
117		display: flex;
118		align-items: center;
119		/* add height to prevent jumping on hover */
120		height:1.5em;
121		span {
122			margin: 0 0.3em;
123		}
124
125	}
126}
127
128
129
130/* highlight selected tool */
131.mode_admin a.action.admin,
132.mode_login a.action.login,
133.mode_register a.action.register,
134.mode_profile a.action.profile,
135.mode_recent a.action.recent,
136.mode_index a.action.index,
137.mode_media a.action.media,
138.mode_revisions a.action.revs,
139.mode_backlink a.action.backlink,
140.mode_subscribe a.action.subscribe {
141    font-weight: bold;
142}
143
144/*____________ Search ____________*/
145/* juste the tool in navbar ; result search are in _search.css */
146
147form.search {
148    display: block;
149    height: 3em;
150    input {
151        padding: .35em;
152		max-width: 95%;
153    }
154
155    button {
156        background: transparent url(images/search.png) no-repeat 0 0;
157        border-width: 0;
158        width: 1.2em;
159        height: 14px;
160        text-indent: -99999px;
161        box-shadow: none;
162        padding: 0;
163        margin: 0.6em 0;
164    }
165}
166
167[dir=rtl] form.search {
168    input {
169        padding: .35em .1em .35em 22px;
170    }
171
172    button {
173        background-position: 5px 0;
174        margin-left: 0;
175        margin-right: -20px;
176        position: relative;
177    }
178}
179
180/*____________ Pagetools ____________*/
181/* Menu tools to edit, history, etc */
182
183.to_top {
184	position: fixed;
185    z-index: 101;
186    bottom: 1em;
187	background-color: @ini_background;
188	padding: 0.3em;
189
190	img {
191		max-width : 1.5em;
192	}
193
194}
195