Gothic in blue (BASE BY LEENA)

Tags: goth, blue, gothic, 2000s, myspace

Description:

the base of this layout is called victorian blue by leena base link: https://layouts.spacehey.com/layout?id=24489 mainly uploading this for personal archiving reasons c: free to use!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 𓆩 𝔗𝔦𝔣𝔣 𓆪 (https://layouts.spacehey.com/layout?id=25832) -->

✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮✮

<img alt="" class="hCL kVc L4E MIw" src="https://i.pinimg.com/564x/19/35/d2/1935d2ce03da04e552d0157277961d1c.jpg"/>



<style>
main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid blue;
    height: 250px;
    display: block;
    content: "";
    background-image: url(https://www.wallpaperup.com/uploads/wallpapers/2013/01/22/30818/641b9bcb326fdc7cce715e8dd38962fa-700.jpg);
    background-position: center center;
    background-size: cover;

<style>
footer {
background-image: url(https://wallpaperaccess.com/full/501176.jpg) 
!important; 
background-position: bottom center !important;
background-repeat: repeat !important;
</style>


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

<style>* {cursor: url(https://cursors0.totallyfreecursors.com/thumbnails/heartagramblack.gif), auto !important;}</style>

<style>

body {
  background: url(https://i.pinimg.com/originals/78/34/17/7834170252cc6ac18217b2bc3e27e43d.gif);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}</style>

<style>
.profile {
background: url(https://i.pinimg.com/564x/9b/b7/2d/9bb72dd3fae87ea68d1528ddd84cdeda.jpg);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: 825px 780px;
border-radius: 8px;
border: 2px solid #0307ff;
font-family: 'Quintessential', cursive;

}

table, td {

	border-spacing: 2px;
}

.profile .contact, .profile .table-section, .home-actions
{
    width: 100%;
    border: 0px solid var(--#0307ff);
    color: #0398fc;
    text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #a200ff;

    }

.profile .url-info {
    color: #0307ff;
}

.table-section td {
    color: #0307ff;
}

.profile .table-section {
    overflow-y: scroll;
    Height: 200px
}

mood {
  color: #0307ff!important;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #a200ff;
}

.mood p {
  color: #0307ff;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #a200ff;
}

.mood a {
  color: #0398fc;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #a200ff;
}

.mood a:hover {
  color: #f703ff;
}

table, th, td
{
   border: 0px solid #0307ff;
   border-spacing: 0px;
}


.profile .table-section, .home-actions
{

   border: 2px solid #0307ff;
   border-radius: 8px;

}

:root 
{
	--logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: purple 55;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: ;
        --hover: #f703ff;
        --table-header:#0398fc;
	--table-color: white;
	--link-text:#0398fc;
	--main-text: #0307ff;

    }   

footer 
{

    background-image: url(https://i.pinimg.com/564x/22/68/65/226865367a727e9f40240d162ec32543.jpg);
    background-position: center;
    background-repeat: repeat;
    border-radius: 8px;
    border: 2px solid #0307ff;
}

.comments-table{
background-image: url(https://i.ibb.co/jgNTnBx/blackrose2.jpg);
background-position: center;
background-repeat: no-repeat;
background-attatchment: fixed;
background-size: 475px 500px;
display: block;
height: 500px;
overflow-y: scroll; 
color: #0307ff;
border: 2px solid #0307ff;
border-radius: 8px;

}

.contact .heading {
  background: transparent!importnt;
  text-align: center;
  color: #0307ff!important;
  font-size: medium;
  font-family: 'Quintessential', cursive;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #a200ff;

}

.contact {
  border-radius: 8px; border: 2px solid #0307ff!important;
  background-image: url(https://i.ibb.co/KDRDnyN/400684-455183304556906-937350928-n.jpg);
  background-size: 300px 120px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  Width: 300px;
  Height:120px;
}

.contact a {
  color: #0398fc;
  font-family: 'Quintessential', cursive;
  text-decoration: italic;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #a200ff;
  font-size: 12px;
}
.contact a:hover{
    color: #f703ff!important;
}

.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blog-preview, .details, 
{
border: 1px #0307ff!important;

}

footer, .profile .contact {
color: #0307ff!important;
font-family: 'Quintessential', cursive;
font-weight: bold;
}

main {
background: transparent!important;
border: none;
padding: 0;
font-size: 90%;
color: #0307ff;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #a200ff;
}


nav {
  background-image: url();
  no-repeat fixed; background-size:cover;
  border: 2px solid #0307ff!important;
  border-radius: 8px!important;
  color: #0307ff!important;
  font-family: 'Quintessential', cursive;
  font-weight: bold; text-align: center;
}

nav .top a, nav .logout-btn, nav .links a {
    color: #0307ff!important;
    font-family: 'Quintessential', cursive;
    text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #a200ff;
}

.logout-btn:hover{
    color: #f703ff!important;
}
nav .top a:hover{
    color: #f703ff!important;
}
nav .links a:hover{
    color: #f703ff!important;
}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " 🏵 ";
    color: #0398fc;
}

.logo {

  filter: brightness(0) saturate(100%) invert(11%) sepia(100%) saturate(4445%) hue-rotate(243deg) brightness(105%) contrast(153%) !important;

}


  .profile .table-section{
    border:2px solid #0307ff;

  }
  .profile .table-section .heading{

    border: none;
    text-align: center;

  }
  .profile .table-section .heading h4{
    color: #0398fc;

  }

  .profile .friends .heading{
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #0398fc;
    text-align: center;
  }

  .profile .friends .heading h4{
    text-align: center;
    color: #0398fc;
  }

.general-about {
   border-radius: 8px;
   border: 2px solid #0307ff;
   background: url(https://i.pinimg.com/564x/c7/ef/9c/c7ef9cec1d9b85ef5f764c09f2722473.jpg);
   background-position: center;
   background-size: cover;
   padding: 5px;
   color:#0398fc;
}

 .profile-pic {
        border-radius: 500px;
        border: 2px solid #0307ff;
        overflow: hidden;
}

.blog-preview, .blog-preview h4, .blurbs .heading {
    border: none;
    border-radius: 8px;
    background: transparent!important;
    color: #0307ff;
    text-align: center;
}

.blog-preview a, .blog-preview h4 a, .more{
  color: #0398fc;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #a200ff;
}
.blog-preview h4 a:hover {
  color: #f703ff!important;
}
.blog-preview a:hover {
  color: #f703ff!important;
}

h1, .blurbs .heading {
   color: #0398fc!important;
   text-align: center;
}

.profile .blurbs .section h4  {
   color: #0398fc!important;
   text-align: center;
   border-radius: 8px;
   border: 2px solid #0307ff;
}

.profile .blurbs .section :nth-child(2) {
        color: #0307ff;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #a200ff;
     /* margin-top: -5px; */
	padding: 18px;
        border-radius: 8px;
        border: 2px solid #0307ff;
        overflow-y: scroll;
        height: 360px;
}

.profile .blurbs .section:nth-of-type(even) {
  background: url(https://i.ibb.co/C6Ps4hH/Rose2.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.profile .blurbs .section:nth-of-type(odd) {
  background: url(https://i.ibb.co/C9CjLMm/Rose1.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.profile .profile-info .inner h3 a {
	color: #0307ff;
        text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #a200ff;
}
.profile .profile-info {
	background-image: url(https://i.ibb.co/hmgW5zk/bluerose4.jpg);
        background-position: center;
        background-size: cover;
	padding: 5px;
        border-radius: 8px;
        border: 2px solid #0307ff;
	text-align: center;
        text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #a200ff;

}


::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  border: 2px solid #0307ff;
  background: #000000;
}

::-webkit-scrollbar-thumb {
  border: 2px solid #0307ff;
  background: #000000;

}

::-webkit-scrollbar-button {
  background: #000000;
  border: 2px solid #0307ff;
}

::-webkit-scrollbar-corner {
  background: #0398fc;
}

.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: "🏵"
}

.online{
    color:#f703ff!important;

} 
.online img{
    filter: invert(18%) sepia(99%) saturate(3252%) hue-rotate(289deg) brightness(106%) contrast(125%);
}

</style>
<iframe width="0" height="o" src="https://www.youtube.com/embed/LGrca9EK_qQ//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>

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

clemistry	1762836450 Yipeeeeee Report Comment
Nitochka_tudutu	1756668398 using! Report Comment
leandr𑄝 :p	1748304477 Using Report Comment
ALEXUS (⁠≧⁠▽⁠≦⁠)	1742526768 Using Report Comment
juju	1741787369 using!!!!!! Report Comment
tako/mars☆	1729782497 using :3 Report Comment
Neptun (русский)	1728664119 I use it, it's very cool Report Comment
Neptun (русский)	1728664119 I use it, it's very cool Report Comment
𝕵𝖆𝖉𝖊	1727059975 Using Report Comment
🪉•Sharkz/Will•🐾	1727047874 perchance using!! Report Comment
Asher ☥	1723890319 usinggg Report Comment
VULPES	1709725194 using!! Report Comment
sebastian / vitto	1703743157 using Report Comment
corpsegirlxox	1702049624 using this, thx!! Report Comment
akemi☆	1701695929 using thx ! Report Comment
;Sheaba ☆	1697731220 Using, super kwl Report Comment
✞V1nnyBug✞	1684529684 Super cool layout! using it! Report Comment
Königsberg Dog	1681284460 tnx tnx =)) Report Comment
RANNI	1680403597 using, thank you Report Comment
⋆ 𝖞𝖆𝖞𝖆 ⋆	1679157558 amazing, using it !! Report Comment