MediaWiki:Main.css: Difference between revisions

no edit summary
No edit summary
No edit summary
(14 intermediate revisions by 2 users not shown)
Line 14: Line 14:


#mw-data-after-content {
#mw-data-after-content {
    background: var(--theme-tone-6);
     border-radius: 0 0 5px 5px;
     border-radius: 0 0 5px 5px;
}
}
Line 35: Line 34:
     color: white;
     color: white;
}
}
.pw-ad-scroll-container {
    display: none !important;
}


@media screen and (min-width: 1100px) and (max-width: 1340px) {
@media screen and (min-width: 1100px) and (max-width: 1340px) {
    #content-bottom-stuff {
  /* #content-bottom-stuff {
         margin-left: 0;
         margin-left: 0;
         display: table-caption;
         display: table-caption;
Line 54: Line 58:
     #mw-related-navigation:hover {
     #mw-related-navigation:hover {
         transform: translateX(0);
         transform: translateX(0);
    } */
    #content-bottom-stuff {
        margin-left: 0;
        display: table-caption;
    }
    #mw-related-navigation .sidebar-chunk {
        box-shadow: 0 0 2px 1px rgb(0 0 0 / 10%) !important;
    }
    #mw-related-navigation {
    visibility:hidden;
        position: absolute;
        right: 0;
    }
    #mw-related-navigation:hover {
        transform: translateX(0);
    }
    #mw-content-wrapper {
      margin-right: 0em !important;
     }
     }
}
}


Line 754: Line 779:
     margin-right: 1rem;
     margin-right: 1rem;
     padding: 0 !important;
     padding: 0 !important;
     max-width: 12.5rem;
     max-width: 11.5rem;
    overflow: visible!important;
}
}


Line 923: Line 949:


#mw-content {
#mw-content {
    border-bottom: none;
     background-color: var(--theme-tone-6);
     background-color: var(--theme-tone-6);
     margin-top: 1rem;
     margin-top: 1rem;
Line 1,249: Line 1,274:
         margin-left: 0;
         margin-left: 0;
         margin-right: 0;
         margin-right: 0;
         width: 70vw !important;
         width: 76vw !important;
     }
     }


     #content-bottom-stuff {
     #content-bottom-stuff {
         padding: 1em 2em 3em;
         padding: 1em 2em 3em;
         width: 70vw;
         width: 76vw;
         background: var(--theme-tone-6);
         background: var(--theme-tone-6);
         border-radius: 0 0 5px 5px;
         border-radius: 0 0 5px 5px;
Line 1,272: Line 1,297:


     #mw-content-wrapper {
     #mw-content-wrapper {
        margin-left: 14em;
      /* margin-left: 12.4em;
         margin-right: 16em;
         margin-right: 19.4em;
         width: 65vw !important;
         width: 65vw !important;
        min-width: 50%;
    z-index:100;*/
        margin-left: 12.4em;
      margin-right: 15.2em;
        z-index:1;
         min-width: 50%;
         min-width: 50%;
   
     }
     }


Line 1,417: Line 1,448:
@media screen and (max-width: 1300px) {
@media screen and (max-width: 1300px) {
     body {
     body {
        overflow-x: hidden;
      /*  overflow-x: hidden; */
     }
     }
}
}
Line 1,472: Line 1,503:
         margin-bottom: 0;
         margin-bottom: 0;
     }
     }
}
/*support buttons*/
#n-Patreon,#n-PayPal,#n-Ko-fi {
    list-style: none;
    display: inline-block;
    width: 31.8%;
    height: 2em;
    padding: 0;
    margin: 5px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}
