|
|
Line 265: |
Line 265: |
| .Trivia { grid-area: 3 / 1 / 4 / 2; } | | .Trivia { grid-area: 3 / 1 / 4 / 2; } |
| */ | | */ |
− |
| |
− | /*==================================================
| |
− | DARK THEME TEST
| |
− | ==================================================*/
| |
− | :root {
| |
− | --th-color-primary: hsl(290 25% 48%) !important;
| |
− | --th-color-secondary: hsl(268 29% 20%) !important;
| |
− | --th-color-tertiary: hsl(267 29% 15%) !important;
| |
− | --th-color-shadow: hsl(291, 25%, 35%) !important;
| |
− | --th-background: #141952 url(https://i.imgur.com/GkwxHPL.png) top left repeat;
| |
− | --th-leaves: url(https://i.imgur.com/DxNTMSn.png);
| |
− | --th-img-thumbnail: hsl(268 29% 20%);
| |
− | --th-list: url(https://i.imgur.com/5SI6Kdo.png);
| |
− | --th-nookipedia-text-main-page: url(https://dodo.ac/np/images/8/81/Nookipedia_Logo_Outlined_%28NH%29.png);
| |
− | --th-discord: url(https://dodo.ac/np/images/8/80/Discord_Icon_Stylized_%28NH%29.png);
| |
− | --th-twitter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><path fill="%23703a3c" d="M33.136 2.936c-4.392.026-8.662 2.451-10.952 6.196-.841 1.345-1.436 2.844-1.743 4.4-4.473-1.085-8.551-3.637-11.543-7.127-1.353-1.498-3.741-1.862-5.48-.837C2.1 6.281 1.426 7.691.993 9.061c-.913 2.84-.858 5.997.204 8.79C.24 19.068.141 20.72.483 22.181c.453 2.414 1.595 4.698 3.28 6.487-.296 1.339.232 2.669.921 3.797a13.53 13.53 0 0 0 1.884 2.575c-1.502.236-3.166-.07-4.486.851-1.856 1.105-2.615 3.654-1.686 5.6.523 1.242 1.675 2.047 2.876 2.561 3.56 1.747 7.476 2.776 11.434 3.006 2.782.017 5.595.041 8.32-.603 6.626-1.353 12.704-5.149 16.849-10.49 3.668-4.73 6.037-10.515 6.486-16.501.073-.558.023-1.166.133-1.694 1.11-1.096 2.402-2.098 3.09-3.534.685-1.459.512-3.265-.446-4.563.511-2.071-.731-4.374-2.729-5.109-1.33-.554-2.836-.286-4.097.328a16.96 16.96 0 0 1-1.33.503c-2.261-1.637-5.059-2.503-7.847-2.461z"/><path fill="%23fff" d="M42.476 15.927l.027 1.183c0 12.09-9.204 26.034-26.034 26.034v-.007c-4.972.007-9.84-1.417-14.025-4.102a18.61 18.61 0 0 0 2.178.132c4.12.004 8.122-1.379 11.364-3.924a9.16 9.16 0 0 1-8.548-6.354 9.12 9.12 0 0 0 4.131-.158 9.15 9.15 0 0 1-7.34-8.969v-.116a9.09 9.09 0 0 0 4.153 1.145c-4.02-2.687-5.26-8.035-2.832-12.217a25.97 25.97 0 0 0 18.858 9.559c-.737-3.178.27-6.508 2.647-8.742 3.685-3.464 9.481-3.287 12.946.397a18.36 18.36 0 0 0 5.811-2.221c-.683 2.118-2.113 3.917-4.022 5.06 1.814-.214 3.586-.699 5.254-1.44a18.59 18.59 0 0 1-4.566 4.74z"/></svg>');
| |
− | --th-instagram: url(https://dodo.ac/np/images/0/09/Instagram_Icon_Stylized_%28NH%29.png);
| |
− | --th-facebook: url(https://dodo.ac/np/images/a/a9/Facebook_Icon_Stylized_%28NH%29.png);
| |
− |
| |
− | --nookipedia-bg-color: var(--th-color-tertiary);
| |
− | --border: none;
| |
− | --height: unset;
| |
− | --p-personal-color: transparent;
| |
− | /* --th-nookipedia-footer: url(https://i.imgur.com/eXTXhZj.jpg) !important; */
| |
− | --th-footer-size: unset;
| |
− |
| |
− | --sidebar-color: var(--th-color-primary);
| |
− | --sidebar-text: var(--th-color-tertiary);
| |
− | --sidebar-background: var(--th-color-tertiary);
| |
− |
| |
− | --text-color: hsl(0 0% 89%);
| |
− | --link-color: hsl(238 88% 75%);
| |
− | --link-color-visited: hsl(238 88% 81%);
| |
− | --editor-color: hsl(0 0% 0%);
| |
− | --editor-background: hsl(210 17% 98%);
| |
− | --editor-background-2: hsl(220 17% 93%);
| |
− | --editor-border: hsl(220 17% 93%);
| |
− | --editor-border-2: hsl(213 9% 80%);
| |
− | --ace-gutter: hsl(0 0% 94%);
| |
− | --ace-gutter-active: hsl(0 0% 86%);
| |
− | --brightness: unset;
| |
− | --selection: unset;;
| |
− | --cell-background: hsl(0 100% 100%);
| |
− | --th-rc-border: hsl(212 9% 66%) ;
| |
− | --th-logo: url(https://i.imgur.com/s4YvLrz.png);
| |
− |
| |
− | --th-discord-sidebar: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="hsl(290 25% 48%)" width="24" height="24" viewBox="0 0 24 24"><path d="M5 0a5 5 0 0 0-5 5v14a5 5 0 0 0 5 5h14a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5H5zm4.625 5.686c.022-.003.044.006.055.025a8.72 8.72 0 0 1 .428.861 12.62 12.62 0 0 1 3.789 0c.113-.266.274-.602.42-.861.011-.02.031-.029.053-.025 1.184.205 2.319.56 3.375 1.045.009.004.017.01.021.02 1.872 2.753 2.795 5.859 2.449 9.434-.001.015-.009.03-.021.039-1.418 1.041-2.79 1.673-4.145 2.092-.022.007-.046-.001-.059-.02-.313-.435-.597-.895-.846-1.377-.014-.028-.002-.063.027-.074.451-.17.882-.374 1.295-.615.033-.019.034-.066.004-.088l-.258-.201c-.016-.013-.037-.016-.055-.008-2.68 1.238-5.616 1.238-8.328 0a.05.05 0 0 0-.053.008l-.258.201c-.03.022-.027.069.006.088.413.237.842.444 1.293.615.029.011.042.046.027.074-.244.483-.527.942-.846 1.377-.014.018-.037.026-.059.02-1.348-.419-2.721-1.051-4.139-2.092-.012-.009-.02-.024-.021-.039-.289-3.092.301-6.224 2.449-9.434.005-.009.012-.016.021-.02 1.057-.485 2.189-.841 3.373-1.045zm-.373 5.273c-.83 0-1.49.751-1.49 1.672s.674 1.67 1.49 1.67c.83 0 1.488-.749 1.488-1.67.013-.914-.652-1.672-1.488-1.672zm5.506 0c-.83 0-1.488.751-1.488 1.672s.672 1.67 1.488 1.67c.836 0 1.49-.749 1.49-1.67.013-.914-.654-1.672-1.49-1.672z"/></svg>');
| |
− | --th-twitter-sidebar: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="hsl(290 25% 48%)" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-.139 9.237c.209 4.617-3.234 9.765-9.33 9.765-1.854 0-3.579-.543-5.032-1.475 1.742.205 3.48-.278 4.86-1.359-1.437-.027-2.649-.976-3.066-2.28.515.098 1.021.069 1.482-.056-1.579-.317-2.668-1.739-2.633-3.26.442.246.949.394 1.486.411-1.461-.977-1.875-2.907-1.016-4.383 1.619 1.986 4.038 3.293 6.766 3.43-.479-2.053 1.08-4.03 3.199-4.03.943 0 1.797.398 2.395 1.037.748-.147 1.451-.42 2.086-.796-.246.767-.766 1.41-1.443 1.816.664-.08 1.297-.256 1.885-.517-.439.656-.996 1.234-1.639 1.697z"/></svg>');
| |
− | --th-instagram-sidebar: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="hsl(290 25% 48%)" width="24" height="24" viewBox="0 0 24 24"><path d="M15.233 5.488c-.843-.038-1.097-.046-3.233-.046s-2.389.008-3.232.046c-2.17.099-3.181 1.127-3.279 3.279-.039.844-.048 1.097-.048 3.233s.009 2.389.047 3.233c.099 2.148 1.106 3.18 3.279 3.279.843.038 1.097.047 3.233.047 2.137 0 2.39-.008 3.233-.046 2.17-.099 3.18-1.129 3.279-3.279.038-.844.046-1.097.046-3.233s-.008-2.389-.046-3.232c-.099-2.153-1.111-3.182-3.279-3.281zm-3.233 10.62c-2.269 0-4.108-1.839-4.108-4.108 0-2.269 1.84-4.108 4.108-4.108s4.108 1.839 4.108 4.108c0 2.269-1.839 4.108-4.108 4.108zm4.271-7.418c-.53 0-.96-.43-.96-.96s.43-.96.96-.96.96.43.96.96-.43.96-.96.96zm-1.604 3.31c0 1.473-1.194 2.667-2.667 2.667s-2.667-1.194-2.667-2.667c0-1.473 1.194-2.667 2.667-2.667s2.667 1.194 2.667 2.667zm4.333-12h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm.952 15.298c-.132 2.909-1.751 4.521-4.653 4.654-.854.039-1.126.048-3.299.048s-2.444-.009-3.298-.048c-2.908-.133-4.52-1.748-4.654-4.654-.039-.853-.048-1.125-.048-3.298 0-2.172.009-2.445.048-3.298.134-2.908 1.748-4.521 4.654-4.653.854-.04 1.125-.049 3.298-.049s2.445.009 3.299.048c2.908.133 4.523 1.751 4.653 4.653.039.854.048 1.127.048 3.299 0 2.173-.009 2.445-.048 3.298z"/></svg>');
| |
− | --th-facebook-sidebar: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="hsl(290 25% 48%)" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-3 7h-1.924c-.615 0-1.076.252-1.076.889v1.111h3l-.238 3h-2.762v8h-3v-8h-2v-3h2v-1.923c0-2.022 1.064-3.077 3.461-3.077h2.539v3z"/></svg>');
| |
− |
| |
− | /* Table cell color HSL */
| |
− | --cell-background: hsl(0 0% 20%);
| |
− |
| |
− | /* Template Lightness values */
| |
− | --lightness-full: 0%;
| |
− | --lightness-primary: 30%;
| |
− | --lightness-secondary: 25%;
| |
− | --lightness-tertiary: 15%;
| |
− | --lightness-shadow: 60%;
| |
− | --lightness-text: 80%;
| |
− |
| |
− | --lightness-primary-flora: 84%;
| |
− | --lightness-secondary-flora: 93%;
| |
− | --lightness-tertiary-flora: 96%;
| |
− | --lightness-shadow-flora: 50%;
| |
− | --lightness-text-flora: 30%;
| |
− |
| |
− | --art-hs: 23 61%;
| |
− | --bug-hs: 78 76%;
| |
− | --design-hs: 353 72%;
| |
− | --event-hs: 215 100%;
| |
− | --fashion-hs: 322 49%;
| |
− | --fashion-hs-sub: 320 45%;
| |
− | --film-hs: 318 69%;
| |
− | --fish-hs: 200 100%;
| |
− | --flora-hs: 350 100%;
| |
− | --fossil-hs: 43 74%;
| |
− | --furniture-hs: 106 50%;
| |
− | --gameplay-hs: 163 58%;
| |
− | --gameplay-hs-sub: 160 61%;
| |
− | --geography-hs: 120 50%;
| |
− | --image-hs: 269 74%;
| |
− | --islander-hs: 45 75%;
| |
− | --item-hs: 50 95%;
| |
− | --location-hs: 146 42%;
| |
− | --manga-hs: 318 34%;
| |
− | --merchandise-hs: 193 53%;
| |
− | --minigame-hs: 782 75%;
| |
− | --museum-hs: 60 31%;
| |
− | --music-hs: 0 59%;
| |
− | --nookipedia-hs: 99 45%;
| |
− | --publication-hs: 248 53%;
| |
− | --reaction-hs: 277 57%;
| |
− | --realworld-hs: 60 20%;
| |
− | --seacreature-hs: 215 100%;
| |
− | --special-hs: 81 87%;
| |
− | --species-hs: 276 56%;
| |
− | --ssb-hs: 34 57%;
| |
− | --ssb-hs-sub: 39 77%;
| |
− | --system-hs: 0 0%;
| |
− | --series-hs: 39 100%;
| |
− | --series-hs-sub: 42 73%;
| |
− | --tool-hs: 34 93%;
| |
− | --town-hs: 101 28%;
| |
− | --update-hs: 144 39%;
| |
− | --user-hs: 50 70%;
| |
− | --villager-hs: 195 52%;
| |
− | --season-hs: 96 70%;
| |
− | --spring-hs: 333 83%;
| |
− | --summer-hs: 191 84%;
| |
− | --autumn-hs: 29 87%;
| |
− | --winter-hs: 241 59%;
| |
− | }
| |
− |
| |
− | /* Core dark theme inversions */
| |
− | .template {
| |
− | filter: invert( 1 ) hue-rotate( 180deg )
| |
− | }
| |
− |
| |
− | img video svg iframe {
| |
− | filter: invert(0) !important
| |
− | }
| |
− |
| |
− | /* Leaves */
| |
− | #mw-header-hack.color-bar {
| |
− | border:none;
| |
− | background:linear-gradient(135deg,#905196, #af72ce, #9c54be, #7a4096, #855ba2, #cb85e3, #7e589c, #3a3b91);
| |
− | -webkit-mask:
| |
− | linear-gradient(red 0 0) top/100% calc(100% - 40px) no-repeat,
| |
− | radial-gradient(circle farthest-side,#000 98%,#0000) bottom/calc(1.85*30px) 80px repeat-x;
| |
− | }
| |
− |
| |
− | /* Body text color */
| |
− | body {
| |
− | color: var(--text-color);
| |
− | }
| |
− |
| |
− |
| |
− | /* Link colors */
| |
− | a {
| |
− | color: var(--link-color);
| |
− | }
| |
− |
| |
− | #mw-page-header-links li.selected a {
| |
− | color: var(--link-color-visited);
| |
− | }
| |
− |
| |
− | /* Heading line color */
| |
− | #firstHeading {
| |
− | border-bottom: solid 2px hsl(280 12% 44%);
| |
− | }
| |
− |
| |
− | /* Sub-heading line color */
| |
− | .mw-body .mw-parser-output h1::after, .mw-body .mw-parser-output h2::after {
| |
− | border-bottom: solid 2px hsl(280 12% 44%);
| |
− | }
| |
− |
| |
− | /* Top links line color */
| |
− | #mw-page-header-links li.selected {
| |
− | border-bottom-color: hsl(280 12% 44%);
| |
− | color: hsl(0 0% 100%);
| |
− | }
| |
− |
| |
− | /* Category line color */
| |
− | #catlinks {
| |
− | border-top: 2px solid hsl(280 12% 44%);
| |
− | }
| |
− |
| |
− | #mw-content-container .sidebar-inner h3, #personal-inner h3 {
| |
− | background-color: var(--th-color-primary) !important;
| |
− | }
| |
− |
| |
− | /* Dropdown stylings on mobile and tablet */
| |
− | @media screen and (max-width: 1099px) {
| |
− | .sidebar-inner {
| |
− | background-color: var(--th-color-tertiary) !important;
| |
− | border: solid var(--th-color-primary) 2px !important;
| |
− | }
| |
− | }
| |
− |
| |
− | @media screen and (min-width: 1100px) {
| |
− | /* Sidebar padding on desktop */
| |
− | #mw-site-navigation {
| |
− | padding-top: 35px;
| |
− | }
| |
− | /* Style sidebar chunks on desktop */
| |
− | .sidebar-chunk {
| |
− | background-color: var(--th-color-tertiary) !important;
| |
− | border: solid var(--th-color-primary) 2px !important;
| |
− | }
| |
− | }
| |
− |
| |
− | /*==================================================
| |
− | RECENT CHANGES
| |
− | ================================================*/
| |
− | /* Recent changes buttons */
| |
− | .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
| |
− | background-color: #402f54;
| |
− | color: #f3f3f3;
| |
− | border-color: #4d3766;
| |
− | }
| |
− |
| |
− | .mw-ui-button:focus {
| |
− | background-color: #ffffff;
| |
− | color: #202122;
| |
− | border-color: #3366cc;
| |
− | box-shadow: inset 0 0 0 1px #3366cc, inset 0 0 0 2px #ffffff;
| |
− | outline-width: 0;
| |
− | }
| |
− |
| |
− | .oo-ui-icon-bookmark, .mw-ui-icon-bookmark:before {
| |
− | background-image: url(/w/load.php?modules=oojs-ui.styles.icons-moderation&image=bookmark&format=rasterized&skin=nookipedia-timeless&version=ol4b0);
| |
− | background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebookmark%3C/title%3E%3Cpath d=%22M5 1a2 2 0 00-2 2v16l7-5 7 5V3a2 2 0 00-2-2z%22/%3E%3C/svg%3E);
| |
− | }
| |
− |
| |
− | .oo-ui-icon-play, .mw-ui-icon-play:before {
| |
− | background-image: url(/w/load.php?modules=oojs-ui.styles.icons-media&image=play&format=rasterized&skin=nookipedia-timeless&version=h006i);
| |
− | background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eplay%3C/title%3E%3Cpath d=%22M4.55 19A1 1 0 013 18.13V1.87A1 1 0 014.55 1l12.2 8.13a1 1 0 010 1.7z%22/%3E%3C/svg%3E);
| |
− | }
| |
− |
| |
− | .oo-ui-icon-settings, .mw-ui-icon-settings:before {
| |
− | background-image: url(/w/load.php?modules=oojs-ui.styles.icons-interactions&image=settings&format=rasterized&skin=nookipedia-timeless&version=o9eze);
| |
− | background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform=%22translate%2810 10%29%22%3E%3Cpath id=%22a%22 d=%22M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3%22/%3E%3Cuse transform=%22rotate%2845%29%22 xlink:href=%22%23a%22/%3E%3Cuse transform=%22rotate%2890%29%22 xlink:href=%22%23a%22/%3E%3Cuse transform=%22rotate%28135%29%22 xlink:href=%22%23a%22/%3E%3C/g%3E%3Cpath d=%22M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7%22/%3E%3C/svg%3E);
| |
− | }
| |
− |
| |
− | /* Filter widget */
| |
− | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
| |
− | background-color: #402f54;
| |
− | }
| |
− |
| |
− | .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
| |
− | background-color: #402f54;
| |
− | border: 1px solid #4d3766;
| |
− | border-bottom: 0;
| |
− | border-radius: 2px 2px 0 0;
| |
− | padding: 0 0.6em 0.6em 0.6em;
| |
− | line-height: normal;
| |
− | }
| |
− |
| |
− | .oo-ui-icon-bookmark, .mw-ui-icon-bookmark:before {
| |
− | background-image: url(https://nookipedia.com/w/load.php?modules=oojs-ui.styles.icons-moderation&image=bookmark&format=rasterized&skin=nookipedia-timeless&version=ol4b0);
| |
− | background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebookmark%3C/title%3E%3Cpath d=%22M5 1a2 2 0 00-2 2v16l7-5 7 5V3a2 2 0 00-2-2z%22/%3E%3C/svg%3E);
| |
− | }
| |
− |
| |
− | .oo-ui-icon-trash, .mw-ui-icon-trash:before {
| |
− | background-image: url(/w/load.php?modules=oojs-ui.styles.icons-moderation&image=trash&format=rasterized&skin=nookipedia-timeless&version=ol4b0);
| |
− | background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etrash%3C/title%3E%3Cpath d=%22M17 2h-3.5l-1-1h-5l-1 1H3v2h14zM4 17a2 2 0 002 2h8a2 2 0 002-2V5H4z%22/%3E%3C/svg%3E);
| |
− | }
| |
− |
| |
− | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
| |
− | background-color: #543d6e;
| |
− | }
| |
− |
| |
− | .oo-ui-tagItemWidget.oo-ui-widget-enabled {
| |
− | color: #ffffff;
| |
− | }
| |
− |
| |
− | .oo-ui-icon-close, .mw-ui-icon-close:before {
| |
− | background-image: url(/w/load.php?modules=oojs-ui.styles.icons-interactions&image=close&format=rasterized&skin=nookipedia-timeless&version=o9eze);
| |
− | background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath d=%22M4.34 2.93l12.73 12.73-1.41 1.41L2.93 4.35z%22/%3E%3Cpath d=%22M17.07 4.34L4.34 17.07l-1.41-1.41L15.66 2.93z%22/%3E%3C/svg%3E);
| |
− | }
| |
− |
| |
− | /* Filter Menu */
| |
− | .oo-ui-textInputWidget .oo-ui-inputWidget-input {
| |
− | background-color: #402f54;
| |
− | color: #f3f3f3;
| |
− | border: 1px solid #4d3766;
| |
− | }
| |
− |
| |
− | .oo-ui-icon-menu, .mw-ui-icon-menu:before {
| |
− | background-image: url(/w/load.php?modules=oojs-ui.styles.icons-layout&image=menu&format=rasterized&skin=nookipedia-timeless&version=1n5fa);
| |
− | background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Emenu%3C/title%3E%3Cpath d=%22M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z%22/%3E%3C/svg%3E);
| |
− | }
| |
− |
| |
− | /* List of abbreviations */
| |
− | .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .wikitable {
| |
− | color: #f3f3f3;
| |
− | background: #402f54;
| |
− | border: none;
| |
− | box-shadow: 0 1px 2px 1px rgb(0 0 0 / 2%);
| |
− | }
| |
− |
| |
− | /* Selected comparison in history */
| |
− | #pagehistory li.selected {
| |
− | background-color: #21353e;
| |
− | color: #f3f3f3;
| |
− | outline: 1px dashed #a2a9b1;
| |
− | }
| |
− |
| |
− | /*==================================================
| |
− | FILE PAGE
| |
− | ==================================================*/
| |
− | /* File TOC */
| |
− | ul#filetoc, .toc, .mw-warning {
| |
− | background: #402f54;
| |
− | border: none;
| |
− | }
| |
− |
| |
− | /* Media Viewer button */
| |
− | .mw-ui-button {
| |
− | background-color: #322442;
| |
− | color: #cbcbcb;
| |
− | border: 1px solid #4d3766;
| |
− | }
| |
− |
| |
− | .mw-mmv-filepage-buttons .mw-mmv-view-expanded.mw-ui-icon:before {
| |
− | background-image: url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1024 768%22%3E %3Cpath d=%22M851.2 71.6L690.7 232.1l-40.1-40.3-9.6 164.8 164.8-9.3-40.3-40.4L926 146.4l58.5 58.5L997.6 0 792.7 13.1%22/%3E %3Cpath d=%22M769.6 89.3H611.9l70.9 70.8 7.9 7.5m-47.1 234.6l-51.2 3 3-51.2 9.4-164.4 5.8-100.3H26.4V768h883.1V387l-100.9 5.8-165 9.4zM813.9 678H113.6l207.2-270.2 31.5-12.9L548 599.8l105.9-63.2 159.8 140.8.2.6zm95.6-291.9V228l-79.1 78.9 7.8 7.9%22/%3E %3C/svg%3E);
| |
− | }
| |
− |
| |
− | .mw-mmv-filepage-buttons .mw-mmv-view-config.mw-ui-icon:before {
| |
− | background-image: url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1024 768%22%3E %3Cpath d=%22M897 454.6V313.4L810.4 299c-6.4-23.3-16-45.7-27.3-65.8l50.5-71.4-99.4-100.2-71.4 50.5c-20.9-11.2-42.5-20.9-65.8-27.3L582.6-1H441.4L427 85.6c-23.3 6.4-45.7 16-65.8 27.3l-71.4-50.5-100.3 99.5 50.5 71.4c-11.2 20.9-20.9 42.5-27.3 66.6L127 313.4v141.2l85.8 14.4c6.4 23.3 16 45.7 27.3 66.6L189.6 607l99.5 99.5 71.4-50.5c20.9 11.2 42.5 20.9 66.6 27.3l14.4 85.8h141.2l14.4-86.6c23.3-6.4 45.7-16 65.8-27.3l71.4 50.5 99.5-99.5-50.5-71.4c11.2-20.9 20.9-42.5 27.3-66.6l86.4-13.6zm-385 77c-81.8 0-147.6-66.6-147.6-147.6 0-81.8 66.6-147.6 147.6-147.6S659.6 302.2 659.6 384 593.8 531.6 512 531.6z%22/%3E %3C/svg%3E);
| |
− | opacity: 0.75;
| |
− | }
| |
− |
| |
− | /* File History table colors */
| |
− | .wikitable.filehistory {
| |
− | background-color: #281d34;
| |
− | color: #f3f3f3;
| |
− | border: 1px solid #4d3766;
| |
− | }
| |
− |
| |
− | /* File History table header */
| |
− | .wikitable > tr > th, .wikitable > * > tr > th {
| |
− | background-color: #322442;
| |
− | }
| |
− |
| |
− | /* File History table border */
| |
− | .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
| |
− | border: 1px solid #4d3766;
| |
− | }
| |
− |
| |
− | /*==================================================
| |
− | SEARCH
| |
− | ==================================================*/
| |
− | #p-search {
| |
− | border-radius: 5px;
| |
− | border: 2px solid #75637e;
| |
− | }
| |
− |
| |
− | #simpleSearch {
| |
− | color: #f3f3f3;
| |
− | box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 5%);
| |
− | background: #110c16;
| |
− | position: relative;
| |
− | border: solid 1px #9d6f6f;
| |
− | }
| |
− |
| |
− | /*==================================================
| |
− | EDITOR
| |
− | ==================================================*/
| |
− | .warningbox {
| |
− | /* background-color: hsl(42 100% 12%);
| |
− | border-color: hsl(45 100% 5%);
| |
− | color: #f3f3f3;*/
| |
− | filter:invert( 1 ) hue-rotate( 180deg )
| |
− | }
| |
− |
| |
− | textarea {
| |
− | background: black;
| |
− | border: black;
| |
− | color: white;
| |
− | }
| |
− |
| |
− | input {
| |
− | background: black;
| |
− | border: black;
| |
− | color: white;
| |
− | }
| |
− |
| |
− | /*==================================================
| |
− | CODE
| |
− | ==================================================*/
| |
− | /* Background color for code text box */
| |
− | pre, .mw-code {
| |
− | background-color: hsl(0 0% 8%);
| |
− | color: hsl(0 0% 79%);
| |
− | border: hsl(235 61% 30%);
| |
− | }
| |
− |
| |
− | /* Code */
| |
− | code {
| |
− | color: #f3f3f3;
| |
− | background-color: #1a1a1a;
| |
− | border: 1px solid #3e3e3e;
| |
− | border-radius: 2px;
| |
− | padding: 1px 4px;
| |
− | }
| |
− |
| |
− | /*==================================================
| |
− | TABLES
| |
− | ==================================================*/
| |
− |
| |
− | /* Styled tables */
| |
− | /* Use class="styled" to make a table use this appearance. You can combine this with one of the color classes below to theme the styled table */
| |
− | table.styled {
| |
− | margin: 10px;
| |
− | background: hsl(var(--template-color, 0 0%) var(--lightness-primary-override, var(--lightness-primary, 20%)));
| |
− | border: 4px solid hsl(var(--template-color) var(--lightness-primary-override, var(--lightness-primary, 20%)));
| |
− | border-radius: 14px;
| |
− | }
| |
− | table.styled td {
| |
− | background: var(--cell-background, hsl(0 100% 100%));
| |
− | }
| |
− | /* This class will try to fallback to regular color if subcolor is undefined */
| |
− | table.styled th {
| |
− | background: hsl(var(--template-subcolor, var(--template-color, 0 0%)) var(--lightness-tertiary-override, var(--lightness-tertiary, 30%)));
| |
− | }
| |
− | /* This class will try to fallback to regular color if subcolor is undefined */
| |
− | table.styled tr:first-child th {
| |
− | font-weight: normal;
| |
− | font-family: Coustard;
| |
− | font-size: 1.0em;
| |
− | height: 40px;
| |
− | padding: 0 5px;
| |
− | text-align: center;
| |
− | background-color: hsl(var(--template-subcolor, var(--template-color, 0 0%)) var(--lightness-secondary-override, var(--lightness-secondary, 25%)));
| |
− | color: hsl(var(--template-color, 0 0%) var(--lightness-text-override, var(--lightness-text, 70%)));
| |
− | }
| |
− | table.styled tr:first-child th:first-child {
| |
− | border-top-left-radius: 9px;
| |
− | border-bottom-left-radius: 0;
| |
− | }
| |
− | table.styled tr:first-child th:last-child {
| |
− | border-top-right-radius: 9px;
| |
− | border-bottom-left-radius: 0;
| |
− | }
| |
− | table.styled tr:last-child > :first-child {
| |
− | border-bottom-left-radius: 9px;
| |
− | }
| |
− | table.styled tr:last-child > :last-child {
| |
− | border-bottom-right-radius: 9px;
| |
− | }
| |
− |
| |
− | /*==================================================
| |
− | NOTICE BOX TEST
| |
− | ==================================================*/
| |
− | .noticebox {
| |
− | margin: 10px;
| |
− | background: hsl(269 28% 35%) !important;
| |
− | border: 4px solid hsl(268 28% 26%) !important;
| |
− | border-radius: 14px;
| |
− | }
| |
− |
| |
− |
| |
− | /*==================================================
| |
− | MEDIA VIEWER
| |
− | ==================================================*/
| |
− | .mw-mmv-post-image {
| |
− | position: absolute;
| |
− | width: 100%;
| |
− | bottom: auto;
| |
− | height: auto;
| |
− | color: #f3f3f3;
| |
− | background-color: #161616;
| |
− | min-height: 57px;
| |
− | z-index: 1005;
| |
− | }
| |
− |
| |
− | .mw-mmv-image-metadata {
| |
− | width: 100%;
| |
− | position: relative;
| |
− | margin-top: -30px;
| |
− | border-top: 1px solid #0e0e0e;
| |
− | background-color: #282828;
| |
− | padding-top: 2px;
| |
− | }
| |
− |
| |
− | /*.mw-ui-button {
| |
− | background-color: #322442;
| |
− | color: #cbcbcb;
| |
− | border: 1px solid #4d3766;
| |
− | }*/
| |
− |
| |
− | .mw-mmv-image img.gif, .mw-mmv-image img.png, .mw-mmv-image img.svg, .mw-mmv-image img.tiff, .mw-mmv-image img.tif {
| |
− | /*background: url(/w/extensions/MultimediaViewer/resources/mmv/ui/checker.png?bdcf5) repeat;*/
| |
− | background: url(https://i.imgur.com/o7bwcKQ.png) repeat;
| |
− | }
| |
− |
| |
− | /* Options dialog */
| |
− | .mw-mmv-dialog .mw-mmv-dialog-down-arrow {
| |
− | background-color: #161616;
| |
− | }
| |
− |
| |
− | .mw-mmv-dialog {
| |
− | background-color: #161616;
| |
− | box-shadow: 0 2px 2px 0 #101010;
| |
− | }
| |
− |
| |
− | .mw-mmv-options-dialog-header {
| |
− | color: #f3f3f3;
| |
− | }
| |
− |
| |
− | .mw-mmv-options-text-header {
| |
− | color: #98a1a9;
| |
− | }
| |
− |
| |
− | .mw-mmv-options-text-body {
| |
− | color: #868c93;
| |
− | }
| |
− |
| |
− | .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {
| |
− | color: #3366cc; /* Focus only */
| |
− | }
| |
− |
| |
− | /* Download dialog */
| |
− | .mw-mmv-dialog .mw-mmv-dialog-warning {
| |
− | background-color: hsl(42 100% 12%);
| |
− | }
| |
− |
| |
− | .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link {
| |
− | color: #98a2ab;
| |
− | }
| |
− |
| |
− | /* Share dialog */
| |
− | .oo-ui-menuSelectWidget {
| |
− | background-color: #161616;
| |
− | }
| |
− |
| |
− | .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
| |
− | background-color: #161616;
| |
− | }
| |
− |
| |
− | .oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
| |
− | color: #f3f3f3;
| |
− | }
| |
− |
| |
− | .mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-optionWidget.oo-ui-optionWidget-highlighted {
| |
− | border-bottom: 2px solid #e1f3ff
| |
− | }
| |
− |
| |
− | .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly] {
| |
− | background-color: #0a0a0a;
| |
− | }
| |
− |
| |
− | .oo-ui-labelWidget.oo-ui-inline-help {
| |
− | color: #98a2ab;
| |
− | }
| |
− |
| |
− | /*==================================================
| |
− | OTHER EXTENSIONS
| |
− | ==================================================*/
| |
− | /* To Top Button */
| |
− | .topButtonCircle {
| |
− | box-shadow: 0.05em 0.2em 0.35em 0.05em #161616;
| |
− | background: #8f5c99;
| |
− | }
| |
− |
| |
− | .testbox {
| |
− | filter: saturate(70%) brightness(50%);
| |
− | }
| |
− |
| |
− | /*==================================================
| |
− | COMPARE REVISIONS
| |
− | ==================================================*/
| |
− | .diff-deletedline .diffchange {
| |
− | border-color: hsl(42 56% 23%);
| |
− | background: hsl(42 56% 23%);
| |
− | }
| |
− |
| |
− |
| |
− | .diff-addedline .diffchange {
| |
− | border-color: hsl(209 100% 22%);
| |
− | background: hsl(209 100% 22%);
| |
− | }
| |
− |
| |
− | /*==================================================
| |
− | DIALOGS
| |
− | ==================================================*/
| |
− | .oo-ui-messageDialog-title .oo-ui-messageDialog-message {
| |
− | font-size: 1.5em;
| |
− | color: #fefefe;
| |
− | }
| |
− |
| |
− | .oo-ui-window-content {
| |
− | background: hsl(270 29% 7%);
| |
− | }
| |