Nicki Minaj Super Freaky Layout

Tags: nicki minaj, super freaky, pink, cute

Description:

Nicki Minaj Layout Based On Her Song Super Freaky & With The Song Being AutoPlay On Profile. With A Custom Cursor, & Nicki Photos On Page. Will Update If Needed. If You Use Please Comment. :)

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Edu+TAS+Beginner:wght@500&family=Georama&family=Grechen+Fuemen&display=swap');
p{ font-family: 'Georama', sans-serif; 
font-size: 100%;
color: white; 
text-shadow: 1px 1px 1px black;
}

h1, h2, h3, h4, h5{
font-family: 'Edu TAS Beginner', cursive;
font-size: 130%;
color: white;
text-shadow: 1px 1px 1px black;
}


body {
background:url(https://i.pinimg.com/564x/81/6c/f9/816cf96123b51a9abf6cdc27096b701e.jpg) fixed;
}


main {
background: rgb(231,84,128);
border: none;
}

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

friends p, .friends a {
color: WHITE;
}

a:hover {
     color: BLACK;
   } 

   a{
     color: BLACK; 
   }

    .count {
        color: PINK;
    }

.profile .friends .person p {
color:WHITE ;  
}

.profile .friends .person p:hover {
color: BLACK;
}

friends p, .friends a {
color:PINK;
}

nav .top{
background-color: rgb(231,84,128);
margin: 1em 0;
text-align: center;
border-radius: 0px;
}

a:hover {
     color: lightgrey; 

}
    .count {
        color: BLACK;
    }



nav .links{
background-color: rgb(231,84,128);
border-radius: 0px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}



.profile .contact .heading,
.profile .table-section .heading{
color: #7A007A;
background-color: BLACK;
border-radius: 0px;
text-align: center;
padding: .1em;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: #;
background-COLOR: BLACK;
border-radius: 0px;
text-align: center;
padding: .1em;
}


footer{
background-COLOR: rgb(231,84,128);
border-radius: 0px;

}

nav{ 
font-size: 13px !important;
font-family: 'Edu TAS Beginner', cursive;
text-shadow: 1px 1px black;
text-transform:none;
padding-left:3px;
text-align: center;
}

             ::-webkit-scrollbar {
    width: 18px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgb(231,84,128);
    }

    ::-webkit-scrollbar-track {
    background: rgb(0,0,0);
    }

body { cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur267.cur), auto; }



   
    </style>



<style>
    .container{
        
    width: 650px !important;
        
    }
</style>


<style>
main:before {                    
width: 100%;
height: 400px;
display: block;
content: "";
background-image: url('https://media1.giphy.com/media/jDZsKrsju5yWLktoZa/giphy.gif?cid=ecf05e47chc4nyxlwsmpo464nu63nmem4qzs0y09unp608i2&ep=v1_gifs_search&rid=giphy.gif&ct=g');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 700px) {
main:before{
height: 200px;
}

</style>

<style>
 
    .friends:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 300px;
  background-image: url(https://64.media.tumblr.com/0f6a55a5550c751f5a2980d5284fc3bc/b303b32286aee961-0e/s540x810/795515ea86fd3f908a66a2ce6a1a38e5f23437f5.gifv);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
  margin-bottom: 10px;
  border-radius: 20px;
 
}</style>

<style>
/* corner image. hidden on mobile */
.image {
    background: url('https://www.nicepng.com/png/full/157-1576769_nicki-minaj-image-nicki-minaj-name-png.png') no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: 10px;
    bottom: 10px;
height: 300px;
width: 300px;
    z-index: 1000;
    opacity: 100;
}
@media (max-width: 600px) {
.image{display:none;}
}
</style>

<div class="image"></div>



<style>                                               

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://media2.giphy.com/media/Jpyf0SOyYzWJIFZg2D/giphy.gif?cid=ecf05e47y07kfd3nh2r6k662o60yti2nui2nq8ws6840xmjg&ep=v1_gifs_search&rid=giphy.gif&ct=g');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 6s ease 0s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>



<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.ibb.co/d2Np1d2/static.gif);
  background-size: 200px !important;
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}
</style>



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

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 )