MediaWiki:Common.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
:root {
--wp-consciousness: #5C67D8;
--wp-mystic: #8B57C2;
--wp-healing: #1BA99A;
--wp-grounding: #F0A030;
--wp-grad-primary: linear-gradient(135deg, #5C67D8, #8B57C2);
--wp-grad-cool: linear-gradient(135deg, #5C67D8, #1BA99A);
--wp-grad-warm: linear-gradient(135deg, #8B57C2, #F0A030);
--wp-grad-full: linear-gradient(135deg, #5C67D8 0%, #8B57C2 33%, #1BA99A 66%, #F0A030 100%);
--wp-bg: #ffffff;
--wp-surface: #f7f7fb;
--wp-border: #e2e2ee;
--wp-text: #1a1a1a;
--wp-muted: #555566;
}
.vector-header,#mw-head,.mw-header{background:var(--wp-grad-primary)!important;border-bottom:none!important;box-shadow:0 2px 12px rgba(92,103,216,0.3)!important}
.vector-search-box input[type="search"],#searchInput{border:2px solid var(--wp-consciousness)!important;border-radius:6px!important}
.vector-search-box input[type="search"]:focus,#searchInput:focus{border-color:var(--wp-mystic)!important;box-shadow:0 0 0 3px rgba(139,87,194,0.2)!important;outline:none!important}
.vector-menu-tabs a,#p-cactions a{color:rgba(255,255,255,0.85)!important}
.vector-menu-tabs .selected a{color:#fff!important;border-bottom:3px solid #fff!important}
.vector-sidebar,#mw-panel,.mw-panel{background:var(--wp-surface)!important;border-right:1px solid var(--wp-border)!important}
.vector-menu-heading,.portal h3,#mw-panel h3{background:var(--wp-grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700!important;font-size:0.75em!important;text-transform:uppercase!important;letter-spacing:0.06em!important}
.vector-menu-content a,#mw-panel a{color:var(--wp-consciousness)!important}
.vector-menu-content a:hover,#mw-panel a:hover{color:var(--wp-mystic)!important}
#firstHeading,.firstHeading{background:var(--wp-grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2em;font-weight:800;padding-bottom:0.3em;margin-bottom:0.5em;border-bottom:3px solid;border-image:var(--wp-grad-full) 1}
.mw-body h2{color:var(--wp-consciousness);border-bottom:3px solid;border-image:var(--wp-grad-primary) 1;padding-bottom:0.2em}
.mw-body h3{color:var(--wp-mystic);border-left:4px solid var(--wp-mystic);padding-left:0.6em}
.mw-body h4{color:var(--wp-healing)}
.mw-body h5,.mw-body h6{color:var(--wp-muted)}
a,.mw-body a{color:var(--wp-consciousness)!important;text-decoration:none!important}
a:hover,.mw-body a:hover{color:var(--wp-mystic)!important;text-decoration:underline!important}
a:visited,.mw-body a:visited{color:#6B3EAA!important}
a.external{color:var(--wp-healing)!important}
a.new{color:#c0392b!important}
#toc,.toc{background:var(--wp-surface)!important;border:1px solid var(--wp-border)!important;border-top:4px solid var(--wp-consciousness)!important;border-radius:8px!important;padding:10px 16px!important}
.toctitle,#toc .toctitle{background:var(--wp-grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}
.toc a{color:var(--wp-consciousness)!important}
.toc a:hover{color:var(--wp-mystic)!important}
.infobox,table.infobox{border:1px solid var(--wp-border)!important;border-radius:10px!important;overflow:hidden!important;font-size:0.9em!important;box-shadow:0 2px 8px rgba(92,103,216,0.1)!important}
table.infobox>tbody>tr:first-child>th,.infobox caption,.infobox th[colspan]{background:var(--wp-grad-primary)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-align:center!important;padding:14px!important;font-size:1.1em!important;font-weight:700!important}
.infobox th{background:rgba(92,103,216,0.07)!important;color:var(--wp-consciousness)!important;font-weight:600!important;padding:6px 10px!important;border-bottom:1px solid var(--wp-border)!important}
.infobox td{padding:6px 10px!important;border-bottom:1px solid var(--wp-border)!important}
.ambox{border:none!important;border-left:5px solid var(--wp-consciousness)!important;background:rgba(92,103,216,0.05)!important;border-radius:6px!important}
.ambox-warning,.ambox-content{border-left-color:var(--wp-grounding)!important;background:rgba(240,160,48,0.07)!important}
.harm-reduction-notice{background:linear-gradient(135deg,rgba(27,169,154,0.08),rgba(240,160,48,0.08))!important;border:1px solid var(--wp-healing)!important;border-left:5px solid var(--wp-grounding)!important;border-radius:6px!important;padding:14px 18px!important;margin:18px 0!important;font-size:0.95em!important}
.catlinks{background:var(--wp-surface)!important;border:1px solid var(--wp-border)!important;border-top:3px solid var(--wp-mystic)!important;border-radius:8px!important;padding:10px 14px!important;margin-top:20px!important}
.catlinks a{display:inline-block!important;background:var(--wp-grad-primary)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;padding:3px 12px!important;border-radius:20px!important;font-size:0.82em!important;margin:3px 2px!important;font-weight:500!important}
.mw-editsection a{background:rgba(92,103,216,0.08)!important;color:var(--wp-consciousness)!important;border:1px solid var(--wp-consciousness)!important;border-radius:4px!important;padding:1px 7px!important;font-size:0.78em!important;font-weight:500!important}
.mw-editsection a:hover{background:var(--wp-grad-primary)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:transparent!important}
.mw-ui-button,input[type="submit"],input[type="button"],button{background:var(--wp-grad-primary)!important;color:#fff!important;border:none!important;border-radius:6px!important;padding:8px 20px!important;font-weight:600!important;cursor:pointer!important}
.mw-ui-button.mw-ui-constructive{background:var(--wp-grad-cool)!important}
.mw-ui-button.mw-ui-destructive{background:linear-gradient(135deg,#e74c3c,#c0392b)!important}
.wikitable{border-collapse:separate!important;border-spacing:0!important;border-radius:8px!important;overflow:hidden!important;border:1px solid var(--wp-border)!important;width:100%!important}
.wikitable th{background:var(--wp-grad-primary)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;padding:10px 14px!important;font-weight:600!important;text-align:left!important}
.wikitable td{padding:8px 14px!important;border-top:1px solid var(--wp-border)!important}
.wikitable tr:nth-child(even) td{background:rgba(92,103,216,0.04)!important}
.wikitable tr:hover td{background:rgba(92,103,216,0.09)!important}
#footer,.mw-footer{background:var(--wp-surface)!important;border-top:3px solid;border-image:var(--wp-grad-full) 1!important;color:var(--wp-muted)!important;padding:24px 20px!important;font-size:0.85em!important}
#footer a,.mw-footer a{color:var(--wp-consciousness)!important}
.diff-addedline{background:rgba(27,169,154,0.12)!important}
.diff-deletedline{background:rgba(240,160,48,0.12)!important}
@media(max-width:720px){#firstHeading,.firstHeading{font-size:1.5em}.infobox,table.infobox{float:none!important;width:100%!important;margin:0 0 16px 0!important}}
.vector-header a,.mw-header a,.vector-user-links a,#pt-userpage a,#pt-login a,#pt-createaccount a,.mw-portlet-personal a,.vector-user-menu-popup a{color:rgba(255,255,255,0.92)!important;-webkit-text-fill-color:rgba(255,255,255,0.92)!important}
.vector-header a:hover,.mw-header a:hover{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
.vector-header-logo{display:flex!important;align-items:center!important}
.vector-header-logo::after{content:"WikiPsilocybin"!important;color:rgba(255,255,255,0.95)!important;-webkit-text-fill-color:rgba(255,255,255,0.95)!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;font-size:1.2em!important;font-weight:800!important;letter-spacing:-0.03em!important;white-space:nowrap!important;margin-left:10px!important}