review shop

re. twilight

---

delightful :  layout gallery
all things pastel

"twilight"
designed and coded
by lisett

---

reminders:
- do not remove the credit
- comment when using
- do not copy, steal or redistribute this code
and claim it as your own
- do not use as base code or use snippets

you may:
- tweak the layout's colors, images, etc.

---

if you have any other questions, please message me through this link:
http://www.asianfanfics.com/profile/view/664800

re. twilight - how to edit

column one:
  adding a new box:
  1. to add a new box (like about, updates), go to the source code and press "ctrl+f."
  2. type in "updates."
  3. select the following code:
    <div style="width:150px;float:left;background-color:#f2dcdf;padding:15px;margin-top:25px;">
    <div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;"><strong>: Updates</strong></div>
    </div>

    <div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;">
    <div style="width:150px;float:left;background-color:#FFF;padding:15px;margin-top:2px;"><strong><span style="color:#d3aab1;">+ sep 12:</span></strong> For new update, just press<em> enter</em>. to create a new paragraph within the update do <em>shift + enter</em>.</div>

    <div style="width:150px;float:left;background-color:#FFF;padding:15px;margin-top:2px;"><strong><span style="color:#d3aab1;">+ sep 14:</span></strong> Lorem Ipsum dolor sit amet, consectetuer adpiscing.</div>
    </div>
  4. copy + paste it under the last closing <div> before the "banner" section. now you have a new box.
  
column two:
  adding a new box:
  1. to add a new box, go to the source code and press "ctrl+f."
  2. type in "request status."
  3. select the following code:
    <div style="width:290px;float:left;background-color:#f2dcdf;padding:15px;margin-top:25px;">
    <div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;"><strong>: Request status</strong></div>
    </div>

    <div style="width:290px;float:left;background-color:#FFF;padding:15px;margin-top:2px;">
    <div style="font-family:calibri;font-size:8px;color:#d3aab1;line-height:10px;text-transform:uppercase;letter-spacing:1px;">
    <p><strong>1. Username / status / reviewer</strong><br />
    <strong>2. Username / status / reviewer</strong><br />
    <strong>3. Username / status / reviewer</strong><br />
    <strong>4. Username / status / reviewer</strong><br />
    <strong>5. Username / status / reviewer</strong></p>
    </div>
    </div>
  4. copy + paste it before the 3rd last </div> after "username / status /reviewer." you should have a new box now.
  
column three:
  adding a new "staff" member:
  1. to add a new box, go to the source code and press "ctrl+f."
  2. type in "staff"
  3. select the following code:
    <div style="width:140px;float:left;background-color:#FFF;padding:15px;margin-top:2px;"><img alt="TOFMq4o.png" src="https://i.imgur.com/TOFMq4o.png" style="height:50px;width:50px;float:left;margin:0px 5px 5px 0px;" /><strong><a href="http://url" style="color:#333333;">Username:</a> A</strong><br />
    <em>Loves:</em> lorem ipsum dolor.<br />
    <em>Hates:</em> ipsum dolor sit.</div>
  4. paste underneath a matching code as the above. and voila!

re. twilight - main

<div style="width:950px;margin:auto;">
<div style="width:950px;height:350px;float:left;background-color:#EEE;"><img alt="fuoUMxW.png" src="https://i.imgur.com/fuoUMxW.png" /></div>

<div style="width:910px;height:310px;float:left;margin-top:-350px;padding:20px;">
<div style="float:left;background-color:#FFF;padding:8px;">
<div style="font-family:calibri;font-size:8px;color:#d3aab1;line-height:10px;text-transform:uppercase;letter-spacing:1px;"><strong>&nbsp;Twilight ; Review shop</strong></div>
</div>

<div style="float:right;background-color:#FFF;padding:8px;">
<div style="font-family:calibri;font-size:8px;color:#d3aab1;line-height:10px;text-transform:uppercase;letter-spacing:1px;"><strong>Status : Open &amp; Accepting</strong></div>
</div>

<div style="font-family:arial;font-size:40px;color:#FFF;text-align:center;line-height:50px;text-transform:uppercase;letter-spacing:1px;margin-top:140px;"><em><strong>Twilight</strong></em></div>

<div style="width:120px;margin:auto;border:1px solid #FFF;padding:5px;">
<div style="font-family:calibri;font-size:8px;color:#FFF;text-align:center;line-height:10px;text-transform:uppercase;letter-spacing:1px;"><strong>a review shop</strong></div>
</div>
</div>

