Kazuma Kiryu's Blog of Revelation (Y4/DS Black Ver.) | Profile Layout

Tags: yakuza, kiryu kazuma, black, simple, basic, ryu ga gotoku, y4, dead souls

Description:

WELCOME BACK KYOUDAI

If you havent seen the original Y3 Profile Layout, you can check it out here

There's also the Blog Layout for it that can be found here

This is an alternate version of the blog inspired from Y4 and Dead Souls.

I thought I wasnt gonna do it but here it is. LOL

RESOURCES

Kamurucho: 1 - 2 (using) - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11
Sotenbori: 1 - 2 - 3
Okinawa: 1 - 2
Fukuoka: 1
Dead Souls: 1 - 2
Others: Don Quijote / Kenzan

CREDITS

@Cory: CSS for Banner and Contact icons
@Bela: for most of HTML/CSS I'm relearning
@Bacon: CSS for renaming section on Interests
@Nole: Generic Profile Editor site I used to make this layout (test code here)

Preview:

click on the image for a larger preview

Code:

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

<style>
  /* LAYOUT CREATED USING GENERIC PROFILE EDITOR */

  /* This is where the mess I made begins.. */

  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

  /* Feel free to use any background! */

  body {
    background-image: url('https://moniker.neocities.org/ykzimg/bg/kamu2.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    font-family: 'Noto Sans JP', sans-serif;
  }

  nav .top {
    background: transparent;
  }

  nav .links {
    background: white;
    text-align: right;
    border-radius: 4px 4px 0 0;
    background-image: url('https://moniker.neocities.org/ykzimg/ico/ameba.png');
    background-position: bottom left;
    background-repeat: no-repeat;

  }

  main .left {
    background: black;
    color: white;
  }

  main .right {
    padding: 0px;
    width: 80%;


  }

  .profile .blurbs .inner,
  .profile .blurbs .section h4 {
    color: black;
  }

  .profile .blurbs .heading,
  .profile .friends .heading {
    background: gray;
    color: white;
    padding: 5px;
  }

  .profile .contact .heading,
  .profile .contact,
  .profile .url-info {
    background: transparent;
    color: white;
    border: 0px;
  }

  .profile .url-info,
  .profile .contact .heading,
  .profile .table-section .heading {
    display: none;
  }

  .profile .table-section {
    border-top: 1px dashed;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
  }

.general-about .profile-pic {
    float: none;
    height: auto;
  }

  button {
    color: white;
    background: darkred;
  }

  .count {
    color: red;
  }

  .online {
    content: url('https://moniker.neocities.org/ykzimg/ico/ketai.gif');
  }

  a {
    color: lightgray;
  }

  nav .links a {
    color: darkred;
  }

  footer {
    background: rgba(0, 0, 0, 0.8);
  }

  footer p {
    color: darkred;
  }

  footer .links {
    color: white;
  }


  /* How to change section text by Bacon: https://blog.spacehey.com/entry?id=49124 */

  /* This is where Kiryu Kazuma's profile is located. Feel free to edit/customize! */

  :root {
    --topic1: "Nickname:";
    --topic2: "Gender: ";
    --topic3: "DOB:";
    --topic4: "Blood Type:";
    --topic5: "Hometown:";
    --topic6: "Bio:";
  }

  .table-section:not(:last-child) .details-table tr td:first-child p {
    color: transparent;
    text-shadow: none;
    letter-spacing: -100px;
  }

  .details-table tr td:first-child p::after {
    color: white;
    letter-spacing: normal;
    filter: brightness(99%);
  }

  .table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after {
    content: var(--topic1);
  }

  .table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after {
    content: var(--topic2);
  }

  .table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after {
    content: var(--topic3);
  }

  .table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after {
    content: var(--topic4);
  }

  .table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after {
    content: var(--topic5);
  }

  .table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after {
    content: var(--topic6);
  }

  .comments-table td:first-child,
  .comments-table td,
  .comment-replies {
    color: black;
    background: transparent;
  }


  .details-table td:first-child,
  .details-table td {
    background: transparent;
    color: white;
  }


  /* Cory's CSS Banner: https://blog.spacehey.com/entry?id=5169  */

  /* I honestly dont know what banner should I use so put whatever you feel like putting here lol */

  main:before {
    width: 100%;
    height: 300px;
    display: block;
    content: "";
    background-image: url('https://moniker.neocities.org/ykzimg/ban/narimiyay4.jpg');
    background-position: top center;
    background-size: cover;
  }

  /* This is here to make it mobile-friendly */

  @media only screen and (max-width: 600px) {
    main:before {
      height: 200px;
    }

    .blog-preview,
    .profile .blurbs .heading,
    .profile .blurbs .inner,
    .profile .friends .heading,
    .profile .friends .inner {
      width: 96.8vw
    }

  }


  /*Cory's CSS Contact Icons: https://blog.spacehey.com/entry?id=7464 */

  /* Customize the icons here, you can also use images using url() */

  .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: "👤"
  }

  .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
    /* Add to Favorites */
    content: "⭐"
  }

  .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
    /* Send Message */
    content: "📬"
  }

  .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
    /* Forward to Friend */
    content: "🔗"
  }

  .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
    /* Instant Message */
    content: "💬"
  }

  .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
    /* Block User */
    content: "🛑"
  }

  .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
    /* Add to Group */
    content: "🎭"
  }

  .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    /* Report Profile */
    content: "🚨"
  }

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