API tools faq
paste
viollium

⋆.* β¨β¨π˜π˜π˜– ❩❩ *.⋆ β€” canvas.chap.A [4/5]

viollium
Aug 26th, 2018 (edited)
204
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.92 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin-bottom:20px;">
  2. <p style="margin-top:0px;margin-bottom:8px;font-size:9px;font-family:Times;color:#621;letter-spacing:1.1px;text-transform:uppercase;text-align:justify;">❊ use &quot;<em>enter</em>&quot; to create new paragraphs within the body &amp; the author&#39;s note<br />
  3. ❊ use &quot;<em>shift+enter</em>&quot; to create new lines within the warnings &amp; the title/subtitle</p>
  4.  
  5. <p style="margin-top:0px;margin-bottom:8px;font-size:9px;font-family:Times;color:#621;letter-spacing:1.1px;text-transform:uppercase;text-align:justify;">❊ you may copy-paste the title/subtitle portion as many times as needed throughout the body<br />
  6. ❊ i would recommend at least three-four paragraphs between each title/subtitle</p>
  7.  
  8. <p style="margin-top:0px;margin-bottom:0px;font-size:9px;font-family:Times;color:#621;letter-spacing:1.1px;text-transform:uppercase;text-align:justify;">❊ colors scheme can be changed</p>
  9.  
  10. <p style="margin-top:0px;margin-bottom:8px;font-size:9px;font-family:Times;color:rgb(102,34,17);letter-spacing:1.1px;text-transform:uppercase;text-align:justify;margin-left:40px;"><strong>【&nbsp;<span style="font-family:'Courier New';">#EEC</span>&nbsp;】:</strong><em>&nbsp;borders &amp; text color</em><br />
  11. <strong>【&nbsp;<span style="font-family:'Courier New';">#621</span>&nbsp;】:</strong><em>&nbsp;background color of whole</em><br />
  12. <strong>【&nbsp;<span style="font-family:'Courier New';">#000</span>&nbsp;】:</strong><em>&nbsp;background color of text (opacity: 0.3)</em></p>
  13.  
  14. <p style="margin-top:0px;margin-bottom:8px;font-size:9px;font-family:Times;color:#621;letter-spacing:1.1px;text-transform:uppercase;text-align:justify;">❊ background texture may need to be lenGthened/shortened to match your content<br />
  15. ❊ go to source code and find&nbsp;this code block&nbsp;(<a href="https://pastebin.com/nU0k2JnR"><span style="color:#662211;"><u><em>link</em></u></span></a>)<br />
  16. ❊ to lengthen: copy-paste the code block&nbsp;between existing blocks of said code, then add 400px to each iteration of the full height (&quot;2400px&quot; in current sample); to lengthen further, repeat the copy-paste and add 400px to the current full height<br />
  17. ❊ to shorten: delete one block of this code, then subtract 400px from each iteration of the full height</p>
  18.  
  19. <p style="margin-top:0px;margin-bottom:0px;font-size:9px;font-family:Times;color:#621;letter-spacing:1.1px;text-transform:uppercase;text-align:justify;">❊ background texture can be changed by replacing the image with another repeating pattern square (simply look up &quot;repeating pattern&quot; for more options.</p>
  20.  
  21. <p style="margin-top:0px;margin-bottom:8px;font-size:9px;font-family:Times;color:rgb(102,34,17);letter-spacing:1.1px;text-transform:uppercase;text-align:justify;margin-left:40px;"><strong>【&nbsp;<span style="font-family:'Courier New';">https://i.imgur.com/1OZjTUC.jpg</span>&nbsp;】:</strong><em>&nbsp;current background texture, 400px-by-400px</em></p>
  22.  
  23. <p style="margin-top:0px;margin-bottom:8px;font-size:9px;font-family:Times;color:#621;letter-spacing:1.1px;text-transform:uppercase;text-align:justify;">❊ layout may be fragile; private message me if i can help you</p>
  24. </div>
  25.  
  26. <div style="width:800px;height:2150px;margin:auto;overflow:hidden;">
  27. <div style="width:800px;height:2400px;background-color:#843;margin:0px auto;">
  28. <div style="width:560px;height:2400px;margin:0px 120px;background-color:#000;opacity:.3;">,</div>
  29. </div>
  30.  
  31. <div style="width:800px;height:2400px;margin:-2400px auto;overflow:hidden;opacity:.7;">
  32. <div style="width:800px;height:2400px;opacity:.09;">
  33. <div style="width:800px;height:400px;"><img alt="" src="https://i.imgur.com/1OZjTUC.jpg" style="width:400px;height:400px;" /><img alt="" src="https://i.imgur.com/1OZjTUC.jpg" style="width:400px;height:400px;" /></div>
  34.  
  35. <div style="width:800px;height:400px;"><img alt="" src="https://i.imgur.com/1OZjTUC.jpg" style="width:400px;height:400px;" /><img alt="" src="https://i.imgur.com/1OZjTUC.jpg" style="width:400px;height:400px;" /></div>
  36.  
  37. <div style="width:800px;height:400px;"><img alt="" src="https://i.imgur.com/1OZjTUC.jpg" style="width:400px;height:400px;" /><img alt="" src="https://i.imgur.com/1OZjTUC.jpg" style="width:400px;height:400px;" /></div>
  38.  
  39. <div style="width:800px;height:400px;"><img alt="" src="https://i.imgur.com/1OZjTUC.jpg" style="width:400px;height:400px;" /><img alt="" src="https://i.imgur.com/1OZjTUC.jpg" style="width:400px;height:400px;" /></div>
  40.  
  41. <div style="width:800px;height:400px;"><img alt="" src="https://i.imgur.com/1OZjTUC.jpg" style="width:400px;height:400px;" /><img alt="" src="https://i.imgur.com/1OZjTUC.jpg" style="width:400px;height:400px;" /></div>
  42.  
  43. <div style="width:800px;height:400px;"><img alt="" src="https://i.imgur.com/1OZjTUC.jpg" style="width:400px;height:400px;" /><img alt="" src="https://i.imgur.com/1OZjTUC.jpg" style="width:400px;height:400px;" /></div>
  44. </div>
  45. </div>
  46.  
  47. <div style="width:760px;height:auto;margin:-2400px auto;padding:20px;opacity:.999;">
  48. <div style="width:100%;height:auto;border:1px solid #eec;">
  49. <div style="width:560px;height:auto;margin:-20px auto;overflow:hidden;">
  50. <div style="width:100px;height:128px;margin:115px auto 0px auto;border-top:4px double #eec;border-bottom:4px double #eec;text-align:center;">&nbsp;</div>
  51.  
  52. <div style="width:120px;height:149px;margin:-132px auto 90px auto;"><a href="https://www.asianfanfics.com/story/view/1324693/"><img alt="" src="https://i.imgur.com/kRYGTjt.gif" style="height:149px;width:120px;margin-top:-12px;margin-left:-5px;opacity:.9;" /></a></div>
  53.  
  54. <div style="width:500px;height:auto;margin:0px auto 10px auto;font-size:8px;font-family:Times;color:#eec;letter-spacing:1.1px;text-transform:uppercase;text-align:center;">
  55. <p>&nbsp;</p>
  56.  
  57. <p style="font-size:8px;font-family:Times;color:#eec;letter-spacing:1.1px;text-transform:uppercase;text-align:justify;">&nbsp;</p>
  58.  
  59. <p style="font-size:8px;font-family:Times;color:rgb(255,255,221);letter-spacing:1.1px;text-transform:uppercase;"><span style="font-size:11px;"><strong>warning</strong></span><span style="font-size:9px;"><strong>&nbsp;</strong>(N.)</span><br />
  60. [***] warnings labeled by severity in number of stars [/***]<br />
  61. [*] one to three stars&nbsp;in increasing severity [/*]</p>
  62. </div>
  63.  
  64. <div style="width:500px;height:auto;margin:0px auto 10px auto;font-size:8px;font-family:Times;color:#eec;letter-spacing:1.1px;text-transform:uppercase;text-align:center;">/ / /</div>
  65.  
  66. <div style="width:500px;height:auto;margin:0px auto 10px auto;font-size:8px;font-family:Times;color:#eec;letter-spacing:1.1px;text-transform:uppercase;text-align:center;"><span style="font-size:9px;"><strong>funes el memorioso&nbsp;</strong></span>(1942<em>.</em>)
  67.  
  68. <div><span style="letter-spacing:1.1px;"><i>a fantasy short story,&nbsp;detailing&nbsp;the encounters between<br />
  69. one&nbsp;man and a living curiosity in his hometown &ndash; a cripple named funes,<br />
  70. Dubiously blessed with a perfect memory.</i></span></div>
  71. </div>
  72.  
  73. <div style="width:500px;height:auto;margin:0px auto 40px auto;font-size:8px;font-family:Times;color:#eec;letter-spacing:1.1px;text-transform:uppercase;text-align:justify;">
  74. <p style="font-size:8px;font-family:Times;color:#eec;letter-spacing:1.1px;text-transform:uppercase;text-align:justify;">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>
  75.  
  76. <p style="font-size:8px;font-family:Times;color:#eec;letter-spacing:1.1px;text-transform:uppercase;text-align:justify;">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
  77.  
  78. <div style="width:500px;height:auto;margin:0px auto 10px auto;font-size:8px;font-family:Times;color:#eec;letter-spacing:1.1px;text-transform:uppercase;text-align:center;">/ / /</div>
  79.  
  80. <div style="width:500px;height:auto;margin:0px auto 10px auto;font-size:8px;font-family:Times;color:#eec;letter-spacing:1.1px;text-transform:uppercase;text-align:center;"><span style="font-size:9px;"><strong>jorge luis borges&nbsp;</strong></span>(1899-1986<em>.</em>)
  81.  
  82. <div><i>an&nbsp;Argentine short-story writer, essayist, poet and translator,</i></div>
  83.  
  84. <div><i>and a key figure in Spanish-language literature</i></div>
  85. </div>
  86.  
  87. <p style="font-size:8px;font-family:Times;color:rgb(255,255,221);letter-spacing:1.1px;text-transform:uppercase;text-align:center;">/ / /</p>
  88.  
  89. <p style="font-size:8px;font-family:Times;color:#eec;letter-spacing:1.1px;text-transform:uppercase;text-align:justify;">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>
  90. </div>
  91.  
  92. <div style="width:330px;height:auto;margin:-25px auto 40px auto;padding:10px 15px;border:3px double #eec;font-size:8px;font-family:Times;color:#eec;letter-spacing:1.1px;text-transform:uppercase;text-align:center;">
  93. <p style="margin:0px auto;"><span style="font-size:9px;"><strong>a word from the author</strong></span></p>
  94.  
  95. <p style="margin:0px auto;text-align:left;">&nbsp;</p>
  96.  
  97. <p style="margin:0px auto;">In the fullness of the years, like it or not, a luminous mist surrounds me, unvarying, that breaks things down into a single thing. colorless, formless.</p>
  98.  
  99. <p style="margin:0px auto;">&nbsp;</p>
  100.  
  101. <p style="margin:0px auto;">Almost into a thought.</p>
  102.  
  103. <p style="margin:0px auto;">&nbsp;</p>
  104.  
  105. <p style="margin:0px auto;">Others have the world, for better or worse;</p>
  106.  
  107. <p style="margin:0px auto;">I have this half-dark, and the toil of verse.</p>
  108. </div>
  109. </div>
  110. </div>
  111.  
  112. <div style="width:800px;height:400px;margin:20px -20px;background-color:#fff;color:#fff;">,</div>
  113. </div>
  114. </div>
Add Comment
Please, Sign In to add comment
Public Pastes
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!