THAT ONE SERiAL EXPERiMENTS LAiN LAYOUT : iDOLSONA CODES

Tags: serial experiments lain, layout, web, internet, cyber, cybercore, idolsona codes
Description:

this is the original code of a really popular sel layout that was up for a long time until the creator got banned due to controversy. sorta broken. it's very old so reasonable the remaster comes soon teehee
Code:

<!-- (c) Layout created by elias (https://layouts.spacehey.com/layout?id=99329) -->

<style>
/* this is where the colors are rooted */ 
:root{
--headers: white; 
--text: white; 
--names: white; 
--links: white; 
--hover: blue; 
--borders: 2px inset white; 
--background_image: url('https://external-media.spacehey.net/media/syd_hJ9p0k24mLoTHHc5INzgCYPf-naYn6TCravb6zmo=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b034c281-be1d-480c-8b00-7c9c364b6585/daujjpn-c7f99c55-f66a-4233-9ea2-9f3e709cbf4a.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2IwMzRjMjgxLWJlMWQtNDgwYy04YjAwLTdjOWMzNjRiNjU4NVwvZGF1ampwbi1jN2Y5OWM1NS1mNjZhLTQyMzMtOWVhMi05ZjNlNzA5Y2JmNGEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.nhUx4oqlAu63byZb4hB2ZxSuT6NnZjL5cZDKTJxCKSQ');
--font-family: 'Special Elite'; 
--curve: 20px; } 

body::before { 
content: " "; display: block; 
position: fixed; 
top: 0; left: 0; bottom: 0; right: 0; 
background: linear-gradient(rgb(0 0 0 / 40%) 40%, rgb(0 0 0 / 0%) 40%); z-index: 2; 
background-size: 100% 2px, 3px 100%; 
pointer-events: none; } 
/* 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 */ 
a:hover{color: var(--hover) !important;} 
/* color of links on hover */ 
p, h2, .count {color: var(--text) !important;} 
/* color of text */ 
.friends a p{color: var(--names) !important;}
/* color of names, and friends counter */ 
.friends a:hover p{color: var(--hover) !important;} 
/* color of names on hover */ 
nav label{color: var(--text) !important;} 
/* color of search */ 
.section h4 {color: var(--headers); !important;} 
/* aboutme & want2meet headings */ 
.blurbs .heading {display:none;} 
/* hides the blurbs title */ 
/* this is where your background image ends up being styled */
body{ 
background-image: var(--background_image)!important; 
background-color: gray; 
background-attachment: fixed; 
background-size: cover; background-position: center; } 
/* this is where your name appears */ 
h1{ color: white; 
font-family: 'Special Elite'; 
font-size:30px !important; 
font-weight: bold; 
text-shadow: 2px 2px 3px black; } 
/* the navigation is adjusted here */ 
nav{ 
background-image: url('https://external-media.spacehey.net/media/shKaZl_TdIhfd74vdbjEzB2u-BR1ZWQOEt7EcqOJkKko=/https://i.imgur.com/ct1yUnl.png') ; 
border: var(--borders); 
border-radius: var(--curve); 
margin-top:10px; } 
nav .top{ background: transparent; }
nav .top a, nav .links 
a{ color: var(--text)!important; 
text-shadow:none; } 
nav .links{ 
background-color: transparent; 
border-radius: var(--curve); 
text-align: center; } 
/* 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: var(--links); } 
/* the search wrapper and button */ 
.search-wrapper input[type=text] { 
background-color: transparent !important; 
border: 2px solid var(--text) !important; 
color:var(--text) !important; 
border-radius: var(--curve) !important; 
} 
button { 
border-radius: var(--curve) !important; 
border: 0px solid var(--text) !important; 
font-family: var(--font-family) !important; 
background-color: transparent !important; 
color:var(--text) !important; } 
/* the online symbol and text */ 
.online { visibility: hidden; } 
.online img { content: url("https://external-media.spacehey.net/media/sPQ35F_yivks5vNF8u_fk677OJ6Qrb2iaAVXbwBrGcZs=/https://thumbs.gfycat.com/LegitimateWanAcouchi-max-1mb.gif"); 
animation-name: none; 
visibility: visible; 
height: 200px; width: 260px; } 
/* font family for the headers, navigtion links, links, body text */ 
h2, h3, h4, h5, .section{ 
font-family: var(--font-family) !important;
font-size: 16px!important;
font-weight: bold; 
} 
a, p, nav label { 
font-family: var(--font-family) !important;
font-size: 14px!important;
font-weight: 1; } 
/* 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:1px; background: var(--links); border: none; }
/* this is where you adjust the borders and background */ 
.blurbs, .friends, .profile .table, .blog-preview, .profile .table-section{ 
border-radius: var(--curve) !important; 
border: var(--borders) !important; 
background-image: url('https://external-media.spacehey.net/media/sAjANxebgU1x7SFF0Z3lJ0c51TYQNMDgvdG_72xA2_ys=/https://www.wallpaperup.com/uploads/wallpapers/2015/02/24/628794/0120fd65f6d584c8da6b199575ce5430-700.jpg') !important; } 
.icon{border:none !important;} 
.comment-replies{border:2px inset white;} 
/* this is the border around the replies */ 
.comment-reply:not(:first-child){border-top: 2px inset 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) !important;
border: transparent !important; 
outline: none !important; 
} 
/* the interest table */ 
.table-section{ 
border:none !important;
background-color:transparent!important; 
border-radius: var(--curve) !important; } 
.details-table{ border-spacing:0px 10px; } 
.details-table td{ border-top:2px inset white; padding:5px; }
/* 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-image: url('https://external-media.spacehey.net/media/s5yDvJZdlXrvHQCiohI8Jn3sAE8htr0F5r6NtvJDIkfE=/https://i.imgur.com/N5ZvPHA.jpg') ;
border: var(--borders) !important;
border-radius: var(--curve) !important; padding:0px; } 
/* adjusting images borders and adding styling if you want to */ 
outline:none !important; 
border-radius: var(--curve) !important; padding: 4px; } 
/* you can add text-align:center; if you want your friends to be centered */
.friends-grid{ text-align: center; } 
.friends-grid img{ border-radius: var(--curve) !important; filter: brightness(70%); }
/* margin and padding */
h2, h3, h4, h5, p{padding-left:5px !important;}
/* this is important when you have rounded corners */ 
.profile .table-section .heading, .blog-preview .heading, .profile .friends .heading{padding: 5px!important;}
.friends{margin-bottom: 20px;}
/*=== custom borders around the profile picture, mood and contact ===*/ 
.general-about .details, .mood, .contact{
background: url('https://external-media.spacehey.net/media/s6cImUa0ZGKEiJUpvHI4B4rsfTF5_zlmcNn0ncGFUL4M=/https://thumbs.gfycat.com/AgonizingLimpingJellyfish-max-1mb.gif'); 
background-size: contain; } 
.general-about .details{ 
text-align: right; 
margin-bottom: -5px; 
padding-bottom:60px; 
padding-right: 20px; 
border-left: 2px inset white!important; 
border-right:2px inset white!important; 
border-top:2px inset white; 
border-radius: 20px 20px 0px 0px; } 
.profile .contact{ 
border-left: 2px inset white; 
border-right:2px inset white;
border-bottom: 2px inset white;
border-top: transparent;
border-radius: 0px 0px 20px 20px; } 
.mood{ 
text-align: left; 
margin-top: -10px; 
margin-bottom: -5px; 
border-left: 2px inset white; 
border-right: 2px inset white;
border-top: transparent; } 
.profile .contact .heading h4{display:none;}
.profile .contact a{font-size: 12px;} 
/*===================*/ 
/* custom contact */ 
.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://external-media.spacehey.net/media/s_9XPFSS75RaErorJdPL0E2N0QGklV6T8lxuhpsWAOMA=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e5813daf-e058-4c59-a275-e53b1eadf071/d8a7hma-76d10674-59ea-49fc-9e28-06cc60b23a73.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2U1ODEzZGFmLWUwNTgtNGM1OS1hMjc1LWU1M2IxZWFkZjA3MVwvZDhhN2htYS03NmQxMDY3NC01OWVhLTQ5ZmMtOWUyOC0wNmNjNjBiMjNhNzMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.jyx_7J622qsSAM21MXRD1sU5pNtOZkvwB0yQ9MHp_Ew') }
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) 
a:before { 
/* add to favorites */
content: url('https://external-media.spacehey.net/media/s_9XPFSS75RaErorJdPL0E2N0QGklV6T8lxuhpsWAOMA=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e5813daf-e058-4c59-a275-e53b1eadf071/d8a7hma-76d10674-59ea-49fc-9e28-06cc60b23a73.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2U1ODEzZGFmLWUwNTgtNGM1OS1hMjc1LWU1M2IxZWFkZjA3MVwvZDhhN2htYS03NmQxMDY3NC01OWVhLTQ5ZmMtOWUyOC0wNmNjNjBiMjNhNzMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.jyx_7J622qsSAM21MXRD1sU5pNtOZkvwB0yQ9MHp_Ew') }
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { 
/* Send Message */ 
content: url('https://external-media.spacehey.net/media/s_9XPFSS75RaErorJdPL0E2N0QGklV6T8lxuhpsWAOMA=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e5813daf-e058-4c59-a275-e53b1eadf071/d8a7hma-76d10674-59ea-49fc-9e28-06cc60b23a73.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2U1ODEzZGFmLWUwNTgtNGM1OS1hMjc1LWU1M2IxZWFkZjA3MVwvZDhhN2htYS03NmQxMDY3NC01OWVhLTQ5ZmMtOWUyOC0wNmNjNjBiMjNhNzMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.jyx_7J622qsSAM21MXRD1sU5pNtOZkvwB0yQ9MHp_Ew') }
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { 
/* forward to friend */ 
content: url('https://external-media.spacehey.net/media/s_9XPFSS75RaErorJdPL0E2N0QGklV6T8lxuhpsWAOMA=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e5813daf-e058-4c59-a275-e53b1eadf071/d8a7hma-76d10674-59ea-49fc-9e28-06cc60b23a73.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2U1ODEzZGFmLWUwNTgtNGM1OS1hMjc1LWU1M2IxZWFkZjA3MVwvZDhhN2htYS03NmQxMDY3NC01OWVhLTQ5ZmMtOWUyOC0wNmNjNjBiMjNhNzMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.jyx_7J622qsSAM21MXRD1sU5pNtOZkvwB0yQ9MHp_Ew') }
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { 
/* instant message */
content: url('https://external-media.spacehey.net/media/s_9XPFSS75RaErorJdPL0E2N0QGklV6T8lxuhpsWAOMA=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e5813daf-e058-4c59-a275-e53b1eadf071/d8a7hma-76d10674-59ea-49fc-9e28-06cc60b23a73.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2U1ODEzZGFmLWUwNTgtNGM1OS1hMjc1LWU1M2IxZWFkZjA3MVwvZDhhN2htYS03NmQxMDY3NC01OWVhLTQ5ZmMtOWUyOC0wNmNjNjBiMjNhNzMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.jyx_7J622qsSAM21MXRD1sU5pNtOZkvwB0yQ9MHp_Ew') }
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { 
/* block user */ 
content: url('https://external-media.spacehey.net/media/s_9XPFSS75RaErorJdPL0E2N0QGklV6T8lxuhpsWAOMA=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e5813daf-e058-4c59-a275-e53b1eadf071/d8a7hma-76d10674-59ea-49fc-9e28-06cc60b23a73.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2U1ODEzZGFmLWUwNTgtNGM1OS1hMjc1LWU1M2IxZWFkZjA3MVwvZDhhN2htYS03NmQxMDY3NC01OWVhLTQ5ZmMtOWUyOC0wNmNjNjBiMjNhNzMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.jyx_7J622qsSAM21MXRD1sU5pNtOZkvwB0yQ9MHp_Ew') } 
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { 
/* add to group */
content: url('https://external-media.spacehey.net/media/s_9XPFSS75RaErorJdPL0E2N0QGklV6T8lxuhpsWAOMA=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e5813daf-e058-4c59-a275-e53b1eadf071/d8a7hma-76d10674-59ea-49fc-9e28-06cc60b23a73.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2U1ODEzZGFmLWUwNTgtNGM1OS1hMjc1LWU1M2IxZWFkZjA3MVwvZDhhN2htYS03NmQxMDY3NC01OWVhLTQ5ZmMtOWUyOC0wNmNjNjBiMjNhNzMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.jyx_7J622qsSAM21MXRD1sU5pNtOZkvwB0yQ9MHp_Ew') }
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: url('https://external-media.spacehey.net/media/s_9XPFSS75RaErorJdPL0E2N0QGklV6T8lxuhpsWAOMA=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e5813daf-e058-4c59-a275-e53b1eadf071/d8a7hma-76d10674-59ea-49fc-9e28-06cc60b23a73.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2U1ODEzZGFmLWUwNTgtNGM1OS1hMjc1LWU1M2IxZWFkZjA3MVwvZDhhN2htYS03NmQxMDY3NC01OWVhLTQ5ZmMtOWUyOC0wNmNjNjBiMjNhNzMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.jyx_7J622qsSAM21MXRD1sU5pNtOZkvwB0yQ9MHp_Ew') }
/* for this box, you can add an image of your choice. it's right under the contact box. */
.url-info{ 
background: url('https://external-media.spacehey.net/media/srdtOww1d7BaEC2oC8Vxh5FDmvo-AvgbRuOFWfkXHVIE=/https://thumbs.gfycat.com/CircularEllipticalAffenpinscher-max-1mb.gif');
background-position: center; 
background-size: cover; 
border: var(--borders)!important; 
border-radius: var(--curve); 
height: 200px; }
.url-info p{ opacity: 0.0; } 
/* 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;
border: 2px inset white!important;
outline: none !important;
border-radius: 6px; 
padding:5px; 
background: url(https://external-media.spacehey.net/media/s5yDvJZdlXrvHQCiohI8Jn3sAE8htr0F5r6NtvJDIkfE=/https://i.imgur.com/N5ZvPHA.jpg) } 
/* this styles the first column */
.comments-table td:first-child img{ 
border-radius: var(--curve); }
.comments-table td:first-child{ background-image: url('https://external-media.spacehey.net/media/shKaZl_TdIhfd74vdbjEzB2u-BR1ZWQOEt7EcqOJkKko=/https://i.imgur.com/ct1yUnl.png'); background-size: cover; 
background-position: center; } 
.comments-table td{ 
background-image: url('https://external-media.spacehey.net/media/sJMcrsBDO6h4G99vOt41CFcNk3BChtuZbWKyby0W2dQo=/https://i.pinimg.com/originals/a6/57/c0/a657c010c47145fa8a60c087ef7a15df.gif'); 
background-size: cover; 
background-position: center; 
border-bottom: 2px inset white; 
border-top: transparent;
border-left: transparent;
border-right: transparent; 
padding:10px; } 
footer{ 
background: transparent; } 
.blog-preview :not(:first-child) 
{ 
width: 110px; text-align: center;
display: inline-block;
padding-right: 15px; 
vertical-align: top; } 
.blog-preview :not(:first-child):before { 
content: ""; 
display: block; 
width: 96px;
height: 60px; 
background: url('https://external-media.spacehey.net/media/srOvdm0nRbn43JrkmDewX_HtrC3A13vNiilzD-MaH5lE=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2316032a-573e-4769-93e1-1411ef9ca5fe/d5ai63-83802379-8e7e-4a21-9383-9aaa730ce8d1.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzIzMTYwMzJhLTU3M2UtNDc2OS05M2UxLTE0MTFlZjljYTVmZVwvZDVhaTYzLTgzODAyMzc5LThlN2UtNGEyMS05MzgzLTlhYWE3MzBjZThkMS5naWYifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.dS3UXOZiq1hYPghOes7OsC3UTCrThKTXBA8AUo59Bo4'); 
background-repeat: no-repeat;
background-position: center; 
background-size: contain; } }
.blog-preview
{
text-align: center; 
border: 2px inset white !important; 
content: url('') 
background-position: center top, bottom left, bottom right; 
background-repeat: no-repeat; 
.profile-pic img{ 
background-size: contain; 
border-radius: 50%; 
padding: 25px; 
</style>
<style> 
} 
.mood P:nth-child(1) B, P:nth-child(2) B{ 
color: lightpink!important;
text-shadow: 0px 2px 1px #ff9cb1; 
font-family: 'Special Elite';
letter-spacing: .8px; 
font-size: 20px;
padding: 5px; } 
.profile-pic{ 
background: url('https://external-media.spacehey.net/media/sdh7FzUVIRkhrU3MwI0gTbLycYIRfw1RGJ5v8W42AaIc=/https://i.imgur.com/iju0IjS.png'); 
background-size: contain;
background-repeat: no-repeat; } 
.profile-pic img{ 
background-size: contain;
border-radius: 50%; padding: 25px; } 
.online p{
text-transform: lowercase!important; 
} 
</style>
<style> .mood:after { 
content: ""; white-space: pre-wrap; display: block; height: 70px; background-image: url(); background-repeat: no-repeat; background-position-x: center; background-size: 295px; } .mood:before { content: ""; white-space: pre-wrap; display: block; height: 15px; background-image: url(); background-repeat: no-repeat; background-position-x: center; background-size: 300px; } .contact:after { content: ""; white-space: pre-wrap; display: block; height: 55px; background-image: url(https://external-media.spacehey.net/media/sFi2hTb8lw2RPZ3gg6ISJYMD8rKStSOeJEwX0QxBWwcc=/https://gifs4crds.carrd.co/assets/images/image25.gif?vca07fc73a); background-repeat: no-repeat; background-position-x: center; background-size: 500px; } .mood:after { content: ""; white-space: pre-wrap; display: block; height: 45px; background-image: url(https://external-media.spacehey.net/media/sFi2hTb8lw2RPZ3gg6ISJYMD8rKStSOeJEwX0QxBWwcc=/https://gifs4crds.carrd.co/assets/images/image25.gif?vca07fc73a); background-repeat: no-repeat; background-position-x: center; background-size: 500px; } .links:after { content: ""; white-space: pre-wrap; display: block; height: 40px; background-image: url(https://external-media.spacehey.net/media/sCS3OV0sJxJsgHNU5eAI7Sj7nm3LTBveQJ4Wx4HmoPSg=/https://gifs4crds.carrd.co/assets/images/image10.gif?vca07fc73a); background-repeat: no-repeat; background-position-x: center; background-size: 700px; } .logo { content:url("https://external-media.spacehey.net/media/s7yfBhTV_uJmiik9ORdWSxlxqnATL058D3VDMYYZeWQU=/https://i.imgur.com/WWdSLw7.png"); height: 100%; .blurbs:after { content: ""; white-space: pre-wrap; display: block; height: 50px; background-image: url(https://external-media.spacehey.net/media/scZyLpwmxSiiV81T0ppSUJWhgK3-V4PuuFpsZteK5Teo=/https://gifs.crd.co/assets/images/gallery09/9cced0ce.gif?v=5f0408ba); background-repeat: no-repeat; background-position-x: center; background-size: 900px; } .blurbs:before { content: ""; white-space: pre-wrap; display: block; height: 80px; background-image: url(https://external-media.spacehey.net/media/sM96Ocw1MjNRDGFtlmDGCI6Gi38EG_lOT0aMajkHpwTY=/https://gifs.crd.co/assets/images/gallery09/f0377438.gif?v=5f0408ba); background-repeat: no-repeat; background-position-x: center; background-size: 500px; } </style> <style> /* the navigation is adjusted here */ footer{ background-image: url('https://external-media.spacehey.net/media/shKaZl_TdIhfd74vdbjEzB2u-BR1ZWQOEt7EcqOJkKko=/https://i.imgur.com/ct1yUnl.png') ; border: var(--borders); border-radius: var(--curve); margin-top:10px; } footer .top{ background: transparent; } footer .top a, footer .links a{ color: var(--text)!important; text-shadow:none; } footer .links{ background-color: transparent; border-radius: var(--curve); text-align: center; } /* 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 */ footer .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{ content: " ✣"; color: var(--links); } </style> <style> .general-about{ position: relative; margin-top: 30px; } .general-about .profile-pic::before{ content: ''; background: url('https://external-media.spacehey.net/media/smFShSy9gvQ5OOZXBPdzOKHMQUdGsZHP7rIV_sudsuF8=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5552cb82-6fb8-4c7f-9d29-a10b2e5daf6c/dc0768r-07d32da3-0af8-4302-89ad-b1c98151f830.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzU1NTJjYjgyLTZmYjgtNGM3Zi05ZDI5LWExMGIyZTVkYWY2Y1wvZGMwNzY4ci0wN2QzMmRhMy0wYWY4LTQzMDItODlhZC1iMWM5ODE1MWY4MzAuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.F4yS4rNAIZ1Nt1ubbjr2e64P_VmaSzCGvnjPFVihRYU') no-repeat; background-size: cover; display: block; width: 70px; height: 70px; z-index: 999; position: absolute; top: 100px; left: -2px; } </style> <style> main:before { width:auto; margin-bottom:0px; border: 2px inset white ; height: 310px; display:block; content: ""; box-shadow: 0px 0px 5px 1px rgba(118, 118, 118, 0.5); background-image: url('https://external-media.spacehey.net/media/sDBod54tAt8LWeIlY1KxQnm-pMoa5asV3A9HsNX2SoZI=/https://giffiles.alphacoders.com/171/171444.gif'); background-position: center center; background-size: cover; border-radius: 9px } main:after { width:auto; margin-bottom:0px; border: 2px inset white ; height: 250px; display:block; content: ""; box-shadow: 0px 0px 5px 1px rgba(118, 118, 118, 0.5); background-image: url('https://external-media.spacehey.net/media/s8c3XACzi4M9wmZ3K_IBls5NOMcz6iTTwo4ZeMY-ZWJc=/https://64.media.tumblr.com/0e5370c97d58a759fe922c030edb7e3b/tumblr_ncdhrzCgBB1qjlwa8o1_500.gifv'); background-position: center center; background-size: cover; border-radius: 9px } </style> <style> /* width */ ::-webkit-scrollbar { width: 18px; } /* Track */ ::-webkit-scrollbar-track { background-color: #e2e2e2; } /* Handle */ ::-webkit-scrollbar-thumb { border: solid; border-color: #fff #000 #000 #fff ; background-color: #bfbfbf; } ::-webkit-scrollbar-button:single-button:vertical { height: 15px; width: 15px; background-position: center; background-color: #bfbfbf; background-size: 10px; background-repeat: no-repeat; display: block; border: solid; } ::-webkit-scrollbar-button:single-button:vertical:decrement { border-color: #fff #000 #000 #fff ; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(0,0,0)'><polygon points='50,00 0,50 100,50'/>"); } ::-webkit-scrollbar-button:single-button:vertical:increment { border-color: #fff #000 #000 #fff ; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(0,0,0)'><polygon points='0,0 100,0 50,50'/>"); } </style><style> html::before{ content: " "; width:100vw; height:100vh; display:block; position:fixed; top:0; left: 0; bottom: 0; right: 0; background-image:url(https://external-media.spacehey.net/media/swxIYwAWcE5tA8tY63bg5tz7V-uUlGbycE36c10PE5tc=/https://i.imgur.com/jonBE7c.png); background-size:cover; background-repeat:no-repeat; background-position:center; z-index:1000; pointer-events:none; } </style> <style> .icon { content: url(https://external-media.spacehey.net/media/s0TwdC9YnURz3BTXIcvLw2AHUeKjs_KSjZvbMh-vsMVo=/https://pixels.crd.co/assets/images/gallery06/747fe329.gif?v=6cfd4b8a); display: inline-block; height: 2.0em; width: 2.0em; margin: 0 .05em 0 .1em; vertical-align: -0.3em; color: rgba(0,0,0,0); } </style>
Copy and paste this code into the "About me" section of your Profile to use it.
Caution: This Layout was not inspected by SpaceHey — use it at your own risk.