listography: websites (spacehey layouts)

shirouapples's listography » bookmark shirouapples

haai ! i'm eighteen and brazilian mwah

sofia	leituras (2025)
	músicas (2025)
	currently
mollie	my babes (if you were in my arms today. . . )
	.

169w	sandpaper kisses
mollie	sofia
sad avocado	softie

websites (spacehey layouts)

┌─────────────────────────────────────────────┐

old-school computer↴

=========================================

container{

margin-top:50px!important; margin-bottom:50px!important; } a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active{ color:#FFFFFF; background-color:#CCCCCC!important; text-decoration:none!important; } nav .top, nav .links, main, footer{ background:none; }

left, .right{

font-family: 'VT323', monospace!important; color:#FFF!important; } nav .top, button, label, .links a, footer p{ font-family: 'VT323', monospace!important; font-size:1rem!important; color:#FFF!important; }

profile h1{

font-family: 'VT323', monospace!important; color:#FFF!important; font-size:2rem; }

links a, .left a, .right a{

color:#FFF!important; background-color:#999; }

search-wrapper input{

background-color: #222222; border: 1px solid #FFF; font-size: 1rem; font-family: 'VT323', monospace; color: #FFF; } nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after { content: ""; }

details-table td:first-child{

color: #DDD; background: none; }

details-table td, .comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td{

background: none; }

profile .blurbs .heading, .profile .friends .heading{

color: #FFF; font-size: 1.3rem; } button{ background: none; border: none; } @media screen and (orientation:landscape) and (max-width:800px){ .container{ max-width:80%; } } </style> ========================================= └─────────────────────────────────────────────┘ ┌─────────────────────────────────────────────┐

windows xp

=========================================

windows 98↴

=========================================

<style>

@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body { /* background-image: url(https://i.pinimg.com/564x/24/d7/a9/24d7a917bd39cb046a807e01b69dac54.jpg); */ background-color: #007f7e; background-attachment: fixed; font-family: Libre Franklin; font-size: 17px; }

/* width */ ::-webkit-scrollbar { width: 20px; }

/* Track */ ::-webkit-scrollbar-track { background: #dcdedf; }

/* Handle */ ::-webkit-scrollbar-thumb { background: #bec7c9; border: 2px outset; }

/* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #b5bdbf; }

p { color: #000; font-weight: 500; }

h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: 600; color: #fff; }

:root { --logo-blue: #cfccc2; --darker-blue: #0000ff; --lighter-blue: #cfccc2; --even-lighter-blue: #cfccc2; --lightest-blue: #cfccc2; --dark-orange: #dc2b31; --light-orange: ; --even-lighter-orange: ; --green: #000; }

nav { margin: 10px; }

nav .links:before { display: block; padding-left: 5px; padding-bottom: 1px; border-bottom-style: groove; background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0c1058, #adcbe1); background-repeat: no-repeat; background-position: right; font-weight: 600; content: "spacehey - Microsoft Internet Explorer"; }

top {

color: transparent !important; height: 0 !important; background-color: transparent !important; }

top .left {

display: none !important; }

top .center {

display: none !important; }

search-wrapper{

display: none !important; }

top .right {

display: none !important; }

logout-btn{

display: none !important; }

top a{

color: transparent !important; }

nav .links { border-style: outset; border-width: 2px; border-color: #fff #000 #000 #fff; padding: 0 0 3px 0; }

nav .links a{ font-size: 10px; color: #000; padding: 7px; font-weight: 500; }

main { background: transparent; margin: 10px auto 10px auto; }

col.w-40.left h1{

border-style: outset outset none outset; border-width: 2px; border-color: #fff #000 #000 #fff; background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0c1058, #adcbe1); background-repeat: no-repeat; background-position: right; margin-bottom: 0; }

profile h1 {

padding-left: 5px; font-family: Libre Franklin; font-size: 12px; }

col.w-40.left .general-about p{

margin: 0; background: #cfccc2; font-weight: 500; color: #000; }

general-about {

height: 178px; border-style: groove outset outset outset; border-width: 2px; border-color: #fff #000 #000 #fff; background: #cfccc2; margin-top: 0; font-family: Times New Roman; }

general-about .profile-pic img {

margin: 5px; height: 200px; }

general-about .details {

margin-top: 15px; }

mood {

border-style: outset; border-width: 2px; border-color: #fff #000 #000 #fff; background: #cfccc2; margin: 10px auto ; }

mood:before {

display: block; padding-left: 5px; margin: 1px; border-bottom-style: groove; background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0c1058, #adcbe1); background-repeat: no-repeat; background-position: right; font-weight: 600; font-size: 12px; color: #fff; content: "Mood"; }

mood p{

font-family: Times New Roman; color: #000; padding: 5px 5px 0px 5px; }

profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

border-bottom-style: groove; background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0c1058, #adcbe1); background-repeat: no-repeat; background-position: right; padding: 0px 6px; margin: 1px; }

profile .contact, .profile .url-info, .profile .table-section, .home-actions {

border-style: outset; border-width: 2px; border-color: #fff #000 #000 #fff; }

contact {

background: #cfccc2; }

url-info {

background: #cfccc2; }

url-info p{

font-family: Times New Roman; color: #000; }

details-table {

background: #cfccc2; }

table-section {

background: #cfccc2; }

details-table td {

border-bottom-style: groove; padding: 1px 2px; }

details-table p {

font-family: Times New Roman; color: #000; }

profile-info {

border-style: outset; border-width: 2px; border-color: #fff #000 #000 #fff; background: #cfccc2; }

blog-preview {

border-style: outset; border-width: 2px; border-color: #fff #000 #000 #fff; background: #cfccc2; }

blog-preview h4 {

blog-preview p {

margin: 5px; font-family: Times New Roman; color: #000; font-weight: 500; }

blurbs {

background: #cfccc2; border-style: outset; border-width: 2px; border-color: #fff #000 #000 #fff; }

profile .blurbs .heading {

profile .blurbs .section h4 {

color: #000; padding: 0px; font-weight: 600; }

profile .blurbs .inner {

font-family: Times New Roman; padding: 2 0; }

friends {

border-style: outset; border-width: 2px; border-color: #fff #000 #000 #fff; background: #cfccc2; margin-bottom: 20px; }

profile .friends .heading {

border-bottom-style: groove; background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0c1058, #adcbe1); background-repeat: no-repeat; background-position: right; }

profile .friends .heading a {

padding-right: 50px; }

div.friends:nth-of-type(3) > div.inner:nth-child(2) > p:first-child > b:first-child { font-family: Times New Roman; color: #000; }

profile .friends .inner {

background: #cfccc2; }

#comments .inner { height: 1000px; overflow: auto; }

#comments > div.inner:nth-child(2) > p:first-child > b:first-child { font-family: Times New Roman; color: #000; }

comments-table td {

border-style: none groove groove none; border-width: 3px; font-family: Times New Roman; }

comments-table td * {

font-family: Times New Roman; color: #000; }

footer { border-style: outset; border-width: 2px; border-color: #fff #000 #000 #fff; background: #cfccc2; margin-bottom: 20px; }

footer p { color: #000; }

</style> ========================================= └─────────────────────────────────────────────┘

┌─────────────────────────────────────────────┐

black & gray↴

=========================================

for colors go to https://htmlcolorcodes.com/color-names
for fonts go to https://fonts.google.com
for cursors go to https://icons8.com or https://www.cursors-4u.com

============⚠️==========*/

{

cursor: url('https://cur.cursors-4u.net/cursors/cur-11/cur1054.cur'), auto; } a:hover { cursor: url(https://cur.cursors-4u.net/cursors/cur-11/cur1049.cur), auto; } /* this is where the colors are rooted */

:root{ --headers: whitesmoke; --text: whitesmoke; --names: whitesmoke; --links: gray; --background_image: url('https://wallpapercave.com/wp/wp2686927.jpg'); --font-family: "Courier New", cursive; --curve: 0px; --borders: 2px solid gray; }

/* this is where the colors for specific things are located */

h3, h4, h5{color: var(--headers)!important;} /* headings*/ a{color: var(--links) !important;} /* color of links */ p, h2, .count {color: var(--text);} /* color of text */

friends a p{color: var(--names);} /* color of names, and friends counter */

nav label{color: var(--links);} /* color of search */

section h4 {color: var(--headers);} /* aboutme & want2meet headings */
blurbs .heading {display:none;} /* hides the blurbs title */
details p:last-child{color: var(--text);} /* where the last login and status appears */

/* this is where your background image ends up being styled */

body{ background-image: var(--background_image); background-size: contain; background-position: center; background-color: dimgray; } /* this is where your name appears */ h1{ color: white; font-family: var(--font-family); font-size:30px !important; font-weight: 1; border: var(--borders); background-color: black; padding:5px; text-align: center; }

/* the navigation is adjusted here */ nav{ background-color: black; border: var(--borders); border-radius: var(--curve); text-align: center; }

nav .top, nav .links { background-color: transparent; border-radius: var(--curve); } nav .links a{ text-shadow:none; }

/* this is the line that appears between links in the header and footer. you can add an emoji or symbol instead of the default line it has */

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{ content: "|"; color: white; }

nav img.logo{ filter: brightness(0) saturate(100%) invert(50%) sepia(5%) saturate(326%) hue-rotate(174deg) brightness(92%) contrast(82%) !important; }

/* the search wrapper and button */

search-wrapper input[type=text] {

background-color: transparent !important; border: 2px solid var(--links) !important; color:var(--links) !important; border-radius: var(--curve) !important; }

button{ border-radius: var(--curve) !important; border: 0px solid var(--links) !important; font-family: var(--font-family) !important; background-color: transparent !important; color:var(--links) !important; }

/* the online symbol and text */

online{

color: var(--links) !important; text-transform: lowercase; text-align: right; }

online img{

filter: brightness(0) saturate(100%) invert(50%) sepia(5%) saturate(326%) hue-rotate(174deg) brightness(92%) contrast(82%); !important; }

/* font family for the headers, navigtion links, links, body text */

a, p, b, nav label, .section{ font-family: var(--font-family); font-size: 12px; font-weight: 1; text-shadow: 0px 0px 0px black; } h2, h3, h4, h5{ font-family: var(--font-family); font-size: 16px; text-align: center; font-weight: 1; text-shadow: 0px 0px 0px black; }

/* the hr code. the hr is the horizontal line when you want to separate important info or add a break in your paragraphs*/

hr{ height:2px; background: gray; border: none; }

/* this is where you adjust the borders and background */

blurbs, .mood, .friends, .contact, .profile .table, .blog-preview, .profile .table-section{

border-radius: var(--curve); border: var(--borders)!important; background-color: black!important; }

comment-replies{border:4px groove gray;} /* this is the border around the replies */
comment-reply:not(:first-child){border-top: 2px solid var(--links);} /* line in between comment replies*/

/* your interest and comments table row background color */ td{ background-color: transparent!important; }

/* the middle section of your profile background color*/ main{ background: transparent; border-radius: var(--curve); border: transparent; outline: none; }

/* the interest table */

table-section{

border:none !important; border-radius: var(--curve) !important; }

/* the header section of the boxes */

heading{

background: none !important; } /* this is the box that says "Edit Info" when you're logged in, and to your friends it says "Profile Name is your friend". */

profile-info {

background-color: black !important; border: var(--borders) !important; border-radius: var(--curve) !important; }

/* adjusting images borders and adding styling if you want to */

profile-pic{

padding: 10px; } /* you can add text-align:center; if you want your friends to be centered */

friends-grid{

text-align: center; }

/* margin and padding */

h2, h3, h4, h5, p{padding-left:5px !important;} /* this is important when you have rounded corners */

contact .heading, .profile .table-section .heading, .blog-preview .heading, .profile .friends .heading, .mood{padding: 5px!important;text-align: center;}
mood, .friends{margin-bottom: 10px;}
url-info{display: none;}
general-about .details{

background: black; border: var(--borders); padding-bottom: 70px; margin-bottom: 10px; }

contact{

padding: 5px }

contact .f-col{

padding: 0px 0px 7px; }

f-row{

margin:0px!important; } /* this is the comments table scroll code. you can delete this if you don't want a scroll box */

comments-table {

display: block; height: 500px!important; overflow-y: scroll; outline: none !important; border-radius: 3px; border-spacing: 6px; border: transparent; }

comments-table td{

border: 2px solid gray; }

footer{ background: black; border: var(--borders); padding:10px; margin-top: 10px; } /* .details-table td:first-child{display:none;} this hides the movies,books,heroes titles*/ </style>

┌─────────────────────────────────────────────┐

dreamy clouds↴

=========================================

<style>

:root { --logo-blue: #887dae; --darker-blue: #df92be; --lighter-blue: #ffc0c0; --even-lighter-blue: #ccc; --lightest-blue: #b893be; --dark-orange: #333; --light-orange: #181818; --even-lighter-orange: #404040; --green: #38d; }

{

font-family: monospace; }

body {background: url("https://data.whicdn.com/images/197122776/original.gif") no-repeat fixed; background-size:cover;

}

blog-preview p {

background-color: none; padding: 5px 10px; border-radius: 10px; color: black; }

blog-preview p a{

color: #ea9999!important; }

blog-preview p a:hover,
blog-preview p a:active,
blog-preview p a:focus{

color: white!important; }

nav { border-radius: 15px 15px 0 0; overflow: hidden; }

profile .contact,
profile .url-info,
profile .table-section,
home-actions {

border: none; }

table.details-table { border-collapse: collapse; }

table.details-table td { background-color: transparent !important; }

profile-pic {

border-radius: 500px; overflow: hidden; }

heading {

padding: 5px 0 !important; margin-top: 15px; margin-bottom: 10px; background-color: transparent !important; color: #2a2a2a !important; border-bottom: 2px solid; }

main { border-radius: 0 0 15px 15px; background: rgba(255, 255, 255, 0.94) !important; }

container {

border-radius: 15px 15px 0 0; overflow: hidden; margin-top: 30px; padding: 10px; }

footer { border-radius: 15px; background: rgba(255, 255, 255, 0.94) !important; display: block !important; }

table.comments-table td { background-color: white !important; }

comments-table td:first-child img {

width: 80px; border-radius: 500px; }

profile .friends .person img {

border-radius: 500px; }

blog-preview p {

font-size: 1.4rem; }

a.addme { font-size: 2rem; font-weight: bold; margin-bottom: 15px; display: block; }

</style> ========================================= └─────────────────────────────────────────────┘

┌─────────────────────────────────────────────┐

pinky↴

=========================================

} body { INSERT TEXT background-image: url(INSERT IMAGE)

}

:root { --logo-blue: rgb(243, 182, 249); --darker-blue: black; --lighter-blue: rgb(243, 182, 249); --even-lighter-blue: ; --lightest-blue: ; --dark-orange: white; --light-orange: rgb(243, 182, 249); --even-lighter-orange: rgb(243, 182, 249); --green: rgb(243, 182, 249); }

}</style>

└─────────────────────────────────────────────┘

┌─────────────────────────────────────────────┐

pink internetcore↴

=========================================

<style>

body { background-color: #e3e3e3; background: url(https://i.pinimg.com/564x/d3/87/38/d38738baf9d7ded484afe11d9ff871b8.jpg); font-family: verdana, arial, sans-serif, helvetica; background-size: 1000px; }

body::before { content: " "; display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%); z-index: 2; background-size: 100% 2px, 3px 100%; pointer-events: none; }

{

font-family: monospace; cursor: url(https://64.media.tumblr.com/944a0abc7ef096acd29ddf29e1894969/25c2207280490ab6-da/s75x75_c1/e4bda17eefb34dcb8cf7f8a485ab6ab37b8dc869.gifv), url(https://64.media.tumblr.com/d4a50c1b4d90a1eccf75ccca47199961/b261dfe74ba3f797-4e/s250x250_c1/b8ad33e140c516f3c0960a2572806ef066ef50d0.gifv), auto !important; }

main { background: url(https://i.pinimg.com/474x/04/83/93/0483933….jpg) #fceef4d4; #ff6868d4; padding: 6px 0px; font-size: 80%; color: grey; background-size: cover; border: solid 2px #ff9fc9; box-shadow: 0px 0px 6px #a14b74; }

nav { color: #828080; font-size: 72%; font-size: max(72%, 12px); } nav .links .special a { color: #ff0000; }

general-about .profile-pic {

display: block; float: left; height: 150px; box-shadow: 0px 0px 15px #ecb7d5; border: #ffd6df double 5px; }

profile h1 {

font-size: 2.7em; margin: 0 0 10px 0; font-family: fangsong; color: #ff9cc1; }

profile .friends .person img:not(.icon) {

filter: grayscale(100%); }

div.profile h1 { font-size: 2.5em; text-shadow: 2px 2px 0.5px #ab2d2d; overflow: hidden; animation-name: example; animation-iteration-count: infinite; animation-duration: 1.4s;

}

a { color: #1E40AF; color: #d065a0; text-decoration: none; font-size: 10px; } p { font-size: max(0.875em, 14px); }

nav .links a { text-decoration: none; color: #ffffff; font-size: 0.98em; font-size: max(0.98em, 12px); text-shadow: 0 0 7px #ffffff8c; }

div.profile h1 { font-size: 2.5em; text-shadow: 2px 2px 0.5px overflow: hidden; animation-name: example; animation-iteration-count: infinite; animation-duration: 1.4s; text-shadow: 2px 2px 0.5px #ff57a2; }

b, strong { font-weight: bolder; color: #d35884; font-size: 13.5px; }

nav .links { background-color: #ed7dac; padding: 3.5px 16px 5.5px 16px; border: solid 3px #d76785; box-shadow: 0px 0px 10px #e24cb0; }

nav .links::after { content: url(https://64.media.tumblr.com/062574a6ce949afe2599ae7d9855957f/29429a2fed66c7ab-92/s75x75_c1/5434fc96e2df57ec30b76eb21a77afc2748f28a0.gifv) }

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after { content: " ☆ "; color: #ff0202;

}

button, input { overflow: visible; background-color: #ffdeee63; border: 2px inset #ffb3c0; }

inner {

color: #cf3878de !important; background: #fff9fb; border: 3px inset #ffaad7; border-radius: 0px !important; box-shadow: 5px 8px #ffd1e3 !important; background-size: cover; }

details-table td {

background: #DBEAFE; background: #ffa5bc8c; vertical-align: top; border-bottom: dashed #ffffff; box-shadow: 2px 5px #f38bba; padding: 1px 12px 10px; border-spacing: 10px; }

details-table td p {

margin: 0; overflow-wrap: break-word; word-break: break-word; font-size: 12.5px; }

details-table {

margin: 2px; border-spacing: 10px; }

comments-table td, .music-table td {

background: #ffffff00; vertical-align: top; }

comments-table td:first-child, .music-table td:first-child {

background: #f9c56c; background: #00000000; text-align: center; font-weight: bold; width: 29%; }

profile .blurbs .heading, .profile .friends .heading {

background: #f9c56c; background: #ffabce; color: #ED0707; color: #ffffff; padding: 2px 7px; box-shadow: 0px 0px 6px #e388bd; border: inset #ff8ad5; }

profile .blurbs .heading:before {

content: url(https://64.media.tumblr.com/2a71dcdaf04250820581bc8c3bc90cac/d538a4a8786aa9cb-6a/s75x75_c1/2d7ea5dd881917805257b97bc4333b4def4a2828.gifv); }

profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

background: #ff7dae; color: #ffffff; padding: 4px 7px; border: 2px inset #ff6bb6; }

profile .contact, .profile .url-info, .profile .table-section, .home-actions {

width: 100%; border: 2px solid #e878a7; margin: 10px 0; background-blend-mode: color; background: #ffe3f2; box-shadow: #ffc0db 5px 5px; }

footer { text-align: center; font-size: 70%; margin: 10px 0 10px; padding: 10px 5px; background: url(https://64.media.tumblr.com/4ef363843eadaf4d22e813f4377586d0/5bbc5cd08fbcae95-9b/s500x750/4392091c5c59bb20616932eb6156d499f9037cca.gifv) #59001ea6; background-size: 800px; background-position: center; background-blend-mode: soft-light; background-color: #ffc4d3; }

nav .links, footer .links { list-style: cambodian; margin-top: auto; }

profile .blurbs .heading h4 {

display: inline-block; font-size: 13.5px; }

profile .blurbs .section h4 {

margin: 0; color: #959595; font-size: 13px; }

details-table td:first-child {

background: #BFDBFE; background: #f9b9cd; color: #1D4ED8; color: #ffffff; font-weight: bold; width: 33%; font-family: monospace; font-size: 3.5mm; }

nav .top { background: #f0ffff00; padding: 15px 10px 16px 10px; display: flex; background-size: cover; background-position: bottom; }

logo {

filter: sepia(50%) hue-rotate(288deg) saturate(100); }

profile .url-info p {

font-size: 100%; margin: 0; word-break: break-all; color: #8b8590; }

profile-info {

border: 2px solid rgb(254 133 180 / 70%); background-image: url(https://64.media.tumblr.com/f9610d323fcf03096555db5f72b2e2c2/3422996381449623-08/s250x400/244c606292b8fedaf6e464cbff98e689d79047a5.gifv); display: flex; align-items: center; justify-content: center; padding: 15px 5px; margin-bottom: 10px; background-size: 290px; }

col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes float {0% { transform: translate(0, 0px); }50% { transform: translate(0, 8px); }100% { transform: translate(0, -0px); }

online img {

content: url(https://64.media.tumblr.com/6cbf50d286f93d4b96856ba92dd77981/0029a9e9ab07cc70-9f/s250x400/4a0860b62ec1b04ad05b0992b722741a90636385.gifv);}

</style>

<style>

div.scarletangel { background: url(https://64.media.tumblr.com/ce6d953f955627b6683991ad455f49b0/26d81e5c31b80d32-36/s400x600/ae349716fd562d1e946265ed716f2f9ccc71398b.gifv); background-size: 100%!important; position: fixed; left: 630px; bottom: 30px; height: 300px; width: 370px; z-index: 100; opacity: 100%; background-blend-mode: overlay; background-color: #ffc0cb38;

}

div.mayura2 { background: url(https://64.media.tumblr.com/7e9eddf21a9a0699087ca295d3d67621/4467b007948c8ded-6c/s540x810/25bd4d3faca51ca948aa88b2ad68027f78de0eb4.gifv); background-size: 100%!important; position: fixed; right: 900px; top: 30px; height: 175px; width: 370px; z-index: 100; opacity: 100%; background-blend-mode: overlay; background-color: #ff8ac7ad; }

div.heartfolder1 { background: url(https://i.imgur.com/hyrao2u.png); background-size: 100%!important; position: fixed; left: 1000px; top: 20px; height: 73px; width: 80px; z-index: 100; opacity: 100%;

}

div.heartfolder2 { background: url(https://i.imgur.com/hyrao2u.png); background-size: 100%!important; position: fixed; left: 1000px; top: 120px; height: 73px; width: 80px; z-index: 100; opacity: 100%; }

div.heartfolder3 { background: url(https://i.imgur.com/hyrao2u.png); background-size: 100%!important; position: fixed; left: 1000px; top: 220px; height: 73px; width: 80px; z-index: 100; opacity: 100%;

}

div.heartfolder4 { background: url(https://i.imgur.com/hyrao2u.png); background-size: 100%!important; position: fixed; left: 900px; top: 20px; height: 73px; width: 80px; z-index: 100; opacity: 100%;

} div.heartfolder5 { background: url(https://i.imgur.com/hyrao2u.png); background-size: 100%!important; position: fixed; left: 900px; top: -80px; height: 73px; width: 80px; z-index: 100; opacity: 100%;

}

div.heartfolder6 { background: url(https://i.imgur.com/hyrao2u.png); background-size: 100%!important; position: fixed; left: 1000px; top: 400px; height: 73px; width: 80px; z-index: 100; opacity: 100%;

} </style>

<style>

contact .inner a img {

font-size: 0; }

contact .inner a img:before {

font-size: 1em; display: block }

contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

/* add to friends */ content: url("https://64.media.tumblr.com/7708f868dc26be83f356994b059574dc/947f5e53c6e30b8e-c6/s75x75_c1/54a1d19d41346daa38f7022072bf893393e1d48f.gifv") }

contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* add to favorites */ content: url("https://64.media.tumblr.com/8f2873c1bf4abe15f130cb90aab5b880/de16010b85cc64d8-dd/s75x75_c1/58952615f0cb65279bd5f1aeb20a44f41141db94.gifv") }

contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* send Message */ content: url("https://64.media.tumblr.com/2ddf249c6a28d23959c782e7056da23b/e386af749187d014-61/s75x75_c1/37b07bfef349d68ff5a76ca29f651e50082a63eb.gifv") }

contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* forward to friend */ content: url("https://64.media.tumblr.com/4df60e412e2774d70f3badefc5ee0475/50a86d7dbc813001-5f/s75x75_c1/b12f370a4052ba27029bd51144e2fb899775cdf0.gifv") }

contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* instant message */ content: url("https://64.media.tumblr.com/02c88dcb6a4fbe7e9be7dd856003bcbf/50a86d7dbc813001-90/s75x75_c1/2de77306f1d926519f2eb9cf93fe8b5108a59f41.gifv") }

contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block user */ content: url("https://64.media.tumblr.com/9e115c51c30ed1e8b665580227028149/cc1839e6baf4e1c1-97/s75x75_c1/0b35f44eda9d308092e4293f251a8a4e34ac2f6d.gifv") }

contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add to group */ content: url("https://64.media.tumblr.com/f173b196e3889b1d9ad6a21746e205d8/29429a2fed66c7ab-c7/s75x75_c1/2ca07f7d05d9b4dafe9b6aa678ec53e8f9e51f5d.gifv") }

contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report user */ content: url("https://64.media.tumblr.com/11c565ec5a80aed4229fd85cad87ce24/457ad034c51ea48d-40/s75x75_c1/537e7763ce40d3db686a7f0ba373728a660b516d.gifv") }

div.contact:after { width: 98%; height: 30px; display: block; content: ""; background-color: transparent; background-image: url(https://64.media.tumblr.com/b3e9135ccd4a7a4fc27a7499ab34e113/9a6747dfe0b3d955-1e/s540x810/30eb23c5970efedc37679e7a1336a70f92f391b5.gifv); background-position: center; background-size: 242px; background-repeat: no-repeat; }

</style>

<style>

online {

content: url(https://64.media.tumblr.com/40747ec8e4574a2a4b1f9f062c30b056/088c2c2e065a2eb7-68/s75x75_c1/c882d1d2964d9f8457ddaab5274e1e7321308e4c.gifv); } </style> └─────────────────────────────────────────────┘

┌─────────────────────────────────────────────┐

studio ghibli pastel↴

=========================================

<style>

body:before { content: " "; height: 100%; width: 100%; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://imgur.com/QVSqbqW.gif'); background-size: cover; background-repeat: no-repeat; animation: yourAnimation 3s ease 0s 1 normal forwards; pointer-events: none; } @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Halant:wght@300;400;500;600;700&display=swap'); :root{ --fuzzy-wuzzy: #98605D; --tan: #D8D4D9; --magic-mint: #ACEDD9; --middle-blue-green: #8FD4CA; --slate-gray: #677B94; --space-cadet: #22223b; --independence: #4a4e69; --heliotrope-gray: #9a8c98; --silver-pink: #c9ada7; --isabelline: #f2e9e4; --oxford-blue: #14213D; --curve: 4px; --font-family-heading:'Halant', serif; --font-family-body:'Nunito Sans', sans-serif; /*change whats in the quotes to personalize topics*/ --topic1: "General"; --topic2: "Music"; --topic3: "Movies"; --topic4: "Television"; --topic5: "Books"; --topic6: "Heroes"; /*change these to customize your headings*/ --contact: "Add Me"; --interests: "Meet Me"; --links: "Follow Me"; } body, .bodyContent { background: url("https://i.imgur.com/XuZtk9s.jpg") bottom no-repeat, url("https://i.imgur.com/nlEFWt7.jpg") top repeat; background-size:100% ; background-attachment:scroll; border-color:#00000000; border-width:55px; border-style:dotted; } main{ background:none; } footer{ background:rgba(255,255,255,.4);

}

blurbs, .mood, .blog-preview, .friends, .table, .table-section, .contact{

background-color:rgba(103,89,171,.1)!important; border:groove 3px!important; border-color:#9a93ba !important; padding:5px; border-radius: var(--curve); }

mood{

border-bottom:none!important; padding-bottom:none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; text-align: center; }

w-40 .table-section:last-child .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}
w-40 .table-section:last-child .heading::after{

content: var(--links); font-family: var(--font-family-heading) !important; font-weight: bold !important; color:var(--independence); font-size: 15px; }

w-40 .table-section:nth-last-child(2) .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}
w-40 .table-section:nth-last-child(2) .heading::after{

content: var(--interests); font-family: var(--font-family-heading) !important; color: var(--independence) !important; font-weight: bold !important; font-size:15px; }

w-40 .contact .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}
w-40 .contact .heading::after{

content: var(--contact); font-family: var(--font-family-heading) !important; color: var(--independence) !important; font-weight: bold !important; font-size: 15px;

}

section h4{

color:var(--independence)!important; } /*delete the next two lines to reveal the about me header*/

blurbs .inner .section:nth-child(1) h4{

font-size:0; } nav{ color:var(--space-cadet); }

blurbs .inner .section:nth-child(1) h4:before{

content: ""; /* put your own "about me" header here*/ font-size: 0;

} /*delete the next two lines to reveal the "who id like to meet" header*/

blurbs .inner .section:nth-child(2) h4{

font-size:0;

}

blurbs .inner .section:nth-child(2) h4:before{

content: ""; /*put your own "who id like to meet" header here*/ font-size: 0;

} p{ color:var(--space-cadet); }

contact{

border-top:none!important; padding-top:none; border-top-right-radius: 0px; border-top-left-radius: 0px; }

table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}
details-table tr td:first-child p::after{

color:var(--space-cadet) !important; letter-spacing:normal !important; filter: brightness(95%) !important; }

table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{

content: var(--topic1); Font-size: 11px; }

table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{

content: var(--topic2); Font-size: 11px; }

table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{

content: var(--topic3); Font-size: 11px; }

table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{

content: var(--topic4); Font-size: 11px; }

table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{

content: var(--topic5); Font-size: 11px; }

table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{

content: var(--topic6); Font-size: 11px; } td{ background:rgba(103,89,121,.7)!important; Font-size: 9px;; } a{ color:var(--oxford-blue)!important; }

url-info{

display: none!important; }

profile{

background-color:var(--tan)!important; border:groove 10px; border-color:var(--tan)!important; padding:3px; border-radius: 0px; background:url("https://imgur.com/SigFNC6.jpg") bottom no-repeat; background-size: 300px; background-repeat: repeat-x; padding-top: none; border-top:none;

}

profile background{

transform: rotate(5deg); }

top{

background:var(--tan)!important; }

inner img{

filter:contrast(.7); border-radius: var(--curve); } nav{ border:var(--tan) groove 10px; border-bottom: none; padding-bottom: 0px;

} main{ padding-top:0px; } nav ul{ background-color:#9e95a1!important; font-size: 11px; text-align: center; } #comments{ border-top:none!important; border-bottom:solid 2px var(--slate-gray)!important; border-radius: var(--curve); border-top-right-radius: 0px; border-top-left-radius: 0px;

}

friends{

border-bottom:none!important; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

blurbs .heading{

display:none; } h1, h2, h3, h4, h5{ font-family: var(--font-family-heading); text-transform: bold; }

a, p, nav label, .section{ font-family: var(--font-family-body)!important; }

contact a{

font-size: 9px; } h1{ color:var(--fuzzy-wuzzy); text-shadow:1px 1px var(--slate-gray); font-family: var(--font-family-heading); } h2, h3, h4, h5{ color:var(--independence); font-size: 14px; }

heading{

background:rgba(0,0,0,.0)!important; text-align: center; }

friends{

text-align: center; }

friends img{

border:#9e95a1 groove 2px; } #comments td{ background-color:rgba(103,89,121,.4)!important; border:solid .5px; border-color: rgba(93,79,111,.7); Font-size: 13px; } #comments{ overflow: scroll; height:320px; } #comments img{ border:none; border-radius: 0px; }

online{

content:url("https://i.imgur.com/wem8DDU.gif"); height: 50px; width: 40px; }

supporter img{

font-size:0;

}

supporter:before{

background:url("https://i.imgur.com/rMky77P.gif"); background-size:auto; height:2.2em; width:2.2em; display:inline-block; content:''; background-size:contain; vertical-align:-0.75em; }

profile-pic img{

border-radius: 500px; box-shadow: 5px 2px rgba(103,89,121,1); filter: contrast(.7); } </style> └─────────────────────────────────────────────┘

┌─────────────────────────────────────────────┐

webcore/cybercore↴

=========================================

<style>

, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

font-family: Diediedie !important; font-size: 10px !important; color: #000000!important; text-shadow: none !important; letter-spacing: 1px; } body { background-image: url(https://i.pinimg.com/originals/38/3e/0e/383e0edf60a2ae892a686b18acdcb148.gif); }

top, .links, .heading, footer, button {

background-color: #475fbf!important; } h1 { font-family: courier !important; font-size: 18px !important; } h4 { color: #000000!important; }

contact, .url-info, .table-section, .profile-info {

border-color: #000000!important; } td { background-color: white !important; } input, button:not(.logout-btn) { border: 1px groove #fac7ff !important; }

pfp-fallback, .row.profile {

border: 1px dotted #923ab6 !important; }

logo-fallback {

height: 38px !important; } </style> <style> @keyframes spin{ from{ transform:rotate(0deg); } to{ transform:rotate(0deg); } }

general-about .profile-pic img{

border-radius: 50%; animation: spin 7s infinite linear; } </style> <style>

online {

content: url("https://watermelon.crd.co/assets/images/gallery02/45ba9731.gif?v=90e42ef7");} </style> <style> table.comments-table{ display: block; height: 250px!important; overflow-y: scroll; }

} </style> <style>* {cursor: url(https://cur.cursors-4u.net/others/oth-7/oth665.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/24/tiny-finger-point.html" target="_blank" title="Tiny Finger Point"><img src="https://cur.cursors-4u.net/cursor.png" alt="Tiny Finger Point" style="position:absolute; top: 0px; right: 0px;"/></a>

<style> } }

col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

col, main, footer, nav::before, .online, nav .links, nav .top {

profile .friends .person img:not(.icon) {

filter: grayscale(100%); </style> <style>

body::before { content: " "; display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgb(0 0 255 / 48%) 50%, rgb(0 0 0 / 0%) 50%); z-index: 2; background-size: 100% 2px, 3px 100%; pointer-events: none; </style> <style>

contact .inner a img {

font-size: 0; }

contact .inner a img:before {

font-size: 1em; display: block }

contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

/* add to friends */ content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7") }

contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* add to favorites */ content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7") }

contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* send Message */ content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7") }

contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* forward to friend */ content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7") }

contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* instant message */ content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7") }

contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block user */ content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7") }

contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add to group */ content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7") }

contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report user */ content: url("https://watermelon.crd.co/assets/images/gallery03/b9e7ffae_original.gif?v=90e42ef7") } </style>

└─────────────────────────────────────────────┘

┌─────────────────────────────────────────────┐

purple cybercore layout↴

=========================================

logo {

filter: sepia(100%) hue-rotate(221deg) saturate(0);

profile {

background-color: black; color: white; border: 1.5px solid #bc66ed; box-shadow: 0px 30px 30px #bc66ed; <style></style> <style> main:before { width: 400; margin-bottom: 0px; border: 1px solid #bc66ed; height: 99px; display: block; content: ""; box-shadow: 0px 40px 40px #bc66ed; background-image: url(https://64.media.tumblr.com/dd75a2c17893196a54ea70c989528786/c1a55764a91d279e-04/s400x600/2a3c8e815205c9f1be9820907bddc69c3bdd6ae6.pnj); background-position: center center; background-size: cover; <style></style> <style>

online {

color: #bc66ed; }

online img {

content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/25425fb2-bc94-4349-8d8a-6eabb4d6ccd2/ddik2zh-5a3bb2ff-c58f-4d86-9660-b78070cc6e32.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzI1NDI1ZmIyLWJjOTQtNDM0OS04ZDhhLTZlYWJiNGQ2Y2NkMlwvZGRpazJ6aC01YTNiYjJmZi1jNThmLTRkODYtOTY2MC1iNzgwNzBjYzZlMzIuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.1Xh-VeOB91z_R3oiL4kO0bscDcBEwhhpg_gyxWyIdmU"); animation-name: nyaah; <style></style> <style> nav .top { display: block; background-color: transparent; } nav .links { display: block; background-color: #bc66ed; font-family: monospace; font-weight: 400; font-size: 12px; text-align: center; <style></style> <style></style> <style> nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{ content: ""; <style></style> <style>

profile .blurbs .heading, .profile .friends .heading {

display: block; background-color: #bc66ed; color: white; }

profile .blurbs .inner h4 {

color: #bc66ed; font-weight: 700; }

profile .blurbs .inner {

font-family: monospace; <style></style> <style> a { color: #bc66ed; }

a:hover, .count { color: #bc66ed; font-style: italic; text-decoration: none; <style></style> <style> table.details-table { background-color: black; border-color: black; }

details-table td {

background-color: black; }

details-table td:first-child {

background: #bc66ed; border-color: white; color: white; font-family: monospace; font-size: 11.5px; font-weight: 400; }

details-table td:first-child a {

border-color: black;

profile .table-section {

background-color: #bc66ed; border-color: black; }

profile .table-section .heading {

display: block; background-color: #bc66ed; <style></style> <style>

profile .contact .heading {

background-color: #bc66ed; border-color: black; } <style>

profile .table-section .heading {

background-color: #bc66ed; border-color: black; !important <style></style> <style> profile .url-info, .profile .contact { border-color: black; <style></style> <style>

profile .url-info, .profile .contact {

border-color: black; </style> <style>

comments-table td:first-child {

background-color: #bc66ed; border-color: black; }

comments-table td:first-child a {

color: floralwhite; font-family: 'Lekton'; font-weight: 400; font-size: 12px; }

comments-table td {

background-color: black; font-size: 11px; }

comments-table td a {

color: white; }

comment-replies {

border-color: black; }

┌─────────────────────────────────────────────┐

(template)
↴

========================================= code └─────────────────────────────────────────────┘

oct 17 2023 ∞
jun 13 2024 +