2016 Roblox Homepage Layout!! (Music and Cursor Included!!)

Dokia not included

(want to mention that I did not make the cursor, all credits go to Sam and his og layout for it)

(the music can be finicky, just be patient with it i promise the code works)

(u can pick through for stuff u want/dont want, i encourage u to do so!!)

<!-- Colors gr4ve_2lvt -->

<style>

:root {

        --logo-blue: #e3e3e3;

        --darker-blue: #03a2fa;

        --lighter-blue:  #0174be;

        --even-lighter-blue: #03a2fc;

        --lightest-blue: #e3e3e3;

        --dark-orange: #ffffff ;

        --light-orange: #0174be;

        --even-lighter-orange: #cfd3db;

        --green: #000000;

    }

a:hover {

  color: #0174be;

  background-color: transparent;

  text-decoration: underline;

}

</style>

<style>

.blurbs {

border: 3px solid #e3e3e3 !important;

background-color: #e3e3e3;

}

</style>

<style>

.blog-preview{

border: 3px solid #e3e3e3 !important;

background-color: #e3e3e3;

}

.blog-preview h4 {

background-color: #0174be;

color:#ffffff;

}

.profile .mood p {

color: #6f717a;

}

.general-about{

color: #6f717a;

}

h1{

color: #6f717a;

}

</style>

<!-- Background Image -->

<style>

body {

    background: url(https://i.pinimg.com/1200x/dc/e1/07/dce10770c5f8c09b926dd0212e67fd61.jpg)

fixed; background-size:cover;

</style>

<!-- Main Background -->

<style>

main {

  background-color: rgb(227 227 227 / 75%);

  color: #9FA1AC;

}

</style>

<!-- Rounded Corners -->

<style>

.top{

border-radius: 25px 25px 0 0 !important;}

main{border-radius: 0 0 25px 25px !important;}

</style>

<!-- Fonts -->

<style>

@font-face {

font-family: "zrnic%20rg";

src: url("https://file.garden/Z8a5PJYstQe2hCCW/zrnic%20rg.otf");

}

a:hover, a:active, a, p, nav label, .section{

    font-family: "zrnic%20rg"

}

</style>

<style>

@font-face {

font-family: "1979rg";

src: url("https://file.garden/Z8a5PJYstQe2hCCW/1979rg__.ttf");

}

h1, h2, h3, h4, h5, DIV.mood > P:nth-child(1) > B, P:nth-child(2) > B {

    font-family: "1979rg"

}

</style>

<!-- Scrollbox Comments -->

<style>

table.comments-table{

display: block;height: 300px!important;overflow-y: scroll;

}

</style>

<!-- Search Bar Stuff -->

<style>

.top{

background-color: #176baa !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>

<!-- Top Links Transparent -->

<style>

nav .links {

background: transparent;

}

</style>

<!-- Logo -->

<style>

.logo {

content:url("https://upload.wikimedia.org/wikipedia/commons/c/cb/Roblox_logo.svg");

}

</style>

<!-- Music -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/4VCxTYu5WjY//?&;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="eager">

</iframe>

<!-- Contact Icons -->

<style> 

.contact {

        font-size: #px;

        font-family: fontfamily;

        border: dotted 0px!important;

        background-image: url("URL")!important;

        background: ;

        border-top: 0px;        

    }

    .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: url("https://pixels.crd.co/assets/images/gallery13/031bf5c5.gif?v=29416114")

    }

    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

    /* add to favorites */

    content: url("https://pixels.crd.co/assets/images/gallery122/3c234d68.gif?v=29416114")

    }

    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

    /* send Message */

    content: url("https://pixels.crd.co/assets/images/gallery68/cd89185b.gif?v=29416114")

    }

    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

    /* forward to friend */

    content: url("https://pixels.crd.co/assets/images/gallery03/00410799.gif?v=29416114")

    }

    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

    /* instant message */

    content: url("https://pixels.crd.co/assets/images/gallery88/30854043.gif?v=29416114")

    }

    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

    /* block user */

    content: URL("https://pixels.crd.co/assets/images/gallery33/c4a53200.gif?v=29416114")

    }

    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

    /* add to group */

    content: url("https://pixels.crd.co/assets/images/gallery99/0ac0ebfc.gif?v=29416114")

    }

    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

    /* report user */

    content: url("https://pixels.crd.co/assets/images/gallery33/c12e72f6.gif?v=29416114")

    } 

</style>

<!-- Online Now -->

<style>

.online{content:url("https://dl.glitter-graphics.com/pub/2486/2486045rkdd48xho8.gif");}

</style>

<!-- Footer -->

<style>

footer{

background-color: black !important;

background-image: url('https://i.pinimg.com/1200x/b4/bf/3e/b4bf3e7b3dedbba3cf72c9bb473032b3.jpg') !important;

background-attachment: FIXED !important;

background-repeat: NO-REPEAT !important;

background-position: top left !important;

background-size: cover !important; }

</style>

<!-- Cursor -->

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

<style>* {cursor: url(https://i.postimg.cc/W1qVSC4G/2024-02-05-0vg-Kleki.png ), auto;}</style>

<style>A:hover{cursor: url(" https://i.postimg.cc/ZR4hbqxH/2024-02-05-0vg-Kleki-1.png "), auto;}

</style>

<!-- PFP Border -->

<style>

.profile-pic {

position: relative;

width: 162px;

filter: drop-shadow(0 0 0.25rem gray);

}

.profile-pic:after {

content: "";

background: url('https://64.media.tumblr.com/ab8469f8fcca8020f2d13f04e3d7c936/e53ecd9dce295f77-82/s500x750/ab7dc6de3bb38c22c360147c70468712285d19f0.webp');

background-size: contain, cover;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

</style>