saw layout :D

Tags: green, saw, horror, layout
Description:

just a green saw themed layout! may contain spoilers to the saw franchise, and the haunting by set it off is playing!
Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Imbue:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

main:before {
 width: 100%;
 height: 180px;
 display: block;
 content: "";
 background-image: url('https://images6.fanpop.com/image/photos/36000000/Horror-Movies-image-horror-movies-36078617-500-190.gif');
 background-position: center center;
 background-size: cover;
 </style>

<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://64.media.tumblr.com/304ce67c102fca2b44e4dffb64d65c88/423fc996b724d185-18/s1280x1920/84fa08e3b3acddb652305c018f7fa4a05eb7bbb6.gifv"); display: inline-block; content:"" }
.general-about .profile-pic:after { background-size: cover; width: 155px; height: 120px; } 
.profile-pic:after{ 
filter: brightness(0.5%);
filter: contrast(200%);
filter: drop-shadow(16px 16px 20px blue);
filter: grayscale(10%);
filter: hue-rotate(90deg);
filter: invert(75%);
filter: opacity(25%);
filter: saturate(40%);
filter: sepia(15%);

</style>

<style>
body {
    background: url(https://as2.ftcdn.net/v2/jpg/01/26/17/77/1000_F_126177785_XmpsdR46G7d90ULLLUmcgOP11ExZHWaf.jpg)240%;
    filter: blur(5px);
filter: brightness(0.4%);
filter: contrast(200%);
filter: drop-shadow(16px 16px 20px blue);
filter: grayscale(20%);
filter: hue-rotate(90deg);
filter: invert(75%);
filter: opacity(25%);
filter: saturate(30%);
filter: sepia(35%);
}

main {
    border: solid 2px rgba(106, 150, 49, 1);
    background-image: url(https://i.pinimg.com/736x/c0/4b/59/c04b59818250e4c912b9b368205f3f12.jpg);
    background-size: cover;
    background-position: center;
}

.profile-pic img{
width: 265px;
height: 110px;
border-radius: 10px 10px 10px 10px;
     background: url(https://i.pinimg.com/originals/62/32/c3/6232c3b056f719faf75115ba7c29eb08.gif);
   
}
}
button {
    color: white;
    background: linear-gradient(rgba(179, 232, 148, 1), rgba(86, 131, 58, 1));
    border: 2px outset rgba(118, 184, 78, 1);
    font-weight: bold;
    font-family: 'Mali';
    text-shadow: 1px 1px 1px black;
}
button:hover {
    border: inset 2px #ff009b;
}
     </style>
<style>
.general-about {
    padding: 17px;
    height: 150px;
    width: 235px;
    background: url(https://www.freeiconspng.com/thumbs/television-tv-png/television-png-tv-12.png);
    background-size: contain;
    filter: greyscale(100%)
}
.mood {
    margin-top: 10px;
    margin-bottom: 3px;
    border: #fffffd 4px;
    padding-left: 10px;
    padding-top: 5px;
    background: url(https://media.tenor.com/Ppr1DLZECLgAAAAC/saw-jigsaw.gif);
    background-position: center;
    color: rgba(89, 156, 49, 1);
    text-transform:uppercase !important;
   }
.profile .left .table-section .inner {
    border: #16e02e 4px;
    padding-left: 7px;
    padding-bottom: 5px;
    padding-top: 5px;
    background: url(https://media2.giphy.com/media/xT8qB0tGan9qT1177a/giphy.gif?cid=6c09b952fb1a2030fb1b6e047cf61503d88876c91d087fe0&rid=giphy.gif&ct=g);
}
.contact .inner {
    padding: 5px;
    border: #16e02e 4px;
    background-color: rgba(5, 22, 5, 1);
    font: 'Imbue' cursive;
    font-size: 10px;
    border: solid 2px rgba(119, 179, 102, 1);
}
:root {--logo-blue:gree ;
    --darker-blue: rgba(207, 243, 184, 0.92);
    --lighter-blue: rgba(16, 31, 6, 1);
    --even-lighter-blue: rgba(56, 118, 16, 0.64);
    --lightest-blue:rgba(78, 164, 22, 0.30) ;
    --dark-orange: rgba(207, 243, 184, 0.92);
    --light-orange: rgba(3, 21, 6, 0.85) ;
    --even-lighter-orange: whit;
    --green: ;

}
.search-wrapper input[type=text] {
    background-color: rgba(21, 23, 26, 0.65) !important;
    border: 1px dotted var(--headers) !important;
    color:var(--names) !important;
    border-radius: 10px !important;
  }
.blurbs .inner {
    border:  #16e02e 4px;
    padding-left: 10px;
    padding-top: 10px;
    background: url(https://64.media.tumblr.com/5665e1bc37554bb40156d98b64684dd8/18b0043deeecd361-a0/s540x810/6b05266aea0e1a652c2c28ab3c4a5552dbff9b6e.gif);
    background-position: center;
}
.friends .inner {
    border: solid rgba(26, 79, 10, 0.98) 1px;
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 20px;
    background: url(http://images6.fanpop.com/image/photos/43100000/Game-Over-saw-43192013-540-367.gif);
    background-size: cover;
    color: rgba(190, 237, 162, 1);
   
}
table.comments-table{
    display: block;
    height: 250px!important;
    overflow-y: scroll;
    background: url(http://images6.fanpop.com/image/photos/43100000/Game-Over-saw-43192012-540-367.gif);
    color: #ffffff;
   
   
}
.url-info {
    border: var(--borders)!important;
    background: url(https://64.media.tumblr.com/b3bd12c7285f3b848d1f7c7bfd322859/bc1d40e689b42220-da/s540x810/93ed1a2fcdc8ae44834483c808528d452364b95f.gifv);
    background-position: center right;
    color: rgba(190, 237, 162, 1);
}
nav .links {
    border: var(--borders);
    text-align: center;
    font-size: 16px;
    font-family: 'Imbue';
    background: url(https://i.ytimg.com/vi/7Ra2AyToTyA/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDhqy2wyqBfP2j5LrnD_2a5Y2kgUwpg);
}
.top {
    border: var(--borders);
    margin-bottom: 10px;
    font-family: 'Imbue' serif;
    background: url(https://pbs.twimg.com/media/EzCDUOOWUAA4lg8.jpg:large);
}
.profile h1 {
    text-align: auto;
    background: none;
}
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
img {
filter: sepia(100%) hue-rotate(65deg) saturate(3) brightness(0.8);
}
style>
/* these are the colors for headers */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
p{
font-family: 'Imbue', sans-serif;
text-transform:lowercase !important;
color:#ffedf9;
}
</style>

<style>
/* this adjusts the size/font of your name */
@import url('https://fonts.googleapis.com/css2?family=Imbue:wght@500&display=swap');
h1{
font-size: 30px !important;
font-family: 'Imbue', sans-serif;
text-transform:uppercase !important;
padding-left: 2px !important;
}
</style>

<style>
/* this changes the color of your name */
.profile h1{
background: -webkit-linear-gradient(rgba(197, 231, 170, 1), rgba(46, 123, 28, 1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
<style>
/* this changes the color of your headers */
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');
h4{
font-size: 16px !important;
font-family: 'Imbue', cursive;
text-transform:uppercase !important;
padding-left: 2px !important;
/* gradient text, you can replace existing colors with whatever ones you want */
background: -webkit-linear-gradient(rgba(197, 231, 170, 1), rgba(83, 143, 35, 1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}
.icon, .award img {
        content: url(https://media.giphy.com/media/88i73CkhJb4nJN5ztW/giphy.gif);
        height: 26px;
        width: 23px;
}
 .profile .friends .person p{
      font: 'Imbue' sans-serif;
        color: rgba(184, 224, 153, 1);
        text-shadow: 0px 0px e;
        font-weight: bold;
        width: 100%;
        word-break: break-word;
        font-size: 100%;
        text-align: center;
        animation:blinkingText 3.2s infinite;
    }
 /* the color of the number of your friends */
 .count {
color: rgba(107, 213, 25, 1);
    }
/* link colors when you hover over links */
   a:hover {
     color: green;
   }
   a{
     color: rgba(174, 230, 130, 1);
   }
/* border inside of comments */
table.comments-table {
border: 2px solid rgba(146, 201, 104, 1);      
}    
/* spacehey logo */
nav img.logo{filter: sepia(100) hue-rotate(65deg) saturate(33) brightness(.4); !important;}
}

body{
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='38' height='46' viewport='0 0 100 100' style='fill: black; font-size: 23px;'><text y='50%'>"🧩") 16 0, auto;
}
/* Change to emoji to whatever you want - have fun :) */
}.online
{
  color:green!important;
  //text-shadow: 1px 1px turquoise;
}
 /*customising friend space heading*/
  .profile .friends .heading{
    background: rgba(81, 150, 55, 1);
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
    text-align: center;
   
}
</style>
<style>
div.top {
    background: linear-gradient(rgba(165, 233, 140, 1), rgba(47, 103, 27, 1));
}

nav .links {
    background: black;
}

nav .links a {
      text-shadow: none;
}
button {
    color: white;
    background: linear-gradient(rgba(179, 232, 148, 1), rgba(86, 131, 58, 1));
    border: 2px outset rgba(118, 184, 78, 1);
    font-weight: bold;
    font-family: 'Mali';
    text-shadow: 1px 1px 1px black;
}
button:hover {
    border: inset 2px #ff009b;
}
.person img {
    width: 100px;
    border: 1px rgba(186, 231, 158, 0.75) solid;
    opacity: 0.7;
}

.person img:hover {
opacity: 1.0;

}

.comments-table img:not(.icon) {
    border: 1px solid ;
    box-shadow: 0px 1px 2px #fff;
}
.comments-table a {
    color: rgba(129, 191, 92, 0.94);
    text-shadow: 1px 1px 1px rgba(150, 209, 114, 0.94);
    font-style: normal;
   
   
}
footer {
    background: linear-gradient(rgba(129, 191, 92, 0.54), rgba(76, 115, 52, 0.54));
    border-radius: 10px;
}
footer a {
    color: ;
    font-weight: bold;
}
.details-table td:first-child {
    font: ;
    color: rgba(178, 218, 155, 0.94);
    text-shadow: 1px 1px 1px black;
}
 .blog-preview p {
        color: rgba(116, 175, 80, 1);
}
footer{
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
background-image: url(https://i0.wp.com/bloody-disgusting.com/wp-content/uploads/2021/05/Screen-Shot-2021-05-05-at-5.43.23-PM-e1621348602693.png?resize=1000%2C577&ssl=1);
background-position: center ;
background-size: cover;
font-size: 10px;
font-family: 'Imbue' cursive;
color: rgba(215, 161, 232, 1);
filter: opacity(70%);
filter: hue-rotate(220deg);
}
}
/* this is the box that says "_'s latest blog entries" */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
DIV.blog-preview{
text-align: center;
font-family: 'Imbue', sans-serif;
background-image: url(https://64.media.tumblr.com/a7e22ef9a218140e9ac537f642f9784b/f77802c7b8e2e4a3-0b/s540x810/c1a4b9bbfa4c3b07e116ea9dbe583c1f483089a5.gif);
background-position:bottom;
text-transform:uppercase !important;
color: white;
height: 88px;
padding: 6px;
filter: hue-rotate(deg)
filter: saturate(500%)
filter: contrast (200%);
filter: brightness(85%);
filter: opacity(90%);
}

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/BDqsZ5euNkw//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
<iframe>
</iframe></iframe>
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 10 of 10 comments ( View all | Add Comment )
fayezyz	1707698784 using!! Report Comment
xaivier ✦	1701802148 THIS IS SICK!! USING Report Comment
amanda	1701169038 about to use it!! :33 Report Comment
THEO	1698967933 using!! Report Comment
Kweeny!!	1698064470 using!! Its so cool :O Report Comment
absurdist	1696299161 could u make it so the text in the "about me" n stuff are white ? cant seem to find where to change it -.- Report Comment
cameron	1695627479 using !! Report Comment
tori 𐙚	1694222109 using Report Comment
Kookaburrastar	1686693390 YOO THIS IS COOL ASF Report Comment
knopka	1676263474 AHH I LOVE THIS IT'S SO COOL !!! Report Comment