Pink and Yellow layout

Tags: weirdcore, kidcore, pink, yellow, dreamcore

Description:

My first layout!!! feel free to edit whatever you want <3

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@500&display=swap');
p{
  font-family: 'IBM Plex Serif', serif;
  font-size: 100%
}

 .profile {
  background: url(https://i.pinimg.com/736x/cc/64/64/cc6464ce9e90395ca97bbe84b98e0c10.jpg) no-repeat center center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
  color: #000000;
}

body{
background: url(https://i.pinimg.com/564x/64/3d/76/643d76e2d7ac90a6934a5a268d5c2bf6.jpg)  no-repeat center center fixed;
 -webkit-background-size: cover;
 -moz-background size: cover;
 -o-background-size: cover;
}
 main {
background: rgba(189, 124, 207, 0.4);
border-radius:15px;
border: 2px dotted rgba(241, 190, 255, 1)
}
 .profile .blurbs .heading,
 .profile .friends .heading {
 background-color: #ffd1ea;
  color: #000000;
}
.profile .table-section .details-table td {
  background-color: #ffd1ea;
  color: #000000;
}
.profile .friends .comments-table td {
  background-color: #ffd1ea;
}
.comments-table td:first-child {
  background: url(https://i.pinimg.com/564x/0e/1e/4e/0e1e4e50b6df58235362f669ac395096.jpg);
}
table.comments-table{
display: block;
height: 600px!important;
overflow-y: scroll;
}
.profile .blurbs .heading, .profile .friends .heading {
background-color: #ffd1ea;
color: #ff00aa;
border-radius:15px;
border: 2px dotted #ff00aa;
font-family: 'IBM Plex Serif', serif;
}
.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
 border-style:solid; 
 border-radius:15px;
 border-color: #ebce3d;
 background: url(https://i.pinimg.com/564x/9a/12/d1/9a12d17e3e352a3c21ed8731712c84c2.jpg);
}
.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: "・❥・"
}
:root {
        --logo-blue: #4d000055;
        --darker-blue: #ebce3d;
        --lighter-blue: #ebce3d;
        --even-lighter-blue: #ebce3d;
        --lightest-blue: pink;
        --dark-orange: #ebce3d;
        --light-orange: #ebce3d;
        --even-lighter-orange: #ebce3d;
        --green: #ebce3d;
    }
</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 1 of 1 comments ( View all | Add Comment )

dust	1711751281 I am absolutely loving this ^^ Report Comment