vapour | version 3.

TITLE OR SOMETHING

Why is there a dead rat in the toilet? This is why I don't party with you guys anymore!

❞

NARUHODO RYUNOSUKE

champion :: pleroma

like・dislike

trust

affection

attraction

A long time ago being crazy meant something.

❞

LUO BINGHE

firebrand :: kenoma

like・dislike

trust

affection

attraction

Why is there a dead rat in the toilet? This is why I don't party with you guys anymore!

❞

RYUNOSUKE

champion :: pleroma

like・dislike

trust

affection

attraction

Pleroma version.

<div style="margin:auto; width: 100%; display: flex; flex-flow: wrap; justify-content: space-around;text-align:center;height:auto;margin-top:50px;">
<div style="width:400PX;height:282px;margin:auto;display:block;padding-top:25px;text-align:center;background-color:rgba(184, 238, 157, 0.3);border-radius: 105px 0 105px 0;">
  <div style="width:375px;height:282px;display: inline-block;text-align:center;padding-right:10px;margin:5px;">

<div style="display: flex;width:150px;height:182px;float:left;margin:50px 0px 0px 0px;">
     
<div style="display: flex;align-items: center;margin-top:-10PX;text-align:center;margin-left:auto;">
 
<div style="width: 150px;position:relative;top:-25px;">
      <div style="display: flex;align-items: center;justify-content: center;width: 95px;height: 95px;

