Nyx's profile picture

Published by

published

Category: Web, HTML, Tech

toko fukawa layout??

This is my current layout use the danganronpa mask i had people ask for my layout so i thought id share it on here since layouts isnt working for me right now.


<style>


 body { background-image: url("https://i.pinimg.com/736x/dd/05/ae/dd05ae94a75e41caf7e780c0b51dbd82.jpg") !important; background-color: black !important; background-attachment: fixed !important; margin: 0; padding: 0; } 


footer {background:black}


  .row.profile .col.w-40.left{

    background: #121212

  }

  

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {

  background:linear-gradient(to bottom, #59605f 11%,#3b3f3f 37%,#0a0e0a 64%,#0a0809 100%);

}


.profile .friends .person p {color:white}


  .row.profile .col.right{

    background: #121212

  }

 

h1,h2,h4,h5,h6 {

  background: linear-gradient(to bottom, #59605f 11%,#3b3f3f 37%,#0a0e0a 64%,#0a0809 100%);

}


  .col.w-40.left{

  color:white;

  }


.profile .blurbs .heading, .profile .friends .heading {background:linear-gradient(to bottom, #59605f 11%,#3b3f3f 37%,#0a0e0a 64%,#0a0809 100%);}

  

  .inner {

    color:white;

  }


.profile .table-section .heading {background:linear-gradient(to bottom, #59605f 11%,#3b3f3f 37%,#0a0e0a 64%,#0a0809 100%);}

  

  .blog-preview {

    color:white;

  }


:root {

        --logo-blue: #1f1e1e;

        --darker-blue: white;

        --lighter-blue: #262525;

        --even-lighter-blue: #121212;

        --lightest-blue: black;

        --dark-orange: white;

        --light-orange:black;

        --even-lighter-orange:black;

        --green: gray;


</style>


<style>

/*hidden on mobile */

.image {

    background: url('https://64.media.tumblr.com/1b661bd03c13734712adcb1d4fed0101/bcedba8cb40900ec-96/s500x750/938af17bee856de5eda44188672db8580f3ccc1c.pnj') no-repeat;

    background-size: 100%!important;

    position: fixed;

    right: 0px;

    bottom: 0px;

    height: 320px;

    width: 300px;

    z-index: 1000;

    opacity: 1;

}

@media (max-width: 600px) {

.image{display:none;}

}

</style>

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



2 Kudos

Comments

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