API tools faq
paste
Advertisement
StellarNursery

Jungwoo Code

StellarNursery
Feb 15th, 2019
197
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.75 KB | None | 0 0
raw download clone embed print report
  1. [nobr]
  2.  
  3. [class=container]
  4.  
  5. height: 450px;
  6.  
  7. width: 900px;
  8.  
  9. background: url(https://static.vecteezy.com/system/resources/previews/000/125/950/original/vector-wood-texture.jpg);
  10.  
  11. margin: auto;
  12.  
  13. display: flex;
  14.  
  15. flex-flow: column;
  16.  
  17. [/class]
  18.  
  19.  
  20.  
  21. [class=overlay]
  22.  
  23. height: 100%;
  24.  
  25. width: 100%;
  26.  
  27. display: flex;
  28.  
  29. flex-flow: column;
  30.  
  31. background: rgb(193,154,107,0.8);
  32.  
  33. [/class]
  34.  
  35.  
  36.  
  37.  
  38.  
  39. [class=textcontainer]
  40.  
  41. height: 372px;
  42.  
  43. width: 729px;
  44.  
  45. background: white;
  46.  
  47. margin-top: 40px;
  48.  
  49. margin-left: 10px;
  50.  
  51. overflow: hidden;
  52.  
  53. [/class]
  54.  
  55.  
  56.  
  57. [class=wrapper]
  58.  
  59. display: flex;
  60.  
  61. flex-flow: row;
  62.  
  63. [/class]
  64.  
  65.  
  66.  
  67. [class=wrapperc]
  68.  
  69. display: flex;
  70.  
  71. flex-flow: column;
  72.  
  73. [/class]
  74.  
  75.  
  76.  
  77. [class=boxes]
  78.  
  79. height: 20px;
  80.  
  81. width: 20px;
  82.  
  83. background: white;
  84.  
  85. margin-left: 15px;
  86.  
  87. margin-top: 10px;
  88.  
  89. [/class]
  90.  
  91.  
  92.  
  93. [class=basics]
  94.  
  95. width: 138px;
  96.  
  97. height: 371.64px;
  98.  
  99. background: #FFD1DC;
  100.  
  101. border-right: 2px solid #C19A6B;
  102.  
  103. [/class]
  104.  
  105.  
  106.  
  107. [class=profilepic]
  108.  
  109. height: 100px;
  110.  
  111. width: 102px;
  112.  
  113. background: url(https://66.media.tumblr.com/c8f8f16d29b4c85e8639c07e80432c0c/tumblr_pl8q2n4RQ91wwe1ie_1280.jpg);
  114.  
  115. background-size: contain;
  116.  
  117. position: relative;
  118.  
  119. top: 40px;
  120.  
  121. margin-left: 20.75px;
  122.  
  123. border: 2px solid #FFCEDA;
  124.  
  125. overflow: hidden;
  126.  
  127. [/class]
  128.  
  129.  
  130.  
  131. [class=basicbox]
  132.  
  133. height: 256px;
  134.  
  135. width: 105px;
  136.  
  137. background: white;
  138.  
  139. margin-top: 52px;
  140.  
  141. margin-left: 20.75px;
  142.  
  143. [/class]
  144.  
  145.  
  146.  
  147. [class=basictext]
  148.  
  149. margin-top: 5px;
  150.  
  151. [/class]
  152.  
  153.  
  154.  
  155. [class=scroll]
  156.  
  157. height: 99%;
  158.  
  159. width: 100%;
  160.  
  161. padding-right: 17px;
  162.  
  163. overflow-y: scroll;
  164.  
  165. [/class]
  166.  
  167.  
  168.  
  169. [class=righttext]
  170.  
  171. height: 372px;
  172.  
  173. width: 742px;
  174.  
  175. background: white;
  176.  
  177. display: flex;
  178.  
  179. margin-top: 40px;
  180.  
  181. margin-left: 15px;
  182.  
  183. flex-flow: column;
  184.  
  185. overflow: hidden;
  186.  
  187. [/class]
  188.  
  189.  
  190.  
  191. [class=header]
  192.  
  193. color: #F88BA6;
  194.  
  195. font-size: 33px;
  196.  
  197. font-weight: 700;
  198.  
  199. margin-left: 10px;
  200.  
  201. margin-top: 0px;
  202.  
  203. [/class]
  204.  
  205.  
  206.  
  207. [class=ptext]
  208.  
  209. height: 138px;
  210.  
  211. width: 711px;
  212.  
  213. margin-left: 10px;
  214.  
  215. margin-top: 0px;
  216.  
  217. font-size: 13px;
  218.  
  219. overflow: hidden;
  220.  
  221. [/class]
  222.  
  223.  
  224.  
  225. [class=ldtext]
  226.  
  227. height: 34px;
  228.  
  229. width: 258px;
  230.  
  231. margin-left: 10px;
  232.  
  233. font-size: 13px;
  234.  
  235. overflow: hidden;
  236.  
  237. margin-top: -5px;
  238.  
  239. [/class]
  240.  
  241.  
  242.  
  243. [class=pic2]
  244.  
  245. height: 70px;
  246.  
  247. width: 70px;
  248.  
  249. background: url(https://i-h1.pinimg.com/564x/4a/c6/47/4ac647863c374eee0d81c66916430beb.jpg);
  250.  
  251. background-size: contain;
  252.  
  253. margin-left: 20px;
  254.  
  255. margin-top: 30px;
  256.  
  257. border: 1px solid #ffd1dc;
  258.  
  259. [/class]
  260.  
  261.  
  262.  
  263. [div class=container]
  264.  
  265. [div class=overlay]
  266.  
  267.  
  268.  
  269.  
  270.  
  271.  
  272.  
  273. [div class=wrapper]
  274.  
  275. [div class=wrapperc]
  276.  
  277. [div class=profilepic][/div]
  278.  
  279. [div class=basicbox]
  280.  
  281. [div class=basictext][font=Roboto]
  282.  
  283. [div=line-height:15px;display:inline-block;]Kim Jungwoo[/div][br][/br][div=inline-block;line-height: 26px;]
  284.  
  285. 20[br][/br]
  286.  
  287. male[br][/br]
  288.  
  289. february 19th[br][/br]
  290.  
  291. pisces[br][/br]
  292.  
  293. 180cm[br][/br]
  294.  
  295. 58kg[br][/br][/div]
  296.  
  297. [div=inline-block;line-height: 26px;][/div][/font]
  298.  
  299. [/div]
  300.  
  301. [/div]
  302.  
  303. [/div]
  304.  
  305.  
  306.  
  307.  
  308.  
  309. [div class=righttext]
  310.  
  311. [div class=wrapperc]
  312.  
  313. [div class=scroll]
  314.  
  315. [div class=header][font=Roboto]Personality[/font][/div]
  316.  
  317. [div class=ptext]
  318.  
  319. [div class=scroll]
  320.  
  321. [font=Lato]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Auctor augue mauris augue neque gravida in fermentum. Pellentesque id nibh tortor id aliquet lectus proin nibh. Neque volutpat ac tincidunt vitae semper quis lectus. Morbi quis commodo odio aenean sed adipiscing diam donec. Purus sit amet volutpat consequat. Sem fringilla ut morbi tincidunt augue interdum velit euismod. Quisque egestas diam in arcu cursus euismod. Tempus urna et pharetra pharetra. Donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum. In fermentum et sollicitudin ac orci phasellus egestas tellus rutrum.
  322.  
  323.  
  324.  
  325. Fermentum et sollicitudin ac orci phasellus egestas tellus. Sit amet tellus cras adipiscing enim eu. Posuere urna nec tincidunt praesent semper. Vitae congue eu consequat ac felis donec. Et malesuada fames ac turpis egestas sed tempus urna. Sit amet porttitor eget dolor morbi non. Tellus integer feugiat scelerisque varius. Viverra tellus in hac habitasse platea. Sed risus ultricies tristique nulla aliquet enim. Quis hendrerit dolor magna eget est lorem ipsum dolor sit. Faucibus interdum posuere lorem ipsum dolor sit. Pulvinar sapien et ligula ullamcorper malesuada. Faucibus et molestie ac feugiat sed lectus vestibulum. Orci a scelerisque purus semper eget. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Semper risus in hendrerit gravida rutrum quisque non tellus orci. Semper feugiat nibh sed pulvinar proin. Morbi tempus iaculis urna id. Sit amet mauris commodo quis imperdiet. Pretium nibh ipsum consequat nisl vel pretium lectus quam.
  326.  
  327.  
  328.  
  329. Orci dapibus ultrices in iaculis nunc sed augue. Massa enim nec dui nunc mattis. Elementum nisi quis eleifend quam adipiscing. Malesuada fames ac turpis egestas. Ligula ullamcorper malesuada proin libero nunc. Elit ullamcorper dignissim cras tincidunt. Amet porttitor eget dolor morbi non arcu. Risus at ultrices mi tempus imperdiet. Viverra adipiscing at in tellus integer feugiat scelerisque varius. Leo vel orci porta non pulvinar. Tortor dignissim convallis aenean et. Et netus et malesuada fames ac. Nisl tincidunt eget nullam non nisi est sit amet. Amet tellus cras adipiscing enim eu turpis egestas. Lectus magna fringilla urna porttitor. Massa sed elementum tempus egestas sed sed risus.[/font][/div][/div]
  330.  
  331.  
  332.  
  333. [div class=wrapper]
  334.  
  335. [div class=wrapperc]
  336.  
  337. [div class=header][font=Roboto]Likes[/font][/div]
  338.  
  339. [div class=ldtext][div class=scroll][font=Roboto]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Auctor augue mauris augue neque gravida in fermentum. Pellentesque id nibh tortor id aliquet lectus proin nibh.[/font][/div][/div]
  340.  
  341. [/div]
  342.  
  343.  
  344.  
  345. [div=margin-left:110px][div class=header][font=Roboto]Dislikes[/font][/div]
  346.  
  347. [div class=ldtext][div class=scroll][font=Roboto]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Auctor augue mauris augue neque gravida in fermentum. Pellentesque id nibh tortor id aliquet lectus proin nibh.[/font][/div][/div]
  348.  
  349. [/div][/div]
  350.  
  351.  
  352.  
  353. [div class=wrapper][div=height: 70px;width: 70px;background: url(https://i-h1.pinimg.com/564x/4a/c6/47/4ac647863c374eee0d81c66916430beb.jpg);background-size: contain;margin-left: 10px;margin-top: 30px;border: 1px solid #ffd1dc;][/div][div class=pic2][/div][div class=pic2][/div][div class=pic2][/div][div class=pic2][/div][div class=pic2][/div][div class=pic2][/div][div class=pic2][/div]
  354.  
  355.  
  356.  
  357. [/div]
  358.  
  359. [/div]
  360.  
  361. [/div]
  362.  
  363. [/div]
  364.  
  365.  
  366.  
  367. [/div]
  368.  
  369.  
  370.  
  371.  
  372.  
  373.  
  374.  
  375. [/div]
  376.  
  377. [/div]
  378.  
  379.  
  380.  
  381. [/nobr]
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!