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