Pink and Black

Tags: scene

Description:

This is my first time making a layout, pls lemme know if anything is messed up. You can make also make any changes to this layout if you want to :) (no need to credit me btw)

Preview:

click on the image for a larger preview

Code:

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

<style>

.online{content:url("http://dl10.glitter-graphics.net/pub/352/352870r1wbtx0gci.gif");}

body, .bodyContent {
background: url(https://64.media.tumblr.com/ebdae59061ad48fe80ec359c4d01f2a3/e03dc16f48e7da64-bf/s540x810/2bb6d4e68034228011e3069ef8627089a079e2be.pnj
);
background-repeat: no-repeat;
background-size: cover;
background-attachment:fixed;
}

.profile {
   background: url(http://dl4.glitter-graphics.net/pub/344/344664xvnbpkpb73.gif);
   background-size: 500px
   font-size: 90%;
   color: #ffffff;
   text-shadow: 2px 2px 3px #c9064e;
        text-align: center

}

footer {
background-image: 
url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRWrYrgzq-57dOQH651-2az23l0Jmp1DOJsigIanFUdzWtFiWlF0JP67zH1Injj9FMiFTc&usqp=CAU);
color:White;
}

:root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:#ffffff;
--even-lighter-blue:#f71b6f;
--lightest-blue:#f71b6f;
--dark-orange:White;
--light-orange:#f71b6f;
--even-lighter-orange:black;
--green:black;
}
a, .count {
color: #ffffff;
}

.section h4, .details-table td:first-child {
color: #ffffff;
}

.profile .friends .heading {
    background-image: url(https://i.pinimg.com/originals/49/6a/88/496a887f7a12a774b7f5ca4a2bfe6913.gif);
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
    text-align: center;
}

.profile .blurbs .heading{
    background-image: url(https://i.pinimg.com/originals/49/6a/88/496a887f7a12a774b7f5ca4a2bfe6913.gif);
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
    text-align: center;
}

.profile .contact .heading{
    background-image: url(https://i.pinimg.com/originals/49/6a/88/496a887f7a12a774b7f5ca4a2bfe6913.gif);
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
    text-align: center;

}

.profile .table-section .heading{
    background-image: url(https://i.pinimg.com/originals/49/6a/88/496a887f7a12a774b7f5ca4a2bfe6913.gif);
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
    text-align: center;


}

  .profile .table-section{
    border:2px solid #ffffff;
    box-shadow: 0 0 5px #ffffff, 0 0 12px #f71b6f;
  }

nav .top {
    padding: 15px 10px 14px 10px;
    display: flex;
    height: 100px;
    background-image: url(https://i6.glitter-graphics.org/pub/597/597986ajsha4wj38.jpg)
}

nav .links {
    background-color:#f71b6f;
    padding: 3.5px 16px 5.5px 16px;
}

main {
background:  ;
padding: 0;
}

.profile .blurbs .section :nth-child(2) {
	background-image: url(https://i.pinimg.com/474x/ce/90/56/ce905642fe1fc247895999376164bcee.jpg);
      /* margin-top: -5px; */
	padding: 18px;
}

.contact {

  background-image: url(https://i.pinimg.com/736x/47/e1/c7/47e1c7bb64c7f905425989f9a431ebbf.jpg);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
box-shadow: 0 0 5px #ffffff, 0 0 12px #f71b6f;
 text-shadow: 1px 1px 2px #f71b6f, 0 0 25px #000000, 0 0 3px #ffffff; 
}

.comments-table{
box-shadow: 0 0 5px #ffffff, 0 0 12px #f71b6f;</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 5 of 5 comments ( View all | Add Comment )

ˏˋ°•*⁀➷ 𝙏3𝙍3𝙕1 𝙋𝙔𝙍𝙊𝙋3	1705804847 Using :3 Report Comment homestuck by rapfirst; 1709253150; Report
skull_luver39	1703989003 using! Report Comment
♥toxic blood♥	1700428157 uzing tysm Report Comment
Moon_Malice ★	1700279265 using!! its so cute!!! Report Comment