gothic victorian themed layout

Tags: dark, black, white, grey, gothic, victorian

Description:

barely T_T
comment if you're gonna use! includes a custom online icon + scrollbox 4 the interests section

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=86054) -->

<marquee><h1> <a href="https://spacehey.com/gods_worst_angel">layout by valerie</a> </h1></marquee>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT&display=swap');

body{
  background: url(https://tse2.mm.bing.net/th/id/OIP.fTSMvUkxeS1E7LE_areg1gHaEo?pid=ImgDet&rs=1);
  font-family: 'Old Standard TT', serif;
}

main{
  background: rgb(0, 0, 0, 0.7);
  color: white;
  border-bottom: double grey 7px;
  border-left: double grey 7px;
  border-right: double grey 7px;
}

.general-about{
  border: double 4px grey;
  height: inherit;
}

.profile-pic img, .friends img:not(#comments img, .icon){
  border: solid white 3px;
  border-radius: 3px;
  box-shadow: 0px 0px 5px white;
}

.online{
  content: url(https://pixels.crd.co/assets/images/gallery06/0d202a95.gif?v=b496e8e4);
}

.contact img{
  content: url(https://64.media.tumblr.com/a9c80c332ebbba56f1fbae4412e0f201/56b41404f2cdfbd4-31/s75x75_c1/7586ff6e19a4ef05cb3d8de53b824ca8bd214b74.gifv);
}

.icon:not(.contact img){
  content: url(https://64.media.tumblr.com/a5938a48b27ff1036f8b53caf072a950/e530cedacf80aa8e-44/s75x75_c1/30bb0d94570e15c2407a959199d81dc378dcb045.gifv);
}

button{
  font-family: 'Old Standard TT', serif !important;
}

.blurbs, .contact, .friends{
  text-align: center;
  border: double 4px gray !important;
  margin-bottom: 15px;
}

#comments, .table-section:not(.table-section + .table-section){
  border: double 4px grey;
  height: 200px;
  overflow-y: scroll;
  text-align: center;
}

.count{
  color: grey;
}

.mood, .url-info, .blog-preview{
  text-align: center;
  margin-top: 25px;
  margin-bottom: 10px;
  border: double 4px grey !important;
}

.profile-info{
  border: double 4px grey;
}

.profile .table-section{
  border: double 4px grey;
}

table.comments-table, .comments-table td, .comment-replies{
  border: none;
}

nav .top{
  background: rgb(0, 0, 0, 0.7);
  color: white;
  border-top: double grey 7px;
  border-left: double grey 7px;
  border-right: double grey 7px;
  margin-top: 15px;
}

nav .links{
  background: rgb(0, 0, 0, 0.7);
  color: white;
  border-left: double grey 7px;
  border-right: double grey 7px;
}

footer{
  background: rgb(0, 0, 0, 0.7);
  color: white;
  border: double grey 7px;
}

footer a{
  color: white;
}

nav .links a{
  text-shadow: none;
}

a, .friends a p{
  color: white !important;
}

footer a:hover, nav .links a:hover, button:hover, a:hover{
  color: gray !important;
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: white;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: white;
}

main, nav .top, nav .links, footer{
  animation-name: floating;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  margin-left: 0px;
}

  @keyframes floating {
  0% { transform: translate(0,  0px); }
  50% { transform: translate(0, 5px); }
  100% { transform: translate(0, -0px);
}
}
</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 161 comments ( View all | Add Comment )

chkaboba	1714508080 using Report Comment
ciel	1714361586 Using. Thank u ♡ Report Comment
kinji	1713172951 usingg ^_^ Report Comment
Ash/Percy	1712783604 Using :3 Report Comment
Sawirovik	1712690154 Using! Report Comment
Opera house	1712560567 using Report Comment
☆ Gem ☆	1711605626 using >:3 Report Comment
PumpkinPuffle	1711500178 using! Report Comment
Frodo	1711368689 using Report Comment
꒰ ִ ֗Yuuko ୭ ۫ ۪	1711145715 using it! :3 Report Comment
୨୧ eve 🗝️	1711137895 using!! so pretty Report Comment
𝖈𝖇𝟗𝟕_𝖜𝖇	1710883413 using <3 Report Comment
♱ 𝔈𝔩𝔳𝔦𝔯𝔞 ♱	1710842093 Using :3 I love it sm ! ^__^ Report Comment
Mr Rob Graves	1710812184 Using Report Comment
Marcel	1710747651 using E: Report Comment
William.	1710691510 using! ^_^ Report Comment
ncn	1710495992 using! <3 Report Comment
mouse! 🐁	1710193090 using!! :) Report Comment
♱ Elizabeth	1709502600 veery pretty!! can you please help me find the interest's section scroller? i will add the creds,, Report Comment thank you! the scrollbox is in this bit of the code: "#comments, .table-section:not(.table-section + .table-section){ border: double 4px grey; height: 200px; overflow-y: scroll; text-align: center; }" by ⨂ valerie vengeance ⨂; 1709502668; Report thank you very much ^_^ by ♱ Elizabeth; 1709502739; Report
mercy	1709430264 using :) Report Comment