lisps/css/pagetools.css

/**
/**
 * This file provides the styles for the page tools
 * (fly out navigation beside the page to edit, etc).
 *
 * @author Anika Henke <anika@selfthinker.org>
 * @author Andreas Gohr <andi@splitbrain.org>
 */

#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 */