tonchiki | Recent Entries

hey whats good hope this works LMFAO 💖
search and replace: URL, IMGURL, LOREM, description

<div style="width:190px;min-height:190px;margin:0 25px 20px 0;padding:5px;transform: skew(-5deg) rotate(3deg);box-shadow: 15px 15px 0px -5px #f11300;background:#fff;">
<div style="width:175px;height:175px;padding:5px;display:flex;justify-content:center;align-items:center;background:#000;">
<div style="width:140px;height:140px;overflow:hidden;">
<div style="width:200px;height:200px;margin-left:-20px;transform: skew(5deg);background:#ccc url('IMGURL')-40px -30px;background-size:cover;">
</div></div></div></div>

<a href="URL" style="color: #fff; text-decoration:none;">
<div style="transform: skew(-5deg, -1deg);box-shadow: -4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 5px 0;">
    Navigation
</div>
</a>

<a href="URL" style="color: #fff; text-decoration:none;">
<div style="transform: skew(5deg, 1deg);box-shadow: -4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 5px 0;">
    IC Inbox
</div>
</a>

<a href="URL" style="color: #fff; text-decoration:none;">
<div style="transform: skew(-5deg, -1deg);box-shadow: -4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 5px 0;">
    Permissions
</div>
</a>

<a href="https://killthecake.dreamwidth.org/17143.html" style="color: #fff; text-decoration:none;">
<div style="transform: skew(5deg, 1deg);box-shadow: -4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 5px 0;">
    Code (edits by <user name=lektormar>)
</div>
</a>

<span style="font-variant:small-caps;font-weight:bold;letter-spacing: 2px;"><br />
    MUN<br>
<span style="font-size: 10px;">(pr/pr)</span>
</span><br />
<span style="font-variant:small-caps;font-size: 15px;letter-spacing: 2px;">
<user name="USER" site="plurk.com"><br />
    discord: USER<br />
    tmz
</span>
</div>

<div style="display:inline-block;width:675px;">
<div style="margin: 5px 0;text-align:justify;">
<div style="transform: rotate(-2deg);line-height:1.2;font-size:50px;font-weight:bold;font-style:italic;font-variant:small-caps;text-shadow:1px -1px #fff, 3px -3px #f11300;">
    NAME NAMESON (kanji here maybe)
</div>
<div style="height:5px;background: #f11300;margin: 0px 0;transform: rotate(-1deg);"></div>

<div style="display:flex;font-size:15px;text-align:left;margin-top: 5px;">
<div style="margin:5px;width:125%;">
<span style="font-variant:small-caps;font-weight:bold;">canon</span> LOREM
<br><span style="font-variant:small-caps;font-weight:bold;">history</span> <a href="#History" style="color:#f11300">LOREM</a>
<br><span style="font-variant:small-caps;font-weight:bold;">point</span> LOREM
<br><span style="font-variant:small-caps;font-weight:bold;">iteration</span> LOREM
</div>

<div style="margin:5px;width:100%;">
<span style="font-variant:small-caps;font-weight:bold;">age</span> LOREM
<br><span style="font-variant:small-caps;font-weight:bold;">species</span> LOREM
<br><span style="font-variant:small-caps;font-weight:bold;">health</span> LOREM
<br><span style="font-variant:small-caps;font-weight:bold;">outfit</span> <a href="IMGURL" style="color:#f11300"> LOREM </a>
</div>

<div style="margin:5px;width:100%;">
<span style="font-variant:small-caps;font-weight:bold;">role</span> <a href="#Role" style="color:#f11300">LOREM</a>
<br><span style="font-variant:small-caps;font-weight:bold;">housing</span> LOREM
<br><span style="font-variant:small-caps;font-weight:bold;">job</span> LOREM
<br><span style="font-variant:small-caps;font-weight:bold;">school</span> <a href="#School" style="color:#f11300"> LOREM</a> (can be smth other than school)
</div>

</div>

<details style="transform: skew(-5deg, 0deg);box-shadow: 4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 10px 0px 0px 0px;">
<summary style="transform: skew(-5deg, 0deg);font-size: 32px;line-height:1;font-weight:bold;font-family:Verdana;color:#f11300;box-shadow: 10px 10px 0px -3px #f11300;border:10px solid #000;background:#fff;cursor:pointer;"><a name="#History"></a>History</summary>
<div style="color: #fff; margin: 10px; padding: 10px 10px 20px 10px;font-size: 14px;">LOREM LOREM LOREM
    <br /><br />LOREM LOREM LOREM
    <br /><br />LOREM LOREM LOREM
    <br /><br />LOREM LOREM LOREM
