/* Paradigm Inapplicable Theme */
/* 2022 Wikidot Theme */
/* By Mercuresphere, based off Ghost Record Theme by UncertaintyCrossing and Dustjacket by Woedenaz and Croquembouche */
/* Header background: https://pixabay.com/images/id-1572988 */
/* CC BY-SA 3.0 */
/* ----BEGIN---- */
:root {
/* S-CSS-P Integration */
/* If you're making a new CSS theme, please include the following three variables at minimum. */
--theme-base: "nuscp";
/* must be either "nuscp" or "sigma9" */
--theme-id: "paradigm-inapplicable";
/* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
--theme-name: "Paradigm Inapplicable Theme";
/* set this to your theme's full name */
/* ===Standard Theme Color=== */
--white-monochrome: 252, 252, 252;
--pale-gray-monochrome: 214, 245, 255;
--light-pale-gray-monochrome: 215, 255, 255;
--very-light-gray-monochrome: 220, 222, 230;
--light-gray-monochrome: 70, 130, 183;
--gray-monochrome: 0, 35, 100;
--dark-gray-monochrome: 10, 30, 55;
--gradient-header: url("https://evernight-aquarium.wikidot.com/local--files/theme:wanderers-sandbox/paradigm-not-found-2.jpg");
--header-background-image-size: auto var(--header-height-on-desktop);
--logo-image: none;
--pale-accent: 136, 198, 201;
--bright-accent: 163,233,224;
--medium-accent: 41, 127, 128;
--dark-accent: 10, 30, 55;
--newpage-color: 41, 128, 92;
--pager-link-hover: var(--pale-gray-monochrome);
--header-title: "THE PARADIGM YOU HAVE SEARCHED FOR IS NOT IN SERVICE";
--body-font: Texturina, Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
--header-font: "Anonymous Pro", 'HanWang WeiBeiMedium-Gb5', Consolas, 'Noto Serif SC', monospace;
--title-font: "EB Garamond", 'HanWang WeiBeiMedium-Gb5', 'Ma Shan Zheng', '华文隶书', 'lisu', 'Noto Serif SC', Big Caslon, Book Antiqua, Palatino Linotype, 'Noto Serif SC', Georgia, serif;
--UI-font: "EB Garamond", Big Caslon, Book Antiqua, Palatino Linotype, 'Noto Serif SC', Georgia, serif;
--mono-font: Recursive, Consolas, monaco, '仿宋', 'Noto Serif SC', monospace;
}
/* ===Header=== */
div#extra-div-1 {
background-position: center;
}
#header h1 a, #header h1 a::before, #header h1 a::after {
font-size: 1.6rem;
}
#header h1 a::before {
color: rgb(1, 245, 230);
}
#header h1 a::after {
display:none;
}
@media only screen and (max-width: 767px) {
#header h1 a, #header h1 a::before, #header h1 a::after {
font-size: 1.1rem;
line-height: 1.1;
}
}
/* ===Color Adjustment=== */
hr {
height: .125rem;
border: 0;
border-top: 0.0625rem solid transparent;
background-color: rgba(var(--medium-accent));
background-image: none;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.fancyhr hr {
filter: hue-rotate(134deg) saturate(104.62%) brightness(0.5);
}
.fancyborder {
box-sizing: border-box;
padding: 2vw;
border: 2vw solid rgba(0, 0, 0, 0.5);
border-image: url("https://evernight-aquarium.wdfiles.com/local--files/theme%3Awanderers-sandbox/wl_border.png") 600 round;
border-image-width: 6;
}
#page-title::before, .meta-title::before, #page-title::after, .meta-title::after {
background-color: rgb(var(--medium-accent));
background-image: none;
}
#breadcrumbs a:before, #breadcrumbs a:visited:before, .pseudocrumbs a:before, .pseudocrumbs a:visited:before {
box-shadow: .0625rem .0625rem 0 0 rgba(var(--medium-accent),1),.25rem .0625rem 0 0 rgba(255,255,255,.85),.25rem .0625rem 0 0 rgba(var(--medium-accent),1),.3125rem .0625rem 0 0 rgba(var(--medium-accent),1);
}
#main-content {
--tabs-hover-txt: var(--pale-gray-monochrome);
}
.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
border-color: rgb(var(--medium-accent));
border-top-style: none;
}
table.wiki-content-table th {
box-shadow: 0 0 0 0 rgb(var(--swatch-menutxt-light-color));
}
#page-content .rate-box-with-credit-button > .creditButton > p > a:after {
background-color: rgba(var(--medium-accent), 1);
}
/* ===Hover Link Color=== */
div.page-watch-options a, div.page-watch-options a:visited {
--hover-link-color: var(--dark-accent);
}
#footer,#license-area {
--hover-link-color: var(--dark-accent);
}
#breadcrumbs,.pseudocrumbs {
--swatch-text-secondary-color: var(--dark-accent);
}
form#edit-page-form .edit-help-34>a:active, form#edit-page-form .edit-help-34>a:hover, form#edit-page-form .edit-help-34>a:focus-within {
--swatch-background: var(--dark-accent);
}
#action-area a[onclick*=deleteTag]:not(.btn):active, #action-area a[onclick*=deleteTag]:not(.btn):hover, #action-area a[onclick*=deleteTag]:not(.btn):focus-within {
--swatch-text-secondary-color: var(--dark-accent);
}
/* ===Compatibility Patch=== */
div.earthworm div.inner, div.earthworm div.inner > div {
display: contents;
}
/* ===Mobile Device Adaptation=== */
@media only screen and (max-width: 375px) {
div[id*=page-options-bottom] > a:after {
left: 0.25rem;
}
#odialog-container div.owindow {
width: 100%!important;
}
}
@media only screen and (max-width: 425px) {
div[id*=page-options-bottom] > a:after {
left: 0.125rem;
}
}
@media only screen and (max-width: 56.25rem) {
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
background-color: rgba(0, 0, 0, 0);
}
}
/* ===Hide Login Status and Search Top Box=== */
@media (min-width: 56.25rem) {
#login-status {
flex-grow: 0;
left: inherit;
right: calc(3% + var(--search-height) - .25em);
}
#login-status #my-account {
--wght: var(--ui-wght);
}
#search-top-box {
background: none;
box-shadow: none;
}
#search-top-box::after {
transition: none;
}
#search-top-box:not(:focus-within)::after {
background-color: rgb(var(--search-icon-focus-bg-color), 0);
-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
#search-top-box:not(:focus-within):hover::after {
--clip-path: var(--clip-path);
background-color: rgb(var(--search-icon-focus-bg-color), 0);
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) {
max-width: var(--search-width);
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
max-width: var(--search-height);
padding: 0;
outline-width: 0;
background-color: rgba(var(--search-icon-hover-bg-color), 0);
color: rgba(var(--search-textbox-text-color));
cursor: pointer;
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"] {
pointer-events: none;
}
}
@media only screen and (min-width: 56.25rem) {
#search-top-box {
top: 2em;
right: 3%
}
#login-status {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
top: 2em;
right: calc(3% + var(--account-height) + .25em);
color: transparent;
pointer-events: none;
transition: color .2s cubic-bezier(.4,0,.2,1);
user-select: none
}
#login-status:active, #login-status:hover {
-webkit-user-select: initial;
-moz-user-select: initial;
-ms-user-select: initial;
color: rgb(var(--login-line-divider-color));
pointer-events: all;
user-select: auto
}
#login-status:focus-within {
-webkit-user-select: initial;
-moz-user-select: initial;
-ms-user-select: initial;
color: rgb(var(--login-line-divider-color));
pointer-events: all;
user-select: auto
}
#login-status:active #account-options, #login-status:hover #account-options {
pointer-events: all
}
#login-status:focus-within #account-options {
pointer-events: all
}
#login-status > :not(#account-topbutton):not([href*="account/messages"]) {
--clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
opacity: 0;
transition: box-shadow .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-text-decoration .2s cubic-bezier(.4,0,.2,1),-webkit-clip-path .2s cubic-bezier(.4,0,.2,1);
transition: box-shadow .2s cubic-bezier(.4,0,.2,1),text-decoration .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),clip-path .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);
transition: box-shadow .2s cubic-bezier(.4,0,.2,1),text-decoration .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),clip-path .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-text-decoration .2s cubic-bezier(.4,0,.2,1),-webkit-clip-path .2s cubic-bezier(.4,0,.2,1)
}
#login-status:active > :not(#account-topbutton):not([href*="account/messages"]), #login-status:hover > :not(#account-topbutton):not([href*="account/messages"]) {
--clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
opacity: 1
}
#login-status:focus-within > :not(#account-topbutton):not([href*="account/messages"]) {
--clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
opacity: 1
}
#login-status #account-topbutton {
margin-left: 0;
background-color: initial;
pointer-events: all;
transition: background-color .15s cubic-bezier(.4,0,.2,1),-webkit-clip-path .15s cubic-bezier(.4,0,.2,1);
transition: clip-path .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1);
transition: clip-path .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),-webkit-clip-path .15s cubic-bezier(.4,0,.2,1)
}
#login-status:hover #account-topbutton {
background-color: rgb(var(--login-arrow-color))
}
#login-status:before {
-webkit-mask-image: var(--user-account-mask);
-webkit-mask-size: calc(var(--account-height) - .5em);
-webkit-mask-position: center right;
-webkit-mask-repeat: no-repeat;
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(var(--login-mobile-icon-color),0);
background-color: rgba(var(--login-mobile-icon-color),1);
content: "";
cursor: pointer;
mask-image: var(--user-account-mask);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: calc(var(--account-height) - .5em);
pointer-events: all;
transition: background-color .15s cubic-bezier(.4,0,.2,1)
}
#login-status:hover:before {
background-color: rgba(var(--login-mobile-icon-hover-color),1)
}
#login-status:active:after, #login-status:active:before, #login-status:hover:after, #login-status:hover:before {
background-color: rgba(var(--login-mobile-icon-hover-bg-color),0);
cursor: auto;
pointer-events: none
}
#login-status:focus-within:after, #login-status:focus-within:before {
background-color: rgba(var(--login-mobile-icon-hover-bg-color),0);
cursor: auto;
pointer-events: none
}
#login-status #account-topbutton {
--clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
-webkit-clip-path: var(--clip-path);
background-color: rgba(var(--login-arrow-color),0);
clip-path: var(--clip-path)
}
#login-status:active #account-topbutton, #login-status:hover #account-topbutton {
--clip-path: polygon(30% 35%,70% 35%,50% 60%,50% 60%);
-webkit-clip-path: var(--clip-path);
background-color: rgb(var(--login-arrow-color));
clip-path: var(--clip-path)
}
#login-status:focus-within #account-topbutton {
--clip-path: polygon(30% 35%,70% 35%,50% 60%,50% 60%);
-webkit-clip-path: var(--clip-path);
background-color: rgb(var(--login-arrow-color));
clip-path: var(--clip-path)
}
#login-status #account-options {
margin: 0
}
#login-status a[href*="account/messages"] {
color: rgb(var(--login-myaccount-color));
pointer-events: all
}
}
/* ----END---- */