Update README.md
Browse files
README.md
CHANGED
|
@@ -7,3 +7,47 @@
|
|
| 7 |
<u><b>Dress:</b></u> **black robe**, **white shirt**, **red necktie**, **collared shirt**, **long sleeves**, **school uniform**, **black pants**, **hogwarts school uniform**
|
| 8 |
|
| 9 |
<u><b>Traits:</b></u> **facial mark**, **facial tattoos**
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 7 |
<u><b>Dress:</b></u> **black robe**, **white shirt**, **red necktie**, **collared shirt**, **long sleeves**, **school uniform**, **black pants**, **hogwarts school uniform**
|
| 8 |
|
| 9 |
<u><b>Traits:</b></u> **facial mark**, **facial tattoos**
|
| 10 |
+
|
| 11 |
+
Previews (Illustrious):
|
| 12 |
+
<style>
|
| 13 |
+
.custom-table { width: 100%; }
|
| 14 |
+
.custom-table td { width: 33.33%; }
|
| 15 |
+
.custom-image-container { position: relative; overflow: hidden; border-radius: 0.5em; }
|
| 16 |
+
.custom-image { width: 100%; height: auto; border-radius: 0.5em; transition: transform 0.25s; }
|
| 17 |
+
.custom-image-container:hover .custom-image { transform: scale(1.2); }
|
| 18 |
+
</style>
|
| 19 |
+
|
| 20 |
+
<table class="custom-table">
|
| 21 |
+
<tr>
|
| 22 |
+
<td><div class="custom-image-container"><img class="custom-image" src="IllustriousPreview/P1.png"></div></td>
|
| 23 |
+
<td><div class="custom-image-container"><img class="custom-image" src="IllustriousPreview/P2.png"></div></td>
|
| 24 |
+
<td><div class="custom-image-container"><img class="custom-image" src="IllustriousPreview/P3.png"></div></td>
|
| 25 |
+
</tr>
|
| 26 |
+
<tr>
|
| 27 |
+
<td><div class="custom-image-container"><img class="custom-image" src="IllustriousPreview/P4.png"></div></td>
|
| 28 |
+
<td><div class="custom-image-container"><img class="custom-image" src="IllustriousPreview/P5.png"></div></td>
|
| 29 |
+
<td><div class="custom-image-container"><img class="custom-image" src="IllustriousPreview/P6.png"></div></td>
|
| 30 |
+
</tr>
|
| 31 |
+
</table>
|
| 32 |
+
|
| 33 |
+
Previews (Pony):
|
| 34 |
+
<style>
|
| 35 |
+
.custom-table { width: 100%; }
|
| 36 |
+
.custom-table td { width: 33.33%; }
|
| 37 |
+
.custom-image-container { position: relative; overflow: hidden; border-radius: 0.5em; }
|
| 38 |
+
.custom-image { width: 100%; height: auto; border-radius: 0.5em; transition: transform 0.25s; }
|
| 39 |
+
.custom-image-container:hover .custom-image { transform: scale(1.2); }
|
| 40 |
+
</style>
|
| 41 |
+
|
| 42 |
+
<table class="custom-table">
|
| 43 |
+
<tr>
|
| 44 |
+
<td><div class="custom-image-container"><img class="custom-image" src="PonyPreview/P1.png"></div></td>
|
| 45 |
+
<td><div class="custom-image-container"><img class="custom-image" src="PonyPreview/P2.png"></div></td>
|
| 46 |
+
<td><div class="custom-image-container"><img class="custom-image" src="PonyPreview/P3.png"></div></td>
|
| 47 |
+
</tr>
|
| 48 |
+
<tr>
|
| 49 |
+
<td><div class="custom-image-container"><img class="custom-image" src="PonyPreview/P4.png"></div></td>
|
| 50 |
+
<td><div class="custom-image-container"><img class="custom-image" src="PonyPreview/P5.png"></div></td>
|
| 51 |
+
<td><div class="custom-image-container"><img class="custom-image" src="PonyPreview/P6.png"></div></td>
|
| 52 |
+
</tr>
|
| 53 |
+
</table>
|