another dick figures layout

Tags: dick figures, internet, adult animation, web series, youtube, mondo media, 2010s

Description:

a simple df layout!! feel free to reference, please keep credit in the code. if you use it thank you :D
contains:
- custom font (Anton)
- background from "A Bee Or Something"/"Figured Out"
- a custom spacehey logo
- a custom cursor
- a custom notification icon
- animated links (change color when you hover)

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

* {
  font-weight: normal !important;
}

body {
  font-family: 'Anton', 'Arial', sans-serif;
  font-size: 18px;
  background-image: url(https://static.wikia.nocookie.net/dickfigures/images/d/dc/Figured_Out_46.png/revision/latest/scale-to-width-down/1000?cb=20140812053132);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;

/* this is the cursor sorry its a jumble of text bahaha */
  cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAhUExURQAAAAMGGgMGGgMGGgMGGgA1eCB78VeW5zV/3kCG4P////U5yEMAAAAFdFJOUwA2TBow+F8fHwAAAAFiS0dECmjQ9FYAAAAJcEhZcwAAAMgAAADIAGP6560AAAAHdElNRQfoARQNIzatE6ucAAAAAW9yTlQBz6J3mgAAAF5JREFUKM9jCGRAA6ECaAJh6ErCU9GUhJehKQkvR1MSXo6mJLwcTQlQAFUJUABVCUgARQlIoDwVRSC9NDQUxWERpQqoThctC0D1HGt6EKr3GcOnonk4El3ANIRhhAAAbQUbBY2jBxMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjQtMDEtMjBUMTM6MzU6NTQrMDA6MDCwQu/nAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDI0LTAxLTIwVDEzOjM1OjU0KzAwOjAwwR9XWwAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyNC0wMS0yMFQxMzozNTo1NCswMDowMJYKdoQAAAAASUVORK5CYII='), auto;
}

main {
  background-color: rgba(255, 255, 255, 0)
}

.logo-fallback {
  content: url(https://i.ibb.co/wWZFDC7/red-spacehey-logo.png);
}

a {
 color: #2d76d8;
}

a:hover {
  color: #cd262c;
  transition: 1s;
}

:root {
  --logo-blue: rgba(214, 214, 214, 1);
  --dark-orange: black;
  --lighter-blue: #d6d6d6;
  --light-orange: #d6d6d6;
  --even-lighter-orange: #f5f5f5;
  --even-lighter-blue: #d6d6d6;
  --lightest-blue: #f5f5f5;
  --gray: rgba(214, 214, 214, 0.25);
}

nav .links {
  text-align: center;
  text-transform: uppercase;
}

nav .links a {
  text-shadow: none;
  color: #595959;
}

nav .links li .icon {
  content: url(https://i.ibb.co/j3xbBnz/blueicon-removebg-preview-1.png);
}

label {
  color: #595959;
}

.right {
  color: #595959;
}

.logout-btn {
  color: #595959;
  font-family: 'Anton', 'Arial', sans-serif;
}

.logout-btn:hover {
  color: black;
  transition: 1s;
}

.count h4 {
  color: #cd262c
}

button {
  border: 0.25px solid black;
  border-radius: none;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 3.5px;
}

td > p {
  color: #595959;
  text-align: center;
}

.heading > h4 {
  color: #595959 !important;
}

.profile .blurbs .section h4 {
  color: #cd262c;
}

.profile .friends .person p {
  color: #cd262c;
  text-decoration: underline;
}

.profile .friends .person p:hover {
  color: #2d76d8;
  text-decoration: none;
  animation: 1s;
}

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

:D	1705791054 This is actually pretty cool but impact font would've been so much funnier :3 Report Comment thanks!! i was going to put the impact font at first but i couldn't find a way to put it into html so i just settled for the closest thing by carolina; 1705791831; Report