Dragon Age Inquisition Character Sheets

Kanda Yuu

Attributes
Age:	19	"Quote here."
Race:	Human
Class:	Warrior
Specialization:	Seeker
Height:	5'11"
Appearance:	Outfit 1 | Outfit 2

AU Summary

·Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu pretium nunc, sed volutpat dui. Duis tincidunt metus in purus accumsan congue. Cras rutrum lobortis risus vitae aliquam. Vivamus pharetra arcu a mollis porta. · Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu pretium nunc, sed volutpat dui. Duis tincidunt metus in purus accumsan congue. Cras rutrum lobortis risus vitae aliquam. Vivamus pharetra arcu a mollis porta. · Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu pretium nunc, sed volutpat dui. Duis tincidunt metus in purus accumsan congue. Cras rutrum lobortis risus vitae aliquam. Vivamus pharetra arcu a mollis porta. · Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu pretium nunc, sed volutpat dui. Duis tincidunt metus in purus accumsan congue. Cras rutrum lobortis risus vitae aliquam. Vivamus pharetra arcu a mollis porta. · Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu pretium nunc, sed volutpat dui. Duis tincidunt metus in purus accumsan congue. Cras rutrum lobortis risus vitae aliquam. Vivamus pharetra arcu a mollis porta.

NOTES FOR USE:

• Edit only in HTML mode; don't switch to Rich Text. Use preview to check your progress. DW kills all the spacing when you switch between them and it can make editing really, really tedious.



