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

Cyberstxr.exe<3	1755561810 Cute will be using! Report Comment
Cyberstxr.exe<3	1755561774 Cute will be using! Report Comment
RiversCuomosEarthwormFriend	1754506014 Using!!!!!!!!!!!!!!!!! Report Comment
HunterN	1754079612 using !! <3 Report Comment
All(i)enくらりん〜	1752858042 using! Report Comment
piercethemiaurthur	1751474165 using!! Report Comment
eclipse!	1750537619 hashtag usingeth! Report 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
IMCOOLERCUZIMBLUE	1733870755 using Report Comment