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.
/* All CSS here will be loaded for users of the Timeless skin */ @import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap"); @import url("https://fonts.googleapis.com/css?family=VT323&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap"); @font-face { font-family: "IBM VGA 8x16"; src: url(fonts/WebPlus_IBM_VGA_8x16.woff) format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Droid Sans Mono"; src: url(fonts/DroidSansMono.ttf) format("ttf"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "VCR"; src: url(fonts/Vcr.ttf) format("ttf"); font-weight: normal; font-style: normal; font-display: swap; } ::selection { background: hsl(335, 94%, 53%) !important; } ::-webkit-scrollbar { width: 7px; height: 7px; } ::-webkit-scrollbar-thumb { background-color: hsl(335, 94%, 53%); border-radius: 15px; border: 1px solid transparent; background-clip: content-box; } ::-webkit-scrollbar-track { margin: 10px; } ::selection { background: hsl(210, 100%, 50%); text-shadow: none; } /*screen effect*/ @media screen and (min-width: 1100px) { #mw-content { height: calc(100vh - 160px); overflow-y: auto; } } /*fix visual editor toolbar with screen effect*/ .ve-init-mw-desktopArticleTarget-toolbar { position: absolute; left: 304px; right: 103px; } /*keeps footer at bottom - messes up image viewer #mw-wrapper { display: flex; min-height: 100vh; flex-direction: column; } */ /*footer fixes to prevent sidebar run on*/ .mw-footer ul, .mw-footer li { margin: 0; float: right; clear: both; } #mw-footer { display: grid; } #footer-places { display: none; } #footer-poweredbyico { clear: none; } #footer-info-copyright { display: none; } #footer-icons { display: none; } /* no footer */ #mw-footer-container { display: none; } .mw-body dt { font-family: inherit; } .mw-body h1.firstHeading { overflow-wrap: break-word; } /*Hide categories on home page*/ .page-Home #catlinks { display: none !important; } #mw-content-container { flex: 1; } a.external { word-wrap: break-word; } ul#filetoc { background: transparent; border: none; padding: 0; display: inline; } ::placeholder { color: hsl(0, 0%, 83%); } /*fixes to people infoboxes*/ .infobox .nowrap { white-space: nowrap; padding-right: 10px; } .ext-related-articles-card { background-color: hsl(205, 100%, 41%) !important; background-image: radial-gradient( hsl(205, 88%, 12%), black 200% ) !important; border: 1px solid hsl(194, 100%, 50%) !important; border-radius: 15px !important; box-shadow: 0 0 14px rgb(14 119 192 / 75%), inset 0 0 14px rgb(14 119 192 / 75%) !important; } .ra-read-more h2, .ext-related-articles-card-list h3, .ext-related-articles-card-list h3 a { color: hsl(335, 94%, 53%) !important; } .ext-related-articles-card-list h3:after { background-image: none !important; } .ext-related-articles-card-list .ext-related-articles-card-thumb { border-bottom-left-radius: 15px !important; border-top-left-radius: 15px !important; } .ext-related-articles-card-list .ext-related-articles-card-extract { color: inherit !important; } /* general UI theming - needs tinkering .oo-ui-inputWidget-input { border: 1px solid #f81472 !important; border-radius: 15px !important; box-shadow: 0px 0px 14px rgb(192 14 170 / 75%), inset 0 0 14px rgb(246 21 115) !important; background: inherit !important; color: hsl(0,0%,83%) !important; } .oo-ui-window-frame { background-image: radial-gradient(hsl(205,88%,12%),black 200%); border: 1px solid #F81472 !important; border-radius: 15px !important; box-shadow: 0px 0px 14px rgb(192 14 170 / 75%), inset 0 0 14px rgb(246 21 115) !important; } .oo-ui-buttonElement-button { background-color: inherit !important; border: 0 !important; color: #fff !important; } .oo-ui-window-frame:after { content: ""; position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; background: repeating-linear-gradient( 0deg, rgba(0, 128, 255, 0), rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0) 7px ); } .oo-ui-messageDialog-message { color: inherit; } #editpage-copywarn { padding-top: 1em; } #mw-search-top-table .oo-ui-actionFieldLayout-input { padding-right: 1em; } .editOptions { border: 0 !important; background: inherit !important; color: inherit !important; } */ #simpleSearch { border: 1px solid hsl(194, 100%, 50%); border-radius: 15px; box-shadow: 0 0 14px rgb(14 119 192 / 75%), inset 0 0 14px rgb(14 119 192 / 75%); background: inherit; background-color: hsl(205, 100%, 41%); background-image: radial-gradient(hsl(205, 88%, 12%), black 200%); } #simpleSearch::after { content: ""; position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; background: repeating-linear-gradient( 0deg, rgba(0, 128, 255, 0), rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0) 7px ); pointer-events: none; } #searchInput { color: hsl(0, 0%, 83%); } #bandcamp, #bandcamp-album { position: relative; z-index: 1; max-width: 300px; } .sc-wrapper { display: flex; justify-content: center; z-index: 1; position: relative; } #youtube-outer { background-position: center; background-size: contain; background-repeat: no-repeat; border-radius: 1%; background-image: url(/images/7/75/Television.png); width: 448px; height: 408px; position: relative; float: none; margin: 0 auto; margin-bottom: 1em; clear: both; z-index: 1; } .infobox #youtube-outer { width: 300px !important; height: 273px !important; } .infobox-below { text-align: left !important; } @media screen and (max-width: 1400px) { #youtube-outer { width: 329px; height: 300px; } } .youtube-middle { border-radius: 3%; position: absolute; z-index: -1; top: 10%; left: 9%; background-color: transparent !important; width: 82%; height: 75%; } .rt-settingsLink { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F81472' d='M20 14.5v-2.9l-1.8-.3c-.1-.4-.3-.8-.6-1.4l1.1-1.5-2.1-2.1-1.5 1.1c-.5-.3-1-.5-1.4-.6L13.5 5h-2.9l-.3 1.8c-.5.1-.9.3-1.4.6L7.4 6.3 5.3 8.4l1 1.5c-.3.5-.4.9-.6 1.4l-1.7.2v2.9l1.8.3c.1.5.3.9.6 1.4l-1 1.5 2.1 2.1 1.5-1c.4.2.9.4 1.4.6l.3 1.8h3l.3-1.8c.5-.1.9-.3 1.4-.6l1.5 1.1 2.1-2.1-1.1-1.5c.3-.5.5-1 .6-1.4l1.5-.3zM12 16c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z'/%3E%3C/svg%3E"); } .rt-tooltip { background-color: hsl(205, 100%, 41%); background-image: radial-gradient(hsl(205, 88%, 12%), black 200%); border: 1px solid hsl(194, 100%, 50%); border-radius: 15px; font-size: 14px; box-shadow: 0 0 14px rgb(14 119 192 / 75%), inset 0 0 14px rgb(14 119 192 / 75%); color: inherit; } .rt-tooltip::after { content: ""; position: inherit; top: 0; left: 0; margin: 0; width: 100%; height: 100%; background: repeating-linear-gradient( 0deg, rgba(0, 128, 255, 0), rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0) 7px ); pointer-events: none; } .rt-tooltipTail { display: none; } .mwe-popups { background: transparent; border: 1px solid hsl(194, 100%, 50%); border-radius: 15px; } .mwe-popups-container { background-color: hsl(193, 100%, 5%) !important; background-image: radial-gradient( hsl(208, 100%, 12%), black 100% ) !important; border: 1px solid hsl(194, 100%, 50%); border-radius: 15px; box-shadow: 0 0 14px rgb(14 119 192 / 75%), inset 0 0 14px rgb(14 119 192 / 75%); font-size: 14px; } .mwe-popups-container::after { content: ""; position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; background: repeating-linear-gradient( 0deg, rgba(0, 128, 255, 0), rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0) 7px ); pointer-events: none; } .mwe-popups-extract:hover { color: hsl(192, 100%, 50%) !important; } .mwe-popups .mwe-popups-extract[dir="ltr"]:after { background-image: none !important; } .mwe-popups .mwe-popups-container { clip-path: none; } .mwe-popups.mwe-popups-is-not-tall .mwe-popups-thumbnail { border-top-left-radius: 15px; border-top-right-radius: 15px; width: 318px; z-index: 1; position: relative; } .mwe-popups.mwe-popups-is-tall .mwe-popups-discreet .mwe-popups-thumbnail { border-top-right-radius: 15px; border-bottom-right-radius: 15px; z-index: 1; position: relative; } .mwe-popups .mwe-popups-extract { color: hsl(0, 0%, 83%); } .oo-ui-icon-settings, .mw-ui-icon-settings:before { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F81472' d='M20 14.5v-2.9l-1.8-.3c-.1-.4-.3-.8-.6-1.4l1.1-1.5-2.1-2.1-1.5 1.1c-.5-.3-1-.5-1.4-.6L13.5 5h-2.9l-.3 1.8c-.5.1-.9.3-1.4.6L7.4 6.3 5.3 8.4l1 1.5c-.3.5-.4.9-.6 1.4l-1.7.2v2.9l1.8.3c.1.5.3.9.6 1.4l-1 1.5 2.1 2.1 1.5-1c.4.2.9.4 1.4.6l.3 1.8h3l.3-1.8c.5-.1.9-.3 1.4-.6l1.5 1.1 2.1-2.1-1.1-1.5c.3-.5.5-1 .6-1.4l1.5-.3zM12 16c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z'/%3E%3C/svg%3E") !important; } .tracklist { border-collapse: collapse; } .tracklist-number-header { border-top-left-radius: 15px; } .tracklist-length-header { border-top-right-radius: 15px; } .tracklist-total-length th { border-bottom-left-radius: 15px; } .tracklist-total-length td { border-bottom-right-radius: 15px; } .tracklist caption { padding-bottom: 5px; } .tracklist th { background-color: inherit !important; background-image: inherit !important; } .tracklist tr { background-color: transparent !important; } .tracklist tr:nth-child(2n-1) { background-color: #052540 !important; } .tracklist tr.tracklist-total-length { background-image: none; } .tracklist-total-length th > span { background-color: transparent !important; } .tracklist tr:first-of-type, .tracklist tr:last-of-type, .tracklist-total-length td { background-color: #00000029 !important; } .tracklist tbody { border-radius: 15px; box-shadow: 0 0 0 2px #00000029; } .mw-mmv-post-image, .mw-mmv-image-metadata { color: inherit !important; background-color: hsl(205, 100%, 41%) !important; background-image: radial-gradient( hsl(205, 88%, 12%), black 200% ) !important; box-shadow: 0 0 14px rgb(14 119 192 / 75%), inset 0 0 14px rgb(14 119 192 / 75%) !important; border-top: 1px solid hsl(194, 100%, 50%); } .mw-mmv-image-metadata-desc-column { width: 100%; } .mw-mmv-above-fold { border-top: 1px solid hsl(194, 100%, 50%); } .mw-mmv-image-metadata-links-column { float: none; } .mw-mmv-credit, .mw-mmv-image-desc { color: inherit; } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: hsl(335, 94%, 53%); } .mw-mmv-post-image::after { content: ""; position: inherit; top: 0; left: 0; margin: 0; width: 100%; height: 100%; background: repeating-linear-gradient( 0deg, rgba(0, 128, 255, 0), rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0) 7px ); pointer-events: none; } kbd { background: transparent !important; font-family: inherit !important; } .wikitable { background: unset; background-color: unset; color: unset; border: 1px solid hsl(335, 94%, 53%); background-image: radial-gradient( hsl(205, 100%, 6%), black 200% ) !important; } .wikitable td ul, .wikitable td ol, .wikitable td dl { text-align: left; } .scroll-left.overflowed .content-table-left, .scroll-right.overflowed .content-table-right { border-left: 0; } .mw-body-content a > img, .mw-body-content .floatnone > img { position: relative; z-index: 1; } .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .mw_metadata, .wikitable, .mw-datatable { color: inherit !important; background: inherit !important; border: initial; } .mw_metadata > tr > th, .mw-datatable > tr > th, .wikitable > tr > th, .mw_metadata > tr > td, .mw-datatable > tr > td, .wikitable > tr > td, .mw_metadata > * > tr > th, .mw-datatable > * > tr > th, .wikitable > * > tr > th, .mw_metadata > * > tr > td, .mw-datatable > * > tr > td, .wikitable > * > tr > td { border: 1px solid hsl(335, 94%, 53%) !important; background-image: radial-gradient( hsl(205, 100%, 6%), black 200% ) !important; } .curved-table .wikitable { border-collapse: inherit !important; border-spacing: 0; padding: 0.5em; width: -webkit-fill-available; width: -moz-available; } .chart-table tr:first-of-type th:first-of-type { border-top-left-radius: 15px; border-top-right-radius: 15px; } .chart-table tr:last-of-type td:first-of-type { border-bottom-left-radius: 10px; } .chart-table tr:last-of-type td:last-of-type { border-bottom-right-radius: 10px; } .page-The_Midnight_discography ul ul { margin-top: 0; } .curved-table .wikitable ol { margin: 0.3em 0 0 2.2em; } .curved-table .wikitable li { margin-bottom: 0.1em; } .curved-table tbody { box-shadow: 0 0 14px rgb(192 14 170 / 75%), inset 0 0 14px rgb(246 21 115) !important; border-radius: 15px !important; } /* .curved-table th:first-of-type { border-top-left-radius: 15px !important; } .curved-table th:last-of-type { border-top-right-radius: 15px !important; } .curved-table tr:last-of-type td:first-of-type { border-bottom-left-radius: 15px !important; } */ th { background-color: hsl(335, 94%, 53%) !important; background-image: radial-gradient( hsl(205, 100%, 6%), black 200% ) !important; } td { background-color: initial !important; } .toccolours th, .toccolours td { width: auto !important; vertical-align: middle !important; padding-right: 0 !important; border: 1px solid hsl(335, 94%, 53%) !important; } .toccolours th { text-align: center !important; } .toccolours td { padding-left: 1em; } .toccolours { border: none !important; background: inherit !important; border-collapse: collapse; background-image: radial-gradient( hsl(205, 100%, 6%), black 200% ) !important; } #personal .dropdown, .mw-mmv-dialog { background-color: hsl(205, 100%, 41%); background-image: radial-gradient(hsl(205, 88%, 12%), black 200%); border: 1px solid hsl(194, 100%, 50%); border-radius: 15px; box-shadow: 0 0 14px rgb(14 119 192 / 75%), inset 0 0 14px rgb(14 119 192 / 75%); } #personal .dropdown::after { content: ""; position: inherit; top: 0; left: 0; margin: 0; width: 100%; height: 100%; background: repeating-linear-gradient( 0deg, rgba(0, 128, 255, 0), rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0) 7px ); pointer-events: none; border-bottom: none; border-left: none; border-right: none; } #personal .dropdown::before { content: ""; border-bottom: none; border-left: none; border-right: none; } @media (min-width: 1100px) { #personal-inner { margin-top: 12px !important; right: -0.6em !important; } #user-tools { min-width: 16em; } } .mw-mmv-dialog-down-arrow { display: none; } .mw-mmv-options-dialog-header { color: hsl(335, 94%, 53%); } .mw-mmv-options-text-header, .mw-mmv-options-text-body, .mw-ui-button.mw-ui-quiet { color: inherit; } .mw-mmv-dialog .mw-mmv-dialog-warning, .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: unset !important; } .mw-mmv-download-pane .mw-mmv-download-area { padding-bottom: 0; } .mw-mmv-options-dialog::after, .mw-mmv-reuse-dialog::after, .mw-mmv-download-dialog::after { content: ""; position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; background: repeating-linear-gradient( 0deg, rgba(0, 128, 255, 0), rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0) 7px ); pointer-events: none; } ol.references li:target, sup.reference:target { background-color: hsl(327, 94%, 53%); } .diff-addedline .diffchange { background: hsl(327, 94%, 53%); } .diff-context { background: hsl(327, 94%, 53%); border-color: hsl(194, 100%, 50%); color: inherit; } #searchButton, #mw-searchButton, #personal h2 { background-size: 25px; } .thumbinner > a { display: flex; justify-content: center; } cite > a, .mw-parser-output a.extiw, .mw-parser-output a.extiw:active, .mw-parser-output a.external { color: hsl(192, 100%, 50%) !important; } #polaroid-gallery .thumbcaption { font-family: "Bradley Hand ITC", "Nanum Pen Script"; color: black; text-shadow: none; font-size: 22px; } .thumbcaption { font-weight: bold; text-wrap: balance; text-align: center !important; } .thumbcaption a { color: hsl(200,100%,50%) !important; } #polaroid-gallery .thumbimage { border: solid 1px #eaecf0 !important; border-radius: 0; box-shadow: none; padding: 0; aspect-ratio: 1 / 1; object-fit: cover; width: 100%; } .thumbimage { border: 1px solid #f81472 !important; border-radius: 15px; box-shadow: 0 0 14px 1px rgb(192 14 170 / 75%), inset 0 0 14px 1px rgb(246 21 115); padding: 1px; } #polaroid-gallery .thumbinner { background-color: hsl(0, 0%, 90%); border-top: 1px solid hsl(0, 0%, 100%); border-left: 1px solid hsl(0, 0%, 100%); border-right: 1px solid hsl(0, 0%, 47%); border-bottom: 1px solid hsl(0, 0%, 47%); box-shadow: 0 4px 15px 4px rgb(0 0 0 / 30%); transform-origin: center center; width: 250px !important; padding: 0.75em; } .borderless-img-with-caption .thumbimage { border: 0 !important; box-shadow: none; } .thumbinner { position: relative; z-index: 95; background: none; border: 0; border-width: 0; } .mw-content-ltr .magnify { display: none; } a { color: hsl(192, 100%, 50%); } a:hover { color: hsl(192, 100%, 50%) !important; } a:visited { color: hsl(192, 100%, 50%); } #bodyContentOuter { z-index: unset; } /* #p-logo { display: none; } */ ol.references > li { word-wrap: break-word; } /* make entire header logo linkable */ #p-logo-text { max-width: 302px !important; } #p-logo-text a { font-family: "Press Start 2P", monospace !important; color: hsl(335, 94%, 53%); font-variant: unset; font-size: 1.25em !important; padding: unset !important; width: max-content; } #p-logo img, #p-banner img { filter: drop-shadow(0px 3px 1px rgb(192 14 170 / 75%)); } .mw-editsection { font: 13px/20px monospace !important; background-image: none; padding-left: 0; text-shadow: none; } .mw-body { word-wrap: unset; } .mw-body h2 { border-bottom: 1px solid hsl(194, 100%, 50%); } .mw-body h1.firstHeading { border-bottom: 1px solid hsl(194, 100%, 50%); } .tools-inline li.selected a { color: hsl(335, 94%, 53%); } .tools-inline li.selected { border-bottom: none; } .tools-inline li { border-bottom: none; } h1, h2, h3, h4, h5, h6 { color: hsl(335, 94%, 53%); font-family: "Press Start 2P", monospace !important; text-shadow: 3px 0 rgb(192 14 170 / 75%); letter-spacing: -1px; } h3 { letter-spacing: 0.5px; } .mw-body h2, .mw-body h3 { clear: left; } .mw-body h2, .mw-body h3, .mw-body h4 { text-wrap: balance; } .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after { border-bottom: 1px solid hsl(194, 100%, 50%) !important; } #mw-header-container { background-color: inherit; background-image: inherit; position: relative; } .mw-footer-container { border-top: none; } #mw-header-hack { display: none; } #mw-content-container { background-color: inherit; background-image: inherit; background-repeat: unset; border-bottom: none !important; margin-top: unset; padding-bottom: 0 !important; } #mw-content { background-color: hsl(205, 100%, 41%); background-image: radial-gradient(hsl(205, 88%, 12%), black 200%); border: 1px solid hsl(194, 100%, 50%); border-radius: 15px; box-shadow: 0 0 14px rgba(14, 119, 192, 0.75), inset 0 0 14px rgba(14, 119, 192, 0.75); } .sidebar-chunk { background-color: unset !important; background-image: unset !important; border: unset !important; border-radius: unset !important; box-shadow: unset !important; } .toc { background-color: hsl(205, 100%, 41%) !important; background-image: radial-gradient( hsl(205, 88%, 12%), black 200% ) !important; border: 1px solid hsl(194, 100%, 50%) !important; border-radius: 15px !important; box-shadow: 0 0 14px rgba(14, 119, 192, 0.75), inset 0 0 14px rgba(14, 119, 192, 0.75) !important; } .mw-body .toctitle { border-bottom: 1px solid hsl(194,100%,50%); } .sidebar-chunk h3 { font-size: 0.9em !important; border-bottom: 1px solid hsl(194, 100%, 50%) !important; } #mw-header-nav-hack { display: none; } body { background-color: hsl(193, 100%, 5%); background-image: radial-gradient(hsl(208, 100%, 12%), black 100%); font-family: 'VCR', monospace; font-size: 14px; letter-spacing: 1px;*/ line-height: 20px; text-shadow: 0 0 5px #f81472; color: #f8f8ff !important; } body::after { content: ""; position: fixed; top: 0; left: 0; margin: 0; width: 100vw; height: 100vh; background: repeating-linear-gradient( 0deg, rgba(0, 128, 255, 0), rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0) 7px ); pointer-events: none; } /* One-sided navigation menu */ @media (min-width: 1100px) { #mw-content-block { display: block; } #mw-content, #content-bottom-stuff { margin-left: 14em; margin-right: 1em; } #mw-content { margin-top: 1em; } #mw-content-wrapper { float: right; margin-left: -14em; width: 100%; } #mw-related-navigation { width: 14em; padding: 0 1em 0 0; } div.color-middle { margin-right: 0; } .mw-wiki-logo { display: inline-block; } #mw-site-navigation .sidebar-chunk { margin: 2em 0; } } #p-pagemisc { display: none; } /* Re-aligning bottom logos */ #footer { padding-right: 1em; } #catlinks { display: block !important; } #catlinks-sidebar { display: none; } @media screen and (min-width: 851px) and (max-width: 1099px) { #p-banner { left: -0.8em; } #mw-content-container { margin-top: -2.7em; } #mw-content { height: calc(100vh - 130px); overflow-y: auto; } #content-bottom-stuff { display: none; } } /*fixed sidebar*/ @media screen and (min-width: 1100px) { #p-banner { display: none !important; } #mw-header-container { z-index: 2; } #mw-site-navigation { position: fixed; top: 0; z-index: 3; } #mw-site-navigation .sidebar-chunk { margin: 0; } #mw-related-navigation { position: fixed; top: 29em; z-index: 3; } #site-tools { margin-top: -25px !important; } #page-tools { margin: 1em 0 !important; } #p-templatescript-0-label { display: none; } #p-templatescript-0 .mw-portlet-body { position: fixed; top: 367px; } } #t-cite { display: none; } @media screen and (max-width: 1100px) { .sidebar-inner { background-color: hsl(205, 100%, 41%) !important; background-image: radial-gradient( hsl(205, 88%, 12%), black 200% ) !important; border: 1px solid hsl(194, 100%, 50%) !important; border-radius: 15px !important; box-shadow: 0 0 14px rgb(14 119 192 / 75%), inset 0 0 14px rgb(14 119 192 / 75%) !important; } .sidebar-inner::after { content: "" !important; position: inherit !important; top: 0 !important; left: 0 !important; margin: 0 !important; width: 100% !important; height: 100% !important; background: repeating-linear-gradient( 0deg, rgba(0, 128, 255, 0), rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0) 7px ) !important; pointer-events: none !important; border-bottom: none !important; border-left: none !important; border-right: none !important; } .sidebar-inner::before { content: none !important; } #mw-site-navigation .sidebar-chunk h2 span:before, #mw-site-navigation .sidebar-chunk h2 span:after { content: none !important; } #p-banner { position: relative; } } @media screen and (max-width: 850px) { #mw-content-block { background: unset; } #mw-content { border-radius: unset; border: unset; border-top: 1px solid hsl(194, 100%, 50%); border-bottom: 1px solid hsl(194, 100%, 50%); } #site-navigation h2 { right: 3em; left: unset; background-size: 85%; } #site-tools { display: none; } #p-logo-text { left: unset; } #site-navigation .sidebar-inner { right: 0; left: unset; } .mw-body h1.firstHeading { overflow-wrap: anywhere; } #bodyContent { padding-right: 1em; padding-left: 1em; } .thumbinner { max-width: 325px; } .thumb { margin: unset; } #content-bottom-stuff { display: none; } #mw-content { height: calc(100dvh - 96px); overflow-y: auto; } .mw-body h1.firstHeading { text-align: center; } h1 { font-size: 1.8rem !important; } h2 { font-size: 1.5rem !important; } h3 { font-size: 1.2rem !important; } h4, h5, h6 { font-size: 100% !important; } } @media screen and (min-width: 851px) { #personal { bottom: 0.5em; } #mw-header-container { padding: 1em 0 0; } } @media screen and (max-width: 850px) { #user-tools h2, .sidebar-chunk h2 { top: 0.5em; } } /* Front page logo animation - templatestyles rejected some of the rules, so placing here */ #monitor-out { position: relative; z-index: 1; } #monitor { position: relative; width: 450px; height: 440px; border-radius: 1%; background: url(/images/b/bf/Monitor.png); background-size: contain; background-repeat: no-repeat; margin: 0 auto; } .inner { position: absolute; background-image: radial-gradient(ellipse, hsl(205, 96%, 22%), black 90%); background-image: radial-gradient(hsl(223, 100%, 55%), black 120%); top: 48px; left: 48px; width: 353px; height: 326px; border-radius: 3%; z-index: -1; } .inner::after { content: " "; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: repeating-linear-gradient( 0deg, rgba(0, 128, 255, 0), rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0) 7px ); opacity: 0; z-index: 2; animation: flicker 0.15s infinite; } .scan-line { top: -100px; left: 0; right: 0; width: 100%; height: 100px; z-index: 8; background: linear-gradient( 0deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.2) 10%, rgba(0, 0, 0, 0.1) 100% ); opacity: 0.1; position: absolute; animation: scan-line 8s linear infinite; } .vline { top: 0; left: 0; right: 0; width: 100%; height: 100%; position: absolute; z-index: 4100; } .vline::before { content: ""; position: absolute; top: 0; width: 100%; height: 4px; background: hsl(0, 0%, 100%); background: -webkit-linear-gradient( to bottom, rgba(255, 0, 0, 0) 0%, rgba(255, 250, 250, 1) 50%, rgba(255, 255, 255, 0.98) 51%, rgba(255, 0, 0, 0) 100% ); background: linear-gradient( to bottom, rgba(255, 0, 0, 0) 0%, rgba(255, 250, 250, 1) 50%, rgba(255, 255, 255, 0.98) 51%, rgba(255, 0, 0, 0) 100% ); opacity: 0.2; animation: vline 8s linear infinite; } .vline::after { content: ""; top: 0; left: 0; right: 0; width: 100%; height: 4px; position: absolute; box-shadow: 0 2px 6px rgba(25, 25, 25, 0.2), inset 0 1px rgba(50, 50, 50, 0.1), inset 0 3px rgba(50, 50, 50, 0.05), inset 0 3px 8px rgba(64, 64, 64, 0.05), inset 0 -5px 10px rgba(25, 25, 25, 0.1); } .terminal { font-family: "VT323"; text-align: left; position: relative; left: 24px; width: 310px; } .terminal h1 { font-family: "VT323" !important; font-weight: bold; border-right: 14px solid hsl(335, 94%, 53%); position: relative; color: hsl(335, 94%, 53%); font-size: 33px; overflow: hidden; white-space: nowrap; letter-spacing: 2px; box-sizing: border-box; animation: typing 8s steps(12, end) forwards, blink-cursor 0.8s step-end infinite; } .terminal h1::before, .terminal h1::after { content: attr(title); position: absolute; left: 0; } .computer-logo { position: absolute; left: 56px; top: 130px; width: 250px; height: 100%; background-image: url(/logo.svg); background-repeat: no-repeat; background-size: contain; animation: logo 8s linear; /*filter: drop-shadow(0 0.2rem hsl(205, 100%, 41%)); */ } @keyframes vline { 0% { top: 0; opacity: 0; } 79% { top: 0; opacity: 0; } 80% { top: 0; opacity: 0.2; } 99% { top: 100%; opacity: 0.2; } 100% { top: 100%; opacity: 0; } } @keyframes flicker { 0% { opacity: 0.27861; } 5% { opacity: 0.34769; } 10% { opacity: 0.23604; } 15% { opacity: 0.90626; } 20% { opacity: 0.18128; } 25% { opacity: 0.83891; } 30% { opacity: 0.65583; } 35% { opacity: 0.67807; } 40% { opacity: 0.26559; } 45% { opacity: 0.84693; } 50% { opacity: 0.96019; } 55% { opacity: 0.08594; } 60% { opacity: 0.20313; } 65% { opacity: 0.71988; } 70% { opacity: 0.53455; } 75% { opacity: 0.37288; } 80% { opacity: 0.71428; } 85% { opacity: 0.70419; } 90% { opacity: 0.7003; } 95% { opacity: 0.36108; } 100% { opacity: 0.24387; } } @keyframes scan-line { 0% { top: -100px; } 80% { top: -100px; } 100% { top: calc(100% - 50px); } } @keyframes blink-cursor { 0% { border-color: transparent; } 50% { border-color: hsl(335, 94%, 53%); } } @keyframes typing { 0% { width: 0; } 20% { width: 100%; content: attr(title); } 100% { width: 100%; content: attr(title); } } @keyframes logo { 0% { opacity: 0; } 99% { opacity: 0; } 100% { opacity: 1; } } @media only screen and (max-width: 1400px) { #monitor { width: 330px; height: 322px; } .inner { top: 38px; left: 38px; width: 253px; height: 226px; } .terminal { left: 14px; width: 220px; } .computer-logo { left: 22px; top: 85px; width: 200px; } .terminal h1 { font-size: 22px !important; } } /* Tour gallery code */ #tour-gallery ul { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; gap: 35px; list-style-type: none; } .poster-gallery { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; gap: 35px; list-style-type: none; } .infobox { box-shadow: 0px 0px 14px rgb(192 14 170 / 75%), inset 0 0 14px rgb(246 21 115); border: 1px solid #f81472; border-spacing: 3px; background-image: radial-gradient(#001321, black 200%); border-radius: 15px; margin: 0.5em 0 0.5em 1em; padding: 0.5em; float: right; clear: both; font-size: 88%; line-height: 1.5em; width: 24em; } .infobox th { background-color: unset !important; background-image: unset !important; } .infobox-header, .infobox-label, .infobox-above, .infobox-full-data, .infobox-data, .infobox-below, .infobox-subheader, .infobox-image, .infobox-navbar, .infobox th, .infobox td { vertical-align: top; } .infobox-label, .infobox-data, .infobox th, .infobox td { text-align: left; } .infobox .infobox-above, .infobox .infobox-title, .infobox caption { font-size: 125%; font-weight: bold; text-align: center; } .infobox-title, .infobox caption { padding: 0.2em; } .infobox .infobox-header, .infobox .infobox-subheader, .infobox .infobox-image, .infobox .infobox-full-data, .infobox .infobox-below { text-align: center; } .infobox .infobox-navbar { text-align: right; } .infobox .mw-collapsible-toggle { float: none; } .hidden-content.mw-collapsible-content p { display: none; } .wrapper img { aspect-ratio: 347 / 145; max-width: 347px; width: 88% !important; height: revert !important; } .glow-logo { position: absolute; animation: imageBlinker 10s ease-in-out; /*opacity: 0.6;*/ filter: drop-shadow(0px 3px 20px rgb(192 14 170 / 85%)); } @keyframes imageBlinker { 0% { opacity: 0; } 10% { opacity: 0.6; } 15% { opacity: 0; } 20% { opacity: 0.6; } 25% { opacity: 0; } 30% { opacity: 0.6; } 35% { opacity: 0.6; } 40% { opacity: 0.6; } 45% { opacity: 0; } 50% { opacity: 0.6; } 55% { opacity: 0.6; } 60% { opacity: 0; } 65% { opacity: 0.6; } 70% { opacity: 0; } 75% { opacity: 0.6; } 80% { opacity: 0.6; } 85% { opacity: 0.6; } 90% { opacity: 0; } 92% { opacity: 0.6; } 96% { opacity: 0; } 100% { opacity: 0.4; } } .sign-logo { position: absolute; filter: brightness(0.5); } .wrapper { height: 150px; display: flex; align-items: center; justify-content: center; } .tabber__tab, .tabber__tab:visited { color: #f81472; } .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: hsl(192, 100%, 50%); } .tabber__indicator { background: none; } .tabber__header { box-shadow: none; border-bottom: 1px solid hsl(194, 100%, 50%); } .tabber__header__next:after { background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 1L5.6 2.5 13 10l-7.4 7.5L7 19l9-9z' style='fill: rgb(248, 20, 114);'/%3e%3c/svg%3e") !important; } .tabber__header__prev:after { background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 10l9 9 1.4-1.5L7 10l7.4-7.5L13 1z' style='fill: rgb(248, 20, 114);'/%3e%3c/svg%3e") !important; } .hidden-image { display: none; } .infobox-tabber .tabber__header { border-bottom: 0; } @media screen and (min-width: 851px) { .infobox-tabber .tabber { width: 25em; float: right; padding-left: 1em; } .infobox-tabber .tabber__header { width: 22em; margin-left: 15px; } } h2:has(> #References) { clear: both; } .poem p { letter-spacing: -1px; } .navbox-inner { box-shadow: 0px 0px 14px rgb(192 14 170 / 75%), inset 0 0 14px rgb(246 21 115); } .navbox-inner .fn.org { font-size: 100% !important; margin: 0 !important; } .video-wrapper { display: flex; flex-direction: column; align-items: center; } .video-outer { background-position: center; background-size: contain; background-repeat: no-repeat; border-radius: 1%; background-image: url(/images/7/75/Television.png); width: 100%; max-width: 500px; position: relative; float: none; clear: both; z-index: 1; aspect-ratio: 4 / 3; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; } .infobox .video-outer { width: 300px !important; height: 273px !important; } .video-outer video { position: relative; width: 74%; background: black; top: -2%; border-radius: 3%; object-fit: fill; aspect-ratio: 4 / 3; } .video-outer video:fullscreen, .video-outer video:-webkit-full-screen { object-fit: contain !important; border-radius: 0; } .video-wrapper .caption { margin: 0; font-weight: bold } p:empty { display: none; } .cp-wrapper { border: 1px solid #f81472; border-radius: 15px; padding: 1em; box-shadow: 0 0 14px rgb(192 14 170 / 75%), inset 0 0 14px rgb(246 21 115); background-image: radial-gradient(#001321, black 200%); } /*remove Atom RSS link on history pages*/ #feedlinks { display: none; } /*Search bar styling*/ .suggestions { border-radius: 15px; border: 1px solid hsl(194, 100%, 50%); box-shadow: 0 0 14px rgb(14 119 192 / 75%), inset 0 0 14px rgb(14 119 192 / 75%); } @media (min-width: 1100px) { .suggestions { margin-top: 12px; } } .suggestions:after { content: ""; position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; background: repeating-linear-gradient( 0deg, rgba(0, 128, 255, 0), rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0.1) 4px, rgba(0, 128, 255, 0) 7px ); pointer-events: none; } .suggestions-results { background-image: radial-gradient(hsl(205, 88%, 12%), black 200%); border: 0; } #searchInput:focus { outline: none; border: 3px solid #f81472; border-radius: 15px; box-shadow: 0px 0px 14px rgb(192 14 170 / 75%), inset 0 0 14px rgb(246 21 115); } .suggestions .suggestions-result { color: hsl(0, 0%, 83%); } .suggestions .suggestions-results { border: 0; } .suggestions-special { background-image: radial-gradient(hsl(205, 88%, 12%), black 200%); border-left: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-top: 1px solid hsl(194, 100%, 50%) !important; box-shadow: 0 0 14px rgb(14 119 192 / 75%), inset 0 0 14px rgb(14 119 192 / 75%); } .suggestions-special .special-label, .suggestions-special .special-query { color: hsl(0, 0%, 83%); } .suggestions .suggestions-result-current { background-image: radial-gradient(#001321, black 200%); } .mw-code { color: inherit; background-color: inherit; background-image: radial-gradient(#001321, black 200%); box-shadow: 0px 0px 14px rgb(192 14 170 / 75%), inset 0 0 14px rgb(246 21 115); border: 1px solid #f81472; border-radius: 15px; overflow-wrap: anywhere; } .tour-listing { display: flex; align-items: center; gap: 1em; padding: 1em; } .merch-gallery { display: flex; flex-wrap: wrap; align-items: flex-start; } .merch-gallery .thumbcaption { width: 160px; } .merch-gallery .thumb { margin: 0 !important; padding: 0 !important; } .merch-gallery .thumbimage { background: #49363680; box-shadow: 0px 0px 14px rgb(192 14 170 / 75%); max-height: 170px; aspect-ratio: 1 / 1; padding: 1em; } .merch-gallery .thumbinner { width: auto !important; } .merch-gallery a > img { max-height: 160px; width: 160px; object-fit: contain; } .merch-gallery a { width: 160px; height: 160px; } @media screen and (max-width: 425px) { .merch-gallery { justify-content: center; } } #people-gallery { display: flex; justify-content: center; align-items: center; gap: 1em; flex-wrap: wrap; } @media screen and (max-width: 500px) { .tour-listing { flex-direction: column; } } .page-Home #content { animation: fadeInAnimation cubic-bezier(0.4, 0, 1, 1) 5s; animation-iteration-count: 1; animation-fill-mode: forwards; } @keyframes fadeInAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } .media-group { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); justify-items: center; gap: 1em; text-align: center; text-wrap: balance; } .media-group #bandcamp { max-width: none; } .media-group #bandcamp iframe { border: 1px solid #f81472 !important; border-radius: 15px; box-shadow: 0 0 14px rgb(192 14 170 / 75%), inset 0 0 14px rgb(246 21 115); padding: 1px; } .center-avail-space { width: -webkit-fill-available; width: -moz-available; display: flex; justify-content: center; } .music-wrapper { display: flex; flex-direction: column; align-items: center; } .music-wrapper p { margin: 0; } .music-wrapper .caption { font-weight: bold; } .video-gallery { display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); } .photo-caption .thumbcaption img { width: 200px; } .page-Helvetica { font-family: Helvetica !important; } .page-Helvetica h1, .page-Helvetica h2, .page-Helvetica h3, .page-Helvetica h4, .page-Helvetica h5, .page-Helvetica h6 { font-family: Helvetica !important; } .extra-grid-spacing { grid-column-gap: 1em; } @keyframes flicker { 0% { opacity: 0.27861; } 5% { opacity: 0.34769; } 10% { opacity: 0.23604; } 15% { opacity: 0.90626; } 20% { opacity: 0.18128; } 25% { opacity: 0.83891; } 30% { opacity: 0.65583; } 35% { opacity: 0.67807; } 40% { opacity: 0.26559; } 45% { opacity: 0.84693; } 50% { opacity: 0.96019; } 55% { opacity: 0.08594; } 60% { opacity: 0.20313; } 65% { opacity: 0.71988; } 70% { opacity: 0.53455; } 75% { opacity: 0.37288; } 80% { opacity: 0.71428; } 85% { opacity: 0.70419; } 90% { opacity: 0.7003; } 95% { opacity: 0.36108; } 100% { opacity: 0.24387; } } @keyframes textShadow { 0% { text-shadow: 0.4389924193300864px 0 1px rgba(0,30,255,0.5), -0.4389924193300864px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 5% { text-shadow: 2.7928974010788217px 0 1px rgba(0,30,255,0.5), -2.7928974010788217px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 10% { text-shadow: 0.02956275843481219px 0 1px rgba(0,30,255,0.5), -0.02956275843481219px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 15% { text-shadow: 0.40218538552878136px 0 1px rgba(0,30,255,0.5), -0.40218538552878136px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 20% { text-shadow: 3.4794037899852017px 0 1px rgba(0,30,255,0.5), -3.4794037899852017px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 25% { text-shadow: 1.6125630401149584px 0 1px rgba(0,30,255,0.5), -1.6125630401149584px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 30% { text-shadow: 0.7015590085143956px 0 1px rgba(0,30,255,0.5), -0.7015590085143956px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 35% { text-shadow: 3.896914047650351px 0 1px rgba(0,30,255,0.5), -3.896914047650351px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 40% { text-shadow: 3.870905614848819px 0 1px rgba(0,30,255,0.5), -3.870905614848819px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 45% { text-shadow: 2.231056963361899px 0 1px rgba(0,30,255,0.5), -2.231056963361899px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 50% { text-shadow: 0.08084290417898504px 0 1px rgba(0,30,255,0.5), -0.08084290417898504px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 55% { text-shadow: 2.3758461067427543px 0 1px rgba(0,30,255,0.5), -2.3758461067427543px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 60% { text-shadow: 2.202193051050636px 0 1px rgba(0,30,255,0.5), -2.202193051050636px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 65% { text-shadow: 2.8638780614874975px 0 1px rgba(0,30,255,0.5), -2.8638780614874975px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 70% { text-shadow: 0.48874025155497314px 0 1px rgba(0,30,255,0.5), -0.48874025155497314px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 75% { text-shadow: 1.8948491305757957px 0 1px rgba(0,30,255,0.5), -1.8948491305757957px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 80% { text-shadow: 0.0833037308038857px 0 1px rgba(0,30,255,0.5), -0.0833037308038857px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 85% { text-shadow: 0.09769827255241735px 0 1px rgba(0,30,255,0.5), -0.09769827255241735px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 90% { text-shadow: 3.443339761481782px 0 1px rgba(0,30,255,0.5), -3.443339761481782px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 95% { text-shadow: 2.1841838852799786px 0 1px rgba(0,30,255,0.5), -2.1841838852799786px 0 1px rgba(255,0,80,0.3), 0 0 3px; } 100% { text-shadow: 2.6208764473832513px 0 1px rgba(0,30,255,0.5), -2.6208764473832513px 0 1px rgba(255,0,80,0.3), 0 0 3px; } } #mw-content::after { content: " "; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(18, 16, 16, 0.1); opacity: 0; z-index: 2; pointer-events: none; /* animation: flicker 0.15s infinite;*/ } #mw-content::before { content: " "; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)); z-index: 2; background-size: 100% 2px, 3px 100%; pointer-events: none; } /* #mw-content { animation: textShadow 1.6s infinite; } */ #wpTextbox1 { background: black; color: white; } .factlist { height: -webkit-fill-available; height: -moz-available; }