#n-Patreon a,#n-PayPal a,#n-Ko-fi a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
}
#n-Patreon span,#n-PayPal span,#n-Ko-fi span {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}
#n-PayPal {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.87 28.87'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-3.04' x2='29.49' y1='-2.41' y2='28.95' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23253b80'/%3E%3Cstop offset='1' stop-color='%23179bd7'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='Layer 1'%3E%3Crect width='28.87' height='28.87' fill='url(%23a)' rx='6.48' ry='6.48'/%3E%3Cpath fill='%23fff' d='M19.88 10.5l-.05.29c-.66 3.37-2.9 4.53-5.77 4.53H12.6a.71.71 0 0 0-.7.6l-.75 4.74-.21 1.34a.37.37 0 0 0 .37.43h2.59a.62.62 0 0 0 .62-.52v-.13l.48-3.09v-.17a.62.62 0 0 1 .62-.53h.39c2.51 0 4.47-1 5-4a3.38 3.38 0 0 0-.52-3 2.47 2.47 0 0 0-.61-.49z' data-name='%26lt%3BPath%26gt%3B' opacity='.3'/%3E%3Cpath fill='%23fff' d='M19.19 10.23l-.31-.08-.33-.06a8.1 8.1 0 0 0-1.28-.09h-3.9a.62.62 0 0 0-.61.53l-.83 5.25v.15a.71.71 0 0 1 .7-.6h1.46c2.87 0 5.11-1.16 5.77-4.53 0-.1 0-.2.05-.29a3.49 3.49 0 0 0-.54-.23z' data-name='%26lt%3BPath%26gt%3B' opacity='.5'/%3E%3Cpath fill='%23fff' d='M12.75 10.52a.62.62 0 0 1 .61-.53h3.9a8.1 8.1 0 0 1 1.29.09l.33.06.31.08h.15a3.54 3.54 0 0 1 .54.23 3.18 3.18 0 0 0-.67-2.86c-.74-.84-2.08-1.21-3.79-1.21h-5a.71.71 0 0 0-.7.6L7.66 20.17a.43.43 0 0 0 .42.49h3.07l.77-4.89z' data-name='%26lt%3BPath%26gt%3B'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
#n-Patreon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg version='1.1' id='svg2' xml:space='preserve' width='799.69336' height='767.70667' viewBox='0 0 799.69336 767.70667' sodipodi:docname='Digital-Patreon-Logo_FieryCoral.eps' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs6' /%3E%3Csodipodi:namedview id='namedview4' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0' /%3E%3Cg id='g8' inkscape:groupmode='layer' inkscape:label='ink_ext_XXXXXX' transform='matrix(1.3333333 0 0 -1.3333333 0 767.70667)'%3E%3Cg id='g10' transform='scale(0.1)'%3E%3Cpath d='m 3844.89 5757.79 c -1190.76 0 -2159.54 -969.65 -2159.54 -2161.59 0 -1188.33 968.78 -2155.12 2159.54 -2155.12 1187.08 0 2152.82 966.79 2152.82 2155.12 0 1191.94 -965.74 2161.59 -2152.82 2161.59' style='fill:%23ff424d%3Bfill-opacity:1%3Bfill-rule:evenodd%3Bstroke:none' id='path12' /%3E%3Cpath d='M 0 0 H 1054.41 V 5757.81 H 0 V 0' style='fill:%23ff424d%3Bfill-opacity:1%3Bfill-rule:evenodd%3Bstroke:none' id='path14' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
#n-Ko-fi {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FA5E5C' d='M23.881 9.005C23.108 4.998 19.022 4.5 19.022 4.5H.723c-.604 0-.679.783-.679.783s-.082 7.184-.022 11.596C.186 19.257 2.608 19.5 2.608 19.5s8.267-.022 11.966-.048c2.438-.418 2.683-2.517 2.658-3.663 4.352.236 7.422-2.777 6.649-6.784zm-11.062 3.444c-1.246 1.425-4.011 3.9-4.011 3.9s-.121.117-.31.022a1.047 1.047 0 0 1-.108-.088c-.443-.432-3.368-2.991-4.034-3.879-.709-.947-1.041-2.648-.091-3.639.951-.99 3.005-1.064 4.363.4 0 0 1.565-1.748 3.468-.945 1.904.805 1.832 2.954.723 4.229zm6.173.469c-.928.114-1.682.027-1.682.027V7.373h1.77s1.971.541 1.971 2.588c0 1.876-.985 2.616-2.059 2.957z'/%3E%3C/svg%3E")
}
#n-PayPal > a:hover {
    background-color: transparent !important;
}
#n-Patreon > a:hover {
    background-color: transparent !important;
}
#n-Ko-fi > a:hover {
    background-color: transparent !important;
}
}
25,162

edits