<div style="width:750px;float:left;padding:50px 100px;background-color:#F7F7F7;">
<div style="width:180px;float:left;">
<div style="width:150px;float:left;background-color:#f2dcdf;padding:15px;">
<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;"><strong>&nbsp;: About us</strong></div>
</div>

<div style="width:150px;float:left;background-color:#FFF;padding:15px;margin-top:2px;">
<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis.</p>
</div>
</div>

<div style="width:150px;float:left;background-color:#FFF;padding:15px;margin-top:2px;">
<div style="font-family:calibri;font-size:8px;color:#d3aab1;line-height:10px;text-transform:uppercase;letter-spacing:1px;">
<p><strong>&nbsp; &nbsp; &gt; <a href="#" style="color:#d3aab1;">Home</a><br />
&gt; <a href="http://url" style="color:#d3aab1;">Archive</a><br />
&gt; <a href="http://url" style="color:#d3aab1;">Request</a></strong></p>
</div>
</div>

<div style="width:150px;float:left;background-color:#f2dcdf;padding:15px;margin-top:25px;">
<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;"><strong>: Updates</strong></div>
</div>

<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;">
<div style="width:150px;float:left;background-color:#FFF;padding:15px;margin-top:2px;"><strong><span style="color:#d3aab1;">+ sep 12:</span></strong> For new update, just press<em> enter</em>. to create a new paragraph within the update do <em>shift + enter</em>.</div>

<div style="width:150px;float:left;background-color:#FFF;padding:15px;margin-top:2px;"><strong><span style="color:#d3aab1;">+ sep 14:</span></strong> Lorem Ipsum dolor sit amet, consectetuer adpiscing.</div>
</div>

<div style="width:150px;float:left;background-color:#f2dcdf;padding:15px;margin-top:25px;">
<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;"><strong>: Banner</strong></div>
</div>

<div style="width:180px;float:left;background-color:#FFF;margin-top:2px;"><img src="https://i.imgur.com/1pJl8Eh.png" style="float: left; height: 100px; width: 180px;" /></div>
</div>

<div style="width:320px;float:left;margin-left:40px;">
<div style="width:290px;float:left;background-color:#f2dcdf;padding:15px;">
<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;"><strong>: Rules &amp; Guidelines</strong></div>
</div>

<div style="width:290px;float:left;background-color:#FFF;padding:15px;margin-top:2px;">
<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;">
<p><span style="background-color:#f2dcdf;padding:0px 4px;">1. Lorem ipsum dolor sit amet:</span>&nbsp;press <em>enter</em> for a new paragraph / rule. to add more rules, <em>search (ctrl+f)</em> while in the source and type <em>rules,</em>&nbsp;then<em> copy and paste the &lt; p &gt; tags</em> below. to <em>delete</em>&nbsp;just select and backspace.</p>

<p><span style="background-color:#f2dcdf;padding:0px 4px;">2. Donec quam felis, ultricies nec:</span> pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>

<p><span style="background-color:#f2dcdf;padding:0px 4px;">4. Nullam dictum felis eu pede mollis pretium:</span> Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>

<p><span style="background-color:#f2dcdf;padding:0px 4px;">5. Lorem ipsum dolor sit amet:</span> consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>

<p><span style="background-color:#f2dcdf;padding:0px 4px;">6. Donec quam felis, ultricies nec:</span> pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
</div>
</div>

<div style="width:290px;float:left;background-color:#f2dcdf;padding:15px;margin-top:25px;">
<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;"><strong>: Rubric</strong></div>
</div>

<div style="width:290px;float:left;background-color:#FFF;padding:15px;margin-top:2px;">
<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;">
<p><span style="background-color:#f2dcdf;padding:0px 4px;">heading</span> consectetuer adipiscing elit.</p>

<p><span style="background-color:#f2dcdf;padding:0px 4px;">heading</span>&nbsp;pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>

<p><span style="background-color:#f2dcdf;padding:0px 4px;">heading</span> Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>

<p><span style="background-color:#f2dcdf;padding:0px 4px;">heading</span>&nbsp;pellentesque eu, pretium quis, sem.</p>

<p><span style="background-color:#f2dcdf;padding:0px 4px;">heading</span> consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
</div>
</div>

<div style="width:290px;float:left;background-color:#f2dcdf;padding:15px;margin-top:25px;">
<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;"><strong>: Request status</strong></div>
</div>

