khum1/css/tools.less
Zatalyz 9fbba0d0ef changed : Réorganisation du menu et modifications pour pouvoir le fermer/ouvrir au survol
fixed : test pour savoir si translation est installé ; évite des erreurs sinon...
added: ajout d'icones pour le menu
2022-08-06 16:04:52 +02:00

194 lines
3 KiB
Text

/**
* 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;
}
}