DIRECTORY ｡･:*:･ﾟ☆ DIRECTORY ｡･:*:･ﾟ☆ :root { --body-bg-image: url('https://yuentp.neocities.org/images/directory/background.png'); } body { font-family: 'DSBios'; margin: 0; background-color: #08031A; background-size: stretch; color: black; background-image: var(--body-bg-image); background-attachment: fixed; font-size: 1.2rem; image-rendering: pixelated; cursor: url(https://yuentp.neocities.org/cursors/ika/ika0.png), auto !important; } a, a:hover { cursor: url(https://yuentp.neocities.org/cursors/ika/ika2.png), auto !important; } @-moz-document url-prefix() { body { scrollbar-width: thin; scrollbar-color: #e0ecfc #e0ecfc; } body { scrollbar-color: #78a1e1 #e0ecfc; } } #scroll { box-sizing: border-box; white-space: nowrap; font: 12px system-ui; overflow: auto; padding: 7px; height: 15em; width: 15em; border-radius: 6px; border: 1px solid #888; } #tamas{ z-index: 4; pointer-events: none; width: 100%; height: 100%; position: absolute; } .con { height: 95%; width: 95%; white-space: normal; display: inline-block; padding: .2em; vertical-align: middle; overflow: auto; border-radius: 6px; border: 1px solid #888; } .con:nth-child(2) { margin: 0 5px 0 5px; } ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar:horizontal { height: 14px } ::-webkit-scrollbar-corner { background: #eee } ::-webkit-scrollbar-track:vertical { background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%); border-radius: 5px; } ::-webkit-scrollbar-track:horizontal { background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%); border-radius: 5px; } ::-webkit-scrollbar-thumb { border: 1.5px solid #888; border-radius: 5px; box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff; } ::-webkit-scrollbar-thumb:vertical { background: linear-gradient(90deg, #eee 45%, #ddd 0, #bbb); } ::-webkit-scrollbar-thumb:horizontal { background: linear-gradient(180deg, #eee 45%, #ddd 0, #bbb); } ::-webkit-scrollbar-button:horizontal:end:increment, ::-webkit-scrollbar-button:horizontal:start:decrement, ::-webkit-scrollbar-button:vertical:end:increment, ::-webkit-scrollbar-button:vertical:start:decrement { display: block } ::-webkit-scrollbar-button:vertical { height: 15px } ::-webkit-scrollbar-button:vertical:start:decrement { background: white; background: url("https://dl.dropbox.com/s/n9ji42h9hdgdtpc/scroll3.png"), #eee; background-repeat: no-repeat; background-position: center; -moz-background-size: 100% auto, cover; -webkit-background-size: 100% auto, cover; -o-background-size: 100% auto, cover; background-size: 100% auto, cover; border: 1.5px solid #888; border-radius: 5px; } ::-webkit-scrollbar-button:vertical:start:increment { display: none; } ::-webkit-scrollbar-button:vertical:end:decrement { display: none; } ::-webkit-scrollbar-button:vertical:end:increment { background: white; background: url("https://dl.dropbox.com/s/cdcco6pih7n1lae/scroll4.png"), #eee; background-repeat: no-repeat; background-position: center; -moz-background-size: 100% auto, cover; -webkit-background-size: 100% auto, cover; -o-background-size: 100% auto, cover; background-size: 100% auto, cover; border: 1.5px solid #888; border-radius: 5px; } ::-webkit-scrollbar-button:horizontal { width: 14px } ::-webkit-scrollbar-button:horizontal:start:increment { display: none; } ::-webkit-scrollbar-button:horizontal:end:decrement { display: none; } ::-webkit-scrollbar-button:horizontal:start:decrement { background: white; background: url("https://dl.dropbox.com/s/xcm618ghd823271/scroll5.png"), linear-gradient(180deg, #e5e5e5, #f0f0f0 20%); background-repeat: no-repeat; background-position: center; -moz-background-size: 100% auto, cover; -webkit-background-size: 100% auto, cover; -o-background-size: 100% auto, cover; background-size: 100% auto, cover; background-position: center; border-radius: 5px; border: 1.5px solid #888; } ::-webkit-scrollbar-button:horizontal:end:increment { background: white; background: url("https://dl.dropbox.com/s/byeyi7am889ii9m/scroll6.png"), linear-gradient(180deg, #e5e5e5, #f0f0f0 20%); background-repeat: no-repeat; background-position: center; -moz-background-size: 100% auto, cover; -webkit-background-size: 100% auto, cover; -o-background-size: 100% auto, cover; background-size: 100% auto, cover; background-position: center; border-radius: 5px; border: 1.5px solid #888; } ::selection { color: #6695d8; background: #d0d8ea; text-decoration: #6695d8 wavy underline; } * { box-sizing: border-box; } #flex { width: 100%; display: flex; justify-content: center; } #container { margin: auto; justify-content: center; display: flex; } #container a { color: #7894c5; font-weight: bold; text-decoration: none; } #container a:hover { color: white; font-weight: bold; text-shadow: -1px 0 #7894c5, 0 1px #7894c5, 1px 0 #7894c5, 0 -1px #7894c5; } #header { font-size: 75px; font-family: 'omori_gameregular'; font-weight: bold; text-shadow: -1px 1px 0 black, 1px 1px 0 black, 1px -1px 0 black, -1px -1px 0 black; filter: drop-shadow(0px 0px 10px #7598de) drop-shadow(0px 0px 10px #7598de); color: white; text-align: center; } .sidebar { width: 200px; height: 400px; background-image: url('https://yuentp.neocities.org/images/directory/wewe.png'); border: 1px solid #2e2e2eb2; box-shadow: 2px 2px 10px 1px #0000005c, inset 0 0 0 1px #fffa; padding: 10px; border-radius: 0px 50px 50px 0px; margin-left: 5px; } .sidebar::before { width: 100%; height: 100%; position: absolute; content: ""; top: 0; left: 0; z-index: 3; border-radius: 0px 50px 50px 0px; pointer-events: none; box-shadow: inset 0 1px 0 #fffd, inset 1px 0 0 #fffd, inset -1px 0 0 #fffd; } main { background-color: white; padding: 30px; order: 2; border: 1px solid #2e2e2eb2; box-shadow: 2px 2px 10px 1px #0000005c, inset 0 0 0 1px #fffa; background-image: url('https://yuentp.neocities.org/images/directory/wewe.png'); position: relative; width: 500px; height: 600px; overflow: hidden; border-radius: 50px 0px 50px 50px; } main::before { width: 100%; height: 100%; position: absolute; content: ""; top: 0; left: 0; z-index: 3; pointer-events: none; box-shadow: inset 0 1px 0 #fffd, inset 1px 0 0 #fffd, inset -1px 0 0 #fffd; } */ #leftSidebar { order: 1; } #rightSidebar { order: 3; } footer { background-color: #13092D; width: 100%; height: 40px; padding: 10px; text-align: center; } h1, h2, h3 { color: #03107B; } h2 { font-size: 17px; font-family: 'blue_screen_personal_useRg'; } h1 { text-shadow: -1px 1px 0 white, 1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white; font-size: 1rem; background: linear-gradient(to bottom, #fff 0, rgba(94, 140, 252, 0.28) 3%, rgba(46, 89, 174, 0.31) 50%, rgba(5, 58, 157, 0.4) 50%, rgba(5, 61, 198, 0.21) 100%); padding: 5px; mask-image: linear-gradient(90deg, #000 60%, transparent); } strong { color: #03107B; } .box { background-color: #13092D; border: 1px solid #ED64F5; padding: 10px; } .sakurachan { position: absolute; margin-bottom: 85px; margin-left: 1500px; } .maincontainer { display: flex; } #topBar { width: 100%; height: 30px; padding: 10px; font-size: smaller; background-color: #13092D; } li { list-style-image: url('https://yuentp.neocities.org/images/directory/wingies.gif'); } @media only screen and (max-width: 750px) { .sidebar { position: relative; left: 0; height: max-content; margin: auto; width: 100%; margin-bottom: 10px; border-radius: 0; } .sidebar img { display: none; } main { border-radius: 0; width: 100%; } #header img { display: none; } #container { display: grid; width: 100%; } #flex { display: grid; } .homepage { display: none; } #tamas{ display: none; } } @media (max-width: 1500px) { #flex } transform: scale(0.80); transform-origin: top center; margin-left: 120px; } } .sakurachan { position: absolute; margin-left: 500px; margin-bottom: 500px; } hr { border: 0; height: 2px; background: linear-gradient(90deg, rgba(92, 126, 184, 0.81) 22%, rgba(255, 255, 255, 0.11) 65%); } #mainiframe { width: 100%; height: 100%; border: none; } .homepage a:hover { text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important; } #preloader { background-image: url('https://yuentp.neocities.org/images/homepage/movestarbackground-ezgif.com-effects(1).gif'); align-items: center; justify-content: center; width: 100%; display: flex; position: fixed; height: 100vh; left: 0; top: 0; z-index: 9999; transition: opacity 1s ease-in-out; } #preloader.fade-out { opacity: 0; pointer-events: none; } #kuchipatchi{ position: absolute; max-width: 200px; margin-left: -125px; margin-top: 523px; filter: drop-shadow(-1px -1px 1px white) drop-shadow(1px -1px 0px white) drop-shadow(-1px 1px 0px white) drop-shadow(1px 1px 1px white) drop-shadow(-0.5px -0.5px 0.2px #80a6d6) drop-shadow(0.5px -0.5px 0.2px #80a6d6) drop-shadow(-0.5px 0.5px 0.2px #80a6d6) drop-shadow(0.5px 0.5px 0.2px #80a6d6); } #mametchi{ filter: drop-shadow(-1px -1px 1px white) drop-shadow(1px -1px 0px white) drop-shadow(-1px 1px 0px white) drop-shadow(1px 1px 1px white) drop-shadow(-0.5px -0.5px 0.2px #80a6d6) drop-shadow(0.5px -0.5px 0.2px #80a6d6) drop-shadow(-0.5px 0.5px 0.2px #80a6d6) drop-shadow(0.5px 0.5px 0.2px #80a6d6); position: absolute; max-width: 200px; margin-left: 650px; margin-top: 38px; } #pochitchi{ filter: drop-shadow(-1px -1px 1px white) drop-shadow(1px -1px 0px white) drop-shadow(-1px 1px 0px white) drop-shadow(1px 1px 1px white) drop-shadow(-0.5px -0.5px 0.2px #80a6d6) drop-shadow(0.5px -0.5px 0.2px #80a6d6) drop-shadow(-0.5px 0.5px 0.2px #80a6d6) drop-shadow(0.5px 0.5px 0.2px #80a6d6); position: absolute; max-width: 200px; margin-left: -152px; margin-top: -86px; } DIRECTORY ｡･:*:･ﾟ☆

Back to homepage

Yue's directory

Back to homepage

<>>

Tutorials and tools

Absolute begginer's guide to Neocities

The fundamentals explained in a very visual and begginer friendly way.

sadgrl.online

By the same author of the first tutorial. Another well known and useful web to learn about coding and webmastery.

W3Schools

A code learning site with a lot of available programming languages and information.

CodePen

A platform to find interesting and useful code snippets for your site, see how they are made, and also share your own.

RV's free Javascript/DHTML effects

A JS/DHTML text effect generator.

CSS Grid Generator

Very useful CSS grid generator

Font Squirrel

Webfont generator to add custom fonts to your site.

birdwrongs.sh's useful links

A very complete directory with webmastery resources.

y2kid's downloading guide

Important guide to downloading content from the Internet.

Windows CSS frameworks | Win7 | WinXP | Win98

CSS design systems of certain Windows versions that can be used on your site.

Tutorials and tools

Absolute begginer's guide to Neocities

The fundamentals explained in a very visual and begginer friendly way.

sadgrl.online

By the same author of the first tutorial. Another well known and useful web to learn about coding and webmastery.

W3Schools

A code learning site with a lot of available programming languages and information.

CodePen

A platform to find interesting and useful code snippets for your site, see how they are made, and also share your own.

RV's free Javascript/DHTML effects

A JS/DHTML text effect generator.

CSS Grid Generator

Very useful CSS grid generator

Font Squirrel

Webfont generator to add custom fonts to your site.

birdwrongs.sh's useful links

A very complete directory with webmastery resources.

y2kid's downloading guide

Important guide to downloading content from the Internet.

Windows CSS frameworks | Win7 | WinXP | Win98

CSS design systems of certain Windows versions that can be used on your site.

Tutorials and tools

Absolute begginer's guide to Neocities

The fundamentals explained in a very visual and begginer friendly way.

sadgrl.online

By the same author of the first tutorial. Another well known and useful web to learn about coding and webmastery.

W3Schools

A code learning site with a lot of available programming languages and information.

CodePen

A platform to find interesting and useful code snippets for your site, see how they are made, and also share your own.

RV's free Javascript/DHTML effects

A JS/DHTML text effect generator.

CSS Grid Generator

Very useful CSS grid generator

Font Squirrel

Webfont generator to add custom fonts to your site.

birdwrongs.sh's useful links

A very complete directory with webmastery resources.

y2kid's downloading guide

Important guide to downloading content from the Internet.

Windows CSS frameworks | Win7 | WinXP | Win98

CSS design systems of certain Windows versions that can be used on your site.

Tutorials and tools

Absolute begginer's guide to Neocities

The fundamentals explained in a very visual and begginer friendly way.

sadgrl.online

By the same author of the first tutorial. Another well known and useful web to learn about coding and webmastery.

W3Schools

A code learning site with a lot of available programming languages and information.

CodePen

A platform to find interesting and useful code snippets for your site, see how they are made, and also share your own.

RV's free Javascript/DHTML effects

A JS/DHTML text effect generator.

CSS Grid Generator

Very useful CSS grid generator

Font Squirrel

Webfont generator to add custom fonts to your site.

birdwrongs.sh's useful links

A very complete directory with webmastery resources.

y2kid's downloading guide

Important guide to downloading content from the Internet.

Windows CSS frameworks | Win7 | WinXP | Win98

CSS design systems of certain Windows versions that can be used on your site.

Tutorials and tools

Absolute begginer's guide to Neocities

The fundamentals explained in a very visual and begginer friendly way.

sadgrl.online

By the same author of the first tutorial. Another well known and useful web to learn about coding and webmastery.

W3Schools

A code learning site with a lot of available programming languages and information.

CodePen

A platform to find interesting and useful code snippets for your site, see how they are made, and also share your own.

RV's free Javascript/DHTML effects

A JS/DHTML text effect generator.

CSS Grid Generator

Very useful CSS grid generator

Font Squirrel

Webfont generator to add custom fonts to your site.

birdwrongs.sh's useful links

A very complete directory with webmastery resources.

y2kid's downloading guide

Important guide to downloading content from the Internet.

Windows CSS frameworks | Win7 | WinXP | Win98

CSS design systems of certain Windows versions that can be used on your site.

Tutorials and tools

Absolute begginer's guide to Neocities

The fundamentals explained in a very visual and begginer friendly way.

sadgrl.online

By the same author of the first tutorial. Another well known and useful web to learn about coding and webmastery.

W3Schools

A code learning site with a lot of available programming languages and information.

CodePen

A platform to find interesting and useful code snippets for your site, see how they are made, and also share your own.

RV's free Javascript/DHTML effects

A JS/DHTML text effect generator.

CSS Grid Generator

Very useful CSS grid generator

Font Squirrel

Webfont generator to add custom fonts to your site.

birdwrongs.sh's useful links

A very complete directory with webmastery resources.

y2kid's downloading guide

Important guide to downloading content from the Internet.

Windows CSS frameworks | Win7 | WinXP | Win98

CSS design systems of certain Windows versions that can be used on your site.

<>>

WEBMASTERY

GAMING

MISC

Archives

window.addEventListener("load", function() { const preloader = document.getElementById("preloader"); // Start fade out preloader.classList.add("fade-out"); // Wait for the CSS transition to finish before removing preloader.addEventListener("transitionend", function() { preloader.style.display = "none"; }); });

Back to homepage

DIRECTORY ｡･:*:･ﾟ☆

Back to homepage