Dark Academia Layout

Tags: dark, brown, layout, simple

Description:

Mhm that's it
No anyways change anything or use as a base, I don't mind.
This is my first time using a font that isn't from google fonts, so if it doesn't work please let me know!!
Please comment if you use this, thank you!

Preview:

click on the image for a larger preview

Code:

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

<style>
@font-face {

font-family: "Queensha";

src: url("https://file.garden/ZJN0coaUL3bz8vL1/Queensha.ttf");

}
p{
  font-family: "Queensha";
  font-size: 120%;
  color: #bc6549; 
}
h1,h2,h3,h4,h5{
  font-family: "Queensha";
  font-size: 130%;  
}

h1 {
  color: #bc6549;
}
h4 {
  color:#bc6549;
}
  .top{
    background-image:url("https://i.pinimg.com/564x/9e/1a/21/9e1a21a5ef21713355fbda31a227abe2.jpg") !important;
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color:rgba(0, 0, 0, 0.8); !important;
  }
  body {
   background-image: url(https://i.pinimg.com/564x/48/ae/4b/48ae4b7572b9d8df2df06a161f5794b6.jpg);
background-size: cover;
height: 100%;
background-attachment: fixed;

}
button, input {
    overflow: visible;
    border: 3px solid #1c1214!important; 
    background: #3f2d21;
    color: white;
    font-family: "Queensha";
}
main{
background: rgba(0, 0, 0, 0) !important;
}
.profile {
   background-color: rgba(62, 33, 37, 0.5); 
} 
.container {
   width: 790px;
}
.profile .profile-info{
color: black; 
background-image: url(https://i.pinimg.com/564x/8d/85/0e/8d850ea6b45465d976f7cf2ebd5e87d7.jpg);
background-size: cover;
background-position: center;
border: 3px solid #1c1214!important; 
border-radius: 10px;
}
  .url-info{
    display:none !important;
  }
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " 🦋 ";
    color: white;
}
nav .top {
color: white;
font-family: "Queensha";
}
.comments-table{
display: block;
height: 200px;
overflow-y: scroll;
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgba(0,0,0,0);
   color: white;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: rgba(0,0,0,0);
   color: white;
}

footer {
    border-radius: 15px;
    background-image: url(https://i.pinimg.com/564x/36/e2/c6/36e2c61998054aadf5ee7b8be4d2fa01.jpg);
    color: white;
}

:root {
    --logo-blue:black;
    --darker-blue: #bd5b38;
    --lighter-blue: black;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: #bd5b38;
    --light-orange: ;
    --even-lighter-orange: ;
    --green: pink;
}
.online{
color: #C0B5B0;
font-family: "Queensha";
font-size: 14px;
text-align: left;
}

.online img{
content: url(https://media.discordapp.net/attachments/903364339464044575/1088980123094622278/F3F5BFB9-33DD-4603-96AC-B646AC5AAD07.gif);
}
nav .links a:hover{
text-decoration: underline;
color: #C0B5B0;
}

a:hover {
color: #C0B5B0;
}

.count{
color: #C0B5B0;
}
.profile .friends-grid .person p{
color: #C0B5B0;
}
nav .links{
background-color: #1c1214;
font-family: "Queensha";
font-size: 90%;
}
nav .links .special a {
    color: #FFFFFF;
}

::selection {
   background: #442520;
   color: #FFFFFF
}
.logo {
   content: url(https://media.discordapp.net/attachments/1109187618626879679/1123095620190744616/Custom_dimensions_927x236_px-removebg-preview.png?width=974&height=247);
}
.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 Favorites */
	content: "🐻"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "🍂"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward 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 to Group */
	content: "📜"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "⚰️"
}
  .profile .contact {
    border-radius: 10px;
    border: 3px solid #1c1214!important; 
    background-image: url(https://i.pinimg.com/564x/dc/7e/f9/dc7ef90ddb38a80f21139c65641bbb69.jpg);
    background-position: right top;
    background-repeat: repeat;
    background-attachment: scroll;
    Height:140px;
    color: white;
  }
.blog-preview {
border: 3px solid #1c1214!important; 
background: rgba(255, 255, 255);
background-image: url(https://i.pinimg.com/564x/b7/1b/3c/b71b3c9a51da5188d723e484b665a68e.jpg);
border-radius: 10px;
height:155px!important;
background-position: bottom-right;
background-repeat: no-repeat;
}
.profile .table-section,
.home-actions {
border: 3px solid #1c1214!important; 
background-image: url(https://i.pinimg.com/564x/51/21/90/512190ff4ad1e4471e090db78ebda5af.jpg);
border-radius: 10px;
}
.col, main, footer, nav::before, .online, nav .links, nav .top, .container {
    animation: float 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top, .container {
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);
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/03/03/tiny-hand-10.html" target="_blank" title="Tiny Hand"><img src="https://cur.cursors-4u.net/cursor.png" alt="Tiny Hand" style="position:absolute; top: 0px; right: 0px;"/></a>

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 26 comments ( View all | Add Comment )

Briar	1732633834 Using Report Comment
Julik ✩	1729481177 Using. Report Comment
♯┆ᖴɾᥱᥲƙყᙖɩʋᥱ .ᐟ ★ Bive !!	1726248166 usi sndusing Report Comment
Haku!! <3	1723194759 Using :3 Report Comment
voldemort_marie	1722205352 using! Report Comment
voldemort_marie	1722205350 using! Report Comment
http?₍𖤐⁾	1722098654 using Report Comment
J4DE	1721224882 using Report Comment
FlooferSpace	1719400695 Using!!!! :D Report Comment
VitarrF	1715191755 gonna use! Report Comment
𖤐༻ℒ𝒾𝓁𝒾𝓉𝒽༺♱	1715036006 Using Report Comment
xxrottenb1tchxx	1713743209 using Report Comment
cool text here lmao	1710519286 ima use this Report Comment
⌖ ioanna-->	1709999637 using Report Comment
☆ evie ☆	1705979456 usingg Report Comment
FreezerBride	1705266226 using <3 Report Comment
Starlight_bunni	1702918135 Using!! Report Comment
sammi	1700438330 using Report Comment
MaxJ	1694576904 Using Report Comment
· Kami · [RP]	1692883405 Used this!! Report Comment