(REQUEST) gasa4 layout

Tags: request, gasa4, simple, roblox

Description:

contains gasa4, custom everything (minus cursor), corner images, and all lowercase text

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&display=swap');

h1, h2, h3, h4, h5, h6, nav .links, nav .top{
font-family: 'Comic Neue', cursive;
font-size: 19px;
color: white;
text-shadow: -2px 0px black, 0 2px black, 2px 0 black, 0 -2px black;

}

.profile .friends .person p{
font-family: 'Comic Neue', cursive;
color: yellow;
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -1px black, 0 0 5px yellow;

}

body{
background: url(https://tr.rbxcdn.com/55b0dda50ca20e27339f42dd14ce09cc/768/432/Image/Jpeg) fixed no-repeat;
background-size: 1500px;
background-position: top;

}

.profile, .body{
font-family: 'Comic Neue', cursive;
font-size: 15px;
color: white;
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;

}

.profile .url-info{
background: transparent;
height: 0px;
border: transparent;
font-size: 0px;

}


nav .top{
background: rgba(0, 0, 0, .7);
padding: 10px 30px;
margin-bottom: 0px;

box-shadow: 0 5px 10px black;
border: 2px black solid;

}

button, input {
overflow: visible;
background: rgba(225, 225, 225, .7);
color: white;
font-family: 'Comic Neue', cursive;

border: 1px black solid;
box-shadow: 0 1px 1px black;
}

.logo{

content: url(https://robloxid.com/wp-content/uploads/Buddy-Baseball-Cap.png);

}

nav .links a {
text-decoration: none;
color: yellow;
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -1px black, 0 0 5px yellow;

}

nav .links .special a {
color: white;

}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
content: " ! ";
font: ;
color: transparent;
text-shadow: 0 0 5px black, 0 0 3px yellow;

}

nav .links{
background: rgba(0, 0, 0, .7);
font-size: 15px;
text-align: center;
box-shadow: 0 5px 10px black;
border: 2px black solid;

}

nav .links li .icon{
content: url(https://www.models-resource.com/resources/sheet_icons/13/12888.png);

}



main{
background: rgba(0, 0, 0, 0.7);
box-shadow: 0 5px 10px black;
border: 2px black solid;
padding: 10px;
margin-top: 0px;

}

:root {
--logo-blue: yellow;
--darker-blue: ;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: transparent;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: transparent;

}

.profile .blurbs .heading, .profile .friends .heading, .friends .person{
color: yellow;
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -1px black, 0 0 5px yellow;

}

.count{
font-family: 'Comic Neue', cursive;
color: yellow;
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -1px black, 0 0 5px yellow;

}

.blurbs .inner .section:first-of-type h4{
font-size:0;

}

.blurbs .inner .section:first-of-type h4:after{
content:"about me";
font-size: 20px;
color: yellow;
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -1px black, 0 0 5px yellow;

}

.blurbs .inner .section:last-of-type h4{
font-size: 0px;

}

.blurbs .inner .section:last-of-type h4:after{
content:"more";
font-size: 20px;
color: yellow;
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -1px black, 0 0 5px yellow;

}

table.comments-table{

color: black;
text-shadow: none !important;
background: white;
border-radius: 90px;
border: transparent !important;

}

footer{
background: url(https://i.pinimg.com/originals/de/98/5c/de985cc2af17a9d9c7657b478287f5de.jpg) fixed;
background-size: 500px;
font-size: 0;
padding: 50px 50px;
border-radius: 100px;
border: black 2px solid;
box-shadow: 0 5px 10px black;

}

a:hover{
color: yellow;
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
text-decoration: none !important;

}

nav .links a:hover{
color: orange;
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;

}

.online{ 
visibility: hidden; 

} 

.online img{ 
content: url("https://i.ibb.co/swf0XpP/image-removebg-preview-4.png"); 
animation-name: none; 
visibility: visible; 
height: 150px; 
width: 150px;

}

</style>


<style>
.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: url("https://pixeloving.neocities.org/food%20and%20drink/dcq68y8-66832ea4-53e5-4412-beed-85c633dbcccc.gif");
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url("https://pixeloving.neocities.org/food%20and%20drink/dcq68y8-66832ea4-53e5-4412-beed-85c633dbcccc.gif");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url("https://pixeloving.neocities.org/food%20and%20drink/dcq68y8-66832ea4-53e5-4412-beed-85c633dbcccc.gif");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url("https://pixeloving.neocities.org/food%20and%20drink/dcq68y8-66832ea4-53e5-4412-beed-85c633dbcccc.gif");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url("https://pixeloving.neocities.org/food%20and%20drink/dcq68y8-66832ea4-53e5-4412-beed-85c633dbcccc.gif");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url("https://pixeloving.neocities.org/food%20and%20drink/dcq68y8-66832ea4-53e5-4412-beed-85c633dbcccc.gif");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url("https://pixeloving.neocities.org/food%20and%20drink/dcq68y8-66832ea4-53e5-4412-beed-85c633dbcccc.gif");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url("https://pixeloving.neocities.org/food%20and%20drink/dcq68y8-66832ea4-53e5-4412-beed-85c633dbcccc.gif");
}

</style>

<style>
.image{
    background: url('https://tr.rbxcdn.com/fad5e2abcb922d045921e2e7c53eed96/420/420/Model/Png') no-repeat;
    background-size: 100%!important;
    position: fixed;
    left: 30px;
    bottom: 0px;
height: 300px;
width: 300px;
    z-index: 1000;
    opacity: 100;
}
@media (max-width: 600px) {
.image{display:none;}
}
</style>
<div class="image"></div>
<style>
.cola{
    background: url('https://vignette.wikia.nocookie.net/roblox/images/4/4c/BloxyCola.png/revision/latest?cb=20160918235346') no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: 30px;
    bottom: -30px;
height: 300px;
width: 300px;
    z-index: 1000;
    opacity: 100;
}
@media (max-width: 600px) {
.cola{display:none;}
}
</style>
<div class="cola"></div>

<style>

/*THIS IS WHAT MAKES EVERYTHING LOWERCASE! just delete the code below if you dont like that */

h1, h2, h3, h4, h5, h6, .body, nav .links, nav .top, table, .contact, .heading, .friends, .mood{
text-transform: lowercase !important;

}
</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 )

mavi	1707342178 using Report Comment
.★Kai	1706031978 Using X3 Report Comment
gumball [inactive]	1702580922 using Report Comment
Dayy XD	1700335410 using xd Report Comment
cody/evan	1699364884 ussssingg!!!! Report Comment
zoft.pillowzz !!	1699082016 using \ (^o^) / Report Comment
Devodpsychochan	1699062085 Using! Report Comment
⋆ ˚｡⋆୨୧˚ quack u,_u	1699062016 hello!! idk if u taking requests but could u make a quackity layout maybe? :D tysm if u do !!! ^_^ Report Comment