• For mages, change the border around the icon to blue (#097cbf). Rogues and warriors use stamina (yellow), as pictured above.

Enjoy!

<raw-code><center> <div style="display: table-cell; background-image: url('https://i.imgur.com/1dQ9B5q.png'); background-color: #000000; width: 800px; height: 282px; border-radius: 50px; background-repeat: no-repeat; box-shadow: 0 0 2px 2px #d2d2d2;"> <!--ICON AND NAME. For mages, replace "#cab823" with "#097cbf". Adjust the left margin value for character name if yours is off-centered/not where you want. --!> <img style="border-radius: 50px; margin-top: 206px; margin-left: -582px; position: relative;" src="https://i.imgur.com/ZzQbMpS.png" alt="" /> <img style="border-radius: 50px; border: 3px solid #cab823; margin-top: 149px; margin-left: -350px; position: relative;" src="INSERT ICON HERE" alt="" /><h1 style="color: #fff; position: relative; margin-top: -70px; margin-left: -360px; font-family: Helvetica, serif; font-size: 24px">CHARACTER NAME</h1> <!-- KNOWLEDGE PERK ICONS. To change one to active/inactive, edit the grayscale %. I.e., inactive perks will be 100%, active perks will be 0%. --!> <div style="margin-top: -30px; margin-left: 450px;"> <!--UNDERWORLD ICON --!> <img style="height: 75px; filter: grayscale(0%)" src="https://i.imgur.com/1QI5ytZ.png;" alt="" /> <!-- ARCANE ICON --!> <img style="height: 75px; filter: grayscale(0%)" src="https://i.imgur.com/p47d8FX.png;" alt="" /> <!-- NOBILITY ICON --!> <img style="height: 75px; filter: grayscale(100%);" src="https://i.imgur.com/34aqEmM.png;" alt="" /> <!-- HISTORY ICON --!> <img style="height: 75px; filter: grayscale(100%);" src="https://i.imgur.com/juXFvYf.png;" alt="" /> </DIV> <!-- ATTRIBUTES TITLE AND BORDER--!> <div style="color: #FFF; font-variant: small-caps; font-family: Helvetica; width: 800px;"> <table style="margin-left: 10px; margin-top: -10px;" width="100%"> <tbody> <tr> <td colspan=3><span style="font-variant: small-caps; color: #627a2f; letter-spacing: 1pt; word-spacing: 2pt; font-size: 18px; text-align: left; font-family: Helvetica, serif; line-height: 1;">Attributes</span></td> </tr> <tr> <td colspan="3"><center><img src="https://i.imgur.com/tlYaqAO.png" alt="" /></center></td> </tr> <tr> <td colspan=3> </td></tr> <!-- ATTRIBUTES DATA (Begin edit) --!> <tr> <td><span style="color: #8BAD43">Age:</td> <td> 19</td> <td rowspan="6" style="width: 350px; font-variant: small-caps; font-family: Helvetica, serif; font-size: 24px; vertical-align: middle;"><span style="color: #627a2f">"</span>INSERT QUOTE HERE<span style="color: #627a2f">"</span></td> </tr> <tr> <td><span style="color: #8BAD43">Race:</span></td> <td>INSERT RACE HERE</td> </tr> <tr> <td><span style="color: #8BAD43">Class:</span></td> <td>INSERT CLASS HERE</td> </tr> <tr> <td><span style="color: #8BAD43">Specialization:</span></td> <td>INSERT SPECIALIZATION HERE</td> </tr> <tr> <td><span style="color: #8BAD43">Height:</span></td> <td>INSERT HEIGHT HERE</td> </tr> <tr> <td><span style="color: #8BAD43">Appearance:</span></td> <td><a href="INSERT FIRST URL HERE" style="color: #fff">Outfit 1</a> | <a href="INSERT SECOND URL HERE" style="color: #fff">Outfit 2</a></td> </tr> </tbody> </table> </div> <!-- AU SUMMARY TITLE AND BORDER-!> <div style="color: #fff; font-family: Helvetica; width: 800px;"> <table width="85%"> <tbody> <tr> <td colspan="3"> </td> </tr> <tr> <td colspan="3"><span style="font-variant: small-caps; color: #627a2f; letter-spacing: 1pt; word-spacing: 2pt; font-size: 18px; text-align: left; font-family: Helvetica, serif; line-height: 1;">AU Summary</span></td> </tr> <tr> <td colspan="3"><center><img src="https://i.imgur.com/tlYaqAO.png" alt="" /></center></td> </tr> <tr> <td colspan="3"> </td> </tr> <!--AU DATA (Begin edit) --!> <tr> <td> <P><span style="color: #8BAD43">·</SPAN>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu pretium nunc, sed volutpat dui. Duis tincidunt metus in purus accumsan congue. Cras rutrum lobortis risus vitae aliquam. Vivamus pharetra arcu a mollis porta.</p> <P> <span style="color: #8BAD43">·</SPAN> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu pretium nunc, sed volutpat dui. Duis tincidunt metus in purus accumsan congue. Cras rutrum lobortis risus vitae aliquam. Vivamus pharetra arcu a mollis porta.</p> <P> <span style="color: #8BAD43">·</SPAN> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu pretium nunc, sed volutpat dui. Duis tincidunt metus in purus accumsan congue. Cras rutrum lobortis risus vitae aliquam. Vivamus pharetra arcu a mollis porta.</p> <P> <span style="color: #8BAD43">·</SPAN> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu pretium nunc, sed volutpat dui. Duis tincidunt metus in purus accumsan congue. Cras rutrum lobortis risus vitae aliquam. Vivamus pharetra arcu a mollis porta.</p> <P> <span style="color: #8BAD43">·</SPAN> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu pretium nunc, sed volutpat dui. Duis tincidunt metus in purus accumsan congue. Cras rutrum lobortis risus vitae aliquam. Vivamus pharetra arcu a mollis porta.</p> <p> </TR> </tbody> </table> </div> </div> </div> </center> <p> <div style="font-variant: small-caps; color: #627a2f; letter-spacing: 1pt; word-spacing: 2pt; font-size: 12px; text-align: right; font-family: Helvetica, serif; line-height: 1;">Code by <a href="https://inksplashes.dreamwidth.org/profile" style="color: #627a2f;">inksplashes</a></div></p></raw-code>