Dark Gothic Castle

Tags: dark, goth, gothic, castle, crashtestdummy, bats, black, spooky, layout, gothic castle

Description:

Dark theme with Gothic Castle background

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Crash Test Dummy (https://layouts.spacehey.com/layout?id=2725) -->

<!-- (c) Layout created by Crash Test Dummy (https://layouts.spacehey.com/layout?id=2725) -->

<style></style>

   <style>
@import url('https://fonts.googleapis.com/css2?family=Germania+One&family=Gothic+A1&display=swap');

nav .top {
    background: rgba(0,0,0,0.0);
    color: black;
}
nav .top a{
    color: lightgrey!important;
}
nav .links {
    background: transparent!important;
    background-size: 100%100%!important;
    text-align: center;
}
nav .links a{
    color: lightgrey!important;
}
#q, button {
color: 	lightgrey;
background-color: black;
border: 1px solid 	lightgrey;
font-family: inherit;
}

nav img.logo{
filter: brightness(0) saturate(100%) invert(42%) sepia(0%) saturate(0%)
hue-rotate(10deg) brightness(96%) contrast(89%); !important;
} 


:root {
        --logo-blue: transparent;
        --darker-blue: ;
        --lighter-blue: transparent;
	--pdg_yourBackground: url(https://i.imgur.com/3vvRn4N.jpg);
	--pdg_pageTexture: none;
	--pdg_nameSticker: url(https://i.imgur.com/AIUFwOR.gif);
	--pdg_blurbSticker: url(https://i.imgur.com/9R8rLIf.gif);
	--pdg_commentsSticker: url();
	--pdg_interestSticker: url(https://i.imgur.com/9R8rLIf.gif);
	--pdg_urlInfoBox: url(https://i.imgur.com/NowlApI.gif);
	--pdg_titleTexture: url(https://i.imgur.com/4dDPhSF.jpg);
	--pdg_linkTexture: url();
	--pdg_profileInfo: url(https://i.imgur.com/aGN2Gk9.gif);
}
.profile {
	font-family: 'Gothic A1', sans-serif;
	text-shadow:  dimgrey;
}
.profile .left h1 {
	
    font-family: 'Germania One', cursive;
	line-height:1em;
	
}
.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
    font-family: 'Germania One', cursive;
	line-height:1em;
	text-shadow: 0 0 7px dimgrey;
	
}
body {
	background-image: var(--pdg_yourBackground);
	background-size: cover;
	background-position:center;
	background-attachment: fixed;
	background-color:black;
}

h1, h2, h3, h4,h5,a, p, nav label, .section {color: silver;}

h1 {
  color: silver;
  text-shadow: 1px 1px 2px dimgrey, 0 0 25px dimgrey, 0 0 5px dimgrey;
}
  .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }
main {
	background:#00000066;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border-radius:25px;
	padding:25px;
	color:#FFFFFF;
}
body:before {
	display: block;
	position: fixed;
	pointer-events: none;
	content: " ";
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	right: 0;
	background-image: var(--pdg_pageTexture);
	background-size: cover;
	background-attachment: fixed;
	opacity: .35;
	z-index: 25;
}
.profile a {
	transition: all .1s!important;
}
.profile a:hover, .profile a:hover p {
	background: var(--pdg_linkTexture)!important;
	;
	color: #FFF!important;
	text-shadow: 1px 1px 0 #000!important;
	;
}
.profile .section p, .details-table td:last-child p{
	background-color:#00000066;
	padding:.5em;
}
.profile .left h1 {
	text-transform: uppercase;
	font-size: 3rem;
	color: silver;
	text-shadow: 3px 3px 0 dimgrey;
}
.profile .left h1:before {
	background-image: var(--pdg_nameSticker);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(1.7) translateX(-1em);
	position: absolute;
	z-index: -1;
}
.profile .right .blurbs {
	position: relative;
}
.profile .right .blurbs:after {
	background-image: var(--pdg_blurbSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(2) translateY(-2rem);
	position: absolute;
	right: 0;
	z-index: -1;
}
.profile .left .table-section:nth-last-child(2):before {
	background-image: var(--pdg_interestSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(1.7) translateX(-3em) translateY(2.5em);
	position: absolute;
	z-index: -1;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
	border: 0!important;
	width: 100%;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading, .profile .blurbs .heading, .profile .friends .heading {
	background-image: var(--pdg_titleTexture)!important;
	background-size: cover;
	background-position: bottom;
	color: silver
	-webkit-text-stroke: 1px #FFF;
}
.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
	text-transform: capitalize;
	font-size: 1.6rem;
}
.profile .url-info {
	border: 0;
	color: #FFF;
	background: var(--pdg_urlInfoBox);
	background-position: center;
	text-align: center;
	padding:6em 0;
}
.details-table td:first-child {
	background: none;
	width: fit-content!important;
	color: #FFF;
	text-shadow: 0px 2px 0 #000;
}
.details-table td:last-child {
	background: none;
	max-height: 150px;
	overflow-y: scroll;
	float: right;
}
.details-table tr {
	border-bottom: 1px solid #000;
}
.profile .blurbs .section h4 {
	color: silver;
	font-size: 1.3rem;
}
.profile-info {
	background: var(--pdg_profileInfo);
	background-size: cover;
	background-position: center;
	box-shadow: -7px 8px 0 #0006;
	color: silver;
	padding:6em 0;
}
.profile-info h3 a {
	color: #FFF;
}
.comments-table, .details-table {
	border: 1px solid #0000;
	border-collapse: separate;
	border-spacing: 0 .5em;
}
.comments-table tr td:last-child {
	height: 250px;
	display: block;
	overflow-y: scroll;
}
.comments-table td, .music-table td {
	background: none;
	color: #000;
}
.comments-table tr {
	border-bottom: 1px solid #000;
}
.comments-table td:first-child, .music-table td:first-child {
	background: none;
	text-align: left;
}
.profile .comments-table:after {
	background-image: var(--pdg_commentsSticker);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 100px;
	width: 100px;
	content: " ";
	transform: rotate(-4deg) scale(4) translateX(-2.5rem) translateY(-1rem);
	position: absolute;
	right: 0;
	z-index: -1;
}

.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: "\2795"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: "\2b50"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "\1F4ac"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: "\23e9"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: "\1F4f1"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: "\274c"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: "\1F465"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: "\1f5e3"
}


@media only screen and (max-width: 600px) {
	.profile .left h1:before{
		transform: rotate(-4deg) scale(1.7) translateX(3.5em);
	}
	.profile .left .table-section:nth-last-child(2):before {
		transform: rotate(-4deg) scale(1.7) translateX(14em) translateY(-1.5em);
		z-index: 0;
	}	 
}



</style>

<style>

.online{content:url(https://i.imgur.com/MVA8HdD.gif);
    width: 75px;
    height: 75px;
}
</style>

<style>
footer {
        border-radius: 15px;
background: #00000066; 
</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 44 comments ( View all | Add Comment )

Ci 🕷	1752022593 usinggggg it 83 Report Comment
eriin	1750569881 using Report Comment
𝔪𝔞𝔡𝔲 ´ཀ`	1749837634 usingg ^_^ Report Comment
Jo	1749056223 using :33 Report Comment
Koi	1748121072 usinggg Report Comment
⊹₊ ⋆𝙈𝙞𝙨𝙨𝙞𝙨 𝙆𝙞𝙧𝙞𝙠𝙖 ꩜ .	1747561190 Using Report Comment
JaguarVegito	1745593006 using 👍 Report Comment
𝔦𝔫𝔱𝔢𝔯𝔫𝔢𝔱 𝔞𝔫𝔤𝔢𝔩𝔰 𝔰𝔢𝔯𝔳𝔞𝔫𝔱	1745440756 PROLLY USING Report Comment
Ry0	1744189714 USING Report Comment
🤍austa :3	1740379331 using Report Comment
𓎟𓎟 𝗔DAMAS TV!!	1738434962 Usando!!! Report Comment
𖤍༒𝔰𝔥𝔢𝔟𝔞༒𖤍	1738282701 using! Report Comment
𝔄𝔰𝔥𝔞	1738202531 Using Report Comment
donnie :P	1736463110 PRETTY OMG im using! tysm!! Report Comment
donnie :P	1736463108 PRETTY OMG im using! tysm!! Report Comment
saii	1735241774 usingg Report Comment
Agatthg	1730585596 Using Report Comment
Buffering…	1730314515 Using Report Comment
seraphina.	1728420391 using Report Comment
𝕵𝖆𝖉𝖊	1727059766 Using Report Comment