25,204
edits
No edit summary |
No edit summary |
||
(89 intermediate revisions by 2 users not shown) | |||
Line 6: | Line 6: | ||
gap: 15px; | gap: 15px; | ||
place-items: center; | place-items: center; | ||
border-top: 0; | |||
} | } | ||
Line 13: | Line 14: | ||
#mw-data-after-content { | #mw-data-after-content { | ||
border-radius: 0 0 5px 5px; | border-radius: 0 0 5px 5px; | ||
} | } | ||
Line 21: | Line 21: | ||
display: inline-block; | display: inline-block; | ||
padding: 5px 10px; | padding: 5px 10px; | ||
width: fit-content; | width: fit-content; | ||
border-radius: 4px; | border-radius: 4px; | ||
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 { | |||
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 538: | Line 563: | ||
.mwe-math-element { | .mwe-math-element { | ||
display: inline-block; | |||
overflow: auto hidden; | |||
padding: 0.4rem; | |||
} | |||
.mwe-math-element img { | |||
filter: brightness(0%); | filter: brightness(0%); | ||
} | |||
.dark-mode .mwe-math-element { | |||
background-color: var(--theme-tone-4); | |||
border-radius: 5px; | |||
display: inline-block; | |||
} | } | ||
Line 718: | Line 755: | ||
} | } | ||
#p-logo { | |||
border: 1px solid var(--border-color); | |||
border-bottom: 0; | |||
} | |||
.mw-wiki-logo { | .mw-wiki-logo { | ||
margin-top: 0; | margin-top: 0; | ||
background-position: center!important; | |||
padding-bottom: 0; | |||
height: 8.65rem!important; | |||
} | |||
.sidebar-chunk:not(#site-navigation) { | |||
padding-top: 0 !important; | |||
} | } | ||
Line 729: | Line 776: | ||
padding-top: 0; | padding-top: 0; | ||
margin-top: 1rem; | margin-top: 1rem; | ||
margin-left: 0; | |||
margin-left: | |||
margin-right: 1rem; | margin-right: 1rem; | ||
padding: 0!important; | padding: 0 !important; | ||
max-width: 11.5rem; | |||
overflow: visible!important; | |||
} | } | ||
Line 740: | Line 788: | ||
.sidebar-chunk a { | .sidebar-chunk a { | ||
padding: 0. | padding: 0.4rem 1rem !important; | ||
font-size: 1.02em; | font-size: 1.02em; | ||
font-weight: 500; | font-weight: 500; | ||
letter-spacing: 0.03em; | letter-spacing: 0.03em; | ||
transition: background-color 0.3s, color 0.2s; | transition: background-color 0.3s, color 0.2s; | ||
border-radius: | border-radius: 0; | ||
border-bottom: none; | border-bottom: none; | ||
} | } | ||
Line 794: | Line 838: | ||
.sidebar-chunk .mw-selflink, | .sidebar-chunk .mw-selflink, | ||
.sidebar-chunk a.mw-has-selflink { | .sidebar-chunk a.mw-has-selflink { | ||
background: var(-- | background: var(--theme-tone-7); | ||
color: | color: var(--text-color) !important; | ||
} | |||
@media screen and (min-width: 1100px) { | |||
.dark-mode .sidebar-chunk li:hover > a, | |||
.dark-mode .sidebar-chunk li:hover > a:link, | |||
.dark-mode .sidebar-chunk .mw-selflink, | |||
.dark-mode .sidebar-chunk a.mw-has-selflink { | |||
background: var(--theme-tone-4); | |||
} | |||
} | } | ||
Line 802: | Line 855: | ||
} | } | ||
# | #site-navigation { | ||
border-color: var(--theme-tone-6); | border-color: var(--theme-tone-6); | ||
} | } | ||
Line 836: | Line 888: | ||
div.sidebar-chunk h3 { | div.sidebar-chunk h3 { | ||
font-size: 1.2em!important; | font-size: 1.2em !important; | ||
text-transform: capitalize; | text-transform: capitalize; | ||
letter-spacing: 0.5px | letter-spacing: 0.5px; | ||
margin-left: 0.65em !important; | margin-left: 0.65em !important; | ||
font-family: | font-family: "Familjen Grotesk"; | ||
margin: 0 | margin: 0rem 0 0.5rem 0 !important; | ||
padding: 0 | padding: 0.5rem 1rem 0.5rem 1rem !important; | ||
background-color: var(--theme-tone-3); | background-color: var(--theme-tone-3); | ||
border: none!important; | border: none !important; | ||
border-top: 1px solid var(--border-color) !important; | |||
border-bottom: 1px solid var(--border-color) !important; | |||
} | |||
@media screen and (min-width: 1100px) { | |||
.sidebar-inner, #mw-wrapper .dropdown-active .sidebar-inner { | |||
display: flex !important; | |||
gap: 0.5rem; | |||
flex-direction: column; | |||
} | |||
} | |||
.dark-mode div.sidebar-chunk h3 { | |||
background-color: var(--theme-tone-7); | |||
} | |||
.sidebar-chunk:not(#site-navigation) .mw-portlet:first-child h3 { | |||
border-top: 0 !important; | |||
margin-top: 0 !important; | |||
border-top-left-radius: 4px; | |||
border-top-right-radius: 4px; | |||
} | |||
#mw-related-navigation .sidebar-chunk #p-normal-catlinks .mw-portlet-body { | |||
margin-bottom: 0; | |||
} | } | ||
.sidebar-chunk { | .sidebar-chunk { | ||
border-radius: 5px; | border-radius: 5px; | ||
padding: 0.95rem!important; | padding: 0.95rem 0 !important; | ||
border: 1px solid var(--border-color) !important; | |||
padding-bottom: 0.5rem !important; | |||
} | } | ||
#site-tools .mw-portlet-body { | #site-tools .mw-portlet-body { | ||
margin-bottom: 0 !important; | margin-bottom: 0 !important; | ||
} | } | ||
Line 863: | Line 938: | ||
border-top-left-radius: 0; | border-top-left-radius: 0; | ||
border-top-right-radius: 0; | border-top-right-radius: 0; | ||
border-top: 0 !important; | |||
padding-top: 0 !important; | |||
} | |||
/* main container */ | |||
#mw-content-container { | |||
border-bottom: none; | |||
min-height: 200vh; | |||
} | |||
#mw-content { | |||
background-color: var(--theme-tone-6); | |||
margin-top: 1rem; | |||
border-radius: 6px 6px 0 0; | |||
border: 1px solid var(--border-color); | |||
border-bottom: 0; | |||
} | |||
#mw-related-navigation .sidebar-chunk { | |||
margin-top: 1rem; | |||
} | } | ||
Line 1,010: | Line 1,105: | ||
.mw-body .mw-parser-output h4 .mw-headline font, | .mw-body .mw-parser-output h4 .mw-headline font, | ||
.mw-body .mw-parser-output h4 .mw-headline .custom-text { | .mw-body .mw-parser-output h4 .mw-headline .custom-text { | ||
font-size: 1.05rem; | |||
font-weight: 500; | |||
} | |||
.mw-body h5 { | |||
font-size: 1rem; | font-size: 1rem; | ||
font-weight: | font-weight: 500; | ||
} | } | ||
Line 1,164: | Line 1,264: | ||
padding: 5px; | padding: 5px; | ||
text-align: center; | text-align: center; | ||
} | |||
#simpleSearch { | |||
background: none!important; | |||
} | } | ||
Line 1,170: | Line 1,274: | ||
margin-left: 0; | margin-left: 0; | ||
margin-right: 0; | margin-right: 0; | ||
width: | width: 76vw !important; | ||
} | } | ||
#content-bottom-stuff { | #content-bottom-stuff { | ||
padding: 1em 2em 3em; | padding: 1em 2em 3em; | ||
width: | 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,193: | Line 1,297: | ||
#mw-content-wrapper { | #mw-content-wrapper { | ||
/* margin-left: 12.4em; | |||
margin-right: | 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,222: | Line 1,332: | ||
div#mw-site-navigation { | div#mw-site-navigation { | ||
z-index: 99; | z-index: 99; | ||
display: flex; | |||
width: 100%; | |||
max-width: none; | |||
margin-top: 2rem; | |||
} | |||
#mw-site-navigation .sidebar-chunk { | |||
border: 0 !important; | |||
} | } | ||
} | } | ||
Line 1,237: | Line 1,354: | ||
} | } | ||
#mw-site-navigation .sidebar-inner { | #mw-site-navigation .sidebar-inner, | ||
padding: | #mw-related-navigation .sidebar-inner { | ||
padding: 0!important; | |||
min-width: 10.5rem; | |||
} | } | ||
Line 1,258: | Line 1,377: | ||
} | } | ||
#mw-site-navigation, | #mw-site-navigation, | ||
.sidebar-chunk, | .sidebar-chunk, | ||
div.color-left, | div.color-left, | ||
Line 1,290: | Line 1,408: | ||
filter: brightness(0.3); | filter: brightness(0.3); | ||
margin-top: -3px; | margin-top: -3px; | ||
} | |||
div#page-tools.sidebar-chunk { | |||
padding-top: 0.8rem!important; | |||
border:none!important; | |||
} | |||
.sidebar-chunk h2 span { | |||
font-family: 'Familjen Grotesk'!important; | |||
} | |||
.sidebar-chunk h2:not(#page-tools h2) { | |||
padding-top: 0.3em!important; | |||
} | |||
#mw-site-navigation .sidebar-chunk h2 span:after { | |||
top: 35px!important; | |||
border-bottom-color: var(--border-color)!important; | |||
} | |||
#mw-related-navigation .sidebar-inner:after { | |||
border-bottom-color: var(--border-color)!important; | |||
} | |||
#mw-header-nav-hack { | |||
border-top: 1px solid var(--border-color); | |||
} | |||
#content { | |||
margin-top: 3rem; | |||
} | |||
#page-tools, #mw-related-navigation { | |||
background: none!important; | |||
} | |||
.sidebar-chunk h3:not(.dark-mode h3) { | |||
background: var(--theme-tone-7)!important | |||
} | } | ||
} | } | ||
Line 1,301: | Line 1,448: | ||
@media screen and (max-width: 1300px) { | @media screen and (max-width: 1300px) { | ||
body { | body { | ||
/* overflow-x: hidden; */ | |||
} | } | ||
} | } | ||
@media screen and (max-width: 850px) { | @media screen and (max-width: 850px) { | ||
.dark-mode #site-navigation h2, | .dark-mode #site-navigation h2, | ||
.dark-mode #site-tools h2 { | .dark-mode #site-tools h2 { | ||
Line 1,348: | Line 1,491: | ||
grid-template-columns: auto; | grid-template-columns: auto; | ||
} | } | ||
} | |||
@media screen and (min-width: 1340px) { | |||
#mw-site-navigation .sidebar-chunk .mw-portlet-body, | |||
#mw-related-navigation .sidebar-chunk .mw-portlet-body { | |||
margin-bottom: 1rem; | |||
} | |||
#mw-site-navigation .sidebar-chunk .mw-portlet-body:last-of-type, | |||
#mw-related-navigation .sidebar-chunk .mw-portlet-body:last-of-type { | |||
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; | |||
} | } |