GOAT's profile picture

Published by

published
updated

Category: Web, HTML, Tech

SCIENCE FICTION DOUBLE FEATURE

DR X

WILL BUILD A CREEEEEEEAAAAAATUREE

DONT MIND ME IM JUST GETTIN READY FOR SPOOKY SEASON :3

BTW DO YOU WANT THIS LAYOUT FOR YR OWN BLOGS???

CAUSE IF U DO

<!-- A HALF ASSED LAYOUT WITH ELEMENTS OF ROCKY HORROR && ALICE IN WUNDERLAND AS MADE BY A GOAT (http://spacehey.com/winning) -->

<style>

@font-face {
font-family: doublefeature;
src: url("https://file.garden/aMuL0oRhjDKbkUNC/doublefeature.ttf") format("truetype");
}


@font-face {
font-family: frankie;
src: url("https://file.garden/aMuL0oRhjDKbkUNC/frankie.ttf") format("truetype");
}

@font-face {
font-family: darkmoder;
src: url("https://file.garden/aMuL0oRhjDKbkUNC/darkmoder.ttf") format("truetype");
}

@font-face {
font-family: wunderlant;
src: url("https://file.garden/aMuL0oRhjDKbkUNC/wunderlant.ttf") format("truetype");
}


@font-face {
font-family: lethalslime;
src: url("https://file.garden/aMuL0oRhjDKbkUNC/lethalslime.ttf") format("truetype");
}

@font-face {
font-family: hvrough;
src: url("https://file.garden/aMuL0oRhjDKbkUNC/hvrough.ttf") format("truetype");
}

:root {
--darker-blue: #118829;
--light-orange: #000;
--even-lighter-orange: #000; }

.arsebox {

background-color:transparent;
width: 590px;
padding: 3px; }

.arselinks {
display:inline-block !important;
background-image: url(https://i.pinimg.com/originals/34/1e/80/341e800b1f29d3e34ea2eba5a6af205c.gif);
background-color:black;
font-family: "darkmoder";
font-size: 26px;
color: purple;
width: 125px;
margin-right: 12px;
border: 1px solid silver;
box-shadow: 3px 3px #fa6ede;
text-align:center; }

.arselinks a {
color:purple; }

.arselinks a:hover {
color:black;
text-shadow:1px 1px purple; }

body {
background-size:200px;
background-image: url(https://i.pinimg.com/236x/83/97/76/839776f7c84173eef3bd570150925087.jpg); }

body a:hover {
text-decoration:none !important; }

.container {
border:2px solid darkgreen;
margin-top:10px;
width:75%; }

main {
background-color:black; }

nav .top {
border:2px solid black;
background-color:black;
color:crimson; }

nav .links {
margin:0px;
background-color:black;
-webkit-text-fill-color: red;
text-transform:uppercase;
font-family: "lethalslime";
text-align:center; }

nav .links li {
margin-bottom:10px; }

nav .links a {
padding:5px;
text-align:center !important;
font-size:18px;
color:green !important;
background: none; }


nav .links a:hover {
text-decoration:none; }

.edit-info {
text-shadow: 1px 1px 0.8px limegreen;
border:none;
color:purple;
background-color:black;
text-align: center;
font-family: "darkmoder";
font-size: 24px; }

.edit-info a {
color:crimson;
text-shadow: 1px 1px 0.8px yellow; }

.edit-info a:hover {
transform:  scale(1.2);
color:purple;
text-shadow: 1px 1px 0.8px limegreen; }

.author-details h4 {
letterspacing:4px;
margin-bottom:10px !important;
font-family: "doublefeature";
font-size:30px; }


.author-details h4::after {
content: "🧟 🧟 🧟"; }

.profile-pic img {
-webkit-mask-image: url(https://i.ibb.co/C3HTJzws/mask2.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
content: url(https://i.ibb.co/prX8v5Rk/goat15.jpg); }

.row {
background-color:black;
color:silver; }

.title, h1 {
letter-spacing: 5px;
font-family: "doublefeature";
font-size: 36px;
color:crimson;
-webkit-text-stroke: 0.5px yellow; }

.content {
background-image: url(https://i.ibb.co/JWbKm55K/rockyhorrorlips.png);
 
  font-family: "wunderlant";
  font-size: 24px;
  color: #8ed97a;
  text-shadow: 3px 2.5px black;
  padding-left: 8px !important;
  border: 2px solid grey;
  box-shadow: 0 0 1px 2px limegreen;
  margin-top: 5px;
  margin-bottom: 5px; }

.blog-entry .kudos-btn {
font-family: "wunderlant";
font-size: 36px;
font-weight:bold;
padding-left: 20px !important;
color:purple;
text-shadow: 1.5px 1.5px 0.8px limegreen;
margin-right:15px;
margin-left:15px; }

.kudos-btn:hover {
transform:  scale(1.2);
text-decoration:none !important;
background-color:black !important;
color:black !important;
text-shadow: 1.5px 1.5px 0.8px lightpink !important;
display: inline-block; }


.kudos::after {
letter-spacing: 3px;
margin-bottom:8px !important;
font-family: "darkmoder";
color:purple;
text-shadow: 1px 1px 0.5px limegreen;
font-size:40px;
content: "(or gimme all them kudos muahahaha)"; }

#kudos, #kudos.count {
letter-spacing:4px;
color:crimson;
text-shadow: 1px 2px #c4a027;
font-family: "frankie";
font-size: 32px; }

#kudos::before {
width:75px;
content: url(http://i.ibb.co/7NpCGKJz/sesamecount.gif);
margin-right:7px; }

button a:hover {
text-decoration:none !important;
color:limegreen !important; }

.blog-entry .comments .heading {
font-size:0px; }

.blog-entry .comments .heading::after {
animation: spookytilt 2s ease-in-out infinite;
color:limegreen;
text-shadow: 1.5px 1.5px purple;
display: inline-block;
font-size:20px;
font-family: "doublefeature";
content: "these cmnts are creepy kooky and altogether spooky 🧛"; }

@keyframes spookytilt {
      0% {
transform: scale(1) rotate(-2deg);
      }
      50% {
transform: scale(1.4) rotate(-4deg);
      }
      100% {
transform: scale(1) rotate(-2deg);
      }
    }
.inner {
margin-top:20px; }

.inner b {
font-family: "darkmoder";
font-size:28px;
color:crimson;
text-shadow: 0.6px 0.6px yellow; }

.inner a {
color:limegreen;
text-shadow: 0.6px 0.6px purple; }


.inner a:hover {
transform:  scale(1.3) !important;
color:grey;
text-shadow: 0.6px 0.6px limegreen; }

.comments-table {
border:2px solid black;
border-spacing:20px; }

.comments-table td:first-child::after {
letter-spacing:3px;
display:inline-block;
text-align:center;
font-family: "darkmoder";
font-size:30px;
content: url(https://i.ibb.co/fzThtC6G/vampire.gif)  " VAMP AF " url(https://i.ibb.co/fzThtC6G/vampire.gif); }

.comments-table a:hover {
color:red !important;
text-shadow:none; }

.comments-table td:nth-child(1) {
background-image: url(https://i.pinimg.com/736x/a4/a5/e8/a4a5e83ceecd8c42cccbcc5e274b9d78.jpg);
background-size:cover;
font-family: "doublefeature" !important;
width:225px;
display:inline-block;
border: 2px solid green;
box-shadow: 0 0 2px 2px purple; }


.comments-table td:nth-child(1):hover {
transform: rotate(-1deg); }

.comments-table td:nth-child(2) {
border: none; }

.comments-table p {
letterspacing:4px;
font-family: "frankie";
text-shadow: 1px 1px 0.8px yellow;
  font-size: 20px;
  color: crimson;
}

.comments-table td:first-child::after {
display:inline-block;
text-align:center; }

.comment-reply p {
letter-spacing:3px;
text-shadow: 1px 1px 0.8px purple;
text-transform:uppercase;
font-family: "darkmoder";
font-size:26px;
color:limegreen !important;
display:inline-block;
width:auto;
padding:3px; }

.comment-reply a {
color:crimson;
text-shadow; 1px yellow; }

.comment-reply a:hover {
color:purple;
text-shadow; 1px limegreen; }

footer {
background-color: black;
color:white;
margin: revert;
padding:none; }

.comment-replies {
position:relative;
left:40px;
width:80%;
background-image: url(https://media.tenor.com/ZNCGfHDWrg0AAAAM/purple-graveyard.gif);
margin-bottom:30px;
color: green;
font-size:12px;
border: 2px solid silver;
box-shadow:0 0 2px 2px limegreen;
padding:2px; }

.comments-table td {
margin-left:2px; }

.comments-table tr {
margin-left:2px; }

.comments-table .pinned {
display:block;
text-transform:uppercase;
letter-spacing:3px;
color:purple;
text-shadow: 1px 1px 0.7px limegreen;
margin-bottom:30px !important;
font-size:28px;
font-family: "darkmoder"; }

.comments-table .pinned .icon {
display:none; }

.comments-table .pinned:before {
margin-right:25px;
display: inline-block;
width:14px;
content: "⚰️" !important; }

.comments-table button {
border:none;
font-size:18px;
text-transform:uppercase;
font-family: "doublefeature";
color: limegreen !important;
background-color: black;
margin-right: 5px; }

.comments-table button::before {
content: "-"; }

.comments-table button::after {
content: "-"; }

.comments-table button:hover {
cursor:pointer;
color:purple !important; }

</style>

PLS LET US KNO IF UR USIN IT SO WE CAN SEE UR SPOOPY BLOGS!! <33

YER ALL V WELCOME BTW MWAHHH XOXO


93 Kudos

Comments

Displaying 11 of 11 comments ( View all | Add Comment )

GOAT

GOAT's profile picture
Pinned

i moved all my fonts from neocities to filegarden

all layout issues are now fixed :3

xoxo


Report Comment

GOAT

GOAT's profile picture
Pinned

the spooky vibes start here


Report Comment

F3RALF0XGUTZ

F3RALF0XGUTZ's profile picture

Omgosh-- your layouts are insane!! Def in the top coolest things I've seen on this site


Report Comment

TubbleKirbs

TubbleKirbs's profile picture

This vibe is so COOL AHHHHHHH


Report Comment

Tanpopo

Tanpopo's profile picture

Aughhhh I can't wait to see rocky this spooky season 3


Report Comment

[̲̅a][̲̅v][̲̅y]

[̲̅a][̲̅v][̲̅y]'s profile picture

I fricking love this


Report Comment

gooble

gooble's profile picture

im stealing this ty <333


Report Comment



i moved all my fonts to filegarden

so i updated the share code :3

by GOAT; ; Report

gack

gack's profile picture

This is so cute


Report Comment



ty lovely :3

by GOAT; ; Report

gooble

gooble's profile picture

THE GENIUS HAS DONE IT AGAIN!!! LUV ROCKY HORROR


Report Comment



the sesame st count is countin them kudos

AH AH AHHHHH

by GOAT; ; Report

pocono

pocono's profile picture

rocky horror my beloved 🫶


Report Comment



i rly luv that rock n roll <33

by GOAT; ; Report

ExMachina

ExMachina's profile picture

Goated as always


Report Comment



ty lovely i had fun makin it <33

by GOAT; ; Report

AWESOME!!!!!!!! luv rocky horror

by totalbogus; ; Report