</div>
</details>

<details style="transform: skew(-5deg, -1deg);box-shadow: 4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 10px 0px 0px 0px;">
<summary style="transform: skew(-5deg, 0deg);font-size: 32px;line-height:1;font-weight:bold;font-family:Verdana;color:#f11300;box-shadow: 10px 10px 0px -3px #f11300;border:10px solid #000;background:#fff;cursor:pointer;"><a name="Skills"></a>Skills</summary>
<div style="color: #fff;font-size: 14px;">
<div style="display:flex;text-align:left">
<div style="margin:10px;width:100%;">
<ul style="list-style-type: '💀 ';">
    <li style="margin-bottom: 5px;"><b> LOREM </b> – description </li>
    <li style="margin-bottom: 5px;"><b> LOREM </b> – description </li>
    <li style="margin-bottom: 5px;"><b> LOREM </b> – description </li>
    <li style="margin-bottom: 5px;"><b> LOREM </b> – description </li>
</ul>
</div>

<div style="margin:5px;width:100%;">
<ul style="list-style-type: '💀 ';">
    <li style="margin-bottom: 5px;"><b> LOREM </b> – description </li>
    <li style="margin-bottom: 5px;"><b> LOREM </b> – description </li>
    <li style="margin-bottom: 5px;"><b> LOREM </b> – description </li>
    <li style="margin-bottom: 5px;"><b> LOREM</b> – description </li>
</ul>
</div>
</div>
</details>

<details style="transform: skew(-5deg, 0deg);box-shadow: 4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 10px 0px 0px 0px;">
<summary style="transform: skew(-5deg, 0deg);font-size: 32px;line-height:1;font-weight:bold;font-family:Verdana;color:#f11300;box-shadow: 10px 10px 0px -3px #f11300;border:10px solid #000;background:#fff;cursor:pointer;"><a name="Abilities"></a>Canon Abilities</summary>

<fieldset style="border-left: 15px solid #000;border-top: 50px solid #000;border-right: 0px solid #000;border-bottom: 8px solid #f11300;padding-bottom: 10px;">
<legend style="font-weight:bold;letter-spacing: 1px;color: #fff;">
    LOREM </legend>
<div style="padding-right:25px; padding-left: 15px;color: #fff;">description description description<br><br>
</div>
</fieldset>

<fieldset style="border-left: 15px solid #000;border-top: 30px solid #000;border-right: 0px solid #000;border-bottom: 8px solid #f11300;padding-bottom: 10px;">
<legend style="font-weight:bold;letter-spacing: 1px;color: #fff;">
    LOREM</legend>
<div style="padding-right:25px; padding-bottom: 15px; padding-left: 15px;color: #fff;"> description description description
</div>
</fieldset>

<fieldset style="border-left: 15px solid #000;border-top: 30px solid #000;border-right: 0px solid #000;border-bottom: 0px solid #000;padding-bottom: 10px;">
<legend style="font-weight:bold;letter-spacing: 1px;color: #fff;">
    LOREM</legend>
<div style="padding-right:25px; padding-bottom: 15px; padding-left: 15px;color: #fff;"> description description description
</div>
</fieldset>
</span>
</details>

<details style="transform: skew(-5deg, -1deg);box-shadow: 4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 10px 0px 0px 0px;">
<summary style="transform: skew(-5deg, 0deg);font-size: 32px;line-height:1;font-weight:bold;font-family:Verdana;color:#f11300;box-shadow: 10px 10px 0px -3px #f11300;border:10px solid #000;background:#fff;cursor:pointer;"><a name="Role"></a>Role</summary>

<div style="transform: rotate(2deg); box-shadow: 4px 4px 0px 1px #f11300;float:left;margin: 20px 15px 15px 15px;text-align:center;">
<div style="height: 200px;width: 200px;background: url(IMGURL), #ebebeb;background-position:center;background-size:cover;">
</div>
</div>
<div style="color: #fff; margin: 10px; padding: 10px 10px 20px 10px;font-size: 14px;">

