blue webcore/cybercore layout

Tags: webcore, cybercore, blue

Description:

blue webcore themed layout // Be aware the "show all" part for friends is gone

Preview:

click on the image for a larger preview

Code:

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

<style>
p.online {font-size: 0px;}
p.online::after{content: "♡ I'M ONLINE";
color: blue;
font-size: 10px;}
text-shadow: 0 0 9px yellow;

    </style>

<style>
    body {
        background:url(https://i.pinimg.com/564x/c4/a3/9a/c4a39a7070497adf562a9c9007a343e9.jpg);
    }
</style>
<style>
    .profile {
       
 
background:url(https://i.pinimg.com/564x/4a/68/80/4a68808a9bcac2a1a2356c73805e9280.jpg);
color:#e4eff1;
text-shadow: 0 0 9px blue;
    }

    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border-color: blue;
        border-radius: 6px;
        box-shadow: 0px 0px 5px blue;
    }

.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:Double; 
 border-width:6px; 
 border-color:#55828b; 
text-shadow: 0 0 9px white;
background:black;
}

/* contact icons */
.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: "♡"

}
footer {
border-radius: 15px;
background-image: 
url(https://i.pinimg.com/originals/65/e7/eb/65e7eb8160b33c2ef96ae4b88497088c.gif);
color:blue; 
}
    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 0px;
        transition: 0.5s width;
    }

    #music:hover {
        width: 0px;
}

nav .top {
        background: url("https://i.pinimg.com/originals/65/e7/eb/65e7eb8160b33c2ef96ae4b88497088c.gif");
    }
    
    nav { background: black url(""); }

:root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:#0c1d3f;
--even-lighter-blue:#1a3b3c;
--lightest-blue:#3b6064;
--dark-orange:White;
--light-orange:#196462;
--even-lighter-orange:black;
--green:black;
}

iframe.spotify {
    width: 100%;
    height: 250px;
    padding: 10px;
    background: rgba(145, 47, 86);
    border-radius: 10px;
}
div.ah.df.dg.dh {
    border-radius: 0 0 10px 10px;
}
div.b4.ah.dx.dy.dz.e0 {
    border-radius: 10px 0 0 0;
}
</style>

<div class="background"></div>
ㅤ
<div class="about"> 

ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
</div>

<div>
<h4>My Playlist(s):</h4>

</div>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "My Friends!!~.˚𖤐👽"; font-size:.8rem; font-weight:bold; 
color:blue; }
}
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "The Comments!!~.˚𖤐♡"; font-size:.8rem; font-weight:bold;
color:blue; } 
</style>
<style>
 .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "My Interests & My Socials!!~.˚𖤐♡"; font-size:.8rem; font-weight:bold; 
color:blue; }
 </style>
<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "Say Hi!!~.˚𖤐🛸"; font-size:.8rem; font-weight:bold; 
color:blue; }
}</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "About Me!!~.˚𖤐👽"; font-size:.8rem; font-weight:bold; color:blue; }
</style>


<a href="http://blinki.es/people"><img src="http://blinki.es/blinkies/people/stargazer.gif" alt="People blinkies"/></a> <a href="http://blinki.es/people"><img src="http://blinki.es/blinkies/people/night-owl.gif" alt="People blinkies"/></a>

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

kiki!	1749941401 usingg Report Comment
meow	1749591529 using gang!! Report Comment
Astronomical ☆	1748985240 using!! Report Comment
michelle	1748080089 Using!! Report Comment
AxelFrog	1747870672 Using! Report Comment
𝔡𝔢𝔞𝔡𝔠𝔥𝔦𝔪𝔢	1747268741 usin tyy Report Comment
k4t	1745004725 every single time I try to copy and paste one of these it never works can someone reply with what exactly to copy into one of the boxes Report Comment
Arixys	1741121017 Usando! Report Comment
Pastelloz!	1740342943 using Report Comment
Lop	1736957309 using Report Comment
⛤𝐎𝐍𝐘𝐗⛤ (autoplay)	1735780826 Using!! Report Comment
✧･ﾟ: ✧･ﾟ:ICEY:･ﾟ✧:･ﾟ✧	1733981673 kuddos Report Comment
Certified Sewer Rat	1733878804 USING !! Report Comment
IMCOOLERCUZIMBLUE	1733870755 using Report Comment
IMCOOLERCUZIMBLUE	1733870755 using Report Comment
morgie	1733452957 using !! Report Comment
силкариккк	1732717721 using^^ Report Comment
mikey :3	1731901825 using!!! <33 Report Comment
tako/mars☆ (𝓯𝓻𝓮𝓪𝓴𝔂 idia)	1729782625 using !! Report Comment
ᴄᴀᴅᴇɴ✶⋆.˚꩜ .ᐟ˙⋆✶	1727979845 Using! Report Comment