_pojo_a11.scss 2.48 KB

.pojo-a11y-grayscale{
    // position: absolute !important;
    // width: 100vw !important;
    overflow-y:scroll !important;
    .site{
     margin-top: 0px !important;
     padding-top: 170px !important;
    }
    #advance-search-modal {
     z-index: 999;
     position: fixed;
     margin-top: -8%;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }
 }
 .pojo-a11y-grayscale{ 
 
 }
 #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{
    z-index: 9999 !important;
 }
 #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;
 }