/** * This file is for tools : usertools, pagetools, usertools, search. And tools. So, navbar too, and breadcrumbs. **/ /*____________ Navtool ____________*/ .navtoolwrap { width: @ini_navtool_width; display: flex; } .navtool { max-width:@ini_navtool_width; display: flex; flex-direction: column; margin-top: 3.5em; font-size: .875em; position: sticky; align-self: flex-start; top: 1em; img { width: 1em; height: 1em; } } /* Afficher/cacher le détail du menu au survol */ .navtool { #qsearch__in { display:none; } .no { flex-direction: row; justify-content: end !important; } span { display:none; } .plugin_translation { display:none ; } .cur { display:none; } .user a { display:none; } } .navtool:hover { width: @ini_navtool_width; #qsearch__in { display:inline; max-width: 90%; } span { margin-left: 3px; display:inline; } .plugin_translation { display:flex ; } .plugin_translation span { display:none; } .cur { display:inline; } .trace { display:inline; } form.search div.no { } .user a { display:block; } } .bartool { background-color: @ini_background; padding: 0 1em; hr { margin:1em 0; } } /*____________ Usertools ____________*/ /* Link to Connexion, userpage, administration, profil */ .dokuwiki__tools ul { margin: 0 auto; padding: 0; color: @ini_link; } .dokuwiki__tools { li { list-style: none; margin: 0; display: flex; a { display: flex; flex-direction: row-reverse; justify-content: end; /* add height to prevent jumping on hover */ height:1.5em; } } .user { display: flex; align-items: center; /* add height to prevent jumping on hover */ height:1.5em; span { margin: 0 0.3em; } } } /* highlight selected tool */ .mode_admin a.action.admin, .mode_login a.action.login, .mode_register a.action.register, .mode_profile a.action.profile, .mode_recent a.action.recent, .mode_index a.action.index, .mode_media a.action.media, .mode_revisions a.action.revs, .mode_backlink a.action.backlink, .mode_subscribe a.action.subscribe { font-weight: bold; } /*____________ Search ____________*/ /* juste the tool in navbar ; result search are in _search.css */ form.search { display: block; height: 3em; input { padding: .35em; max-width: 95%; } button { background: transparent url(images/search.png) no-repeat 0 0; border-width: 0; width: 1.2em; height: 14px; text-indent: -99999px; box-shadow: none; padding: 0; margin: 0.6em 0; } } [dir=rtl] form.search { input { padding: .35em .1em .35em 22px; } button { background-position: 5px 0; margin-left: 0; margin-right: -20px; position: relative; } } /*____________ Pagetools ____________*/ /* Menu tools to edit, history, etc */ .to_top { position: fixed; z-index: 101; bottom: 1em; background-color: @ini_background; padding: 0.3em; img { max-width : 1.5em; } }