API tools faq
paste
Advertisement
Elxyie

[TH] Daisy

Elxyie
Apr 26th, 2019
123
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.16 KB | None | 0 0
raw download clone embed print report
  1. <!--Colors
  2.  
  3. LIGHT SAND #ffe0b3
  4. DARK ORANGE #f6b165
  5. DARK GRAY #666
  6.  
  7. -->
  8.  
  9.  
  10. <!--You can change background pattern here. I suggest you to visit Coulour Lovers. You can create pattern with your own palette.-->
  11.   <div style="width: 830px;margin: 0 auto;background-image: url('https://i.imgur.com/YsOfx3D.png');padding: 40px;border-top: 3px solid #f6b165;border-bottom: 3px solid #f6b165;font-family: Roboto;">
  12.    
  13.     <!--CHARACTER NAME-->
  14.     <h1 style="font-size: 30px;letter-spacing: 8px;font-style: italic;color: #f6b165;">
  15.         ✤ Daisy
  16.     </h1>
  17.    
  18.     <table style="border:0; background: transparent;border-collapse: collapse;background-color:#fbfbfb;border-width:1px;border-style:solid;border-color:#f6b165;position:relative;">
  19.       <tr>
  20.         <td style="padding: 20px 0;width: 30%;vertical-align: top;background-color:#ffe0b3;text-align:center;">
  21.          
  22.           <!--Little image above basics. Will be automatically resized-->
  23.           <div style="width: 70%; margin: auto;">
  24.             <img src="https://file.toyhou.se/images/12867441_8vvnxrlsIqK5gZS.png" style="padding-top:3px;padding-bottom:3px;padding-right:3px;padding-left:3px;border-width:1px;border-style:solid;border-color:#fbfbfb;" >
  25.           </div>
  26.          
  27.          
  28.           <!--BASICS
  29.  
  30.          A "basics" item starts at <div> and ends at </div>-->
  31.           <div style="width:70%;margin:15px auto 2px;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding:4px 0;font-weight: bold;color: #f6b165;letter-spacing: 1px;line-height: 12px;" >
  32.             species
  33.             <br />
  34.             <span style="font-size: 11px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
  35.               here
  36.             </span>
  37.           </div>
  38.           <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #f6b165;letter-spacing: 1px;line-height: 12px;" >
  39.             age
  40.             <br />
  41.             <span style="font-size: 11px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
  42.               here
  43.             </span>
  44.           </div>
  45.           <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #f6b165;letter-spacing: 1px;line-height: 12px;" >
  46.             gender
  47.             <br />
  48.             <span style="font-size: 11px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
  49.               female
  50.             </span>
  51.           </div>
  52.           <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #f6b165;letter-spacing: 1px;line-height: 12px;" >
  53.             birthdate
  54.             <br />
  55.             <span style="font-size: 11px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
  56.               here
  57.             </span>
  58.           </div>
  59.           <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #f6b165;letter-spacing: 1px;line-height: 12px;" >
  60.             orientation
  61.             <br />
  62.             <span style="font-size: 11px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
  63.               here
  64.             </span>
  65.           </div>
  66.           <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #f6b165;letter-spacing: 1px;line-height: 12px;" >
  67.             status
  68.             <br />
  69.             <span style="font-size: 11px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
  70.               here
  71.             </span>
  72.           </div>
  73.          
  74.           <!--END OF BASICS-->
  75.          
  76.          
  77.         </td>
  78.         <td style="padding: 0;width: 70%;">
  79.           <div style="padding:20px 30px;height:100%;text-align:justify;" >
  80.              
  81.               <!--TEXT GOES HERE-->
  82.               <!--You can use <p> to create paragraphs or you can use <br> to create a line break-->
  83.               <p style="font-size:12px;">
  84.                 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  85.               <!--END OF TEXT-->
  86.              
  87.             </div>
  88.           </td>
  89.         </tr>
  90.     </table>
  91.    
  92.     <!--LIKES AND DISLIKES-->
  93.     <table style="width:750px;background-color:#fbfbfb;border:1px solid #f6b165;border-collapse: collapse; margin-top: 20px;">
  94.       <tr>
  95.         <td style="padding: 10px 20px 20px;width: 50%;vertical-align: top;text-align:justify; font-size: 12px;">
  96.           <h2 style="margin: 0;text-transform: uppercase;color: #f6b165;font-size: 14px;font-weight: bold;letter-spacing: 1px;">
  97.             Likes
  98.           </h2>
  99.           <br>
  100.           <!--Use <br> to create line breaks in your lists-->
  101.           ♡  Text
  102.           <br>
  103.           ♡  Text
  104.           <br>
  105.           ♡  Text
  106.           <br>
  107.           ♡  Text
  108.         </td>
  109.         <td style="padding: 10px 20px 20px;width: 50%;vertical-align: top;text-align:justify; font-size: 12px;">
  110.           <h2 style="margin: 0;text-transform: uppercase;color: #f6b165;font-size: 14px;font-weight: bold;letter-spacing: 1px;">
  111.             Dislikes
  112.           </h2>
  113.           <br>
  114.           ✕  Text
  115.           <br>
  116.           ✕  Text
  117.           <br>
  118.           ✕  Text
  119.           <br>
  120.           ✕  Text
  121.         </td>
  122.       </tr>
  123.     </table>
  124.     <!--END OF LIKES AND DISLIKES-->
  125.    
  126.     <!--RELATIONSHIPS-->
  127.     <div style="width:750px;padding: 20px;background-color:#fbfbfb;border:1px solid #f6b165; margin-top: 20px;">
  128.       <h2 style="margin: 0;text-transform: uppercase;color: #f6b165;font-size: 14px;font-weight: bold;letter-spacing: 1px;">
  129.         Relationships
  130.       </h2>
  131.      
  132.       <!--Beginning of relationship item-->
  133.       <table style="background-color:#fbfbfb;border:0;background: transparent;border-collapse: collapse;margin-top: 10px;">
  134.         <tr>
  135.           <td style="padding: 0; width:100px;vertical-align: top;" rowspan="2">
  136.             <a href="#"><img src="http://placehold.it/100x100/ffe0b3/f6b165" style="padding:3px;border:1px solid #f6b165;"></a>
  137.           </td>
  138.           <td style="padding: 0;vertical-align: top;">
  139.             <div style="margin:0 0 2px 2px;text-transform:uppercase;font-size:10px;background-color:#ffe0b3;padding: 4px 20px;font-weight: bold;color: #f6b165;letter-spacing: 1px;line-height: 13px;" >
  140.               Name
  141.               <br />
  142.               <span style="font-size: 10px;font-weight: normal;color: #666;text-transform: none;">
  143.                 relationship
  144.               </span>
  145.             </div>
  146.           </td>
  147.         </tr>
  148.         <tr style="background: transparent;">
  149.           <td style="padding:0 0 0 10px;text-align:justify;line-height:13px;font-size:10px;vertical-align: top;font-family: arial;">
  150.             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  151.           </td>
  152.         </tr>
  153.       </table>
  154.       <!--End of relationship item-->
  155.      
  156.     </div>
  157.     <!--END OF RELATIONSHIPS-->
  158.    
  159.    
  160.     <!--CREDITS-->
  161.     <div style="width: 750px;text-align: right; color:#f6b165; font-size: 10px;">
  162.     Coding by <b><a href="https://toyhou.se/Awful" style="color:#f6b165;">Awful</a></b>  |  Editing by <b><a href="https://toyhou.se/Elxyie" style="color:#f6b165;">Elxyie</a></b>
  163.     </div>
  164.     <!--END OF CREDITS-->
  165.   </div>
  166. </div>
  167. <!--FANCY SPACE LAYOUT ENDS HERE-->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!