Victorian Blue

Tags: layout, layouts, leena, blue, roses, goth, victorian, black, elegant, detailed

Description:

I hope you guys like roses. And blue. Blue is my favorite color actually, which is why I decided to decorate this newest gothy layout with blue roses. I also included another custom text and cursor along with decorated scrollbars and lots and lots of imagery. I wanted to do another goth layout (because those are my favorites) but I feel this one is also very elegant. About the only thing I haven't figured out how to do is to add autoplay background music. If someone knows how to do that, please let me know. Enjoy!

For a full preview of this layout, see my profile at: https://spacehey.com/profile?=1470363

If you like this layout, please leave a comment and as always:

-Feel free to change anything you like.
-If you have any questions, please ask them in the comments below or on my blog.
-You can view the full-sized image here
-To use this layout, copy and paste the code below into the "About Me" section of your profile.

*Friendly reminder: it's against Spacehey rules to hide the Spacehey logo, search bar, or logout buttons in the navigation section.*

Preview:

click on the image for a larger preview

Code:

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

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

<style>* {cursor: url(https://i.ibb.co/Mfh4b4S/bluerose1.png), auto !important;}</style>

<style>

body {
  background: url(https://i.ibb.co/Kx10pnM/background1.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}</style>

<style>
.profile {
background: url(https://i.ibb.co/LZYFbz5/bluerose2.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.ibb.co/vsmSnmy/Blue-roses-on-black.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(https://i.ibb.co/vsmSnmy/Blue-roses-on-black.jpg);
  background-position: center;
  background-repeat: repeat;
  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.ibb.co/RhXqmsm/Skulls-and-blue-roses.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>

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 )

ghostmewithyou	1771015902 usinggg Report Comment
DXTH	1765305801 usingggggg Report Comment
Lei	1764310900 using! Report Comment
guy	1749879487 very beautiful !! using this ^_^ Report Comment
Adaa	1745117159 using! Report Comment
livie	1742757232 using! Report Comment
ash minion!!	1742514948 usinGg!!!!! :3333 Report Comment
Quinn!!	1735276984 usingg Report Comment
Skyefall.xo	1729832032 using Report Comment ️ by Leena; 1735084272; Report
Multirp	1721516516 Using Report Comment ️ by Leena; 1735083366; Report ️ by Multirp; 1737067509; Report
Goodshot47	1719728496 using!! :3 Report Comment ️ by Leena; 1735082988; Report
AZRAEL☆	1717644101 Using Report Comment ️ by Leena; 1735082821; Report
max :<	1688365034 using XDDD soooo cool !!! Report Comment
ZIXZWYA¿	1680349806 Usinggg Report Comment
Courtney Paige	1679486729 Love it, gonna use. Ty Report Comment
LostHomeSystem	1675550596 slay layout, using Report Comment
MetalVixen73	1675053639 Super cute.. using it Report Comment
rose ꨄ︎	1675014955 using this tysm !! Report Comment
𓆩 𝔗𝔦𝔣𝔣 𓆪	1674815313 super pretty!!! <33 used this and customized it! Report Comment
Das	1674538146 it looks so amazing i love it Report Comment