SCP wiki theme balsalt edited
Name: SCP wiki theme balsalt edited
Author: Nobody 2
License: Creative Commons Attribution-ShareAlike 3.0 License
Tags:
Supports top bar menu *: no
Supports side bar menu *: no
* depends on tags: topbar and sidebar
Description:
The scp wiki theme balsalt, edited by Nobody 2
How to install
- go to: your wiki admin panel » appearance » themes
- choose External CSS theme
- supply the following URL as the CSS location
http://themes.wdfiles.com/local--code/scp-theme-basalt-edited
Code
/* ____ _ _ */ /* | _ \ | | | */ /* | |_) | __ _ ___ __ _| | |_ */ /* | _ < / _` / __|/ _` | | __| */ /* | |_) | (_| \__ \ (_| | | |_ */ /* |____/ \__,_|___/\__,_|_|\__| */ /* */ /* ============================== */ /* */ /* [2021 Wikidot Theme] */ /* Version 2.0.2 */ /* */ /* by Liryn, Placeholder McD */ /* with thanks to EstrellaYoshte */ /* */ /* Built on Bedrock */ /* */ /*-----------------*/ /*---- IMPORTS ----*/ /*-----------------*/ @import url('https://basalt-team.github.io/Basalt/normalize-min.css'); @import url('https://basalt-team.github.io/Basalt/basalt-bedrock-min.css'); @import url('https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); :root { /*----------------------*/ /*---- BEDROCK VARS ----*/ /*----------------------*/ --header-logo: var(--logo); --logo: url('http://nobody2.wdfiles.com/local--files/start/logo-n2'); --header-title: var(--title); --header-subtitle: var(--subtitle); --title: "NOBODY 2的博客"; --subtitle: "当你在凝视深渊的时候,深渊也在凝视你。"; --main-content-width: 60rem; --main-content-top-margin: 1.5rem; --base-font-size: .875rem; --bottom-area-padding: calc(var(--true-font-size)*2); --side-bar-width: 17rem; --basalt-page-content-font-weight: 440; --header-font-primary: var(--UI-font-primary); --UI-font-primary: 'Sofia Sans'; --basalt-overtone: 10, 10, 11; --basalt-undertone: var(--basalt-bright-element-color); --basalt-UI-dark-palette: 50, 50, 51; --basalt-bright-element-color: 150, 24, 43; --basalt-dark-element-color: 105, 17, 30; --basalt-alternate-color: 221, 119, 17; --basalt-primary-color: 252, 252, 252; --basalt-secondary-color: 240, 240, 244; --basalt-tertiary-color: 229, 229, 238; --basalt-main-text-color: 35, 35, 38; --title-border-color: var(--basalt-overtone); --license-area-divider-color: var(--basalt-overtone); --footer-divider-color: var(--basalt-overtone); --search-icon-color: var(--basalt-overtone); --hr-color: var(--general-border-color); --general-border-color: 220, 220, 220; --rate-module-cancel-color: var(--basalt-alternate-color); --scrollbar-thumb-color: var(--basalt-dark-element-color); --side-bar-background-color: var(--basalt-secondary-color); --side-bar-heading-background-color: 0, 0, 2, 0.07; --side-bar-heading-text-color: var(--basalt-main-text-color); --side-bar-media-background-color: none; /* Disabled by default */ --side-bar-resources-background-color: none; /* Disabled by default */ --side-bar-button-background-hover: none; /* Disabled by default */ --side-bar-button-color-hover: var(--basalt-main-text-color); /*-----------------------*/ /*---- EXTERNAL VARS ----*/ /*-----------------------*/ --linkColour: rgb(var(--basalt-light-text-color)) !important; --barColour: rgb(var(--basalt-undertone)) !important; --fnColor: rgb(var(--basalt-bright-element-color)); --posX: 6vw; --fnLinger: 0.33s; --one-color: 0, 159, 107; --two-color: 0, 135, 189; --three-color: 255, 211, 0; --four-color: 255, 109, 0; --five-color: 196, 2, 51; --six-color: 173, 77, 191; /*---------------------*/ /*---- BASALT VARS ----*/ /*---------------------*/ --basalt-th-background-color: var(--basalt-UI-dark-palette); --basalt-th-text-color: var(--basalt-light-text-color); --ACS-font: var(--header-font); --authorbox-background-color: var(--basalt-primary-color); --floatbox-background-color: var(--basalt-secondary-color); --document-background-color: 253, 253, 253; --darkdocument-background-color: 30, 30, 35; --edit-area-ancillary-text-color: var(--basalt-main-text-color); --header-drop-shadow-opacity: 0.1; --window-border-radius: 8px; } /*------------------------*/ /*---- BASALT CLASSES ----*/ /*------------------------*/ /*------------------------*/ /*---- BASALT CLASSES ----*/ /*------------------------*/ :is(div.blockquote, blockquote) { color: rgb(var(--basalt-main-text-color)); overflow: auto; } :is(div.blockquote, blockquote):has(div.floatbox) { overflow: unset; } #page-content div.notation { max-width: 45rem; } div.notation { display: block; margin-inline: auto; margin-block: 1.4rem; padding-inline: 1.1rem; padding-block: 0.9rem; background-color: rgb(var(--basalt-secondary-color)); border-left: solid 0.25rem rgb(var(--general-border-color)); border-right: solid 0.25rem rgb(var(--general-border-color)); color: rgb(var(--basalt-main-text-color)); } #page-content div.modal { max-width: 57rem; } div.modal { display: block; margin-inline: auto; margin-block: 1.4rem; padding-inline: 1.5rem; padding-block: 0.5rem; background-color: rgb(var(--basalt-primary-color)); border: solid 0.2rem rgb(var(--general-border-color)); color: rgb(var(--basalt-main-text-color)); } #page-content div.smallmodal { max-width: 47rem; } div.smallmodal { display: block; margin-inline: auto; margin-block: 1.4rem; padding-inline: 1rem; padding-block: 0.2rem; background-color: rgb(var(--basalt-primary-color)); border: solid 0.15rem rgb(var(--general-border-color)); color: rgb(var(--basalt-main-text-color)); } #page-content div:is(.jotting, .transcript) { max-width: 42rem; } div:is(.jotting, .transcript) { display: block; margin-inline: auto; margin-block: 1.4rem; padding-inline: 1.5rem; padding-block: 0.2rem; background-color: rgb(var(--basalt-secondary-color)); border: dashed 0.15rem rgb(var(--general-border-color)); color: rgb(var(--basalt-main-text-color)); } #page-content div.papernote { max-width: 30rem; } div.papernote { display: block; margin-inline: auto; margin-block: 1.4rem; padding: 1rem 2rem; background-color: rgb(var(--basalt-tertiary-color)); color: rgb(var(--basalt-main-text-color)); } #page-content div:is(.document, .darkdocument) { max-width: 45rem; } div:is(.document, .darkdocument) { display: block; margin-inline: auto; margin-block: 1.5em; padding: 1.5rem; position: relative; --posX: -20vw; } div.document { background-color: rgb(var(--document-background-color)); box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2); color: rgb(50, 50, 53); } div.darkdocument { background-color: rgb(var(--darkdocument-background-color)); box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9); color: rgb(195, 195, 200); } div:is(.document, .darkdocument)::before, div:is(.document, .darkdocument)::after { content: ""; height: 98%; position: absolute; width: 98%; z-index: -1; } div:is(.document, .darkdocument)::before { left: -5px; top: 4px; transform: rotate(-2.5deg); } div:is(.document, .darkdocument)::after { right: -3px; top: 1px; transform: rotate(1.4deg); } div:is(.document)::before, div:is(.document)::after { background-color: rgb(var(--document-background-color)); } div:is(.darkdocument)::before, div:is(.darkdocument)::after { background-color: rgb(var(--darkdocument-background-color)); opacity: 90%; } div.document::before { box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.1); } div.document::after { box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.05); } div.darkdocument::before { box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9); } div.darkdocument::after { box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.05); } @media only screen and (max-width: 1020px) { div:is(.document, .darkdocument)::before, div:is(.document, .darkdocument)::after { display: none; } } div[class$="_memo"] { background: var(--memo-logo) rgba(var(--memo-color), 1); background-size: contain; background-position: top center; background-repeat: no-repeat; min-height: 4rem; margin-inline: auto; margin-block: 2rem; padding-inline: 20px; padding-block: 10px; border: solid 2px rgba(0, 0, 0, 0.1); text-align: center; } div[class$="_memo"]::before { content: var(--memo-heading); font-family: var(--UI-font); font-weight: 900; font-size: 1.3em; text-align: center; margin: 0 auto 1rem auto; display: flex; flex-direction: column; padding-top: 0.5em; } div.raisa_memo { --memo-heading: "来自记录与信息安全管理部的通知"; --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png); --memo-color: 255, 243, 173; } div.classification_memo { --memo-heading: "分级委员会备忘录"; --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png); --memo-color: 237, 245, 243; } div.ettra_memo { --memo-heading: "来自潜在威胁战术响应局的通知"; --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png); --memo-color: 245, 215, 215; } div.ethics_memo { --memo-heading: "伦理委员会备忘录"; --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png); --memo-color: 255, 219, 196; } div.temporal_memo { --memo-heading: "时间异常部门"; --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png); --memo-color: 255, 255, 255; } div.overwatch_memo { --memo-heading: "监督者指挥部"; --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png); --memo-color: 227, 227, 227; } div.miscomm_memo { --memo-heading: "来自误传部门的通知"; --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png); --memo-color: 238, 237, 250; } .table1 { --basalt-th-background-color: var(--one-color); } .table2 { --basalt-th-background-color: var(--two-color); } .table3 { --basalt-th-background-color: var(--three-color); --basalt-th-text-color: var(--basalt-main-text-color); } .table4 { --basalt-th-background-color: var(--four-color); } .table5 { --basalt-th-background-color: var(--five-color); } .table6 { --basalt-th-background-color: var(--six-color); } div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block { border-bottom-color: rgba(var(--basalt-th-background-color), 0.75); } div.tableb :is(#page-content table:not(.form), table.wiki-content-table) { border-collapse: separate; border-spacing: 4px; } span:is(.bigtext, .bt) { font-family: var(--header-font); font-weight: bold; } span:is(.specialtext, .st) { font-family: var(--UI-font); font-weight: bold; } :is(.table1, .table2, .table3, .table4, .table5, .table6) span:is(.st, .specialtext) { color: rgb(var(--basalt-th-background-color)); } #page-content div.floatbox { background-color: rgb(var(--floatbox-background-color)); float: left; max-width: calc(var(--main-content-width)/2.25); box-sizing: border-box; margin: 0.25rem 1.25rem; margin-left: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem); padding-inline: 1.2rem; padding-block: 0.5rem; font-size: 0.9125em; border-radius: 7px; border: solid 0.12rem rgba(var(--general-border-color), 0.4); } #page-content div.floatbox.right { float: right; margin-left: 1.25rem; margin-right: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem); } @media only screen and (max-width: 640px) { #page-content div:is(.floatbox, .floatbox.right) { float: none; margin: 0.5rem auto; width: 100%; } } :is(.table-no-border, .authorbox) td { border-color: transparent !important; } /*--------------*/ /*---- MISC ----*/ /*--------------*/ html { scroll-behavior: smooth; overflow-x: hidden; } body, li, p { line-height: 1.55; letter-spacing: 0.013rem; } @supports (font-feature-settings: inherit) { *, *::before, *::after { font-feature-settings: "zero" var(--zero, 0); } } #page-content { font-size: calc(var(--true-font-size) * 1.08); } #main-content [id] { scroll-margin-top: calc(var(--header-final-height) + 1rem); } /* MISC --> Header alterations */ #header { background: linear-gradient(0deg, rgba(var(--header-background-color), 0.85) 0%, rgb(var(--header-background-color)) 100%); border-bottom: none; box-shadow: 0px 0px 8.5px -1px rgba(0, 0, 0, var(--header-drop-shadow-opacity)), 0px 0px 68px -21px rgba(0, 0, 0, calc(var(--header-drop-shadow-opacity) * 4)); -webkit-backdrop-filter: blur(var(--basalt-UI-blur)); backdrop-filter: blur(var(--basalt-UI-blur)); font-family: var(--header-font); } #header h1 a { padding-left: calc(var(--base-header-height)*0.25); padding-right: calc(var(--base-header-height)*0.5); } #header h1 a span::before { font-weight: 900; } #header h1 a span::after { margin-bottom: 6px; font-weight: 600; } #header h1 a span { align-items: unset; text-align: unset; } #top-bar div[class*="top-bar"] ul li ul li a { box-shadow: none; } #login-status span.printuser>a img { filter: drop-shadow(0rem 0.2rem 0.35rem rgba(0, 0, 0, 0.19)); } /* MISC --> Side bar alterations */ #side-bar:is(:hover, :focus-within)::before { height: calc(var(--base-header-height) + var(--header-border-width)); } :is(#side-bar, #interwiki) .heading { background-color: rgb(var(--side-bar-heading-background-color)); font-weight: 900; color: rgba(var(--side-bar-heading-text-color), 0.8); } #side-bar:is(:hover, :focus-within)::after { opacity: 35%; } #side-bar::after { transition: background-color var(--side-bar-transition), opacity var(--side-bar-transition); } /* MISC --> Various UI alterations */ form#edit-page-form table.form td:nth-of-type(1) { display: none; } #edit-page-title { background-color: rgba(var(--edit-area-ancillary-background-color), 0.3) !important; border: solid var(--edit-area-border-width) rgb(var(--edit-area-border-color), 0.5) !important; border-top-right-radius: var(--window-border-radius); border-top-left-radius: var(--window-border-radius); font-weight: 900; text-align: center; } #edit-page-textarea { font-family: var(--mono-font); height: 47vh; } #edit-page-form .wd-editor-toolbar-panel a::after { -webkit-mask-size: 70%; mask-size: 70%; } #wd-editor-toolbar-panel>div { grid-gap: calc(var(--edit-area-toolbar-icon-size)/1.6); } #edit-page-form>.buttons.alignleft>input[type="button"] { font-size: var(--true-font-size); padding: 1ch; } #edit-page-title, #lock-info, #edit-page-comments { color: rgb(var(--edit-area-ancillary-text-color), 0.8); } #lock-info { border: solid 0.12rem rgba(var(--general-border-color), 0.4); } #action-area div.buttons> :is([name="save"], [name="save-continue"], [onclick*="PageTagsModule.listeners.save(event)"]) { --button-text-color: var(--basalt-positive-color); font-weight: bold; } #footer { color: var(--bottom-area-text-color); border-top: solid 2px rgb(var(--basalt-tertiary-color)); } #license-area::before, #license-area::after { margin-bottom: 10px; } div[id*="page-options-bottom"]>a { font-family: var(--UI-font); } #more-options-button { background-color: rgb(var(--basalt-tertiary-color)); color: inherit; } form#edit-page-form>table.form { position: relative; } form#edit-page-form>table.form::before { content: "标题"; display: block; position: absolute; bottom: 30%; width: calc(100% - 15px); padding-left: 15px; pointer-events: none; opacity: 50%; font-family: var(--UI-font); font-weight: 900 !important; font-size: 11px; color: rgb(var(--edit-area-ancillary-text-color)); } #edit-page-textarea:focus-visible { border-color: rgb(var(--basalt-dark-element-color)); } #action-area>h1 { font-weight: 900; } #action-area>p { font-size: 0.9em; text-align: center; } #footer .options { border-right: solid var(--footer-divider-thickness) rgba(var(--footer-divider-color), 0.1); } #license-area::before { background: rgba(var(--license-area-divider-color), 0.1); } .autocomplete-list li.yui-ac-highlight { background-color: rgb(var(--basalt-secondary-color)); } #revision-list .page-history tr[id*="revision-row"] td:nth-child(1)::before { background-color: rgb(var(--basalt-undertone)); } #revision-list .page-history tr[id*="revision-row"]::before { background: rgb(var(--basalt-undertone)); } .owindow { border-radius: var(--window-border-radius); font-family: var(--UI-font); } .owindow .button-bar>a[onclick*="cleanAll"] { border-top-right-radius: var(--window-border-radius); } .owindow .title { font-family: var(--UI-font); background-color: transparent; height: 2rem; justify-content: center; opacity: 60%; color: rgb(var(--basalt-main-text-color)); } .owindow div[style*="margin-top"] { margin-bottom: 12px; margin-top: 20px !important; } .owindow> :not(.button-bar, .title)>img { height: 5em; border-radius: var(--window-border-radius); } .owindow .button-bar>a[onclick*="cleanAll"]::after { background: rgb(var(--basalt-main-text-color)); transition-property: background; transition-duration: 0.3s; } .owindow .button-bar>a[onclick*="cleanAll"]:hover::after { background: rgb(var(--basalt-light-text-color)); } .owindow>.content.modal-body>img+h1+table>tbody>tr>td { text-align: inherit; } #search-top-box::before { background-color: rgb(var(--basalt-UI-dark-palette)); } #search-top-box-input { outline: solid 0 rgb(var(--basalt-UI-dark-palette)); } #main-content .page-tags span::before { content: "标签"; font-weight: 800; opacity: 80%; margin-inline: 10px; align-self: center; font-size: 10px; } #main-content>.page-tags>span { grid-gap: 0.6rem; font-family: var(--UI-font); font-size: calc(var(--true-font-size)*0.85); } #history-subarea, #action-area { font-family: var(--UI-font); } #action-area>h1 { margin: 0.425rem 0 1rem; } .preview-message { border: 0.15rem dashed rgb(var(--general-border-color)); background-color: rgba(var(--basalt-secondary-color)); } .diff-box table.page-compare th { font-family: unset; } input[type="checkbox"], [type="radio"] { cursor: pointer; } /* MISC --> Content alterations */ #page-content { padding-block: 2em; font-weight: var(--basalt-page-content-font-weight); } #page-title, .meta-title { border-bottom: solid 0.15rem rgba(var(--title-border-color), 0.1); font-weight: 800; color: rgba(var(--basalt-main-text-color), 0.75); letter-spacing: -0.05rem; } #page-title { display: block !important; } #breadcrumbs, .pseudocrumbs { font-size: 1em; margin: 0.7em 0 0 0; } h1, h2 { font-weight: 800; } h3, h4, h5, h6 { font-weight: 700; } .footer-wikiwalk-nav { margin-top: 3em; font-family: var(--UI-font); font-size: 0.9em; font-weight: 800; word-spacing: 0.3em; } .licensebox { margin-bottom: 1rem; font-size: 0.9em; text-align: center; } .licensebox :is(blockquote, .blockquote) { text-align: left; } hr { height: 2px; margin-block: 1rem; margin-inline: 1rem; overflow: auto; } .bibitems .title, .footnotes-footer .title { text-transform: none; } .bibitems, .footnotes-footer { margin: 4rem 0; } :is(.anom-bar-container, .anom-bar-esoteric) + :not(.acs-extra), .acs-extra + * { margin-top: 1.2rem !important; } .anom-bar-container, .anom-bar-container *, .acs-extra { font-family: var(--ACS-font), var(--body-font) !important; font-weight: 800; } #delete-button:is(:hover, :focus) { background-color: rgb(var(--basalt-negative-color)); } .anom-bar-container.ekhi .danger-diamond>.quadrants>.left-quad, .anom-bar-container.danger .danger-diamond>.quadrants>.right-quad { background-color: rgba(255, 109, 0, 0.25); background-color: rgb(var(--four-color), 0.25) !important; } .yui-ac-content { background: rgb(var(--basalt-primary-color)); border: 1px solid rgb(var(--basalt-tertiary-color)); } /* BetterFootnotes adjusted to make better use of space on wider screens, at the cost of slide-in animation */ /* Plus some cosmetic adjustments */ .fncon { background-color: rgb(var(--basalt-primary-color)); border: solid 2px rgb(var(--basalt-tertiary-color)); border-left: none; box-shadow: -8px 0px var(--fnColor); line-height: inherit; font-size: 0.9em; font-weight: var(--basalt-page-content-font-weight); right: var(--posX); transition: opacity 0.15s linear var(--fnLinger), visibility 0.01s linear var(--fnInteract); } .fnnum:hover+.fncon, .fncon:hover { transition: opacity 0.15s linear; } .fncon::before { color: rgba(255, 255, 255, 0.8); top: -2px; left: initial; right: 100%; transform: none; font-size: 1.125rem; text-align: right; font-family: var(--mono-font); } @media only screen and (max-width: 1279px) { .fncon { left: 10%; } } .collection .collapsible-block { background-color: rgb(var(--basalt-background-color)); border: none; } .collection :is(.collapsible-block-unfolded-link, .collapsible-block-folded) a { border: none; } sub, sup { line-height: inherit; } :is(.image-block, .scp-image-block) :is(.image-caption, .scp-image-caption) { background: inherit; } .scp-image-block.block-left, .scp-image-block.block-right { clear: both; } .scp-image-block .scp-image-caption { font-weight: 600; } .authorbox { background-color: rgb(var(--authorbox-background-color)) !important; color: rgb(var(--basalt-main-text-color)) !important; filter: drop-shadow(0rem 0.4rem 0.7rem rgba(0,0,0,0.2)) !important; } .authorbox::before { border-color: transparent transparent rgb(var(--authorbox-background-color)) transparent !important; } .authorlink-wrapper { --author-top-adjust: 0; --author-bottom-adjust: 1.5rem; } .authorlink-wrapper > a { font-weight: bold !important; } :is(#page-content table:not(.form), table.wiki-content-table) { table-layout: fixed; } @supports (-webkit-touch-callout: none) /* Targets iOS only */ { :is(#page-content table:not(.form), table.wiki-content-table) { max-width: none; width: auto; min-width: 100%; } } :is(#page-content table:not(.form), table.wiki-content-table) th { font-family: var(--body-font); padding: 0.45em 0.7em; background-color: rgb(var(--basalt-th-background-color)); border-color: rgb(var(--basalt-th-background-color)); color: rgb(var(--basalt-th-text-color)); letter-spacing: 0.033rem; text-align: center; } #page-content .quadrants > div { top: 2.25%; left: 18.5%; } .printuser a { font-weight: 600; } /* 临时修复评分模块 */ div.page-rate-widget-box .rate-points { background-color: transparent !important; } /* 独立信息模块 */ .creditButtonStandalone { width: var(--rate-module-button-size); height: var(--rate-module-button-size); display: inline-flex; box-shadow: none; background-color: rgb(var(--rate-module-background-color)); border: none; border-radius: 0; margin: 0.25rem 0; padding: 0.325em; text-align: center; } .creditButtonStandalone > p { display: contents; } .creditButtonStandalone > p > a { display: block; position: relative; width: 100%; height: 100%; padding: 0; margin: 0; border: none; color: transparent!important; background-color: transparent; box-sizing: border-box; transition: all 0.095s linear; } .creditButtonStandalone > p > a::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; transition: background-color 0.095s linear; background-color: rgb(var(--basalt-UI-dark-palette)); } .creditButtonStandalone > p > a::after { content: ""; display: block; background-color: rgb(var(--basalt-light-text-color)); position: absolute; width: 100%; height: 100%; -webkit-mask-size: 40%; mask-size: 40%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: var(--vote-info-mask); mask-image: var(--vote-info-mask); -webkit-mask-size: 27.5%; mask-size: 27.5%; } .creditButtonStandalone > p > a:is(:hover, :focus)::before { background-color: rgb(var(--basalt-focus-color)); } /*-------------------------------------------------*/ /*----- END OF DEFAULT STYLING ("LIGHT MODE") -----*/ /*-------------------------------------------------*/ :root { --logo: url(http://nobody2.wdfiles.com/local--files/start/logo-n2); --title: "Nobody 2的博客”; --subtitle: “当你在凝视深渊的时候,深渊也在凝视你。”; }
Notes
Similar themes |
Browse themes by tag
2.0
3d
3d-buttons
610nm
and
and/or
ardeol
articles
band
base
beige
black
blog
bloo
blue
bmc
border
boring
brown
business
camo
cat
chocholate
christian
christmas
city
clan
claret
claus
clay
clean
coffe
coke
colorful
company
contest
contest-win
corperate
corporate
corporation
creative
crimson
cross
css3
css3-buttons
curved
d14
dark
dashed
deep
|
我不了解该怎么去除