GirlsGoGames Pink Layout

Tags: girlsgogames, pink, 2000s, internet, y2k

Description:

NOTICE: This layout changes the names of the interests section. To edit your profile to match with the interests, please fill it out as follows:

General > General

Music > Music

Movies > Movies and TV

Television > Pets

Books > Food

Heroes > DNI (Do Not Interact)

You can also change what each of the interests say by renaming them in the :root style rule (:root {...} ).

Also the code is very sloppy, sorry in advance. :,)

Preview:

click on the image for a larger preview

Code:

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

<style>
:root {
--topic1: "General";
--topic2: "Music";
--topic3: "Movies and TV";
--topic4: "Pets";
--topic5: "Food";
--topic6: "DNI";
}
:root {
--header-color: #E567AE;
--title-color: #785494;
--background-color: #FFFFFF;
/*--background-two-color: #E1DAEC;*/
--border-color: #F6C5E1;
--box-shadow-color: rgba(50, 50, 50, 0.08);
--footer-one-color: #E567AE;
--footer-two-color: #CA3C8C;
--text-one-color: #616161;
}
@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
a {
color: var(--text-one-color);
text-decoration: none;
}
a:hover {
color: var(--text-one-color);
text-decoration: none;
}
body {
background-color: var(--background-color);
}
main {
background-color: var(--background-color);
}
.profile {
border-left: 2px solid var(--header-color);
border-right: 2px solid var(--header-color);
}
nav .top .left .logo {
content: url(https://i.ibb.co/JtB74TV/ggg-Space-Hey-Logo.png);
}
nav .top, nav .links {
background-color: var(--header-color);
}
nav .links {
text-align: center;
}
nav {
margin-top: 15px;
}
nav .top {
border-radius: 15px 15px 0px 0px;
}
footer {
color: #ffffff;
background-color: var(--footer-two-color);
margin-bottom: 15px;
border-radius: 0 0 15px 15px;
}
footer a {
color: #ffffff;
text-decoration: underline;
}
footer a:hover {
color: #ffffff;
text-decoration: underline;
}
.profile h1 {
color: var(--title-color);
font-size: 2.5em;
text-align: center;
text-transform: uppercase;
font-family: 'Nunito', sans-serif;
}
.edit-link {
text-align: center;
}
.online {
color: var(--header-color);
text-align: center;
font-size: 115%;
}
.online img {
content: url(https://i.ibb.co/PtymM7W/ggg-Space-Hey-Online.png);
}
.profile .mood {
text-align: center;
}
.profile .contact, .profile .table-section, .home-actions {
border: 0px solid;
border-top: 2px solid var(--border-color);
padding: 5px 0 0 0;
margin: 0;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading, .url-info b {
text-transform: uppercase;
background-color: transparent;
color: var(--title-color);
font-size: 1.5em;
}
.profile .url-info {
/*border: 0px solid;
border-top: 2px solid var(--border-color);
padding: 5px;
margin: 0;*/
display: none
}
.details-table td:first-child {
background-color: var(--header-color);
color: #ffffff;
}
.details-table td {
background-color: transparent;
}
.table-section:not(:last-child) .details-table tr td:first-child p {
color: transparent!important;
text-shadow: none!important;
letter-spacing: -100px;
}
.details-table tr td:first-child p::after {
color: var(--links)!important;
letter-spacing: normal!important;
text-shadow: 2px 2px #ffffff!important;
filter: brightness(95%)!important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after {
content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after {
content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after {
content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after {
content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after {
content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after {
content: var(--topic6);
}
.profile-info {
box-shadow: 0 2px 1px 0 var(--box-shadow-color);
border: 2px solid var(--border-color);
border-radius: 1em;
}
.blurbs, .friends {
border: 0px solid;
border-top: 2px solid var(--border-color);
margin-bottom: 0!important;
}
.profile .blurbs .heading, .profile .friends .heading {
background-color: transparent;
color: var(--title-color);
font-size: 1.5em;
text-transform: uppercase;
}
table.comments-table {
display: block;
height: 375px!important;
overflow-y: scroll;
}
.comments-table td:first-child, .music-table td:first-child {
background-color: var(--header-color);
}
.comments-table a {
color: #ffffff;
text-decoration: underline;
}
.comments-table a:hover {
color: #ffffff;
text-decoration: underline;
}
.comments-table td, .music-table td {
background-color: transparent;
}
.comments-table button {
background-color: var(--header-color);
color: #ffffff;
padding: 3px;
border: 0px solid;
}
.comments-table button:hover {
background-color: #ffffff;
color: var(--header-color);
padding: 3px;
border: 0px solid;
}
.profile .blurbs .section h4, .count {
color: var(--header-color);
}
</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 9 of 9 comments ( View all | Add Comment )

Alexandra!	1728752478 USING Report Comment
ılgın °❀⋆.ೃ࿔*:･	1727282766 using ! Report Comment
RAINBOEP	1726410474 Using (´ ˘ `) Report Comment
RAINBOEP	1726410473 Using (´ ˘ `) Report Comment
crim (semi-active‼️)	1700792544 using Report Comment
᧔ ᧓ fishor ♡	1698263707 using Report Comment
GRIFFEN	1660512289 audible gasp when i saw it Report Comment
ed :3!	1659942984 hi thank u so much for this bangin layout my man :3 Report Comment
callouscupid	1658059228 I was wondering if you did layout commissions? I don’t really have the time to learn code, or the brain capacity to do so, but I’d love to get a custom layout from you! I really like your style ‘n such. If you do accept commissions, do you have a rate? Or a preferred way of getting paid (PayPal, Venmo, etc)? If you don’t do commissions it’s all cool too! I was just asking! Cheers! — callouscupid Report Comment Thank you for the compliment! Unfortunately, as of writing this, I don't take any commissions right now, since I'm not eligible for things like PayPal. I will consider about making commissions though, and if I ever decide I want to go about doing it, then I might make a blog post about it! :) by Izzy; 1658067640; Report Gotcha! If they ever open I’ll be first in line! Have a good day! — callouscupid by callouscupid; 1658073884; Report