<div style="width:290px;float:left;background-color:#FFF;padding:15px;margin-top:2px;">
<div style="font-family:calibri;font-size:8px;color:#d3aab1;line-height:10px;text-transform:uppercase;letter-spacing:1px;">
<p><strong>1. Username / status / reviewer</strong><br />
<strong>2. Username / status / reviewer</strong><br />
<strong>3. Username / status / reviewer</strong><br />
<strong>4. Username / status / reviewer</strong><br />
<strong>5. Username / status / reviewer</strong></p>
</div>
</div>
</div>

<div style="width:170px;float:left;margin-left:40px;">
<div style="width:140px;float:left;background-color:#f2dcdf;padding:15px;">
<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;"><strong>: Staff</strong></div>
</div>

<div style="width:170px;height:260px;float:left;overflow:hidden;margin-top:2px;">
<div style="width:190px;height:260px;float:left;overflow:auto;">
<div style="width:170px;float:left;">
<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;">
<div style="width:140px;float:left;background-color:#FFF;padding:15px;"><img alt="TOFMq4o.png" src="https://i.imgur.com/TOFMq4o.png" style="height:50px;width:50px;float:left;margin:0px 5px 5px 0px;" /><strong><a href="http://url" style="color:#333333;">Username:</a> a</strong><br />
keep it at&nbsp;<em>4 lines max</em>&nbsp;or it&#39;ll start to get messy. how to edit in code.</div>

<div style="width:140px;float:left;background-color:#FFF;padding:15px;margin-top:2px;"><img alt="TOFMq4o.png" src="https://i.imgur.com/TOFMq4o.png" style="height:50px;width:50px;float:left;margin:0px 5px 5px 0px;" /><strong><a href="http://url" style="color:#333333;">Username:</a> h</strong><br />
<em>Loves:</em> lorem ipsum dolor.<br />
<em>hates:</em> ipsum dolor sit.</div>

<div style="width:140px;float:left;background-color:#FFF;padding:15px;margin-top:2px;"><img alt="TOFMq4o.png" src="https://i.imgur.com/TOFMq4o.png" style="height:50px;width:50px;float:left;margin:0px 5px 5px 0px;" /><strong><a href="http://url" style="color:#333333;">Username:</a> b</strong><br />
<em>Loves:</em> lorem ipsum dolor.<br />
<em>Hates:</em> ipsum<br />
dolor sit.</div>

<div style="width:140px;float:left;background-color:#FFF;padding:15px;margin-top:2px;"><img alt="TOFMq4o.png" src="https://i.imgur.com/TOFMq4o.png" style="height:50px;width:50px;float:left;margin:0px 5px 5px 0px;" /><strong><a href="http://url" style="color:#333333;">Username:</a> h</strong><br />
<em>Loves:</em> lorem ipsum dolor.<br />
<em>Hates:</em> ipsum dolor sit.</div>

<div style="width:140px;float:left;background-color:#FFF;padding:15px;margin-top:2px;"><img alt="TOFMq4o.png" src="https://i.imgur.com/TOFMq4o.png" style="height:50px;width:50px;float:left;margin:0px 5px 5px 0px;" /><strong><a href="http://url" style="color:#333333;">Username:</a> A</strong><br />
<em>Loves:</em> lorem ipsum dolor.<br />
<em>Hates:</em> ipsum dolor sit.</div>
</div>
</div>
</div>
</div>

<div style="width:140px;float:left;background-color:#FFF;padding:15px;margin-top:2px;">
<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;">
<p><strong>A </strong>: available<br />
<strong>b </strong>: busy<br />
<strong>h&nbsp;</strong>: hiatus</p>
</div>
</div>

<div style="width:140px;float:left;background-color:#f2dcdf;padding:15px;margin-top:25px;">
<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;"><strong>: Request format:</strong></div>
</div>

<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;">
<div style="width:140px;float:left;background-color:#FFF;padding:15px;margin-top:2px;">
<p><strong><span style="color:#d3aab1;">&mdash; Title:</span></strong>&nbsp;Lorem ipsum.<br />
<strong><span style="color:#d3aab1;">&mdash; Author(s):</span></strong>&nbsp;Lorem ipsum dolor sit amet.<br />
<strong><span style="color:#d3aab1;">&mdash; Description:</span></strong>&nbsp;Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br />
<strong><span style="color:#d3aab1;">&mdash; Characters:</span></strong>&nbsp;Lorem ipsum dolor sit amet.<br />
<strong><span style="color:#d3aab1;">&mdash; Genre:</span></strong>&nbsp;Lorem ipsum dolor sit amet.</p>
</div>
</div>

