API tools faq
paste
Advertisement
mochiroll

Cradle.of.Desire.NPC

mochiroll
Feb 17th, 2024
37
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.18 KB | None | 0 0
raw download clone embed print report
  1. [comment]
  2. Designed and coded by [USER=20950]@Nano[/USER].
  3.  
  4. Please do not remove the credits or claim the code as your own work.
  5.  
  6. If you found this code outside of my public workshop, please don't use it.
  7. I'd greatly appreciate it if you used the version of the code in that thread.
  8. If this code is not in the thread, that means I currently DO NOT wish for it to be used by other people.
  9.  
  10. [font=Fleur De Leah]cursive[/font]
  11. [font=Nunito]sans-serif[/font]
  12.  
  13. [/comment][div=
  14.  
  15. /* <--------------------------------- general accents ---------------------------------> */
  16.  
  17. /* colors */
  18. --Black: #555555;
  19. --White: #fefefe;
  20.  
  21. /* faction colors */
  22. --Faction01: #d0a6ae;
  23. --Faction02: #b5a7c1;
  24. --Faction03: #7c98ae;
  25.  
  26. /* fonts */
  27. --TitleSize: 6.0em;
  28. --HeaderFont: 'Fleur De Leah', cursive;
  29. --HeaderSize: 3.5em;
  30. --BodyFont: 'Nunito', sans-serif;
  31. --BodySize: .9em;
  32.  
  33. /* <--------------------------------- images ---------------------------------> */
  34. --mainIMG: url('https://i.imgur.com/kTfIaHV.png') center/auto 100% no-repeat;
  35. --backgroundIMG: url('https://i.imgur.com/rDJ2piR.jpg') repeat;
  36. --Constellation: url('https://i.imgur.com/VAbvfML.png') right bottom/contain no-repeat;
  37.  
  38. --NPC01: url('https://i.imgur.com/G43JcXR.jpg') center/cover no-repeat;
  39. --NPC02: url('https://i.imgur.com/wy5hOAF.jpg') center/cover no-repeat;
  40. --NPC03: url('https://i.imgur.com/QIDLulN.jpg') center/cover no-repeat;
  41.  
  42. /* <--------------------------------- shell (don't touch) ---------------------------------> */
  43.  
  44. margin: 0 auto;
  45. padding: 75px 0;
  46. width: 100%;
  47. min-width: 300px;
  48. background: var(--backgroundIMG);
  49. font-size: initial;
  50. overflow: hidden;
  51. position: relative;][div=margin: 0 auto; width: 80%; min-width: 270px; max-width: 800px;][comment]
  52.  
  53. ---------- start of NPC01 ---------- >
  54.  
  55. [/comment][div=border-radius: 10px; width: 100%; background: var(--Faction01);][div=margin-left: 7px; padding-bottom: 50px; border-radius: 10px; width: calc(100% - 7px); background: var(--White); font-family: var(--BodyFont); font-size: var(--BodySize); line-height: 150%; color: var(--Black); text-align: justify; position: relative; overflow: hidden; display: flex; flex-flow: row wrap;][comment]
  56.  
  57. -------------------- start of NPC LEFT -------------------- >
  58.  
  59. [/comment][div=margin-top: 50px; flex: 1; min-width: 200px; min-height: 200px; max-height: 200px; background: var(--NPC01);][/div][comment]
  60.  
  61. < -------------------- end of NPC LEFT --------------------
  62.  
  63. [/comment][comment]
  64.  
  65. -------------------- start of NPC RIGHT -------------------- >
  66.  
  67. [/comment][div=margin-top: 50px; padding: 0 8%; flex: 5; width: 82%; min-width: 200px;][div=margin-left: -7px; margin-bottom: 10px; display: flex; flex-flow: row-reverse wrap; width: calc(100% + 7px);][comment]
  68.  
  69. -------------------- start of NPC Name -------------------- >
  70.  
  71. [/comment][div=margin-left: 7px; padding-right: 5px; flex: 1; min-width: 125px; color: var(--Faction01); font-size: 1.2em; line-height: 100%; text-transform: uppercase; font-weight: 700; text-align: right;
  72.  
  73.  
  74.  
  75. /* write name here -> */]Name[/div][comment]
  76.  
  77. < -------------------- end of NPC Name --------------------
  78.  
  79. [/comment][comment]
  80.  
  81. -------------------- start of NPC Basic Info -------------------- >
  82.  
  83. [/comment][div=flex: 2; min-width: 225px; display: flex; flex-flow: row wrap; color: var(--White); line-height: 100%; text-transform: uppercase; font-size: .9em;][div=margin-left: 7px; flex: 1; min-width: 90px; background: var(--Faction01); box-sizing: border-box; padding: 5px 10px;
  84.  
  85.  
  86.  
  87. /* Role here -> */]Role[/div][div=margin-left: 7px; flex: 1; min-width: 90px; background: var(--Faction01); box-sizing: border-box; padding: 5px 10px;
  88.  
  89.  
  90.  
  91.  
  92. /* Height here -> */]Height[/div][/div][/div][comment]
  93.  
  94. < -------------------- start of NPC Basic Info --------------------
  95.  
  96. [/comment][comment]
  97.  
  98. -------------------- start of NPC Description -------------------- >
  99.  
  100. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis commodo dui congue ligula aliquet, a fermentum sem lacinia. Quisque at ex eu ante mollis suscipit ac sed nisl. Nam fringilla, arcu quis tincidunt porttitor, orci tellus aliquet ligula, a porttitor magna mi et dui. Pellentesque viverra, ex eget vestibulum accumsan, augue odio euismod neque, sit amet porttitor mi ex non mi. Ut laoreet id mauris vitae pellentesque. Curabitur nec dolor sed neque accumsan ornare. Fusce consequat enim eget rutrum pellentesque.
  101.  
  102. Suspendisse eget velit et quam varius luctus. Nam egestas urna lacus, a maximus ante feugiat eu. Nullam vitae congue urna. Ut interdum sollicitudin dui a rhoncus. Mauris quis massa eu justo condimentum ultricies. Donec placerat efficitur ultrices. Ut dolor tellus, maximus ultricies dapibus nec, ultricies sed purus. Quisque sagittis quam sed maximus ullamcorper. Nunc sapien velit, gravida et condimentum non, ornare sit amet enim. Cras consectetur magna sit amet finibus maximus. Cras imperdiet placerat dui a consectetur. Curabitur porta tellus a facilisis posuere. Pellentesque sed mi laoreet, dictum justo quis, dictum mauris.[comment]
  103.  
  104. < -------------------- end of NPC Description --------------------
  105.  
  106. [/comment][/div][comment]
  107.  
  108. < -------------------- end of NPC RIGHT --------------------
  109.  
  110. [/comment][comment]
  111.  
  112. -------------------- start of decor -------------------- >
  113.  
  114. [/comment][div=background: var(--Constellation); opacity: .05; width: 75%; aspect-ratio: 2/1; position: absolute; bottom: -25px; right: -15px;][/div][comment]
  115.  
  116. < -------------------- end of decor --------------------
  117.  
  118. [/comment][/div][/div][comment]
  119.  
  120. < ---------- end of NPC01 ----------
  121.  
  122. [/comment][comment]
  123.  
  124. ---------- start of NPC02 ---------- >
  125.  
  126. [/comment][div=margin-top: 50px; border-radius: 10px; width: 100%; background: var(--Faction02);][div=margin-left: 7px; padding-bottom: 50px; border-radius: 10px; width: calc(100% - 7px); background: var(--White); font-family: var(--BodyFont); font-size: var(--BodySize); line-height: 150%; color: var(--Black); text-align: justify; position: relative; overflow: hidden; display: flex; flex-flow: row wrap;][comment]
  127.  
  128. -------------------- start of NPC LEFT -------------------- >
  129.  
  130. [/comment][div=margin-top: 50px; flex: 1; min-width: 200px; min-height: 200px; max-height: 200px; background: var(--NPC02);][/div][comment]
  131.  
  132. < -------------------- end of NPC LEFT --------------------
  133.  
  134. [/comment][comment]
  135.  
  136. -------------------- start of NPC RIGHT -------------------- >
  137.  
  138. [/comment][div=margin-top: 50px; padding: 0 8%; flex: 5; width: 82%; min-width: 200px;][div=margin-left: -7px; margin-bottom: 10px; display: flex; flex-flow: row-reverse wrap; width: calc(100% + 7px);][comment]
  139.  
  140. -------------------- start of NPC Name -------------------- >
  141.  
  142. [/comment][div=margin-left: 7px; padding-right: 5px; flex: 1; min-width: 125px; color: var(--Faction02); font-size: 1.2em; line-height: 100%; text-transform: uppercase; font-weight: 700; text-align: right;
  143.  
  144.  
  145.  
  146. /* write name here -> */]Name[/div][comment]
  147.  
  148. < -------------------- end of NPC Name --------------------
  149.  
  150. [/comment][comment]
  151.  
  152. -------------------- start of NPC Basic Info -------------------- >
  153.  
  154. [/comment][div=flex: 2; min-width: 225px; display: flex; flex-flow: row wrap; color: var(--White); line-height: 100%; text-transform: uppercase; font-size: .9em;][div=margin-left: 7px; flex: 1; min-width: 90px; background: var(--Faction02); box-sizing: border-box; padding: 5px 10px;
  155.  
  156.  
  157.  
  158. /* Role here -> */]Role[/div][div=margin-left: 7px; flex: 1; min-width: 90px; background: var(--Faction02); box-sizing: border-box; padding: 5px 10px;
  159.  
  160.  
  161.  
  162.  
  163. /* Height here -> */]Height[/div][/div][/div][comment]
  164.  
  165. < -------------------- start of NPC Basic Info --------------------
  166.  
  167. [/comment][comment]
  168.  
  169. -------------------- start of NPC Description -------------------- >
  170.  
  171. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis commodo dui congue ligula aliquet, a fermentum sem lacinia. Quisque at ex eu ante mollis suscipit ac sed nisl. Nam fringilla, arcu quis tincidunt porttitor, orci tellus aliquet ligula, a porttitor magna mi et dui. Pellentesque viverra, ex eget vestibulum accumsan, augue odio euismod neque, sit amet porttitor mi ex non mi. Ut laoreet id mauris vitae pellentesque. Curabitur nec dolor sed neque accumsan ornare. Fusce consequat enim eget rutrum pellentesque.[comment]
  172.  
  173. < -------------------- end of NPC Description --------------------
  174.  
  175. [/comment][/div][comment]
  176.  
  177. < -------------------- end of NPC RIGHT --------------------
  178.  
  179. [/comment][comment]
  180.  
  181. -------------------- start of decor -------------------- >
  182.  
  183. [/comment][div=background: var(--Constellation); opacity: .05; width: 75%; aspect-ratio: 2/1; position: absolute; bottom: -25px; right: -15px;][/div][comment]
  184.  
  185. < -------------------- end of decor --------------------
  186.  
  187. [/comment][/div][/div][comment]
  188.  
  189. < ---------- end of NPC02 ----------
  190.  
  191. [/comment][comment]
  192.  
  193. ---------- start of NPC03 ---------- >
  194.  
  195. [/comment][div=margin-top: 50px; border-radius: 10px; width: 100%; background: var(--Faction03);][div=margin-left: 7px; padding-bottom: 50px; border-radius: 10px; width: calc(100% - 7px); background: var(--White); font-family: var(--BodyFont); font-size: var(--BodySize); line-height: 150%; color: var(--Black); text-align: justify; position: relative; overflow: hidden; display: flex; flex-flow: row wrap;][comment]
  196.  
  197. -------------------- start of NPC LEFT -------------------- >
  198.  
  199. [/comment][div=margin-top: 50px; flex: 1; min-width: 200px; min-height: 200px; max-height: 200px; background: var(--NPC03);][/div][comment]
  200.  
  201. < -------------------- end of NPC LEFT --------------------
  202.  
  203. [/comment][comment]
  204.  
  205. -------------------- start of NPC RIGHT -------------------- >
  206.  
  207. [/comment][div=margin-top: 50px; padding: 0 8%; flex: 5; width: 82%; min-width: 200px;][div=margin-left: -7px; margin-bottom: 10px; display: flex; flex-flow: row-reverse wrap; width: calc(100% + 7px);][comment]
  208.  
  209. -------------------- start of NPC Name -------------------- >
  210.  
  211. [/comment][div=margin-left: 7px; padding-right: 5px; flex: 1; min-width: 125px; color: var(--Faction03); font-size: 1.2em; line-height: 100%; text-transform: uppercase; font-weight: 700; text-align: right;
  212.  
  213.  
  214.  
  215. /* write name here -> */]Name[/div][comment]
  216.  
  217. < -------------------- end of NPC Name --------------------
  218.  
  219. [/comment][comment]
  220.  
  221. -------------------- start of NPC Basic Info -------------------- >
  222.  
  223. [/comment][div=flex: 2; min-width: 225px; display: flex; flex-flow: row wrap; color: var(--White); line-height: 100%; text-transform: uppercase; font-size: .9em;][div=margin-left: 7px; flex: 1; min-width: 90px; background: var(--Faction03); box-sizing: border-box; padding: 5px 10px;
  224.  
  225.  
  226.  
  227. /* Role here -> */]Role[/div][div=margin-left: 7px; flex: 1; min-width: 90px; background: var(--Faction03); box-sizing: border-box; padding: 5px 10px;
  228.  
  229.  
  230.  
  231.  
  232. /* Height here -> */]Height[/div][/div][/div][comment]
  233.  
  234. < -------------------- start of NPC Basic Info --------------------
  235.  
  236. [/comment][comment]
  237.  
  238. -------------------- start of NPC Description -------------------- >
  239.  
  240. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis commodo dui congue ligula aliquet, a fermentum sem lacinia. Quisque at ex eu ante mollis suscipit ac sed nisl. Nam fringilla, arcu quis tincidunt porttitor, orci tellus aliquet ligula, a porttitor magna mi et dui. Pellentesque viverra, ex eget vestibulum accumsan, augue odio euismod neque, sit amet porttitor mi ex non mi. Ut laoreet id mauris vitae pellentesque. Curabitur nec dolor sed neque accumsan ornare. Fusce consequat enim eget rutrum pellentesque.
  241.  
  242. Nunc cursus eros eu ante ullamcorper, sed volutpat quam sollicitudin. Praesent in ligula eget purus eleifend faucibus a at odio. Duis nec nulla sapien. Nunc pharetra ullamcorper consectetur. Integer a velit vulputate leo feugiat condimentum. Donec tempus tortor mi, vitae mollis mauris pretium id. Proin ullamcorper accumsan facilisis. Integer efficitur ipsum ut interdum lacinia. Quisque nibh felis, blandit eget diam sit amet, vehicula pretium justo. Nunc quis libero scelerisque, imperdiet nisl in, semper magna. Nullam lobortis tristique egestas. Proin sagittis nisl nisi, eu dignissim leo feugiat id. Praesent sapien lorem, faucibus eget nulla ac, maximus vehicula arcu. Pellentesque quis orci sit amet purus fringilla rhoncus. Morbi at sagittis leo, sed suscipit elit. Nam at orci at est rhoncus posuere.[comment]
  243.  
  244. < -------------------- end of NPC Description --------------------
  245.  
  246. [/comment][/div][comment]
  247.  
  248. < -------------------- end of NPC RIGHT --------------------
  249.  
  250. [/comment][comment]
  251.  
  252. -------------------- start of decor -------------------- >
  253.  
  254. [/comment][div=background: var(--Constellation); opacity: .05; width: 75%; aspect-ratio: 2/1; position: absolute; bottom: -25px; right: -15px;][/div][comment]
  255.  
  256. < -------------------- end of decor --------------------
  257.  
  258. [/comment][/div][/div][comment]
  259.  
  260. < ---------- end of NPC03 ----------
  261.  
  262. [/comment][/div][/div][comment]
  263.  
  264. ---------- start of credits ---------- >
  265.  
  266. [/comment][border=0; padding: 0; margin-top: 5px; width: 100%; font-family: var(--mainfont); font-size: .6em; line-height: 100%; text-align: center; text-transform: uppercase; opacity: .6;]Code by Nano[comment][USER=20950]@Nano[/USER][/comment][/border][comment]
  267.  
  268. < ---------- end of credits ----------
  269.  
  270. [/comment]
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!