/** /** * This file provides the styles for the page tools * (fly out navigation beside the page to edit, etc). * * @author Anika Henke * @author Andreas Gohr */ #dokuwiki__site > .site { /* give space to the right so the tools won't disappear on smaller screens */ /* it's 40px because the 30px wide icons will have 5px more spacing to the left and right */ padding-right: 40px; /* give the same space to the left to balance it out */ /*padding-left: 40px;*/ } .dokuwiki div.page { height: 190px; min-height: 190px; /* 30 (= height of icons) x 6 (= maximum number of possible tools) + 2x5 */ height: auto; } #dokuwiki__usertools { /* move the tools just outside of the site */ right: 40px; } [dir=rtl] #dokuwiki__usertools { right: auto; left: 40px; } #dokuwiki__pagetools { position: absolute; right: -40px; /* on same vertical level as first headline, because .page has 2em padding */ /* Edit: higher */ top: -2.5em; width: 40px; } [dir=rtl] #dokuwiki__pagetools { right: auto; left: -40px; } #dokuwiki__pagetools div.tools { position: fixed; width: 40px; } #dokuwiki__pagetools ul { position: absolute; right: 0; text-align: right; margin: 0; padding: 0; /* add transparent border to prevent jumping when proper border is added on hover */ border: 1px solid transparent; z-index: 10; } [dir=rtl] #dokuwiki__pagetools ul { right: auto; left: 0; text-align: left; } #dokuwiki__pagetools ul li { padding: 0; margin: 0; list-style: none; font-size: 0.875em; } #dokuwiki__pagetools ul li a { display: block; min-height: 20px; /* 30 - 2x5 */ line-height: 20px; padding: 0; background-position: right 0; background-repeat: no-repeat; /* add transparent border to prevent jumping when proper border is added on focus */ border: 1px solid transparent; white-space: nowrap; width: 30px; height: 30px; overflow: hidden; margin-left: auto; /* align right if the ul is larger because one item is focused */ } #dokuwiki__pagetools ul li a:before { content: url(images/pagetools-sprite.png); display: inline-block; font-size: 0; line-height: 0; } [dir=rtl] #dokuwiki__pagetools ul li a { background-position: left 0; margin-right: auto; margin-left: 0; } /* show all tools on hover and individual tools on focus */ #dokuwiki__pagetools:hover ul, #dokuwiki__pagetools ul li a:focus, #dokuwiki__pagetools ul li a:active { background-color: __background__; border-color: __border__; border-radius: 2px; box-shadow: 2px 2px 2px __text_alt__; } #dokuwiki__pagetools:hover ul li a, #dokuwiki__pagetools ul li a:focus, #dokuwiki__pagetools ul li a:active { width: auto; height: auto; overflow: visible; padding: 5px 40px 5px 5px; background-image: url(images/pagetools-sprite.png); } #dokuwiki__pagetools:hover ul li a:before, #dokuwiki__pagetools ul li a:focus:before { content: none; } [dir=rtl] #dokuwiki__pagetools:hover ul, [dir=rtl] #dokuwiki__pagetools ul li a:focus { box-shadow: -2px 2px 2px __text_alt__; } [dir=rtl] #dokuwiki__pagetools:hover li a, [dir=rtl] #dokuwiki__pagetools ul li a:focus, [dir=rtl] #dokuwiki__pagetools ul li a:active { padding: 5px 5px 5px 40px; } /* IE7 fixes, doesn't work without images */ #IE7 #dokuwiki__pagetools ul li a { background-image: url(images/pagetools-sprite.png); } #IE7 #dokuwiki__pagetools:hover ul li a span, #IE7 #dokuwiki__pagetools ul li a:focus span, #IE7 #dokuwiki__pagetools ul li a:active span { clip: auto; display: inline; position: static; } #IE7 #dokuwiki__pagetools ul li a span { clip: rect(0 0 0 0); position: absolute; } #dokuwiki__pagetools ul li a:hover, #dokuwiki__pagetools ul li a:active, #dokuwiki__pagetools ul li a:focus { text-decoration: none; } #dokuwiki__pagetools ul li a:hover { background-color: __background_alt__; } /*____________ all available icons in sprite ____________*/ #dokuwiki__pagetools ul li a.edit { background-position: right 0; } #dokuwiki__pagetools ul li a.edit:hover, #dokuwiki__pagetools ul li a.edit:active, #dokuwiki__pagetools ul li a.edit:focus { background-position: right -45px; } [dir=rtl] #dokuwiki__pagetools ul li a.edit { background-position: left 0; } [dir=rtl] #dokuwiki__pagetools ul li a.edit:hover, [dir=rtl] #dokuwiki__pagetools ul li a.edit:active, [dir=rtl] #dokuwiki__pagetools ul li a.edit:focus { background-position: left -45px; } #dokuwiki__pagetools ul li a.create:before { margin-top: -90px; } #dokuwiki__pagetools ul li a.create { background-position: right -90px; } #dokuwiki__pagetools ul li a.create:hover, #dokuwiki__pagetools ul li a.create:active, #dokuwiki__pagetools ul li a.create:focus { background-position: right -135px; } [dir=rtl] #dokuwiki__pagetools ul li a.create { background-position: left -90px; } [dir=rtl] #dokuwiki__pagetools ul li a.create:hover, [dir=rtl] #dokuwiki__pagetools ul li a.create:active, [dir=rtl] #dokuwiki__pagetools ul li a.create:focus { background-position: left -135px; } #dokuwiki__pagetools ul li a.show { background-position: right -270px; } #dokuwiki__pagetools ul li a.show:before { margin-top: -270px; } #dokuwiki__pagetools ul li a.show:hover, #dokuwiki__pagetools ul li a.show:active, #dokuwiki__pagetools ul li a.show:focus { background-position: right -315px; } [dir=rtl] #dokuwiki__pagetools ul li a.show { background-position: left -270px; } [dir=rtl] #dokuwiki__pagetools ul li a.show:hover, [dir=rtl] #dokuwiki__pagetools ul li a.show:active, [dir=rtl] #dokuwiki__pagetools ul li a.show:focus { background-position: left -315px; } #dokuwiki__pagetools ul li a.source { background-position: right -360px; } #dokuwiki__pagetools ul li a.source:before { margin-top: -360px; } #dokuwiki__pagetools ul li a.source:hover, #dokuwiki__pagetools ul li a.source:active, #dokuwiki__pagetools ul li a.source:focus { background-position: right -405px; } [dir=rtl] #dokuwiki__pagetools ul li a.source { background-position: left -360px; } [dir=rtl] #dokuwiki__pagetools ul li a.source:hover, [dir=rtl] #dokuwiki__pagetools ul li a.source:active, [dir=rtl] #dokuwiki__pagetools ul li a.source:focus { background-position: left -405px; } #dokuwiki__pagetools ul li a.draft { background-position: right -180px; } #dokuwiki__pagetools ul li a.draft:before { margin-top: -180px; } #dokuwiki__pagetools ul li a.draft:hover, #dokuwiki__pagetools ul li a.draft:active, #dokuwiki__pagetools ul li a.draft:focus { background-position: right -225px; } [dir=rtl] #dokuwiki__pagetools ul li a.draft { background-position: left -180px; } [dir=rtl] #dokuwiki__pagetools ul li a.draft:hover, [dir=rtl] #dokuwiki__pagetools ul li a.draft:active, [dir=rtl] #dokuwiki__pagetools ul li a.draft:focus { background-position: left -225px; } #dokuwiki__pagetools ul li a.revs { background-position: right -540px; } #dokuwiki__pagetools ul li a.revs:before { margin-top: -540px; } #dokuwiki__pagetools ul li a.revs:hover, #dokuwiki__pagetools ul li a.revs:active, #dokuwiki__pagetools ul li a.revs:focus, .mode_revisions #dokuwiki__pagetools ul li a.revs { background-position: right -585px; } .mode_revisions #dokuwiki__pagetools ul li a.revs:before { margin-top: -585px; } [dir=rtl] #dokuwiki__pagetools ul li a.revs { background-position: left -540px; } [dir=rtl] #dokuwiki__pagetools ul li a.revs:hover, [dir=rtl] #dokuwiki__pagetools ul li a.revs:active, [dir=rtl] #dokuwiki__pagetools ul li a.revs:focus, [dir=rtl] .mode_revisions #dokuwiki__pagetools ul li a.revs { background-position: left -585px; } #dokuwiki__pagetools ul li a.backlink { background-position: right -630px; } #dokuwiki__pagetools ul li a.backlink:before { margin-top: -630px; } #dokuwiki__pagetools ul li a.backlink:hover, #dokuwiki__pagetools ul li a.backlink:active, #dokuwiki__pagetools ul li a.backlink:focus, .mode_backlink #dokuwiki__pagetools ul li a.backlink { background-position: right -675px; } .mode_backlink #dokuwiki__pagetools ul li a.backlink:before { margin-top: -675px; } [dir=rtl] #dokuwiki__pagetools ul li a.backlink { background-position: left -630px; } [dir=rtl] #dokuwiki__pagetools ul li a.backlink:hover, [dir=rtl] #dokuwiki__pagetools ul li a.backlink:active, [dir=rtl] #dokuwiki__pagetools ul li a.backlink:focus, [dir=rtl] .mode_backlink #dokuwiki__pagetools ul li a.backlink { background-position: left -675px; } #dokuwiki__pagetools ul li a.top { background-position: right -810px; } #dokuwiki__pagetools ul li a.top:before{ margin-top: -810px; } #dokuwiki__pagetools ul li a.top:hover, #dokuwiki__pagetools ul li a.top:active, #dokuwiki__pagetools ul li a.top:focus { background-position: right -855px; } [dir=rtl] #dokuwiki__pagetools ul li a.top { background-position: left -810px; } [dir=rtl] #dokuwiki__pagetools ul li a.top:hover, [dir=rtl] #dokuwiki__pagetools ul li a.top:active, [dir=rtl] #dokuwiki__pagetools ul li a.top:focus { background-position: left -855px; } #dokuwiki__pagetools ul li a.revert { background-position: right -450px; } #dokuwiki__pagetools ul li a.revert:before { margin-top: -450px; } #dokuwiki__pagetools ul li a.revert:hover, #dokuwiki__pagetools ul li a.revert:active, #dokuwiki__pagetools ul li a.revert:focus, .mode_revert #dokuwiki__pagetools ul li a.revert { background-position: right -495px; } .mode_revert #dokuwiki__pagetools ul li a.revert:before { margin-top: -450px; } [dir=rtl] #dokuwiki__pagetools ul li a.revert { background-position: left -450px; } [dir=rtl] #dokuwiki__pagetools ul li a.revert:hover, [dir=rtl] #dokuwiki__pagetools ul li a.revert:active, [dir=rtl] #dokuwiki__pagetools ul li a.revert:focus, [dir=rtl] .mode_revert #dokuwiki__pagetools ul li a.revert { background-position: left -495px; } #dokuwiki__pagetools ul li a.subscribe { background-position: right -720px; } #dokuwiki__pagetools ul li a.subscribe:before { margin-top: -720px; } #dokuwiki__pagetools ul li a.subscribe:hover, #dokuwiki__pagetools ul li a.subscribe:active, #dokuwiki__pagetools ul li a.subscribe:focus, .mode_subscribe #dokuwiki__pagetools ul li a.subscribe { background-position: right -765px; } .mode_subscribe #dokuwiki__pagetools ul li a.subscribe:before { margin-top: -765px; } [dir=rtl] #dokuwiki__pagetools ul li a.subscribe { background-position: left -720px; } [dir=rtl] #dokuwiki__pagetools ul li a.subscribe:hover, [dir=rtl] #dokuwiki__pagetools ul li a.subscribe:active, [dir=rtl] #dokuwiki__pagetools ul li a.subscribe:focus, [dir=rtl] .mode_subscribe #dokuwiki__pagetools ul li a.subscribe { background-position: left -765px; } #dokuwiki__pagetools ul li a.mediaManager { background-position: right -900px; } #dokuwiki__pagetools ul li a.mediaManager:before { margin-top: -900px; } #dokuwiki__pagetools ul li a.mediaManager:hover, #dokuwiki__pagetools ul li a.mediaManager:active, #dokuwiki__pagetools ul li a.mediaManager:focus { background-position: right -945px; } [dir=rtl] #dokuwiki__pagetools ul li a.mediaManager { background-position: left -900px; } [dir=rtl] #dokuwiki__pagetools ul li a.mediaManager:hover, [dir=rtl] #dokuwiki__pagetools ul li a.mediaManager:active, [dir=rtl] #dokuwiki__pagetools ul li a.mediaManager:focus { background-position: left -945px; } #dokuwiki__pagetools ul li a.back { background-position: right -990px; } #dokuwiki__pagetools ul li a.back { margin-top: -990px; } #dokuwiki__pagetools ul li a.back:hover, #dokuwiki__pagetools ul li a.back:active, #dokuwiki__pagetools ul li a.back:focus { background-position: right -1035px; } [dir=rtl] #dokuwiki__pagetools ul li a.back { background-position: left -990px; } [dir=rtl] #dokuwiki__pagetools ul li a.back:hover, [dir=rtl] #dokuwiki__pagetools ul li a.back:active, [dir=rtl] #dokuwiki__pagetools ul li a.back:focus { background-position: left -1035px; } #dokuwiki__pagetools ul li a.print:before { margin-top: -1080px; } #dokuwiki__pagetools ul li a.print{ background-position: right -1080px; } #dokuwiki__pagetools ul li a.print:hover, #dokuwiki__pagetools ul li a.print:active, #dokuwiki__pagetools ul li a.print:focus { background-position: right -1125px; } /* start 14_recent css definition */ #dokuwiki__pagetools ul li a.media { background-position: right -1170px; } #dokuwiki__pagetools ul li a.media:before { margin-top: -1170px; } #dokuwiki__pagetools ul li a.media:hover, #dokuwiki__pagetools ul li a.media:active, #dokuwiki__pagetools ul li a.media:focus, .mode_media #dokuwiki__pagetools ul li a.media { background-position: right -1215px; } .mode_media #dokuwiki__pagetools ul li a.media:before { margin-top: -1215px; } [dir=rtl] #dokuwiki__pagetools ul li a.media { background-position: left -1170px; } [dir=rtl] #dokuwiki__pagetools ul li a.media:hover, [dir=rtl] #dokuwiki__pagetools ul li a.media:active, [dir=rtl] #dokuwiki__pagetools ul li a.media:focus, [dir=rtl] .mode_media #dokuwiki__pagetools ul li a.media { background-position: left -1215px; } /* exit 14_recent css definition */ /* start 15_recent css definition */ #dokuwiki__pagetools ul li a.recent { background-position: right -1260px; } #dokuwiki__pagetools ul li a.recent:before { margin-top: -1260px; } #dokuwiki__pagetools ul li a.recent:hover, #dokuwiki__pagetools ul li a.recent:active, #dokuwiki__pagetools ul li a.recent:focus, .mode_recent #dokuwiki__pagetools ul li a.recent { background-position: right -1305px; } .mode_recent #dokuwiki__pagetools ul li a.recent:before { margin-top: -1305px; } [dir=rtl] #dokuwiki__pagetools ul li a.recent { background-position: left -1260px; } [dir=rtl] #dokuwiki__pagetools ul li a.recent:hover, [dir=rtl] #dokuwiki__pagetools ul li a.recent:active, [dir=rtl] #dokuwiki__pagetools ul li a.recent:focus, [dir=rtl] .mode_recent #dokuwiki__pagetools ul li a.recent { background-position: left -1305px; } /* exit 15_recent css definition */ /* start 16_index css definition */ #dokuwiki__pagetools ul li a.index { background-position: right -1350px; } #dokuwiki__pagetools ul li a.index:before { margin-top: -1350px; } #dokuwiki__pagetools ul li a.index:hover, #dokuwiki__pagetools ul li a.index:active, #dokuwiki__pagetools ul li a.index:focus, .mode_index #dokuwiki__pagetools ul li a.index { background-position: right -1395px; } .mode_index #dokuwiki__pagetools ul li a.index:before { margin-top: -1395px; } [dir=rtl] #dokuwiki__pagetools ul li a.index { background-position: left -1350px; } [dir=rtl] #dokuwiki__pagetools ul li a.index:hover, [dir=rtl] #dokuwiki__pagetools ul li a.index:active, [dir=rtl] #dokuwiki__pagetools ul li a.index:focus, [dir=rtl] .mode_index #dokuwiki__pagetools ul li a.index { background-position: left -1395px; } /* exit 16_index css definition */ /* start 17_feedback css definition */ #dokuwiki__pagetools ul li a.feedback { background-position: right -1440px; } #dokuwiki__pagetools ul li a.feedback:before { margin-top: -1440px; } #dokuwiki__pagetools ul li a.feedback:hover, #dokuwiki__pagetools ul li a.feedback:active, #dokuwiki__pagetools ul li a.feedback:focus, .mode_feedback #dokuwiki__pagetools ul li a.feedback { background-position: right -1485px; } .mode_feedback #dokuwiki__pagetools ul li a.feedback:before { margin-top: -1485px; } [dir=rtl] #dokuwiki__pagetools ul li a.feedback { background-position: left -1440px; } [dir=rtl] #dokuwiki__pagetools ul li a.feedback:hover, [dir=rtl] #dokuwiki__pagetools ul li a.feedback:active, [dir=rtl] #dokuwiki__pagetools ul li a.feedback:focus, [dir=rtl] .mode_feedback #dokuwiki__pagetools ul li a.feedback { background-position: left -1485px; } /* exit 17_feedback css definition */ /* start 18_login css definition */ #dokuwiki__pagetools ul li a.login { background-position: right -1530px; } #dokuwiki__pagetools ul li a.login:before { margin-top: -1530px; } #dokuwiki__pagetools ul li a.login:hover, #dokuwiki__pagetools ul li a.login:active, #dokuwiki__pagetools ul li a.login:focus, .mode_login #dokuwiki__pagetools ul li a.login { background-position: right -1575px; } .mode_login #dokuwiki__pagetools ul li a.login:before { margin-top: -1575px; } [dir=rtl] #dokuwiki__pagetools ul li a.login { background-position: left -1530px; } [dir=rtl] #dokuwiki__pagetools ul li a.login:hover, [dir=rtl] #dokuwiki__pagetools ul li a.login:active, [dir=rtl] #dokuwiki__pagetools ul li a.login:focus, [dir=rtl] .mode_login #dokuwiki__pagetools ul li a.login { background-position: left -1575px; } /* exit 18_login css definition */ /* start 19_logout css definition - always show blue-hovermode icon*/ #dokuwiki__pagetools ul li a.logout { background-position: right -1665px; } #dokuwiki__pagetools ul li a.logout:before { margin-top: -1665px; } #dokuwiki__pagetools ul li a.logout:hover, #dokuwiki__pagetools ul li a.logout:active, #dokuwiki__pagetools ul li a.logout:focus, .mode_logout #dokuwiki__pagetools ul li a.logout { background-position: right -1665px; } .mode_logout #dokuwiki__pagetools ul li a.logout:before { margin-top: -1665px; } [dir=rtl] #dokuwiki__pagetools ul li a.logout { background-position: left -1665px; } [dir=rtl] #dokuwiki__pagetools ul li a.logout:hover, [dir=rtl] #dokuwiki__pagetools ul li a.logout:active, [dir=rtl] #dokuwiki__pagetools ul li a.logout:focus, [dir=rtl] .mode_logout #dokuwiki__pagetools ul li a.logout { background-position: left -1665px; } /* exit 19_logout css definition */ /* start 20_admin css definition */ #dokuwiki__pagetools ul li a.admin { background-position: right -1710px; } #dokuwiki__pagetools ul li a.admin:before { margin-top: -1710px; } #dokuwiki__pagetools ul li a.admin:hover, #dokuwiki__pagetools ul li a.admin:active, #dokuwiki__pagetools ul li a.admin:focus, .mode_admin #dokuwiki__pagetools ul li a.admin { background-position: right -1755px; } .mode_admin #dokuwiki__pagetools ul li a.admin:before { margin-top: -1755px; } [dir=rtl] #dokuwiki__pagetools ul li a.admin { background-position: left -1710px; } [dir=rtl] #dokuwiki__pagetools ul li a.admin:hover, [dir=rtl] #dokuwiki__pagetools ul li a.admin:active, [dir=rtl] #dokuwiki__pagetools ul li a.admin:focus, [dir=rtl] .mode_admin #dokuwiki__pagetools ul li a.admin { background-position: left -1755px; } /* exit 20_admin css definition */ /* start 21_profile css definition */ #dokuwiki__pagetools ul li a.profile { background-position: right -1800px; } #dokuwiki__pagetools ul li a.profile:before { margin-top: -1800px; } #dokuwiki__pagetools ul li a.profile:hover, #dokuwiki__pagetools ul li a.profile:active, #dokuwiki__pagetools ul li a.profile:focus, .mode_profile #dokuwiki__pagetools ul li a.profile { background-position: right -1845px; } .mode_profile #dokuwiki__pagetools ul li a.profile:before { margin-top: -1845px; } [dir=rtl] #dokuwiki__pagetools ul li a.profile { background-position: left -1800px; } [dir=rtl] #dokuwiki__pagetools ul li a.profile:hover, [dir=rtl] #dokuwiki__pagetools ul li a.profile:active, [dir=rtl] #dokuwiki__pagetools ul li a.profile:focus, [dir=rtl] .mode_profile #dokuwiki__pagetools ul li a.profile { background-position: left -1845px; } /* exit 21_profile css definition */ /* start 22_save css definition */ #dokuwiki__pagetools ul li a.save { background-position: right -1890px; } #dokuwiki__pagetools ul li a.save:before { margin-top: -1890px; } #dokuwiki__pagetools ul li a.save:hover, #dokuwiki__pagetools ul li a.save:active, #dokuwiki__pagetools ul li a.save:focus, .mode_save #dokuwiki__pagetools ul li a.save { background-position: right -1935px; } .mode_save #dokuwiki__pagetools ul li a.save:before { margin-top: -1935px; } [dir=rtl] #dokuwiki__pagetools ul li a.save { background-position: left -1890px; } [dir=rtl] #dokuwiki__pagetools ul li a.save:hover, [dir=rtl] #dokuwiki__pagetools ul li a.save:active, [dir=rtl] #dokuwiki__pagetools ul li a.save:focus, [dir=rtl] .mode_save #dokuwiki__pagetools ul li a.save { background-position: left -1935px; } /* exit 22_save css definition */