<div style="width:140px;float:left;background-color:#FFF;padding:15px;margin-top:2px;">
<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;">
<p><b>Note:&nbsp;</b>Lorem ipsum dolor sit amet, consectetuer adipscing elit. aenean commodo.</p>
</div>
</div>
</div>
</div>

<div style="width:100%;float:left;margin-top:10px;">
<div style="font-family:calibri;font-size:8px;color:#CCC;text-align:center;letter-spacing:2px;text-transform:uppercase;"><a href="https://www.asianfanfics.com/story/view/912018/delightful-layout-gallery-roleplay-layouts-gallery-layout" style="color:#ccc;"><b>Delightful 2017 : Layout coded by lisett</b></a></div>
</div>
</div>

re. twilight - pick up

<div class="stack sympl-stack" style="background-color:#F7F7F7;padding:5% 10%;">
<div class="sympl onefifth l-onequarter m-full" style="padding:1%;margin-bottom:25px;">
<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;background-color:#f2dcdf;padding:15px;"><strong>&nbsp;: Review for username<br />
by reviewer</strong></div>

<div style="font-family:calibri;font-size:8px;color:#d3aab1;line-height:10px;text-transform:uppercase;letter-spacing:1px;background-color:#FFF;padding:15px;margin-top:2px;">&gt; Title:<br />
&gt; author:</div>

<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;background-color:#FFF;padding:15px;margin-top:2px;">Place the story description here. if you need a new box for whatever reason, press <em>enter</em>. For a new line <em>shift + enter</em>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis.</div>

<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;background-color:#FFF;padding:15px;margin-top:2px;"><span style="color:#d3aab1;"><em>Score: 0%</em></span><br />
<span style="color:#d3aab1;">&gt; Title:</span> 0/0<br />
<span style="color:#d3aab1;">&gt; Description:</span> 0/0<br />
<span style="color:#d3aab1;">&gt; Graphics:</span> 0/0<br />
<span style="color:#d3aab1;">&gt; Plot:</span> 0/0<br />
<span style="color:#d3aab1;">&gt; Grammar:</span> 0/0<br />
<span style="color:#d3aab1;">&gt; enjoyment:</span> 0/0</div>
</div>

<div class="sympl fourfifths l-threequarters m-full" style="padding:1%;">
<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;background-color:#f2dcdf;padding:15px;"><strong>&nbsp;: The review</strong></div>

<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;background-color:#FFF;padding:15px;margin-top:2px;"><strong><span style="background-color:#f2dcdf;padding:0px 4px;">1. Title : 0/0</span></strong><br />
For a new paragraph press <em>Shift + enter</em>. for a new section, just press <em>enter</em>. heading background-color or highlight is: #d3aab1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div>

<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;background-color:#FFF;padding:15px;margin-top:2px;"><strong><span style="background-color:#f2dcdf;padding:0px 4px;">2. Description : 0/0</span></strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</div>

<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;background-color:#FFF;padding:15px;margin-top:2px;"><strong><span style="background-color:#f2dcdf;padding:0px 4px;">3. Graphics : 0/0</span></strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</div>

<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;background-color:#FFF;padding:15px;margin-top:2px;"><strong><span style="background-color:#f2dcdf;padding:0px 4px;">4. Plot : 0/0</span></strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.</div>

<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;background-color:#FFF;padding:15px;margin-top:2px;"><strong><span style="background-color:#f2dcdf;padding:0px 4px;">5. Plot : 0/0</span></strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.</div>

<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;background-color:#FFF;padding:15px;margin-top:2px;"><strong><span style="background-color:#f2dcdf;padding:0px 4px;">6. Grammar : 0/0</span></strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</div>

<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;background-color:#FFF;padding:15px;margin-top:2px;"><strong><span style="background-color:#f2dcdf;padding:0px 4px;">7. Plot : 0/0</span></strong><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</div>

<div style="font-family:calibri;font-size:8px;color:#333;line-height:10px;text-transform:uppercase;letter-spacing:1px;background-color:#FFF;padding:15px;margin-top:25px;"><strong><span style="background-color:#f2dcdf;padding:0px 4px;">Final notes:</span></strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</div>
</div>
</div>

<div style="width:100%;float:left;margin-top:10px;">
<div style="font-family:calibri;font-size:8px;color:#CCC;text-align:center;letter-spacing:2px;text-transform:uppercase;"><a href="https://www.asianfanfics.com/story/view/912018/delightful-layout-gallery-roleplay-layouts-gallery-layout" style="color:#ccc;"><b>Delightful 2017 : Layout coded by lisett</b></a></div>
</div>