Sally Face Layout (V2)!

Tags: sally face, layout

Description:

i deleted this layout before because it was for an ex, but i really liked it and i even fixed something that bugged me!

Preview:

click on the image for a larger preview

Code:

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

<iframe width="0" height="0" src="https://www.youtube.com/embed/rCEH3v_Q_j4?loop=1&autoplay=1&controls=0&start=0&;title=" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="&#x201D;&#x201D;" loading="lazy">
</iframe>

<style>
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-size: 200%; 
}
  body {
    background-image: url(https://external-media.spacehey.net/media/syGgCTStjg5DiDnJkTsRgBI1AvDqAv--1YgwhRYtiQpc=/https://images4.alphacoders.com/122/1228036.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.profile .friends .person p {
    color: white;

}

nav .top {
    display: flex!important;
    opacity: 1!important;
    background: linear-gradient(270deg, hsla(359, 85%, 36%, 1) 0%, hsla(216, 28%, 42%, 1) 100%);
}

nav .links {
    margin: 0;
    list-style: none;
    background: linear-gradient(270deg, hsla(359, 85%, 36%, 1) 0%, hsla(216, 28%, 42%, 1) 100%);
}

.profile .url-info {
    padding: 4px 7px;
    display: none;
}

.profile {
   background: linear-gradient(180deg, hsla(359, 85%, 36%, 1) 0%, hsla(340, 34%, 35%, 1) 33%, hsla(216, 28%, 42%, 1) 100%);
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: #ab0e10;
   color: white;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: #ab0e10;
   color: white;
}

.logo {
  
content:url("https://external-media.spacehey.net/media/sssqpaplWQAW_5OSPD808dnHN51Rq4E86DQYazIYuBgo=/https://portablemoose.com/x/cdn/?https://storage.googleapis.com/wzukusers/user-25742635/images/5831c103b5a66tSG343o/sfLogo3_d400.png")
  
  }

main:before {
    width: auto;
    margin-bottom: -1px;
    border: 0px solid black;
    height: 199px;
    display: block;
    content: "";
    background-image: url(https://external-media.spacehey.net/media/sdzQ-XqLLa62_2ZogFw3HL8XTZWhuxAA_L_Kwnuhv8ns=/https://stevegabry.files.wordpress.com/2019/12/ep5_banner2.png);
    background-position: center center;
    background-size: cover;
}

main {
background: white;
    color: white;
    padding: 0px 0px;
    font-size: 80%;
}

footer {
    border-radius: 15px;
    background-image: url(https://external-media.spacehey.net/media/sxZG9tn7ij0wPMnv6wa2oQ_64jExpqDDk_RukR0fnNBQ=/https://trickortreatstudios.com/cdn/shop/collections/sallyface-website-banner_1200x1200.jpg?v=1678911765);
    color: white;
    background-position: center;
}

.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: "⛧"
}   

table.comments-table td {
    color: #ffffff;
}

:root {
    --logo-blue: ;
    --darker-blue: ;
    --lighter-blue: ;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: ;
    --light-orange: ;
    --even-lighter-orange: ;
    --green: pink;
}

</style>

<style>* {cursor: url(https://external-media.spacehey.net/media/sK8hAwnH55UK_xtXeKKXilSkfR2UNY7Uo1xlT3D0mUAo=/https://cur.cursors-4u.net/cursors/cur-5/cur425.cur), url(https://external-media.spacehey.net/media/sK8hAwnH55UK_xtXeKKXilSkfR2UNY7Uo1xlT3D0mUAo=/https://cur.cursors-4u.net/cursors/cur-5/cur425.cur), auto !important;}</style>

<style>

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 3s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 3s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}

</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.