blue webcore (?)/old-internet inspired layout

Tags: blue, electronic, simple, webcore, 2000's, nostalgia

Description:

idk what the fuck this is lmao, i just missed coding creds r not needed idc, mess around however u want <3

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=80829) -->

<style>
    
        body{
    background-image: url('https://tse4.mm.bing.net/th/id/OIP.rMssnZMjSr3gmwVOs5o3tAHaEo?pid=ImgDet&rs=1') !important;
          background-size: 900px;
background-repeat: yes;
}
    
    nav .top{
        background-image: url('https://tse2.mm.bing.net/th/id/OIP.7kL7vmD6pB6tsvlLvaMpXwHaFo?pid=ImgDet&rs=1');
        background-color: transparent;
        border: double white 5px;
        border-radius: 10px;
        
    }
    
    nav .links{
        background-color: transparent;
        border: double white 5px;
        border-radius: 10px;
    }
    
    main .left{
        background-image: url('https://tse2.mm.bing.net/th/id/OIP.7kL7vmD6pB6tsvlLvaMpXwHaFo?pid=ImgDet&rs=1');
        border: double white 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px black;
        
    }
    
    .profile .contact{
        border: double white 5px;
        border-radius: 5px;
        background-image: url('https://www.shutterstock.com/shutterstock/videos/1055777309/thumb/1.jpg?ip=x480');
        box-shadow: 0px 1px 10px gray;
    }
    .profile .contact .heading{
        background-color: black;
        border: double white 5px;
    }
    
    .icon{
        display: none;
    }
    
    .profile .url-info{
        border: double white 5px;
      color: white;
      background-image: url('https://www.shutterstock.com/shutterstock/videos/1055777309/thumb/1.jpg?ip=x480');
	-webkit-text-stroke: .4px white;
	border-radius: 5px;
	box-shadow: 0px 1px 10px gray;
    }
    
    .profile .table-section{
        border: double white 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px gray;
    }
    
    nav .top .left .logo{
        display: none;
        
    }
    
    .general-about .profile-pic img{
        border: double white 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px gray;
        margin-left: 20px;
    }
    
    [id='q']{
        width: 250px;
        border: double black 5px;
        border-radius: 5px;
    }
    
    FORM > BUTTON{
        border: double black 5px;
        border-radius: 5px;
    }
    
    a{
        	color: white;
	font-size: 12px;
	-webkit-text-stroke: 1px black;
    }
    
    .profile h1{
        	color: white;
	font-size: 30px;
	-webkit-text-stroke: 1px black;
	text-align: center;
    }
    
    .profile .blurbs .heading{
        color: white;
        background-color: black;
        border: double white 5px;
        border-radius: 5px;
    }
    
    .profile .mood{
        text-align: right;
    }
    
    .profile .table-section .heading{
        background-color: black;
        border: double white 5px;
    }
    
    .profile .friends .heading{
        color: white;
        background-color: black;
        border: double white 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px gray;
    }
    
    .friends-grid{
        display: yes;
    }
    
    .profile .blurbs .inner{
        background-image: url('https://www.shutterstock.com/shutterstock/videos/1055777309/thumb/1.jpg?ip=x480');
        border: double white 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px gray;
    }
    
    .profile .blurbs .section h4{
        	color: white;
	font-size: 20px;
	-webkit-text-stroke: 1px black;
    text-align: right
        
    }
    
    .details-table td{
        background-color: white;
        border: double black 2px;
        border-radius: 5px;
    }
    
    .details-table td *{
        color: black;
    }
    
    .profile .table-section{
        background-image: url('https://www.shutterstock.com/shutterstock/videos/1055777309/thumb/1.jpg?ip=x480');
    }
    .count{
        color: black;
    }
    
    .comments-table td{
        background-image: url('https://www.shutterstock.com/shutterstock/videos/1055777309/thumb/1.jpg?ip=x480');
        border: double black 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 10px gray;
    }
    
    .comments-table td *{
        border-radius: 5px;
    }

footer{
    background-image: url('https://tse2.mm.bing.net/th/id/OIP.7kL7vmD6pB6tsvlLvaMpXwHaFo?pid=ImgDet&rs=1');
    border: double white 5px;
    border-radius: 5px;
}

main{
    border: outset white 5px;
    border-radius: 10px;
}

.container{
    width: 900px;
}
</style>

<style>
    :root {
    --light-orange: ;
       --even-lighter-blue: white;
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
body{font-family: 'Fredoka One', cursive;
font-size: 16px;
}
</style>

<style>

   a:hover {
     color: black; 
   } 
   a{
     color: white; 
   }
   
   nav .links {

}
nav .links a:hover {
color: white;
}
</style>

<style>
    
    .friends:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 0px;
  background-image: url(https://www.shutterstock.com/shutterstock/videos/1055777309/thumb/1.jpg?ip=x480);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
  margin-bottom: 10px;
  border-radius: 20px;

}
</style>

<style>
    img:hover{
          transform: scale(1.1); 
          transition: transform .2s; 
        
    }
    
</style>

<style>

.profile .profile-info {
	background-image: url(https://www.shutterstock.com/shutterstock/videos/1055777309/thumb/1.jpg?ip=x480);
	border: double;
        border-color: white;
        border-width: 5px;
	border-radius: 5px;
	text-align: center;
	box-shadow: 0px 1px 10px gray;
}

nav .links a{
    text-shadow: 0px 1px 10px white;
}

</style>

<style>

.online{content:url("https://i1.glitter-graphics.org/pub/34/34221lhhaecsv59.gif");
     filter: grayscale(100%);}
}

</style>

<style>
.links .special a:link, .links .special a:visited  {
  color: white;
}

.links .special a:hover {
  color: white;
}
</style>

<style>
             ::-webkit-scrollbar {
    width: 15px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background-color: grey;
    border: outset 5px;
    }

    ::-webkit-scrollbar-track {
    background: grey;
    border: inset 5px;
    }
</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 43 comments ( View all | Add Comment )

darwin_isEPIK	1770467162 using :D Report Comment
martiAn	1766554299 using! Report Comment
sunny_mcallister06	1765312685 I love it!! using Report Comment
krispykreme	1759661152 using!! ty Report Comment
krispykreme	1759661152 using!! ty Report Comment
SAL	1757154531 USINGGGGGGGGGGGGG Report Comment
ⱤɄĐɎ.₩0ɄⱠ₣(DO NOT ADD!!go add: pawofoats)	1756910231 using:3 Report Comment
coke	1754889596 using !! Report Comment
staticeaterzz	1753776328 i would love to use this!! Report Comment
m3ch_4ng3l.b0y	1750969681 using !! Report Comment
glooom	1745629065 using !! Report Comment
Shiny_Shin	1745585000 using Report Comment
Lazuli	1744040725 using Report Comment
Somebody	1740007308 Using Report Comment
L.3ix0	1739056408 using Report Comment
CAGEBREAKER	1738559758 Brah atleast credit me holy shit Report Comment
Reyꕤ	1737563377 thxs Report Comment
Reyꕤ	1737563377 thxs Report Comment
IMCOOLERCUZIMBLUE	1737248481 using Report Comment