/* ==UserStyle== @name Nekoweb 98 Theme @version 20240505.19.28 @namespace https://userstyles.world/user/maxpixels @description A Windows 98 theme for Nekoweb.org. @author maxpixels @license No License ==/UserStyle== */ @-moz-document url-prefix("https://nekoweb.org") { @font-face { font-family: "Pixelated MS Sans Serif"; src: url("https://max.nekoweb.org/fonts/win98/ms_sans_serif.woff") format("woff"); src: url("https://max.nekoweb.org/fonts/win98/ms_sans_serif.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: "Pixelated MS Sans Serif"; src: url("https://max.nekoweb.org/fonts/win98/ms_sans_serif_bold.woff") format("woff"); src: url("https://max.nekoweb.org/fonts/win98/ms_sans_serif_bold.woff2") format("woff2"); font-weight: bold; font-style: normal; }:root { --almostwhite: silver; --cream: silver; --orange: silver; --peach: silver; --peachier: #222222; --pink: #f8bef6; --purple: #a67bbf; --palegreen: silver; --gray: #d5d5d5; --lightbrown: #222222; --darkbrown: #222222; --light-red: #b95c5c; --crazy-green: #95e995; --gradientorange: silver; } * { font-family: "Pixelated MS Sans Serif"; } html { background: url(https://max.nekoweb.org/images/win98/nekopattern.png) repeat; } .containergrid, .mainbody, .sitebutton, .contacts, .news, .header, .title, #news, .footer, #control { box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px grey, inset 2px 2px #fff; background: silver; } .containergrid { box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px grey, inset 2px 2px #fff; outline: none; } .mainbody, .navigation { box-shadow: inset -1px -1px #ffffff, inset 1px 1px #808080, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a; background: white; } .mainbody { margin-left: none; } #news { padding: 12px; padding-top: 6px; } .header { background: silver; border-bottom: 0; box-shadow: inset -1px 0 #0a0a0a, inset 1px 1px #dfdfdf, inset -2px 0 grey, inset 2px 2px #fff; } .banner img { outline: none; } .navigation { filter: none; } .navigation li a { background: white; border: 0; outline: 0; box-shadow: none; text-align: left; padding-top: 4px; text-shadow: none; padding-bottom: 4px; border-radius: 0; } .navigation li a:hover { background: #03037c; color: white; border: 0; text-shadow: none; outline: 1px dashed black; box-shadow: none; } /*.navigation li a:before { content: url(https://nekoweb.org/site/mypillowfort/files/two2/tumblr_lkl6n9q74A1qfamg6540.gif); position: relative; top: 3px; left: -5px; }*/ .navigation::after { display: none; } .mainbody, .navigation { margin: 5px; } h2 { background: linear-gradient( 90deg, #000080, #1084d0); padding: 3px 2px 3px 3px; color: #fff; border-bottom: none; } button, input[type="submit"] { background: silver; box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, inset 2px 2px #dfdfdf; border: 1px solid silver; } button:active, input:active { box-shadow: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #222222; text-shadow: 1px 1px #222222; } button:hover, input:hover { box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a; ; } .sitecarousel, details p { box-shadow: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080; background: silver; margin: 0; padding: 0; margin-left: -12px; } .mainbody:has(#dashboard) { background: silver; box-shadow: none; } .files { background: #ffffff; box-shadow: inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080; border: none; } .exploreNav { background: silver; /*box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px silver, inset -2px -2px grey, inset 2px 2px silver;*/ border-bottom: inset 2px #0a0a0a; margin: -12px; padding-left: 20px; margin-left: -37px; } .sitecarousel > a { margin-top: 5px; } .paneltext a { color: #000080; } #logoff { color: #ff4f85; }