1/** 2 * This file provides the styles for the page tools 3 * (fly out navigation beside the page to edit, etc). 4 * 5 * @author Anika Henke <anika@selfthinker.org> 6 * @author Andreas Gohr <andi@splitbrain.org> 7 */ 8 9#dokuwiki__site > .site { 10 /* give space to the right so the tools won't disappear on smaller screens */ 11 /* it's 40px because the 30px wide icons will have 5px more spacing to the left and right */ 12 padding-right: 40px; 13 /* give the same space to the left to balance it out */ 14 padding-left: 40px; 15} 16.dokuwiki div.page { 17 height: 190px; 18 min-height: 190px; /* 30 (= height of icons) x 6 (= maximum number of possible tools) + 2x5 */ 19 height: auto; 20} 21#dokuwiki__usertools { 22 /* move the tools just outside of the site */ 23 right: 40px; 24} 25[dir=rtl] #dokuwiki__usertools { 26 right: auto; 27 left: 40px; 28} 29 30 31#dokuwiki__pagetools { 32 position: absolute; 33 right: -40px; 34 /* on same vertical level as first headline, because .page has 2em padding */ 35 top: 2em; 36 width: 40px; 37} 38[dir=rtl] #dokuwiki__pagetools { 39 right: auto; 40 left: -40px; 41} 42 43#dokuwiki__pagetools div.tools { 44 position: fixed; 45 width: 40px; 46} 47 48#dokuwiki__pagetools ul { 49 position: absolute; 50 right: 0; 51 text-align: right; 52 margin: 0; 53 padding: 0; 54 /* add transparent border to prevent jumping when proper border is added on hover */ 55 border: 1px solid transparent; 56} 57[dir=rtl] #dokuwiki__pagetools ul { 58 right: auto; 59 left: 0; 60 text-align: left; 61} 62 63#dokuwiki__pagetools ul li { 64 padding: 0; 65 margin: 0; 66 list-style: none; 67 font-size: 0.875em; 68} 69 70#dokuwiki__pagetools ul li a { 71 display: block; 72 min-height: 20px; /* 30 - 2x5 */ 73 line-height: 20px; 74 padding: 5px 40px 5px 5px; 75 background-image: url(images/pagetools-sprite.png); 76 background-position: right 0; 77 background-repeat: no-repeat; 78 /* add transparent border to prevent jumping when proper border is added on focus */ 79 border: 1px solid transparent; 80 white-space: nowrap; 81} 82[dir=rtl] #dokuwiki__pagetools ul li a { 83 padding: 5px 5px 5px 40px; 84 background-position: left 0; 85} 86 87/* hide labels accessibly when neither on hover nor on focus */ 88#dokuwiki__pagetools ul li a span { 89 position: absolute; 90 clip: rect(0 0 0 0); /* IE7, IE6 */ 91 clip: rect(0, 0, 0, 0); 92} 93 94/* show all tools on hover and individual tools on focus */ 95#dokuwiki__pagetools:hover ul, 96#dokuwiki__pagetools ul li a:focus { 97 background-color: __background__; 98 border-color: __border__; 99 border-radius: 2px; 100 box-shadow: 2px 2px 2px __text_alt__; 101} 102[dir=rtl] #dokuwiki__pagetools:hover ul, 103[dir=rtl] #dokuwiki__pagetools ul li a:focus { 104 box-shadow: -2px 2px 2px __text_alt__; 105} 106 107#dokuwiki__pagetools:hover ul li a span, 108#dokuwiki__pagetools ul li a:focus span { 109 display: inline; 110 position: static; 111} 112 113#dokuwiki__pagetools ul li a:hover, 114#dokuwiki__pagetools ul li a:active, 115#dokuwiki__pagetools ul li a:focus { 116 text-decoration: none; 117} 118#dokuwiki__pagetools ul li a:hover { 119 background-color: __background_alt__; 120} 121 122/*____________ all available icons in sprite ____________*/ 123 124#dokuwiki__pagetools ul li a.edit { 125 background-position: right 0; 126} 127#dokuwiki__pagetools ul li a.edit:hover, 128#dokuwiki__pagetools ul li a.edit:active, 129#dokuwiki__pagetools ul li a.edit:focus { 130 background-position: right -45px; 131} 132[dir=rtl] #dokuwiki__pagetools ul li a.edit { 133 background-position: left 0; 134} 135[dir=rtl] #dokuwiki__pagetools ul li a.edit:hover, 136[dir=rtl] #dokuwiki__pagetools ul li a.edit:active, 137[dir=rtl] #dokuwiki__pagetools ul li a.edit:focus { 138 background-position: left -45px; 139} 140 141#dokuwiki__pagetools ul li a.create { 142 background-position: right -90px; 143} 144#dokuwiki__pagetools ul li a.create:hover, 145#dokuwiki__pagetools ul li a.create:active, 146#dokuwiki__pagetools ul li a.create:focus { 147 background-position: right -135px; 148} 149[dir=rtl] #dokuwiki__pagetools ul li a.create { 150 background-position: left -90px; 151} 152[dir=rtl] #dokuwiki__pagetools ul li a.create:hover, 153[dir=rtl] #dokuwiki__pagetools ul li a.create:active, 154[dir=rtl] #dokuwiki__pagetools ul li a.create:focus { 155 background-position: left -135px; 156} 157 158#dokuwiki__pagetools ul li a.show { 159 background-position: right -270px; 160} 161#dokuwiki__pagetools ul li a.show:hover, 162#dokuwiki__pagetools ul li a.show:active, 163#dokuwiki__pagetools ul li a.show:focus { 164 background-position: right -315px; 165} 166[dir=rtl] #dokuwiki__pagetools ul li a.show { 167 background-position: left -270px; 168} 169[dir=rtl] #dokuwiki__pagetools ul li a.show:hover, 170[dir=rtl] #dokuwiki__pagetools ul li a.show:active, 171[dir=rtl] #dokuwiki__pagetools ul li a.show:focus { 172 background-position: left -315px; 173} 174 175#dokuwiki__pagetools ul li a.source { 176 background-position: right -360px; 177} 178#dokuwiki__pagetools ul li a.source:hover, 179#dokuwiki__pagetools ul li a.source:active, 180#dokuwiki__pagetools ul li a.source:focus { 181 background-position: right -405px; 182} 183[dir=rtl] #dokuwiki__pagetools ul li a.source { 184 background-position: left -360px; 185} 186[dir=rtl] #dokuwiki__pagetools ul li a.source:hover, 187[dir=rtl] #dokuwiki__pagetools ul li a.source:active, 188[dir=rtl] #dokuwiki__pagetools ul li a.source:focus { 189 background-position: left -405px; 190} 191 192#dokuwiki__pagetools ul li a.draft { 193 background-position: right -180px; 194} 195#dokuwiki__pagetools ul li a.draft:hover, 196#dokuwiki__pagetools ul li a.draft:active, 197#dokuwiki__pagetools ul li a.draft:focus { 198 background-position: right -225px; 199} 200[dir=rtl] #dokuwiki__pagetools ul li a.draft { 201 background-position: left -180px; 202} 203[dir=rtl] #dokuwiki__pagetools ul li a.draft:hover, 204[dir=rtl] #dokuwiki__pagetools ul li a.draft:active, 205[dir=rtl] #dokuwiki__pagetools ul li a.draft:focus { 206 background-position: left -225px; 207} 208 209#dokuwiki__pagetools ul li a.revs { 210 background-position: right -540px; 211} 212#dokuwiki__pagetools ul li a.revs:hover, 213#dokuwiki__pagetools ul li a.revs:active, 214#dokuwiki__pagetools ul li a.revs:focus, 215.mode_revisions #dokuwiki__pagetools ul li a.revs { 216 background-position: right -585px; 217} 218[dir=rtl] #dokuwiki__pagetools ul li a.revs { 219 background-position: left -540px; 220} 221[dir=rtl] #dokuwiki__pagetools ul li a.revs:hover, 222[dir=rtl] #dokuwiki__pagetools ul li a.revs:active, 223[dir=rtl] #dokuwiki__pagetools ul li a.revs:focus, 224.mode_revisions [dir=rtl] #dokuwiki__pagetools ul li a.revs { 225 background-position: left -585px; 226} 227 228#dokuwiki__pagetools ul li a.backlink { 229 background-position: right -630px; 230} 231#dokuwiki__pagetools ul li a.backlink:hover, 232#dokuwiki__pagetools ul li a.backlink:active, 233#dokuwiki__pagetools ul li a.backlink:focus, 234.mode_backlink #dokuwiki__pagetools ul li a.backlink { 235 background-position: right -675px; 236} 237[dir=rtl] #dokuwiki__pagetools ul li a.backlink { 238 background-position: left -630px; 239} 240[dir=rtl] #dokuwiki__pagetools ul li a.backlink:hover, 241[dir=rtl] #dokuwiki__pagetools ul li a.backlink:active, 242[dir=rtl] #dokuwiki__pagetools ul li a.backlink:focus, 243.mode_backlink [dir=rtl] #dokuwiki__pagetools ul li a.backlink { 244 background-position: left -675px; 245} 246 247#dokuwiki__pagetools ul li a.top { 248 background-position: right -810px; 249} 250#dokuwiki__pagetools ul li a.top:hover, 251#dokuwiki__pagetools ul li a.top:active, 252#dokuwiki__pagetools ul li a.top:focus { 253 background-position: right -855px; 254} 255[dir=rtl] #dokuwiki__pagetools ul li a.top { 256 background-position: left -810px; 257} 258[dir=rtl] #dokuwiki__pagetools ul li a.top:hover, 259[dir=rtl] #dokuwiki__pagetools ul li a.top:active, 260[dir=rtl] #dokuwiki__pagetools ul li a.top:focus { 261 background-position: left -855px; 262} 263 264#dokuwiki__pagetools ul li a.revert { 265 background-position: right -450px; 266} 267#dokuwiki__pagetools ul li a.revert:hover, 268#dokuwiki__pagetools ul li a.revert:active, 269#dokuwiki__pagetools ul li a.revert:focus, 270.mode_revert #dokuwiki__pagetools ul li a.revert { 271 background-position: right -495px; 272} 273[dir=rtl] #dokuwiki__pagetools ul li a.revert { 274 background-position: left -450px; 275} 276[dir=rtl] #dokuwiki__pagetools ul li a.revert:hover, 277[dir=rtl] #dokuwiki__pagetools ul li a.revert:active, 278[dir=rtl] #dokuwiki__pagetools ul li a.revert:focus, 279.mode_revert [dir=rtl] #dokuwiki__pagetools ul li a.revert { 280 background-position: left -495px; 281} 282 283#dokuwiki__pagetools ul li a.subscribe { 284 background-position: right -720px; 285} 286#dokuwiki__pagetools ul li a.subscribe:hover, 287#dokuwiki__pagetools ul li a.subscribe:active, 288#dokuwiki__pagetools ul li a.subscribe:focus, 289.mode_subscribe #dokuwiki__pagetools ul li a.subscribe { 290 background-position: right -765px; 291} 292[dir=rtl] #dokuwiki__pagetools ul li a.subscribe { 293 background-position: left -720px; 294} 295[dir=rtl] #dokuwiki__pagetools ul li a.subscribe:hover, 296[dir=rtl] #dokuwiki__pagetools ul li a.subscribe:active, 297[dir=rtl] #dokuwiki__pagetools ul li a.subscribe:focus, 298.mode_subscribe [dir=rtl] #dokuwiki__pagetools ul li a.subscribe { 299 background-position: left -765px; 300} 301 302#dokuwiki__pagetools ul li a.mediaManager { 303 background-position: right -900px; 304} 305#dokuwiki__pagetools ul li a.mediaManager:hover, 306#dokuwiki__pagetools ul li a.mediaManager:active, 307#dokuwiki__pagetools ul li a.mediaManager:focus { 308 background-position: right -945px; 309} 310[dir=rtl] #dokuwiki__pagetools ul li a.mediaManager { 311 background-position: left -900px; 312} 313[dir=rtl] #dokuwiki__pagetools ul li a.mediaManager:hover, 314[dir=rtl] #dokuwiki__pagetools ul li a.mediaManager:active, 315[dir=rtl] #dokuwiki__pagetools ul li a.mediaManager:focus { 316 background-position: left -945px; 317} 318 319#dokuwiki__pagetools ul li a.back { 320 background-position: right -990px; 321} 322#dokuwiki__pagetools ul li a.back:hover, 323#dokuwiki__pagetools ul li a.back:active, 324#dokuwiki__pagetools ul li a.back:focus { 325 background-position: right -1035px; 326} 327[dir=rtl] #dokuwiki__pagetools ul li a.back { 328 background-position: left -990px; 329} 330[dir=rtl] #dokuwiki__pagetools ul li a.back:hover, 331[dir=rtl] #dokuwiki__pagetools ul li a.back:active, 332[dir=rtl] #dokuwiki__pagetools ul li a.back:focus { 333 background-position: left -1035px; 334} 335