kagehira mika ^__^

Tags: mika kagehira, ensemble stars, green, simple

Description:

this was once again a requested layout ^^

layout inspired by the game ensemble stars, specifically the character mika kagehira ★

this layout includes:

- mika floatie/image at the right side of the screen
- i think thats all help

feel free to change anything to your liking nd please let me know for any errors
i also accept requests, just comment ★

Preview:

click on the image for a larger preview

Code:

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

<style>

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

*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
        text-shadow: none!important;
}

      :root {
        --logo-blue: #797f3b;
        --darker-blue:  ;
        --lighter-blue: ;
        --even-lighter-blue: #e0e8a0;
        --lightest-blue: ;
        --dark-orange:  ;
        --light-orange: #898f4f ;
        --even-lighter-orange: #eefae6;
    }

    .top{
        border-radius: 7px;
        margin-bottom: 5px;
        border: outset #797f3b 5px;
}

    nav .links{
        background: #797f3b;
        border-radius: 7px;
        margin-bottom: 5px;
        border: outset #797f3b 5px;
        text-align: center;
    }

.links a{
  text-shadow: none!important;
}

body {
    background: url(https://cdn.discordapp.com/attachments/726109777377362034/1084428501110751303/1000.png) no-repeat;
    background-size: cover;
    text-transform: lowercase;
    font-family: arial;
}

.container {
  width: 750px;
  padding: 5px ;
}

    main{
        background-color: #e4f7d6 ;
        border-radius: 2px;
        box-shadow: 0px 0px 10px #75421d;
        padding: 5px;
    }

    .profile-info{
        background: transparent;
        border: none;
        font-family: crimson text ;
        font-size: 30px!important;
        font-weight: 200;
        color: #ceaf1d!important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 1px;
        margin-bottom: 8px;

    }

    main .left{
        background:linear-gradient(to top, #979e4c, #e0e8a0 150%);
        border: outset #c4cc85 4px;
        border-radius: 3px;
    }

    .general-about .profile-pic img{
      border-radius: 10px
      box-shadow: 0 0 10px 10px #000000 inset;
}

    h1 {
        font-size: 50px!important;
        font-family: crimson text;
        font-weight: 600;
        text-align: center;
        line-height: 30px!important;
        display: block;
        color: #5f632d;
        padding: 5px;
        margin-top: -5px!important;
    }

main .right {
    background: #e4f7d6 radial-gradient(circle at 0 0, #e0e8a0 1px, transparent 0);
    background-size: 4px 4px;
    padding: 12px;
}

    .profile .contact {
        border: double 5px #797f3b;
        border-radius: 5px;
        background: #e4f7d6 radial-gradient(circle at 0 0, #4bd1a3 1px, transparent 0);
        background-size: 3px 4px;
        text-align: center
        font-size: 12px;
        box-shadow: 0px 1px 5px #797f3b;
    }

    .contact .heading , .table-section .heading {
        padding: 0px 0px !important;
        background: #797f3b!important;
        color: #e4f7d6!important;
        font-size: 16px;
        text-align: center;
    }

    a {
        color: #5d631f;
    }
    a:hover {
        color: #dbc057;
        text-decoration: underline wavy #dbc057 1px;
    }

    .icon{
        display: none;
    }

    .count{
        color: #ceaf1d;
    }

    .profile .url-info{
        border: double #797f3b;
        background: #e4f7d6;
    }

    .profile .table-section{
        border: double 5px #797f3b;
        border-radius: 5px;
    }

    .details-table td{
    background: #e4f7d6;
    border: solid #e0e8a0 1px;
}

    .section , .blurbs, .friends{
      text-align: center;
      color: #50541f;
      font-size: 16px;
      font-family: crimson text;
    }


footer{
    background: transparent;
    color: white;
}

    .profile .blurbs .inner{
    background-color: #f2ffe8;
    border: double #797f3b 3px;
    height: 220px;
    box-shadow: 0px 0px 5px #797f3b;
}

.online{ 
  content: url(https://dl.glitter-graphics.com/pub/745/745448ics8e0cvip.gif);
  filter: grayscale(45%);
}
</style>
<div class="mika"></div>
<style>
    .mika {
background: url(https://media.discordapp.net/attachments/726109777377362034/1084458382683029564/1000.png?width=395&height=439) no-repeat;
background-size: 100%!important;
position:fixed;
right: 2px;
bottom: -100px;
height: 601px;
width: 560px;
z-index: 1000;
}
</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.

Comments

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

Stanley	1690833052 HHIHI CAN U DO A NITO NAZUNA LAYOUT PLS :3 Report Comment
OPTIC	1680929155 hello, i'm currently using this theme and was wondering if you could help me out. while making everything look nice i decided to take the floatie off, once i put it back on it seemed to sink to the bottom, is this normal? i swear when i first pasted it the floatie was always on screen, any tips? this is what i have written for it, please lmk if i messed it up ;-; .tatsumi { background: url(https://cdn.discordapp.com/attachments/1058114079455191232/1094113233121574973/tatsumi_clear_2.webp?width=395&height=439) no-repeat; background-size: 100%!important; position: fixed; right: 2px; bottom: -100px; height: 601px; width: 560px; z-index: 1000; } Report Comment hellooo, i looked through your code n it seems like the 'filter' in 'body' on your layout breaks the floatie, so it appears at the bottom... im not so sure, but remove it from there n put it separately into each element ;; im not so great at explaining whhw but lmk for more questions by marsietis; 1680949312; Report
stilldollie	1679618256 ENSTARS!!!!!!!! YIPEE Report Comment
Hana	1678890636 I LOVE THIS SO MUCH I AM GONNA USE IT ONE OF MY FAVE CHARCTERS I DIDNT THNIK ENSTARS WOULD ACTULLY HAVE A PRESNECE ONG HERE <333 Report Comment THANK UUU!!!! i didnt think so either, but there are quite few enstars fans/players here ^^ by marsietis; 1678890870; Report
mika	1678627110 oh my duckucng GOD MARS THIS IS SO GOOD IM CRYING(RIGHT NOW IM SHAKING AND JUMPING WROUND THANK YOU SO MUCH PMGHTJTHGJRURHGHUITGRUHGUHIRTBUIHBRTHUIRGTHHIEFRIHFBHUVERWHJHJVRWEHUWGERHUBWREVBUHBHUIERVWBIUHERVBUHIVERUIBHVWERBIHUWEVRUHOBVWERBHOUBUHWROVOHBUVWERUBHOWVERUOBHHVUOREIHOBEWRIHOBWEVRIBHOEVWRBIHOWFEVBJKVFJRHKBRVFBKEUHBOUHFERBVFERBOUHVEBRHVTHBREVTYTREVBIOWVRBUTUVHOREBVTRWBVUIOWRTVUIOHRWUVUWRIOTVBURTWVOIUWRTONGUHIROEBTGBRITJOGEJRIOTGBREUTHVUHRTEGHJERTGOIJHERGTJIOHBTREIJOHERGTUHIOERTBHUOIERBUITHOBIOHEBTRUIBOEVRTIOHBREIOHTBBUIOBVETRHIOBRVTHOIBVTREHIBOREHTBVIOBHIOVTREOHBIRTVBHOIRETIHBORVTIOHBVTREE Report Comment HWHWHEHWHW URE SO WELCOME IM GLAD U LIKE IT!!!!!!!! by marsietis; 1678627167; Report