neocephamods | INBOX CODE

● ○ ○

○ ● ○

○ ○ ●

    character name |
  

    C.O.R.D
  

    communications via
organic relay device
  

    text / audio / visual
  

(CODE) (CODE)

<lj-raw><div style="max-width:400px;margin:10px auto;padding:15px;background:transparent;line-height:1.5;font-family:arial, helvetica, sans serif;font-size:12px;text-align:justify;border:5px solid #ff0ad2;color:#301666;"><div style="margin:0 auto;padding:7%;background:#4e3188 url('https://file.garden/abx3u9uIQkgppBD6/header%20images/bgcodesmash.jpg')center;">

<div style="height:300px;overflow:hidden;background:#ddd;font-size:20px;text-shadow:1px 1px 0 rgba(0,0,0,0.5);">
		
		<a name="one"></a>
		<div style="height:300px;border:1px solid #ff0ad2;background:url(#IMAGE URL HERE)center;background-size:cover;display:flex;align-items:flex-end;justify-content:center;">
			<div style="padding:0 0 10px 0;">
			<a href="#one" style="text-decoration:none;color:#fff;">●</a>
			<a href="#two" style="text-decoration:none;color:#fff;">○</a>
			<a href="#three" style="text-decoration:none;color:#fff;">○</a>
			</div>
		</div>

<a name="two"></a>
		<div style="height:300px;border:1px solid #ff0ad2;background:url(#IMAGE URL HERE)center;background-size:cover;display:flex;align-items:flex-end;justify-content:center;">
			<div style="padding:0 0 10px 0;">
			<a href="#one" style="text-decoration:none;color:#fff;">○</a>
			<a href="#two" style="text-decoration:none;color:#fff;">●</a>
			<a href="#three" style="text-decoration:none;color:#fff;">○</a>
			</div>
		</div>

<a name="three"></a>
		<div style="height:300px;border:1px solid #ff0ad2;background:url(#IMAGE URL HERE)center;background-size:cover;display:flex;align-items:flex-end;justify-content:center;">
			<div style="padding:0 0 10px 0;">
			<a href="#one" style="text-decoration:none;color:#fff;">○</a>
			<a href="#two" style="text-decoration:none;color:#fff;">○</a>
			<a href="#three" style="text-decoration:none;color:#fff;">●</a>
			</div>
		</div>

<a name="four"></a>
		<div style="height:300px;border:1px solid #ff0ad2;background:url(#IMAGE URL HERE)center;background-size:cover;display:flex;align-items:flex-end;justify-content:center;">
			<div style="padding:0 0 10px 0;">
			<a href="#one" style="text-decoration:none;color:#fff;">○</a>
			<a href="#two" style="text-decoration:none;color:#fff;">○</a>
			<a href="#three" style="text-decoration:none;color:#fff;">●</a>
			</div>
		</div>

</div>

<div style="margin:85px auto;"><div style="margin:0 auto 25px;padding:10px;background:#444;border: 1px solid #ff0ad2;"><div style="width:95%;margin:20px auto;clear:both;display:table;">

<div style="
    font-family:courier;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 3px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    text-align: left;
  ">
    character name |
  </div>

<div style="
    font-family:courier;
    font-size: 8px;
    color: #ff0ad2;
    font-weight: bold;
    letter-spacing: 3px;
    text-align: right;
  ">
    communications via<br>organic relay device
  </div>

<div style="
    font-family:courier;
    font-size: 14px;
    color: #ff0ad2;
    font-weight: bold;
    letter-spacing: 3px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    text-align: right;
  "><br><br>
    text / audio / visual
  </div>

<lj-raw></div></div></div>

</div></div>

<div style="max-width:650px;margin:0 auto;padding:2px 10px 5px;line-height:1;font-family:arial, helvetica, sans serif;font-size:10px;text-align:center;color:#ed9eb1;"><a title="by 10billionghosts" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;font-weight:bold;color:#ed9eb1;">(CODE)</a> <a title="by tessisamess" href="http://tessisamess.insanejournal.com" style="text-decoration:none;font-weight:bold;color:#ed9eb1;">(CODE)</a></div>

</lj-raw>