Nightcord At 25 theming

Tags: purple

Description:

If you don't want the nightcord theming but like the rest of the layout delete the section under main:before and replace the background image under the body section with background-color: rgb(30,30,30); Im planning on making the rest of the prsk units + a vocaloid themed layout too soon :3

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Cel the EVIL creature :3 (https://layouts.spacehey.com/layout?id=31832) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');
p{
  font-family: 'Play', sans-serif;
}
h1,h2,h3,h4,h5{
  font-family: 'Play', sans-serif;
  font-size: 200%;  
}
.profile-pic {
        border-radius: 500px;
        overflow: hidden;
box-shadow: 0px 0px 5px 1px #966ac2ff;
}

main:before {
    width:810px;
    margin-bottom: 25px;
    border: 1px solid black;
    height:96px;
    display: block;
    content: "";
    box-shadow: 0px 0px 5px 1px #966ac2ff;
    background-image: url(https://media.discordapp.net/attachments/1058092725834100746/1111809727836463266/Untitled1296_20230526191447.png?width=1620&height=192);
    background-position: center;
    background-size: cover;
}

main{
background-color:#1e1e1e;

border-radius: 10px;
box-shadow: 2px 2px 7px #966ac2ff;
color: white ;
}
.profile .blurbs .heading,
  .profile .friends .heading{
   background-image: url(https://media.discordapp.net/attachments/1058092725834100746/1111813723527581737/IMG_0617.png?width=932&height=70);
   color:white;
}

.profile .contact .heading,
  .profile .table-section .heading{
   background-image: url(https://media.discordapp.net/attachments/1058092725834100746/1111824408999378954/IMG_0619.png?width=600&height=132);
   color:white;
}
:root {
    --logo-blue: url(https://media.discordapp.net/attachments/1058092725834100746/1111827546514919444/Untitled1298_20230526202529.png?width=1620&height=160);
    --darker-blue: rgb(255, 255, 255);
    --lighter-blue: rgb(194, 139, 238);
    --even-lighter-blue: rgb(30, 30, 30);
    --lightest-blue:rgb(30, 30, 30);
    --dark-orange: white;
    --light-orange: rgb(30, 30, 30);
    --even-lighter-orange: rgb(30, 30, 30);
    --green:rgb(255, 255, 255);
}
footer {
    border-radius: 15px;
    background-color: rgb(194, 139, 238);
    color: white;
box-shadow: 0px 0px 5px 1px #c28bee;
}
.profile-info {
  background-image: url(https://media.discordapp.net/attachments/1058092725834100746/1112938905071783976/IMG_0634.png?width=928&height=230);
}
body{
background-image:url(https://media.discordapp.net/attachments/1058092725834100746/1113197406738190336/Untitled1306_20230530150752.png?width=2430&height=1404);
background-size: cover;
background-position:center center;
background-attachment:fixed;
background-repeat:no-repeat;
}.contact .inner a img {
    font-size: 0;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: url('https://media.discordapp.net/attachments/1058092725834100746/1113205256935968858/C4415937-F8E9-4B21-8899-BE8027E1661B.png?width=40&height=40')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://media.discordapp.net/attachments/1058092725834100746/1113205256935968858/C4415937-F8E9-4B21-8899-BE8027E1661B.png?width=40&height=40')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://media.discordapp.net/attachments/1058092725834100746/1113205256935968858/C4415937-F8E9-4B21-8899-BE8027E1661B.png?width=40&height=40')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://media.discordapp.net/attachments/1058092725834100746/1113205256935968858/C4415937-F8E9-4B21-8899-BE8027E1661B.png?width=40&height=40')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://media.discordapp.net/attachments/1058092725834100746/1113205256935968858/C4415937-F8E9-4B21-8899-BE8027E1661B.png?width=40&height=40')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://media.discordapp.net/attachments/1058092725834100746/1113205256935968858/C4415937-F8E9-4B21-8899-BE8027E1661B.png?width=40&height=40')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://media.discordapp.net/attachments/1058092725834100746/1113205256935968858/C4415937-F8E9-4B21-8899-BE8027E1661B.png?width=40&height=40')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://media.discordapp.net/attachments/1058092725834100746/1113205256935968858/C4415937-F8E9-4B21-8899-BE8027E1661B.png?width=40&height=40')
}

img {
filter:sepia(100%) hue-rotate(227deg) saturate(2);
}


</style>
<style>HTML,BODY{cursor: url("https://media.discordapp.net/attachments/1058092725834100746/1113206740150931606/B6C62188-3428-4EB0-8028-C2CA1A427DF2.png?width=40&height=40"), url("https://media.discordapp.net/attachments/1058092725834100746/1113206740150931606/B6C62188-3428-4EB0-8028-C2CA1A427DF2.png?width=40&height=40"), auto;}
</style>

<style>A:hover{cursor: url("https://media.discordapp.net/attachments/1058092725834100746/1113206740150931606/B6C62188-3428-4EB0-8028-C2CA1A427DF2.png?width=40&height=40"), url("https://media.discordapp.net/attachments/1058092725834100746/1113206740150931606/B6C62188-3428-4EB0-8028-C2CA1A427DF2.png?width=40&height=40"), auto;}</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 20 of 52 comments ( View all | Add Comment )

୨ৎ♡ribbon♡୨ৎ	1772362045 using! Report Comment
enby_fag07	1766911189 Using! Report Comment
Rynzz ┐⁠(⁠´👅⁠`⁠)⁠┌	1765678968 OMG YESSS USING Report Comment
yume	1764842186 using! Report Comment
C4TTYF4C3 ♪	1762261268 Usinggg Report Comment
Blue Spinel	1754165823 Gonna using :3 Report Comment
Blue Spinel	1754165823 Gonna using :3 Report Comment
L0uis_the_loser	1754008088 I tihnk I'll use it Report Comment
lili	1747261338 using! Report Comment
Heidi	1745373397 using i love this Report Comment
	1744501560 Usung Report Comment
_.Astra._	1742158922 Using!! Itz sooo cute >_< Report Comment
Rinnie <3	1738789122 using!! Report Comment
♡ juliberryxox08	1736569078 using! ty <33 Report Comment
Riupo	1736542529 using!! Report Comment
Saki ~	1734362635 Using FOR SURE Report Comment
iriswbp	1732977240 usingg!! Report Comment
iriswbp	1732977240 usingg!! Report Comment
anneMasaru	1729227177 using this one! Report Comment
pixie	1728252722 using!! Report Comment