alchemical academia layout blue

Tags: alchemy, cottagecore, cottage

Description:

i noticed this website lacked in the dark academia department so i took it upon myself to make a layout for those dark academia witches out there. :3 with much love Carrie

Preview:

click on the image for a larger preview

Code:

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

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

<style>
    p.online {font-size: 0px;}
p.online::after{content: "🧿I'M ONLINE!!!";
color: #ffffff;
font-size: 10px;}
    </style>

<style>
    body {
        background:url(https://i.pinimg.com/564x/fa/73/66/fa7366071f5aa98c7a9d9b857007d719.jpg);
    }
</style>
<style>
    .profile {
       
 
background:url(https://i.pinimg.com/564x/44/26/ca/4426ca3083ad58ce57c0673130d1022b.jpg);
color:#ffffff;
    }


.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:Double; 
 border-width:6px; 
 border-color:#0D6273; 
background:#00465C;
}

/* contact icons */
.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: "🚬"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "🦋"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🦉"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "📸"}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "📼"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "⚗️"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "📚"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🖋"

}
footer {
border-radius: 15px;
background-image: 
url(https://i.pinimg.com/564x/19/dd/7d/19dd7d3d63174bfc0af571c7a73fede3.jpg);
color:#002F41; 
}
    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 0px;
        transition: 0.5s width;
    }

    #music:hover {
        width: 0px;
}

nav .top {
        background: url("https://i.pinimg.com/564x/19/dd/7d/19dd7d3d63174bfc0af571c7a73fede3.jpg");
    }
    
    nav { background: black url(""); }

:root {
--logo-blue:white;
--darker-blue:white;
--lighter-blue:#002F41;
--even-lighter-blue:#002F41;
--lightest-blue:#418D98;
--dark-orange:#418D98;
--light-orange:#002E40;
--even-lighter-orange:#002F41;
--green:black;
}

iframe.spotify {
    width: 100%;
    height: 250px;
    padding: 10px;
    background: rgba(255,255,255,0.2);
    border-radius: 10px;
}
div.ah.df.dg.dh {
    border-radius: 0 0 10px 10px;
}
div.b4.ah.dx.dy.dz.e0 {
    border-radius: 10px 0 0 0;
}
</style>

<div class="background"></div>
ㅤ
<div class="about"> 
layout made by !!𖤐Carrie𖤐!!ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
-
Put your about me information here!
ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
</div>

<div>
<h4>My Playlist(s):</h4>
Put Embed Spotify playlist Here
(If you don't understand how to do this just comment under my post you got this from and I will help you!)
</div>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "My Friends!!~.˚𖤐🧿"; font-size:.8rem; font-weight:bold; 
color:White; }
}
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "The Comments!!~.˚𖤐🦉"; font-size:.8rem; font-weight:bold;
color:White; } 
</style>
<style>
 .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "My Interests & My Socials!!~.˚𖤐🚬"; font-size:.8rem; font-weight:bold; 
color:White; }
 </style>
<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "Say Hi!!~.˚𖤐💾"; font-size:.8rem; font-weight:bold; 
color:White; }
}</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "About Me!!~.˚𖤐🧿"; font-size:.8rem; font-weight:bold; color:White; }
</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.

Comments

Displaying 13 of 13 comments ( View all | Add Comment )

Ahlec \| Callsign: "Pocket"	1729695430 Using! Report Comment
heather	1729262402 using!! Report Comment
Buttersreal	1726279747 using Report Comment
Lechuz87	1718672606 using! Report Comment
kali/romeo [autoplay]	1716765327 using! Report Comment
max	1714999176 using;] Report Comment
Susie	1711395361 using! its rlly pretty Report Comment
dmitri	1705648164 gnna use diz !!!! xDDD thx !!!! XPPP Report Comment
charlie	1695034873 using!!! Report Comment
nyx༉‧₊˚.	1693058299 using omg Report Comment
~•Cameron•~	1691413760 using it. how do you imput the spotify playlist? Report Comment you go to the playlist you want to embed, press the three dots, click "embed playlist", choose the color you want, and press "copy" or something like that. then where it says "embed playlist here" in the code, paste the playlist. hope this helped! by charlie; 1695034966; Report Thanks so much <33 by ~•Cameron•~; 1695043229; Report no problem ^^ by charlie; 1695098055; Report
aidan	1690605667 usingg Report Comment
tori 𐙚	1689385827 hsing Report Comment