SHARE
TWEET

jisung code

StellarNursery Mar 1st, 2019 107 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [nobr]
  2.  
  3. [class=credit]
  4. font-size: 8px;
  5. color: black;
  6. [/class]
  7.  
  8. [class name=containercont]
  9. height: 470px;
  10. width: 450px;
  11. margin: auto;
  12. [/class]
  13.  
  14. [class name=container]
  15. height: 450px;
  16. width: 450px;
  17. background: black;
  18. margin-top: 20px;
  19. padding-top: 1px;
  20. [/class]
  21.  
  22. [class name=img1]
  23. height: 370px;
  24. width: 370px;
  25. background: url(https://i.pinimg.com/originals/23/bf/47/23bf4759720841358b6a8f3ff7722e01.jpg);
  26. background-size: cover;
  27. background-position: 0% 55%;
  28. position: relative;
  29. left: 40px;
  30. top: 40px;
  31. [/class]
  32.  
  33. [class name=textbox]
  34. height: 185px;
  35. width: 370px;
  36. font-size: 12px;
  37. color: white;
  38. margin-top: 40px;
  39. margin-left: 40px;
  40. overflow: hidden;
  41. [/class]
  42.  
  43. [class name=scroll]
  44. height: 98%;
  45. width: 100%;
  46. padding-right: 17px;
  47. overflow-y: scroll;
  48. [/class]
  49.  
  50. [class name=img2]
  51. height: 185px;
  52. width: 370px;
  53. background: url(https://i0.wp.com/www.koreanesia.com/wp-content/uploads/2018/07/65-7.jpg?fit=1000%2C500&ssl=1);
  54. background-size: cover;
  55. margin-left: 40px;
  56. [/class]
  57.  
  58. [class name=img3]
  59. height: 185px;
  60. width: 370px;
  61. background: url(https://i.pinimg.com/originals/c1/3b/97/c13b9708db67b9167d83f3fc30260202.jpg);
  62. background-size: cover;
  63. background-position: 0% 50%;
  64. margin-left: 40px;
  65. [/class]
  66.  
  67. [class name=img4]
  68. height: 185px;
  69. width: 370px;
  70. background: url(https://www.allkpop.com/upload/2018/04/af_org/25201130/sf9-rowoon.jpg);
  71. background-size: cover;
  72. background-position: 0% 50%;
  73. margin-left: 40px;
  74. [/class]
  75.  
  76. [class name=img5]
  77. height: 185px;
  78. width: 370px;
  79. background: url(https://pm1.narvii.com/6252/3156c60d50822d0eee6266e634471c160b4b65eb_hq.jpg);
  80. background-size: cover;
  81. background-position: 0% 0%;
  82. margin-left: 40px;
  83. [/class]
  84.  
  85. [class name=header]
  86. font-size: 45px;
  87. color: white;
  88. -webkit-text-stroke: 2px black;
  89. position: relative;
  90. margin-left: 8px;
  91. z-index: 0;
  92. [/class]
  93.  
  94. [class name=tabpic]
  95. float: left;
  96. position: relative;
  97. left: 5px;
  98. z-index: 2;
  99. cursor: pointer;
  100. color: white;
  101. [/class]
  102.  
  103. [class name=tabpicclick]
  104. color: black;
  105. [/class]
  106.  
  107. [class name=tabbar]
  108. height: 449px;
  109. width: 0px;
  110. background: white;
  111. float: right;
  112. margin-top: -1px;
  113. margin-left: 1px;
  114. position: absolute;
  115. transition: 0.8s;
  116. z-index: 1;
  117. border-top: 1px solid black;
  118. border-bottom: 1px solid black;
  119. [/class]
  120.  
  121. [class name=tabscontainer]
  122. height: 220px;
  123. width: 150px;
  124. margin-top: 15px;
  125. display: flex;
  126. flex-flow: column;
  127. align-items: center;
  128. [/class]
  129.  
  130. [class name=tabbarclick]
  131. width: 150px;
  132. [/class]
  133.  
  134. [class name=tabs]
  135. font-size: 15px;
  136. color: grey;
  137. margin: auto;
  138. display: inline;
  139. transition: color 0.5s;
  140. [/class]
  141.  
  142. [class name=tabs state=hover]
  143. color: black;
  144. cursor: pointer;
  145. [/class]
  146.  
  147. [class name=intabpic]
  148. height: 60px;
  149. width: 60px;
  150. background: url(https://66.media.tumblr.com/937cefd4e63dad50dbb4ae0c3f0db2bf/tumblr_pcn4q3itKQ1vj5w4mo3_400.jpg);
  151. background-size: cover;
  152. margin: auto;
  153. margin-top: 15px;
  154. border: 1px solid grey;
  155. [/class]
  156.  
  157. [class name=relpic]
  158. height: 60px;
  159. width: 60px;
  160. padding: 5px;
  161. float: left;
  162. [/class]
  163.  
  164. [script class=container]
  165. hide tabs
  166. hide textbox
  167. hide intabpic
  168. hide basicsheader
  169. hide personaheader
  170. hide relationshipsheader
  171. hide historyheader
  172. hide img2
  173. hide img3
  174. hide img4
  175. hide img5
  176. set tabon 1
  177. [/script]
  178.  
  179. [script class=tabpic on=click]
  180. if (eq ${tabon} 1) (fadeIn 1000 intabpic) (fadeOut 200 intabpic)
  181. if (eq ${tabon} 1) (fadeIn 1000 tabs) (fadeOut 200 tabs)
  182. if (eq ${tabon} 1) (addClass tabbarclick tabbar) (removeClass tabbarclick tabbar)
  183. if (eq ${tabon} 1) (addClass tabpicclick tabpic) (removeClass tabpicclick tabpic)
  184. if (eq ${tabon} 1) (set tabon 0) (set tabon 1)
  185. [/script]
  186.  
  187. [script class=home on=click]
  188. fadeIn 500 img1
  189. fadeIn 500 frontpage
  190. hide img2
  191. hide img3
  192. hide img4
  193. hide img5
  194. hide textb
  195. hide textp
  196. hide texth
  197. hide textr
  198. hide basicsheader
  199. hide personaheader
  200. hide relationshipsheader
  201. hide historyheader
  202. [/script]
  203.  
  204. [script class=basics on=click]
  205. hide img1
  206. hide img3
  207. hide img4
  208. hide img5
  209. hide frontpage
  210. hide personaheader
  211. hide relationshipsheader
  212. hide historyheader
  213. hide textp
  214. hide texth
  215. hide textr
  216. fadeIn 500 img2
  217. fadeIn 500 textb
  218. fadeIn 500 basicsheader
  219. [/script]
  220.  
  221. [script class=persona on=click]
  222. hide img1
  223. hide img2
  224. fadeIn 500 img3
  225. hide img4
  226. hide img5
  227. hide frontpage
  228. hide basicsheader
  229. fadeIn 500 personaheader
  230. hide historyheader
  231. hide relationshipsheader
  232. hide textb
  233. fadeIn 500 textp
  234. hide texth
  235. hide textr
  236. [/script]
  237.  
  238. [script class=history on=click]
  239. hide img1
  240. hide img2
  241. hide img3
  242. hide img4
  243. fadeIn 500 img5
  244. hide frontpage
  245. hide basicsheader
  246. hide personaheader
  247. fadeIn 500 historyheader
  248. hide relationshipsheader
  249. hide textb
  250. hide textp
  251. fadeIn 500 texth
  252. hide textr
  253. [/script]
  254.  
  255. [script class=relationships on=click]
  256. hide img1
  257. hide img2
  258. hide img3
  259. fadeIn 500 img4
  260. hide img5
  261. hide frontpage
  262. hide basicsheader
  263. hide personaheader
  264. hide historyheader
  265. fadeIn 500  relationshipsheader
  266. hide textb
  267. hide textp
  268. hide texth
  269. fadeIn 500 textr
  270. [/script]
  271.  
  272. [div class="containercont"]
  273. [div class="container"]
  274. [div class="tabpic"][fa]fa-bars[/fa][/div]
  275. [div class="tabbar"]
  276. [div class="intabpic"][/div]
  277. [div class="tabscontainer"]
  278. [div class="tabs home"][font=Open Sans]Home[/font][/div]
  279. [div class="tabs basics"][font=Open Sans]Basics[/font][/div]
  280. [div class="tabs persona"][font=Open Sans]Persona[/font][/div]
  281. [div class="tabs history"][font=Open Sans]History[/font][/div]
  282. [div class="tabs relationships"][font=Open Sans]Relationships[/font][/div][/div]
  283. [/div]
  284. [div class="textbox textb"][div class="scroll"][row][column=span4][font=Open Sans][B]name[/B] kang ji-sung[br][/br][br][/br]
  285. [B]age[/B] 20[br][/br][br][/br]
  286. [B]occupation[/B] student / waiter[br][/br][br][/br]
  287. [B]height[/B] 192cm / 6' 3[br][/br][br][/br]
  288. [B]ethnicity[/B] south korean[br][/br][br][/br][/font]
  289. [/column]
  290. [column=span4][font=Open Sans]
  291. [B]gender[/B] male[br][/br][br][/br]
  292. [B]sexuality[/B] bisexual[br][/br][br][/br]
  293. [B]birthday[/B] december 10th[br][/br][br][/br]
  294. [B]weight[/B] 73kg[br][/br][br][/br]
  295. [B]face claim[/B] sf9 rowoon[br][/br][br][/br][/font]
  296. [/column][/row][/div][/div]
  297.  
  298. [div class="textbox textp"][div class="scroll"]
  299. [font=Open Sans]
  300. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Risus feugiat in ante metus dictum. Malesuada bibendum arcu vitae elementum curabitur. Nunc sed blandit libero volutpat sed cras ornare. Non diam phasellus vestibulum lorem sed risus ultricies. Turpis egestas integer eget aliquet nibh praesent tristique. Phasellus vestibulum lorem sed risus ultricies tristique. Semper viverra nam libero justo laoreet sit amet cursus. Quis vel eros donec ac odio tempor. Porttitor leo a diam sollicitudin tempor. Blandit turpis cursus in hac habitasse. Magna fermentum iaculis eu non. Quis auctor elit sed vulputate mi sit amet mauris. Blandit aliquam etiam erat velit. Diam quam nulla porttitor massa id. Vivamus at augue eget arcu dictum varius. Urna condimentum mattis pellentesque id nibh tortor id aliquet. Tristique et egestas quis ipsum suspendisse ultrices gravida.[br][/br][br][/br]
  301.  
  302. Purus in massa tempor nec. Sagittis vitae et leo duis ut diam. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Pretium aenean pharetra magna ac placerat vestibulum lectus. Vitae congue mauris rhoncus aenean vel elit scelerisque. Sed viverra tellus in hac habitasse. Gravida dictum fusce ut placerat orci nulla pellentesque dignissim. Sed vulputate mi sit amet mauris commodo quis. Facilisis mauris sit amet massa vitae tortor condimentum. Est placerat in egestas erat imperdiet sed euismod nisi. In tellus integer feugiat scelerisque.
  303. [/font][br][/br][br][/br]
  304. [row][column=span4][font=Open Sans][SIZE=13px][B]likes[/B][/SIZE][br][/br]
  305. - money[br][/br]
  306. - swimming[br][/br]
  307. - soft beds[br][/br]
  308. - food[br][/br]
  309. - cats[br][/br]
  310. - soju[/font][/column]
  311.  
  312. [column=span4][font=Open Sans][SIZE=13px][B]dislikes[/B][/SIZE][br][/br]
  313. - studying[br][/br]
  314. - spoilt brats[br][/br]
  315. - snow[br][/br]
  316. - people who don't stand up for themselves[br][/br]
  317. - skinship[/font][/column][/row][br][/br]
  318.  
  319. [row][column=span4][font=Open Sans][B]hobbies[/B][br][/br]
  320. - swimming[br][/br]
  321. - learning mandarin[br][/br]
  322. - trying new foods[br][/br]
  323. - watching animal documentaries[/font][/column]
  324.  
  325. [column=span4][font=Open Sans][B]quirks[/B][br][/br]
  326. - sleeps curled up in a ball[br][/br]
  327. - will eat anything[br][/br]
  328. - has a resting bitch face[br][/br]
  329. - terrible driver, never get in a car with him[/font][/column][/row][br][/br]
  330.  
  331. [/div][/div]
  332.  
  333. [div class="textbox texth"][div class="scroll"][font=Open Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Risus feugiat in ante metus dictum. Malesuada bibendum arcu vitae elementum curabitur. Nunc sed blandit libero volutpat sed cras ornare. Non diam phasellus vestibulum lorem sed risus ultricies. Turpis egestas integer eget aliquet nibh praesent tristique. Phasellus vestibulum lorem sed risus ultricies tristique. Semper viverra nam libero justo laoreet sit amet cursus. Quis vel eros donec ac odio tempor. Porttitor leo a diam sollicitudin tempor. Blandit turpis cursus in hac habitasse. Magna fermentum iaculis eu non. Quis auctor elit sed vulputate mi sit amet mauris. Blandit aliquam etiam erat velit. Diam quam nulla porttitor massa id. Vivamus at augue eget arcu dictum varius. Urna condimentum mattis pellentesque id nibh tortor id aliquet. Tristique et egestas quis ipsum suspendisse ultrices gravida.[br][/br][br][/br]
  334.  
  335. Purus in massa tempor nec. Sagittis vitae et leo duis ut diam. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Pretium aenean pharetra magna ac placerat vestibulum lectus. Vitae congue mauris rhoncus aenean vel elit scelerisque. Sed viverra tellus in hac habitasse. Gravida dictum fusce ut placerat orci nulla pellentesque dignissim. Sed vulputate mi sit amet mauris commodo quis. Facilisis mauris sit amet massa vitae tortor condimentum. Est placerat in egestas erat imperdiet sed euismod nisi. In tellus integer feugiat scelerisque.[/font][/div][/div]
  336. [div class="textbox textr"][div class="scroll"][div class="relpic"][IMG]https://www.sbs.com.au/popasia/sites/sbs.com.au.popasia/files/styles/thumb_small/public/stray-kids-bang-chan.jpg?itok=a7V4ra74[/IMG][/div][font=Open Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Malesuada bibendum arcu vitae elementum curabitur vitae nunc.[/font][br][/br]
  337. [div class="relpic"][IMG]https://i.mydramalist.com/45nDZc.jpg[/IMG][/div][font=Open Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Malesuada bibendum arcu vitae elementum curabitur vitae nunc.[/font][br][/br]
  338. [div class="relpic"][IMG]http://i2.wp.com/www.kpopscene.com/wp-content/uploads/2017/12/dowoon-day6-01.jpg?fit=720%2C720[/IMG][/div][font=Open Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Malesuada bibendum arcu vitae elementum curabitur vitae nunc.[/font][br][/br]
  339. [div class="relpic"][IMG]https://hallyumusic.com/wp-content/uploads/2019/01/WJSN-Yeoreum-WJ-STAY-Cover.png[/IMG][/div][font=Open Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Malesuada bibendum arcu vitae elementum curabitur vitae nunc.[/font][br][/br]
  340. [div class="relpic"][IMG]https://pbs.twimg.com/profile_images/912322138559864833/l1tV7n0i_400x400.jpg[/IMG][/div][font=Open Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Malesuada bibendum arcu vitae elementum curabitur vitae nunc.[/font][br][/br]
  341. [div class="relpic"][IMG]https://66.media.tumblr.com/05b7bf460704b6cc40e00dbfa9041eeb/tumblr_penhnpisQq1wrzi0lo4_250.png[/IMG][/div][font=Open Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Malesuada bibendum arcu vitae elementum curabitur vitae nunc.[/font][br][/br]
  342. [div class="relpic"][IMG]https://pbs.twimg.com/media/Dm266TGX4AIbQ-Z.jpg[/IMG][/div][font=Open Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Malesuada bibendum arcu vitae elementum curabitur vitae nunc.[/font][br][/br]
  343. [/div][/div]
  344. [div class="img1"][/div]
  345. [div class="img2"][/div]
  346. [div class="img3"][/div]
  347. [div class="img4"][/div]
  348. [div class="img5"][/div]
  349. [div class="header frontpage"][font=Open Sans][B]Kang Ji-sung[/B][/font][/div]
  350. [div class="header basicsheader" style=margin-top:-40px;][font=Open Sans][B]Basics[/B][/font][/div]
  351. [div class="header personaheader" style=margin-top:-40px;][font=Open Sans][B]Personality[/B][/font][/div]
  352. [div class="header relationshipsheader" style=margin-top:-40px;][font=Open Sans][B]Relationships[/B][/font][/div]
  353. [div class="header historyheader" style=margin-top:-40px;][font=Open Sans][B]History[/B][/font][/div]
  354.  
  355. [/div]
  356. [div class="credit"][URL='https://www.rpnation.com/threads/this-and-that-%E2%80%94-%E2%9C%A7-stellars-workshop.429011/']code by [/URL] [USER=62322]@Stellar Nursery[/USER] [/div]
  357. [/div]
  358. [/nobr]
RAW Paste Data
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
 
Top