background: url(https://v.dreamwidth.org/15641725/3884027);

background-position: center;border-radius:50% 55%;position:relative;left:30px;">
          
            <img src="https://hydroseism.dreamwidth.org/file/48586.png" style="width:175px;margin-left:3px;margin-top:-2px;"></div>
        
       <div style="width:145px;float:left;overflow:hidden;display:inline-block;">
          <div style="width:145px;float:left; margin-left:5px;margin-top:-15px;">
          <div style="display:inline-block;font-family:Times New Roman;font-size:8.5pt;line-height:9.5pt;text-align:center;letter-spacing:0.3px;margin:0px;width:125px;margin-left:15px;margin-top:25px;display:inline-block;float:left;padding-top:10px;">
             <span style="background:
#fcfbef;
background:linear-gradient(90deg, rgba(38, 178, 35, 1) 0%, rgba(38, 178, 35, 1) 35%, rgba(38, 178, 35, 0.2019307967327556) 99%);-webkit-background-clip: text;
-webkit-text-fill-color: transparent;font-weight:bold;">

<!-QUOTE GOES HERE -->
Why is there a dead rat in the toilet? This is why I don't party with you guys anymore!<br><br></span></div></div><div style="background: none repeat scroll 0 0 rgba(252,251,239, 0.8);
    border-radius: 50% 50% 50% 50%;
    color: rgba(38,178,35, 0.7);
    font-family: 'icons';
    font-size: 20px;
    height: 30px;
    left: 50%;
    line-height: 36px;
    margin-left: 35px;
    margin-top:-5px;
    position: relative;
    text-align: center;
    width: 30px;display:inline-block;float:left;">❞</div>
     </DIV>
       
    </div>

<li style="position: relative;display: flex;align-items: center;list-style-type: none;">
      <div style="width:258px;height:10px;float:left;margin:39px -21px 0px;">
        <div style="background:#26b24b;width:40px;height:1px;float:left;margin:5px 0px 0px -21px;"></div>
        <div style="height:35px;float:left;">
          <p style="font-family:Times New Roman;font-size:16px;font-weight:700;text-transform:uppercase;color:#26b24b;line-height:13px;text-align:justify;letter-spacing:0.5px;margin:0px 6px;">

NARUHODO RYUNOSUKE</p>

</div>

champion :: pleroma

</p>
      </div>
      <div style="width:233px;height:90px;float:left;margin-left:25px;"> <div class="sb-links" style="margin-top: 5px;">
        
        
      
                
        <div style="width:90%;float:left;margin:0 5% 5%;">
        
          
          <div style="background:#3e7124;width:97%;height:10pt;float:left;margin:0px 0px 5px;overflow:hidden;border-radius: 0 15px 0 0;">
            <div class="CBar" style="background:#fcfbef;width:53%;height:10pt;float:left;margin:0px -2px 5px;border-radius: 0 15px 0 0;">
            </div>
          </div><div style="float: left;font-family:Arial;font-size:8pt;color:#26b24b;text-transform:uppercase;text-align:justify;line-height:8pt;letter-spacing:1px;margin-left:5px;margin-top:1px;font-weight:bold;position:relative;margin-top: -17px !important;">like・dislike
          </div>

<div style="background:#3e7124;width:97%;height:10pt;float:left;margin:5px 0px;overflow:hidden;border-radius: 0 15px 0 0;">
            <div class="CBar" style="background:#fcfbef;width:1%;height:10pt;float:left;margin:0px -2px 5px;border-radius: 0 15px 0 0;">   </div>
          </div><div style="float: left;font-family:Arial;font-size:8pt;color:#26b24b;text-transform:uppercase;text-align:justify;line-height:8pt;letter-spacing:1px;margin-left:5px;margin-top:1px;font-weight:bold;position:relative;margin-top: -17px !important;">trust
            </div>

<div style="background:#3e7124;width:97%;height:10pt;float:left;margin:5px 0px;overflow:hidden;border-radius: 0 15px 0 0;">
            <div class="CBar" style="background:#fcfbef;width:80%;height:10pt;float:left;margin:0px -2px 5px;border-radius: 0 15px 0 0;">  </div>
          </div><div style="float: left;font-family:Arial;font-size:8pt;color:#26b24b;text-transform:uppercase;text-align:justify;line-height:8pt;letter-spacing:1px;margin-left:5px;margin-top:1px;font-weight:bold;position:relative;margin-top: -17px !important;">affection
            </div>

<div style="background:#3e7124;width:97%;height:10pt;float:left;margin:5px 0px;overflow:hidden;border-radius: 0 15px 0 0;">
            <div class="CBar" style="background:#fcfbef;width:80%;height:10pt;float:left;margin:0px -2px 5px;border-radius: 0 15px 0 0;">  </div>
          </div><div style="float: left;font-family:Arial;font-size:8pt;color:#26b24b;text-transform:uppercase;text-align:justify;line-height:8pt;letter-spacing:1px;margin-left:5px;margin-top:1px;font-weight:bold;position:relative;margin-top: -17px !important;">attraction
            </div>

</div>
        
           
            
            
        </div>
        </div></div></div></div>
 
</div></div>

</div><div style="clear:both;"></div>

Kenoma Version.

<div style="margin:auto; width: 100%; display: flex; flex-flow: wrap; justify-content: space-around;text-align:center;height:auto;margin-top:50px;">
<div style="width:400PX;height:282px;margin:auto;display:block;padding-top:25px;text-align:center;background-color:rgba(200, 191, 231, 0.3);border-radius: 0 105px 0 105px;">
  <div style="width:375px;height:282px;display: inline-block;text-align:center;padding-right:10px;margin:5px;">

<div style="display: flex;align-items: center;justify-content: center;width: 95px;height: 95px;background:

url(https://v.dreamwidth.org/15513553/3703550);

background-position: center;border-radius:50% 55%;position:relative;left:30px;">
          
            <img src="https://hydroseism.dreamwidth.org/file/35380.png" style="width:175px;margin-left:3px;margin-top:-2px;"></div>
        
       <div style="width:145px;float:left;overflow:hidden;display:inline-block;">
          <div style="width:145px;float:left; margin-left:5px;margin-top:-15px;">
          <div style="display:inline-block;font-family:Times New Roman;font-size:8.5pt;line-height:9.5pt;text-align:center;letter-spacing:0.3px;margin:0px;width:125px;margin-left:15px;margin-top:25px;display:inline-block;float:left;padding-top:10px;">
             <span style="background: #000000;
background:linear-gradient(90deg, rgba(91, 39, 95,1) 0%, rgba(91, 39, 95,1) 35%, rgba(91, 39, 95,0.2019307967327556) 99%);-webkit-background-clip: text;
-webkit-text-fill-color: transparent;font-weight:bold;">A long time ago being crazy meant something.<br><br></span></div></div><div style="background: none repeat scroll 0 0 rgba(34, 34, 34, 0.8);
    border-radius: 50% 50% 50% 50%;
    color: rgba(172,62,200, 0.7);
    font-family: 'icons';
    font-size: 20px;
    height: 30px;
    left: 50%;
    line-height: 36px;
    margin-left: 35px;
    margin-top:-5px;
    position: relative;
    text-align: center;
    width: 30px;display:inline-block;float:left;">❞</div>
     </DIV>
       
    </div>

<div style="display:inline-block;width:258px;height:182px;float:left;margin:50px 0px;margin-left:-15px;margin-top:-50px;">

<li style="position: relative;display: flex;align-items: center;list-style-type: none;">
      <div style="width:258px;height:10px;float:left;margin:39px -21px 0px;">
        <div style="background:#000;width:40px;height:1px;float:left;margin:5px 0px 0px -21px;"></div>
        <div style="height:35px;float:left;">
          <p style="font-family:Times New Roman;font-size:16px;font-weight:700;text-transform:uppercase;color:#000;line-height:13px;text-align:justify;letter-spacing:0.5px;margin:0px 6px;">
          

 LUO BINGHE

</p>
        </div>
      </div>
      </li>
      <div style="background:#222;height:21px;float:left;margin:5px 25px 10px;z-index:99;border-radius: 0 15px 0 0;">
        <p style="font-family:Arial;font-size:7pt;color:#bb43d9;font-weight:700;text-transform:uppercase;line-height:7pt;text-align:left;letter-spacing:1px;margin:7px 8px;">

firebrand :: kenoma 
        </p>
      </div>
      <div style="width:233px;height:90px;float:left;margin-left:25px;"> <div class="sb-links" style="margin-top: 5px;">
        
        
      
                
        <div style="width:90%;float:left;margin:0 5% 5%;">

<div style="background:#eee;width:97%;height:10pt;float:left;margin:0px 0px 5px;overflow:hidden;border-radius: 0 15px 0 0;">
            <div class="CBar" style="background:#222;width:2%;height:10pt;float:left;margin:0px -2px 5px;border-radius: 0 15px 0 0;">  </div>
          </div><div style="float: left;font-family:Arial;font-size:8pt;color:#bb43d9;text-transform:uppercase;text-align:justify;line-height:8pt;letter-spacing:1px;margin-left:5px;margin-top:1px;font-weight:bold;position:relative;margin-top: -17px !important;">like・dislike
          </div>

<div style="background:#eee;width:97%;height:10pt;float:left;margin:5px 0px;overflow:hidden;border-radius: 0 15px 0 0;">
            <div class="CBar" style="background:#222;width:50%;height:10pt;float:left;margin:0px -2px 5px;border-radius: 0 15px 0 0;"> </div>
          </div><div style="float: left;font-family:Arial;font-size:8pt;color:#bb43d9;text-transform:uppercase;text-align:justify;line-height:8pt;letter-spacing:1px;margin-left:5px;margin-top:1px;font-weight:bold;position:relative;margin-top: -17px !important;">trust
          </div>

<div style="background:#eee;width:97%;height:10pt;float:left;margin:5px 0px;overflow:hidden;border-radius: 0 15px 0 0;">
            <div class="CBar" style="background:#222;width:80%;height:10pt;float:left;margin:0px -2px 5px;border-radius: 0 15px 0 0;"> </div>
          </div><div style="float: left;font-family:Arial;font-size:8pt;color:#bb43d9;text-transform:uppercase;text-align:justify;line-height:8pt;letter-spacing:1px;margin-left:5px;margin-top:1px;font-weight:bold;position:relative;margin-top: -17px !important;">affection
          </div>

<div style="background:#eee;width:97%;height:10pt;float:left;margin:5px 0px;overflow:hidden;border-radius: 0 15px 0 0;">
            <div class="CBar" style="background:#222;width:80%;height:10pt;float:left;margin:0px -2px 5px;border-radius: 0 15px 0 0;"> </div>
          </div><div style="float: left;font-family:Arial;font-size:8pt;color:#bb43d9;text-transform:uppercase;text-align:justify;line-height:8pt;letter-spacing:1px;margin-left:5px;margin-top:1px;font-weight:bold;position:relative;margin-top: -17px !important;">attraction
          </div>

</div>
        
           
            
            
        </div>
        </div>

</div></div></div>
   </div></div>

</div>
<div style="clear:both;"></div>