glossy blue/white layout

Tags: blue, white, 2000s, glossy, 2010s

Description:

this is a big improvement from my earlier layouts :) comes with a custom cursor and autoplay music (o369 by koronba)

Preview:

click on the image for a larger preview

Code:

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

<iframe width="0" height="0" src="https://www.youtube.com/embed/KDA60an2cyQ?loop=1&autoplay=1&controls=0&start;title=" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="&#x201D;&#x201D;">
</iframe>

<style>

 * {cursor: url(https://cur.cursors-4u.net/cursors/cur-11/cur1054.cur), auto !important;}

p,h1,h2,h3,h4 {
color:white !important;
text-shadow: 0 0 9px black;
}

a{
color:aliceblue;
text-shadow: 0 0 9px black;
}

a:hover{
color:lightblue;
}

:root {
    --headers: #ffffff;
    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue:  linear-gradient(rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.8) 45%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.3) 90%, rgba(255,255,255,0.5) 98%) !important;
    --darker-blue: #1E40AF;
    --lighter-blue: silver;
    --even-lighter-blue: #BFDBFE;
    --lightest-blue: #DBEAFE;
    --red: #FF0000;
    --dark-orange: #ED0707;
    --light-orange: #f9c56c;
    --even-lighter-orange: #fcdbb8;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
}

.top {
border: 3px inset white !important; 
border-radius: 2px !important;
text-shadow: 0 0 9px black !important;
box-shadow: 0px 0px 15px black !important;
text-align: center;
}

.logout-btn{
text-shadow: 0 0 9px black !important;
}

nav img.logo{
filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(7472%) hue-rotate(170deg) brightness(20%) contrast(100%);
!important;
}

body{
background:url(https://i.pinimg.com/564x/75/05/01/7505017ec5a6d35cd62923061e2acab1.jpg);
background-size: cover;
background-attachment: fixed;
}

main, footer, .links{
background: transparent !important;

.links a{
text-align: center;
}

nav .links li:not(:last-child)::after {
  color: white !important;
  text-shadow: 0px 0px 9px black !important;
 content: "*" !important;
}

button, .top .button{
box-shadow: 0px 0px 15px black !important;
text-align: center;
 border-style: inset !important; 
 border-width: 2px !important; 
 border-color: #ffffff !important; 
border-radius: 2px !important;
text-shadow: 0 0 9px black !important;
color: darkslategray !important;
}




.profile-info, .general-about, .profile .table-section, .profile .url-info, .profile .blurbs, table.comments-table, DIV.blog-preview, .profile .friends, .profile-pic, .table-section td, .friends-grid img, .profile h1, .contact, .comments-table td, .comments-table img{ 
  border-style: inset !important; 
 border-width: 2px !important; 
 border-color: #ffffff !important; 
border-radius: 2px !important;
text-shadow: 0 0 9px black !important;
background: linear-gradient(rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.8) 45%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.3) 90%, rgba(255,255,255,0.5) 98%) !important;
box-shadow: 0px 0px 15px black !important;
text-align: center;
}

.profile h1{
padding-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
}

.contact .heading, .table-section .heading, .blurbs .heading, .friends .heading{
border: 0px;
text-shadow: 0 0 9px black;
background: transparent !important;
}

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


</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 8 of 8 comments ( View all | Add Comment )

Elias Guardado	1714595216 Using :D Report Comment
SEBASTIAN .ᐟ	1714527286 possibly using!! Report Comment
Naomi!	1713725121 Using :P Report Comment
☆ . 𖥻 Nic0lo ⭑	1713323156 Using! Report Comment
Starbunny:3	1713292885 using !! Report Comment
VERONICA^^	1712702077 Using! Report Comment
flying_shark	1712623694 Ussssiiiinnngggg<333 Report Comment
zandik	1712410691 im gna use it :3 Report Comment