Dark layout

Tags: dark, black, white

Description:

Simple dark layout. Sorry for no screenshot, I'm not able to do one.

Code might be a bit messy, I'm a beginner.

This layout has a custom cursor which is a bunny. Feel free to change anything to the code.

Please comment if you use it :)

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
    p{
  font-family: 'Press Start 2P', cursive;
    font-size: 100%;
    color: white;
}

h1,h2,h3,h4,h5{
     font-family: 'Press Start 2P', cursive;
     font-size: 150%;
     color: #e5e5e5;
}

body {
background-image:url(https://i.pinimg.com/originals/c1/de/47/c1de4768f9ebddd98f904611065fcafd.gif);
background-position:center center;
background-attachment:fixed;
background-repeat:repeat;
border-width:0px;
border-style:Solid;

}

main:before {
   width: auto;
   margin-bottom: 25px;
   border: 1px solid black;
   height: 250px;
   display: block;
   content: " ";
   box-shadow: 0px 0px 5px 1px white;
   background-image: url(https://i.pinimg.com/564x/d7/35/cb/d735cbaae8fcc4203269c4a200fbb567.jpg);
   background-position: center center;
   background-size: 550px;
}
main {
 background-color: black;
 box-shadow: 0px 0px 5px 1px white;
}

footer {
  border-radius: 15px;
  background-image: url(https://i.pinimg.com/750x/3a/35/c1/3a35c1209fb12be61794edc40937a363.jpg);
  background-size: cover;
  color: white;
}

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

.profile-info {
    background-image: url(https://i.pinimg.com/originals/09/78/e7/0978e74588dccfd1f6325e749ad3cbfe.gif);
    background-size: 200px;
    box-shadow: 0px 0px 5px 1px white;
}

.online{
   color: #e5e5e5;
   visibility: visible;
}

.count {
   color: white;
}

.online img {
 content: url(https://i.pinimg.com/564x/c2/d1/56/c2d15627505497a68921b32dad5f8e1f.jpg);
 animation-name: none; 
 visibility: visible;
 height: 30px; 
 width: 30px; 
 animation-name: blink;
 animation-iteration-count: infinite;
 animation-timing-function: cubic-bezier(1.0,0,0,1.0);
 animation-duration: 2s;
}

.profile .mood {
    background-size: 300px;
    box-shadow: 0px 0px 5px 1px white;
}

.comments-table td, .music-table td {
      box-shadow: 0px 0px 5px 1px white;
      background-image: url(https://i.pinimg.com/750x/3a/35/c1/3a35c1209fb12be61794edc40937a363.jpg);
      background-size: 300px;
}

.comments-table td:first-child, .music-table td:first-child { 
     background-image: url(https://i.pinimg.com/750x/3a/35/c1/3a35c1209fb12be61794edc40937a363.jpg);
     background-size: 300px;
}

table.details-table {
    box-shadow: 0px 0px 5px 1px white;
}

* {cursor: url(https://cur.cursors-4u.net/nature/nat-11/nat1034.ani), url(https://cur.cursors-4u.net/nature/nat-11/nat1034.gif), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2012/01/29/bobblehead-bunny.html" target="_blank" title="Bobblehead Bunny"><img src="https://cur.cursors-4u.net/cursor.png" alt="Bobblehead Bunny" style="position:absolute; top: 0px; right: 0px;"/></a>

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.