_pojo_a11.scss 2.05 KB

  



.pojo-a11y-grayscale{
    position: absolute !important;
    width: 100vw !important;
}

#pojo-a11y-toolbar{
    position: absolute;
    top: 1.25rem;
    @media screen and (max-width: 62.5rem){
        top: 0rem;
    }
    
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right{
    right: 0rem !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle{

}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
    width: 12.5rem;
    box-shadow:none !important;
    position: absolute;
    right: -16.875rem!important;

}

.pojo-a11y-toolbar-overlay {
    position: absolute;
    top: 3.125rem;
    right: 0rem;
    display: none;
    border-radius: 0rem 0rem 0.625rem 0.625rem;
    svg{
        border: 0rem #669999 solid !important;
    }


}


#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg {
    max-width: inherit;
    border: 0.125rem #000 solid;
    border-radius: 50%;
    padding: 0.1875rem;
    height: 1.75rem;
    width: 1.75rem;
}

.pojo-a11y-toolbar-open{
    z-index: 99999;
    .pojo-a11y-toolbar-toggle svg {
        border: 0.125rem #669999 solid !important;
        color: #669999;
    }
    .pojo-a11y-toolbar-toggle a{
        color: #669999;
        text-decoration: none;
    }
    .pojo-a11y-toolbar-overlay {
        position: absolute;
        top: 3.125rem;
        right: 0rem;
        display:block;

    }
}
#gt_float_wrapper .gt_float_switcher{
    background-color: transparent !important;
}

[lang="zh-CN"]{
    #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
        right: -15rem!important;
    }
}
.pojo-a11y-toolbar-text{
    font-size: 1rem;
}

.admin-bar{
    #pojo-a11y-toolbar{
        top: 2.5rem !important;
    }
}

.pojo-a11y-toolbar-link:hover {
  .pojo-a11y-toolbar-text{
    text-decoration: underline;
  }
}

.pojo-a11y-toolbar-toggle-link:hover{
    color: #669999 !important;
    svg {
        border: 0.125rem #669999 solid !important;
    }

}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title{
    text-decoration: none;
}