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

⦻ aslan !!	1721783586 using! cool layout bro :3 Report Comment
marilyn	1721748204 USING ^o^ Report Comment
Jess	1720623160 using! Report Comment
misfitz	1717262999 using Report Comment
yvmiqz!!	1717153247 using :33 Report Comment
ສາວໂງ່	1710997863 eats (using) Report Comment
ສາວໂງ່	1710997863 eats (using) Report Comment
Pazuburs	1710325382 Using :] Report Comment
hypercas	1709582822 this layout is sooo pretty, i'm using it Report Comment
Heirol	1709579609 using, i love this!! Report Comment
Nostalgia_core	1708188341 Usando, tks!! Report Comment
Aurora	1706758927 usando!! Report Comment
YeehawDemon	1706594942 Using! Report Comment
abby	1705539068 usando Report Comment
★• Dee •★	1705257943 Using Report Comment
Keithᶻ 𝗓 𐰁	1702860590 Using:D Report Comment
tara	1700784482 using! Report Comment
Veena★☆	1699810350 using!!!!!!!!1 Report Comment
✰ scy/sybil ✰	1698258342 usingg Report Comment
ꩇׁׅ݊ᨵׁׅꭈׁׅᧁׁ꯱ׁׅ֒	1695949445 Using :3 Report Comment