<b><u>physical attributes:</u></b> description description description <br /><br /><br />

<b><u>non-physical qualities:</u></b> description description description <br /><br /><br />

<b><u>reasoning:</u></b> description description description
<br /><br /> description description description
</div>
</span>
</details>

<details style="transform: skew(-5deg, 0deg);box-shadow: 4px 4px 0px 1px #f11300;font-variant:small-caps;background: #000;margin: 10px 0px 0px 0px;">
<summary style="transform: skew(-5deg, 0deg);font-size: 32px;line-height:1;font-weight:bold;font-family:Verdana;color:#f11300;box-shadow: 10px 10px 0px -3px #f11300;border:10px solid #000;background:#fff;cursor:pointer;"><a name="Inventory"></a>Inventory</summary>
<div style="display:flex;text-align:left; padding: 20px 20px;font-size: 14px;">
<div style="margin:5px;width:100%;color: #fff;">
<span style="font-weight:bold;margin-bottom: 5px;">Trial Rewards</span>
<ul style="list-style-type: '💀 ';">
<li style="margin-bottom: 5px;">Item</li>
<li style="margin-bottom: 5px;">Item</li>
<li style="margin-bottom: 5px;">Item</li>
<li style="margin-bottom: 5px;">Item</li>
</ul>
</div>

<div style="margin:5px;width:100%;color: #fff;">
<span style="font-weight:bold;margin-bottom: 5px;">Spoon Purchases</span>
<ul style="list-style-type: '💀 ';">
<a href="URL" style="text-decoration:none;color: #f11300;">
<li style="margin-bottom: 5px;">Item</li></a>
<a href="URL" style="text-decoration:none;color: #f11300;">
<li style="margin-bottom: 5px;">Item</li></a>
<a href="URL" style="text-decoration:none;color: #f11300;">
<li style="margin-bottom: 5px;">Item</li></a>
<a href="URL" style="text-decoration:none;color: #f11300;">
<li style="margin-bottom: 5px;">Item</li></a>
</ul>
</div>

<div style="margin:5px;width:100%;color: #fff;">
<span style="font-weight:bold;margin-bottom: 5px;">Other</span>
<ul style="list-style-type: '💀 ';">
<li style="margin-bottom: 5px;">Item</li>
<li style="margin-bottom: 5px;">Item</li>
<li style="margin-bottom: 5px;">Item</li>
<li style="margin-bottom: 5px;">Item</li>
</ul>
</div>
</details>

<details style="transform: skew(-5deg, -1deg);box-shadow: 4px 4px 0px 1px #f11300;font-variant:small-caps;font-size: 16px; background: #000;margin: 10px 0px 0px 0px;">
<summary style="transform: skew(-5deg, 0deg);font-size: 32px;line-height:1;font-weight:bold;font-family:Verdana;color:#f11300;box-shadow: 10px 10px 0px -3px #f11300;border:10px solid #000;background:#fff;cursor:pointer;"><a name="School"></a>School Life</summary>
<div style="transform: rotate(-1deg); box-shadow: 4px 4px 0px 1px #f11300;float:left;margin: 20px 15px 15px 15px;text-align:center;">
<div style="height: 250px;width: 450px;background: url(IMGURL), #ebebeb;background-position:center;background-size:cover;"></div>
</div>
<div style="color: #fff; margin: 10px; padding: 10px 10px 20px 10px;">
<div style="font-size:15px;text-align:left;color: #fff;margin-top: 0px;"><b>LOREM</b>
<br> description description description
<br /><br /><br /><b>LOREM</b> – description description description <br /><br /><br />

<span style="font-weight: bold;">Monday</span> Schedule schedule<br /><br />
<span style="font-weight: bold;">Tuesday</span> Schedule schedule<br /><br />
<span style="font-weight: bold;">Wednesday</span> Schedule schedule<br /><br />
<span style="font-weight: bold;">Thursday</span> Schedule schedule<br /><br />
<span style="font-weight: bold;">Friday</span> Schedule schedule<br /><br />
<span style="font-weight: bold;">Saturday</span> Schedule schedule
</div>
</details>

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

Ryuji Sakamoto

Recent Entries

INFO SHEET HTML

Profile

May 2024

Style Credit

Syndicate

Expand Cut Tags

Page Summary