𝖆𝕶𝖘𝖊𝖑

body { background: url(https://www.pixelstalk.net/wp-content/uploads/images6/Original-Winter-Forest-4K-Wallpaper.jpg) bottom; background-size: cover; background-attachment: fixed; } button, input { border: 1px #000 solid; padding: 1.5px 4px; border-radius: 5px; font-family: arial; } button:not(.logout-btn) { background: #e3e3e3; } button:hover:not(.logout-btn) { text-decoration: underline; cursor: pointer; } .logout-btn { border: 1px #000 solid; padding: 1.5px 4px!important; border-radius: 5px; background: #e3e3e3!important; filter: none!important; color: #000; font-family: arial; } .logout-btn:hover { color: #000; } .container { margin: 30px auto; width: 740px; font: 1.15em arial!important; } li .icon { content: url(https://pixelsafari.neocities.org/favicon/object/tech/console6.gif); } nav .top, main { background: url(https://www.pixelstalk.net/wp-content/uploads/images6/White-Winter-Forest-4K-Wallpaper-HD.jpg); background-size: cover; border-radius: 5px; border: 1.5px #000 solid; box-shadow: 0 0 3px 1px #000; } nav .top .right, nav .top .center, nav .top .left { filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000); } nav .top .center, nav .top .right { position: relative; top: 13px; right: 2em; } nav .links { background: none; text-align: center; padding-top: 6px; padding-bottom: 10px; } nav .links a { text-transform: lowercase; text-shadow: none; filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000); } nav .links a:hover { color: #fff; } nav .links li:not(:last-child)::after { color: #fff; content:"×"; margin-left: 3px; margin-left: 3px; filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000); } main { padding: 0; direction: rtl; } main div * { direction: ltr; } a { color: #567bab; font-weight: bold; } a:hover { color: #000; text-decoration: underline; } .details, .mood { color: #fff; filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000); } .mood a, .details a { color: #fff; } .mood b { text-transform: lowercase; } .mood, .contact, .table-section { position: relative; top: -9px; } .profile h1 { font-size: 25px; text-transform: uppercase; position: relative; top: 6px; color: #fff; filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000); } .details { position: relative; left: -5px!important; top: 5px; } .profile-pic img { padding: 2px; width: 150px; height: 150px; border: 1.5px #000 solid; filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000); background: #fff; } .friends .person img:not(.icon), .comments-table td:first-child img:not(.icon) { border: 1.5px #000 solid; filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000); padding: 2px; background: #fff; } img { border-radius: 6px!important; } .profile-info, .blurbs, .friends, .table-section, .contact { background: rgb(255,255,255,.6); border-radius: 5px; border: 1.5px #000 solid!important; box-shadow: 0 0 3px 0 #000; backdrop-filter: blur(1.3px); } .profile-info a { color: #000; } .profile-info a:hover { color: #000; text-decoration: underline; } .blurbs .heading, .friends .heading, .table-section .heading, .contact .heading { border-radius: 4px 4px 0 0; border-bottom: 1.5px #000 solid; padding: 3px 7px!important; font-size: 16px; font-weight: bold; background: url(https://www.pixelstalk.net/wp-content/uploads/images6/Original-Winter-Forest-4K-Wallpaper.jpg) left!important; background-size: 800px!important; color: #fff!important; text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000; } .contact .inner a { text-transform: lowercase; color: #fff!important; text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000; } .more { color: #fff; } .more:hover { color: #fff; } .blurbs .inner { height: 200px; overflow-y: auto; } .blurbs .heading h4, .contact .heading h4, .friends .heading h4, .table-section .heading h4, .blog-preview, .url-info { display: none!important; } .blurbs .heading:before { content:"infomation"; } .contact .heading:before { content:"contacts"; } .friends .heading:before { content:"friends"; } #comments.friends .heading:before { content:"comments"; } .table-section:not(.table-section + .table-section) .heading:before { content:"interests"; } .table-section+.table-section .heading:before { content:"elsewhere"; } footer, footer a { text-transform: lowercase; background: none; color: #fff; text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000; } footer .links li:not(:last-child)::after { content:""; margin-right: 3px; margin-left: 3px; } footer a:hover { color: #fff; } .copyright { text-decoration: none!important; } .copyright a { text-transform: uppercase!important; } .table-section:not(.table-section + .table-section){ height: 275px; overflow-y: auto; } #comments.friends { margin-top: 12px; } #comments.friends .inner { height: 300px; overflow-y: auto; } .friends-grid { display: flex; overflow-x: auto; } .f-row { margin-top: 5px!important; margin-left: 4px!important; } .blurbs .section h4, .count { font-size: 14.5px; color: #b2c9e8!important; filter: drop-shadow(0 0 .5px #000) drop-shadow(0 0 .5px #000) drop-shadow(0 0 .5px #000) drop-shadow(0 0 .5px #000); text-transform: lowercase; } #comments.friends td:first-child, .details-table td:first-child { background: url(https://www.pixelstalk.net/wp-content/uploads/images6/Original-Winter-Forest-4K-Wallpaper.jpg) left bottom!important; background-size: 800px!important; text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000; } #comments.friends td:first-child { padding: 8px; } .details-table td:first-child { padding: 5px 3px; } #comments.friends td:first-child a, .details-table td:first-child a { color: #fff; } table.comments-table { border: none!important; } .details-table td, #comments.friends td { background: none; padding-left: 7px; padding-top: 5px; border-radius: 5px; border: none!important; } .report { text-transform: lowercase; font-size: 11.5px!important; position: relative; top: -5px; } .report .icon { content: url(https://pixelsafari.neocities.org/favicon/object/tech/phone21.gif); } button, nav .top .right, nav .top .center { text-transform: lowercase; } .comment-replies { border: 0px; border-top: 1.5px #fff solid!important; } .friends-grid .person p { color: #fff!important; text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000; } #comments.friends button { filter: drop-shadow(0 0 .8px #000) drop-shadow(0 0 .8px #000); } .profile .friends .person img:not(.icon), .comments-table td:first-child img:not(.icon) { transition: .3s; } .profile .friends .person img:not(.icon):hover, .comments-table td:first-child img:not(.icon):hover { cursor: cell; transform: rotate(5deg); scale: .92; } .blurbs { position: relative; top: -10px; } .friends { position: relative; top: -18px; } .table-section .icon { display: none; } .verified-info .icon.verified { display: none; } :root { --topic1: "general"; --topic2: "music"; --topic3: "media"; --topic4: "books"; --topic5: "pet(s)"; --topic6: "characters"; } .table-section:not(:last-child) .details-table tr td:first-child p{ color:transparent !important; text-shadow: none !important; letter-spacing: -100px; } .table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after { content: var(--topic1); } .table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after { content: var(--topic2); } .table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after { content: var(--topic3); } .table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after { content: var(--topic4); } .table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after { content: var(--topic5); } .table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after { content: var(--topic6); } .details-table tr td:first-child p::after{ letter-spacing: 0px !important; text-shadow: 2px 2px #fff !important; /* CHANGE COLOR OF INTEREST LABELS HERE */ filter: brightness(95%) drop-shadow(0 0 .5px #000) drop-shadow(0 0 .5px #000) drop-shadow(0 0 .5px #000) drop-shadow(0 0 .5px #000)!important; } ::-webkit-scrollbar { width: 13px; height: 13px; } ::-webkit-scrollbar-track { border: 1px #000 solid; background: #fff; } ::-webkit-scrollbar-thumb { border: 1px #000 solid; background: #ededed; } ::-webkit-scrollbar-button:single-button { background: #ededed; display: block; border: 1px #000 solid; background-repeat: no-repeat; } ::-webkit-scrollbar-button:single-button:vertical:decrement { height: 11px; width: 13px; background-position: center 1px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAAXNSR0IArs4c6QAAACZJREFUGFdjZMADGNHk/jMwMMDFkCVBEjAAFodJIkvAFaAbi2ILAOMgAwZmlL9lAAAAAElFTkSuQmCC); border-bottom: none; background-size: 10px; } ::-webkit-scrollbar-button:single-button:vertical:increment { height: 11px; width: 13px; background-position: center 1px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAAXNSR0IArs4c6QAAACVJREFUGFdjZMADGKFy/7GoYYRJguSQFYDFkSVhCuBi6JIopgMA4yADBpeMV5wAAAAASUVORK5CYII=); border-top: none; background-size: 10px; } ::-webkit-scrollbar-button:single-button:horizontal:decrement { height: 13px; width: 12px; background-position: center .4px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAAXNSR0IArs4c6QAAAClJREFUGFdjZMACGNHE/jMwMDAiC4IEQAAuCBNAEQRxMFTCjMYwE24nAGbKBQis5IVFAAAAAElFTkSuQmCC); border-right: none; background-size: 7px; } ::-webkit-scrollbar-button:single-button:horizontal:increment { height: 13px; width: 12px; background-position: center .4px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAAXNSR0IArs4c6QAAAClJREFUGFdjZMACGKFi/xkYGGBsOAMkCAJgCWSVMIMY0QUxVGKYieIGAH7KBQhqNvHTAAAAAElFTkSuQmCC); border-left: none; background-size: 7px; }