黑暗风的埃垃珥世界地图
/* Myrand */ :root{ --white-monochrome: 60, 60, 60; /* ALTERED */ --pale-gray-monochrome: 20, 20, 20; /* BG*/ --light-pale-gray-monochrome: 50, 50, 50; --very-light-gray-monochrome: 60, 60, 60; --light-gray-monochrome: 165, 160, 155; --gray-monochrome: 35, 35, 35; /* sub header */ --dark-gray-monochrome: 15, 15, 15; --black-monochrome: 0, 0, 0; --border-monochrome: 40, 150, 150; --visited-link: 40, 155, 155; --pale-accent: 40, 255, 255; /* links that do exist */ --bright-accent: 40, 133, 133; /* button hover, text hover, sidemenu collapsible, submenu hover */ --medium-accent: 30, 30, 30; /* header */ --dark-accent: 80, 80, 80; /* 1st footer, header menu bg */ --alt-accent: 255, 20, 20; /* links that do not exist */ --text-monochrome: 255, 255, 255; --visited-link-color: var(--visited-link); --swatch-border-color: var(--border-monochrome); --swatch-menubg-color: var(--gray-monochrome); --swatch-menubg-light-color: var(--pale-gray-monochrome); --swatch-menubg-medium-color: var(--light-gray-monochrome); --swatch-menubg-medium-dark-color: var(--gray-monochrome); --swatch-menubg-dark-color: var(--dark-gray-monochrome); --swatch-menubg-black-color: var(--black-monochrome); --swatch-menubg-hover-color: var(--black-monochrome); --swatch-menutxt-dark-color: var(--text-monochrome); --swatch-menutxt-light-color: var(--text-monochrome); --swatch-menutxt-general-color: var(--swatch-menutxt-dark-color); --ui-button-bg: var(--light-pale-gray-monochrome); --ui-button-txt: var(--text-monochrome); --ui-button-hover-bg: var(--gray-monochrome); --ui-button-hover-txt: var(--text-monochrome); --ui-button-hover-outline: var(--pale-accent); /* codeblock */ --swatch-code-text-comment: 100 255 255; --swatch-code-text-quotes: 178 255 255; --swatch-code-text-string: 222 255 255; --swatch-code-text-identifier: 16 255 255; --swatch-code-text-reserved: 90 255 255; /* footnotes hover */ --hoverblock-bg: var(--pale-gray-monochrome); --hoverblock-txt: var(--text-monochrome); --hoverblock-header-bg: var(--swatch-primary-darker); --hoverblock-header-txt: var(--text-monochrome); --hoverblock-footer-bg: var(--swatch-tertiary-color); --hoverblock-footer-txt: var(--text-monochrome); --swatch-text-dark: var(--text-monochrome); --swatch-text-light: var(--text-monochrome); } #main-content { --ui-icon-color: var(--ui-button-bg); --ui-icon-bg: var(--ui-button-bg); --ui-icon-hover-color: var(--ui-button-hover-bg); --ui-icon-hover-bg: var(--ui-button-hover-bg); /* Editor Buttons */ --editor-icon-color: var(--text-monochrome); --editor-icon-hover-color: var(--black-monochrome); --editor-icon-hover-bg: var(--text-monochrome); --editor-icon-submenu-bg: var(--black-monochrome); /* footnotes */ --footnotes-footer-bg-color: var(--gray-monochrome); --footnotes-footer-colorbar-color: var(--very-light-gray-monochrome); --footnotes-footer-title-bg-color: var(--very-light-gray-monochrome); --footnotes-footer-title-text-color: var(--swatch-text-secondary-color); --footnotes-footer-num-color: var(--pale-accent); --footnotes-footer-num-hover-color: var(--bright-accent); --footnotes-footer-text-color: var(--swatch-text-general); } #main-content { --ui-icon-color: var(--swatch-text-secondary-color); } #side-bar { --sidebar-bg-color: var(--swatch-secondary-color); } #main-content::after { height: 13rem; border-radius: 0 0.6rem 0.6rem 0; background-color: rgb(var(--gray-monochrome)); top: calc(50vh - 6.5rem); background-image: url("http://nuliminal-test.wikidot.com/local--files/component:theme/sidebar-arrows.svg"); } .lightstyled-quote { background-color:rgb(var(--bright-accent)); color:rgb(var(--text-monochrome)); border-left: 0.5rem solid rgba(var(--dark-gray-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .darkstyled-quote { background-color:rgb(var(--dark-gray-monochrome)); border-left: 0.5rem solid rgba(var(--bright-accent)); color:rgb(var(--text-monochrome)); padding: 0.1rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .darkstyled-quote a{ color: rgb(var(--swatch-menubg-medium-color)); } .lightblock { background-color:rgb(var(--bright-accent)); color:rgb(var(--text-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .darkblock { background-color:rgb(var(--dark-gray-monochrome)); color:rgb(var(--text-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); } .dark-borderblock { background-color:rgb(var(--dark-gray-monochrome)); color:rgb(255, 255, 255); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); border: solid 0.3rem rgb(var(--bright-accent)); } .light-borderblock { background-color:rgb(var(--bright-accent)); color:rgb(var(--text-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); border: solid 0.3rem rgb(var(--dark-gray-monochrome)); } .border-logoblock{ padding: 0.01rem 1rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); color:rgb(255, 255, 255); margin: 0.5rem 0 0.5rem 0.25rem; display: block; position: relative; background-color: rgb(var(--dark-gray-monochrome)); border: solid 0.3rem rgb(var(--bright-accent)); } .border-logoblock::after{ content: ""; float: center; border: solid 2px #0000; background: url(http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg) center/25% no-repeat; opacity: 0.25; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; } .logoblock{ padding: 0.01rem 1rem; color:rgb(255, 255, 255); box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); margin: 0.5rem 0 0.5rem 0.25rem; display: block; position: relative; background-color: rgb(var(--dark-gray-monochrome)); } .logoblock::after{ content: ""; float: center; border: solid 2px #0000; background: url(http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg) center/25% no-repeat; opacity: 0.25; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; } .titleblock { background-color: rgb(var(--dark-gray-monochrome)); color:rgb(var(--text-monochrome)); padding: 0.5rem 1rem 0.10rem; margin: 1.5rem 0rem 0.5rem 0rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5); border: solid rgb(var(--bright-accent)) 2px; } .titlebox{ color: rgb(var(--text-monochrome)); position: relative; top: -1.6rem; background-color: rgb(var(--bright-accent)); padding: 0.25rem 1rem; line-height: 0.1rem; } .borderblock { background-color:rgb(var(--dark-gray-monochrome)); color:rgb(255, 255, 255); padding: 0.01rem 1rem; margin: 0.5rem 0 0.5rem 0.25rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); border: solid 0.3rem rgb(var(--bright-accent)); } .darkblock a { color: rgb(var(--swatch-menubg-medium-color)); }
