API tools faq
paste
xsubZERO

ANYA: Clarke Griffin

xsubZERO
Jul 14th, 2020
56
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.50 KB | None | 0 0
raw download clone embed print report
  1. “CLARKE GRIFFIN - LEADER OF THE SKY PEOPLE” WAS MADE BY ANYA @ SUBZERO.
  2.  
  3. Made on GOOGLE CHROME
  4.  
  5. YOU CAN:
  6. Change colors
  7. Add/change graphics
  8.  
  9. DO NOT:
  10. claim as yours
  11. remove credit
  12.  
  13. KNOWLEDGE
  14. of DIV code is required
  15.  
  16. EXTRA
  17. PSD + Matching Doorknocker/Headliner
  18. https://www.dropbox.com/sh/69c9vnoqybus10k/AACxWPhM7eXg7vdz4J-iwnbQa?dl=0
  19. (Fonts used on doorknocker - Helvetica Neue UltraLight & Orator Std Medium
  20.  
  21.  
  22. -----ABOUT ME-----
  23. <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
  24. <link href="https://fonts.googleapis.com/css?family=Share+Tech+Mono" rel="stylesheet">
  25.  
  26.  
  27. <body oncontextmenu="alert('© by Anya @ Silverrain. Do not Steal.');return false;"><body onkeydown="alert('© By Anya @ Silverrain. Do not Steal.');return false;"><body ondragstart="alert('© by Anya @ Silverrain. Do not Steal.');return false;">
  28. <BODY oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onkeydown="return false">
  29.  
  30.  
  31. <style>
  32.  
  33.  
  34. .subzero { BACKGROUND INFORMATION created by A N Y A }
  35.  
  36. body {
  37. background-color: #181714;
  38. background-image:url("");
  39. background-attachment:fixed;
  40. background-repeat:no-repeat;
  41. }
  42.  
  43.  
  44. .subzero { TEXT PROPERTIES created by A N Y A }
  45.  
  46.  
  47. .hbic
  48. body, td, li, p, div, textarea, li, p, br {
  49. font-family: calibri;
  50. font-size: 9px;
  51. text-align: justify;
  52. color: #ffffff;}
  53.  
  54. .subzero { LINK PROPERTIES created by A N Y A }
  55.  
  56. a:link, a:visited {
  57. color: #c6b393;
  58. font-family: Courier new;
  59. background-color: #533b12;
  60. padding: 5px;
  61. text-align: center;
  62. font-size: 10px;
  63. border-bottom: 1px solid #4a2b1e;
  64. -webkit-filter: blur(0px);
  65. display:block;}
  66.  
  67. a:hover, a:active {
  68. color: #c6b393;
  69. font-family: Courier new;
  70. font-size: 10px;
  71. text-align: center;
  72. background-color:#2d1f07;
  73. border-bottom: 1px solid #4a2b1e;
  74. -moz-transition-duration: 0.4s;
  75. -webkit-transition-duration: 0.4s;
  76. -o-transition-duration: 0.4s;
  77. transition-duration: 0.4s;
  78. -webkit-filter: blur(1px);}
  79.  
  80.  
  81. a.second, a.second:link, a.second:active, a.second:visited {
  82. background-color: #181714;
  83. text-transform: lowercase;
  84. color: #35322b;
  85. border: 0px solid #ffffff;
  86. font-family: consolas;
  87. text-align: center;
  88. font-size: 9px;
  89. display: inline-block;}
  90.  
  91.  
  92. .second:hover {
  93. background-color:#181714;
  94. text-transform: lowercase;
  95. color: #c6b393;
  96. font-family: consolas;
  97. text-align: center;
  98. font-size: 9px;
  99. -webkit-filter: blur(1px)
  100. -moz-transition-duration: 0.4s;
  101. -webkit-transition-duration: 0.4s;
  102. -o-transition-duration: 0.4s;
  103. transition-duration: 0.4s;}
  104.  
  105.  
  106. a.third, a.third:link, a.third:active, a.third:visited {
  107. background-color: #533b12;
  108. text-transform: lowercase;
  109. color: #c6b393;
  110. border: 0px solid #ffffff;
  111. font-family: consolas;
  112. text-align: center;
  113. font-size: 9px;
  114. border-bottom: 1px solid #4a2b1e;
  115. border-left: 5px solid #c07a59;
  116. border-right: 5px solid #c07a59;
  117. display: block;}
  118.  
  119.  
  120. .third:hover {
  121. background-color:#2d1f07;
  122. text-transform: lowercase;
  123. color: #c6b393;
  124. font-family: consolas;
  125. text-align: center;
  126. border-bottom: 1px solid #4a2b1e;
  127. border-left: 5px solid #85523b;
  128. border-right: 5px solid #85523b;
  129. font-size: 9px;
  130. -webkit-filter: blur(1px)
  131. -moz-transition-duration: 0.4s;
  132. -webkit-transition-duration: 0.4s;
  133. -o-transition-duration: 0.4s;
  134. transition-duration: 0.4s;}
  135.  
  136.  
  137.  
  138. .subzero { SCROLL BAR PROPERTIES created by A N Y A }
  139.  
  140. ::-webkit-scrollbar-thumb:vertical {
  141. background-color: #transparent;
  142. height: 7px;
  143. }
  144. ::-webkit-scrollbar-thumb:horizontal{ background-color: #transparent;
  145. height: 7px;
  146. }
  147. ::-webkit-scrollbar {
  148. background-color: #b36964;
  149. border: 2px solid #transparent;
  150. height:5px;
  151. width:2px;
  152. }
  153.  
  154.  
  155.  
  156.  
  157.  
  158. .subzero { DIV CODES created by A N Y A }
  159.  
  160. .leftimage {
  161. position: absolute;
  162. background-color: #4a2b1e;
  163. left: 275px;
  164. top: 50px;
  165. height: 400px;
  166. width: 400px;
  167. overflow: none;
  168. border: 2px solid #694130;
  169. }
  170.  
  171. .rightimage {
  172. position: absolute;
  173. background-color: #4a2b1e;
  174. left: 695px;
  175. top: 50px;
  176. height: 400px;
  177. width: 320px;
  178. overflow: none;
  179. border: 2px solid #694130;
  180. }
  181.  
  182. .name {
  183. position: absolute;
  184. background-color: #4a2b1e;
  185. left: 275px;
  186. top: 465px;
  187. height: 100px;
  188. width: 400px;
  189. overflow: none;
  190. border: 2px solid #694130;
  191. }
  192.  
  193. .bannerimage {
  194. position: absolute;
  195. background-color: #4a2b1e;
  196. left: 275px;
  197. top: 580px;
  198. height: 200px;
  199. width: 400px;
  200. overflow: none;
  201. border: 2px solid #694130;
  202. }
  203.  
  204. .navigation {
  205. position: absolute;
  206. background-color: #4a2b1e;
  207. left: 275px;
  208. top: 795px;
  209. height: 85px;
  210. width: 400px;
  211. overflow: auto;
  212. border: 2px solid #694130;
  213. }
  214.  
  215. .basicsimg {
  216. position: absolute;
  217. background-color: #4a2b1e;
  218. background-image:url('https://i.imgur.com/nDen5Ju.png');
  219. left: 695px;
  220. top: 465px;
  221. height: 300px;
  222. width: 160px;
  223. overflow: none;
  224. border-left: 2px solid #694130;
  225. border-bottom: 2px solid #694130;
  226. border-top: 2px solid #694130;
  227. }
  228.  
  229. .basics {
  230. position: absolute;
  231. background-color: #4a2b1e;
  232. left: 855px;
  233. top: 465px;
  234. height: 290px;
  235. width: 153px;
  236. padding: 5px;
  237. overflow: auto;
  238. border-right: 2px solid #694130;
  239. border-bottom: 2px solid #694130;
  240. border-top: 2px solid #694130;
  241. }
  242.  
  243. .biography {
  244. position: absolute;
  245. background-color: #4a2b1e;
  246. left: 275px;
  247. top: 905px;
  248. height: 300px;
  249. width: 393px;
  250. overflow: auto;
  251. padding: 5px;
  252. border: 2px solid #694130;
  253. }
  254.  
  255.  
  256. .rightunderbasicsimg {
  257. position: absolute;
  258. background-color: #4a2b1e;
  259. left: 695px;
  260. top: 775px;
  261. height: 350px;
  262. width: 320px;
  263. overflow: none;
  264. border: 2px solid #694130;
  265. }
  266.  
  267. .friends {
  268. position: absolute;
  269. background-color: #4a2b1e;
  270. left: 695px;
  271. top:1145px;
  272. height: 75px;
  273. width: 320px;
  274. overflow: auto;
  275. border: 2px solid #694130;
  276. }
  277.  
  278. .extra {
  279. position: absolute;
  280. background-color:#181714;
  281. left: 50px;
  282. width: 100px;
  283. height: 100px;
  284. top:1145px;
  285. }
  286.  
  287.  
  288.  
  289. .subzero { TEXT CODES created by A N Y A }
  290.  
  291.  
  292. h1 {
  293. font-family: 'Amatic SC', cursive;
  294. color:e1d3ba;
  295. font-size: 50px;
  296. line-height: 0px;
  297. text-align: center;
  298. letter-spacing: 2px;
  299. text-decoration: underline;
  300. }
  301.  
  302. h2 {
  303. font-family: 'Amatic SC', cursive;
  304. color:e1d3ba;
  305. font-size: 25px;
  306. line-height: 26px;
  307. text-align: right;
  308. letter-spacing: 2px;
  309. text-decoration: underline;
  310. }
  311.  
  312. h3{
  313. font-family: Orator Std;
  314. color:#aa8965;
  315. background-color:;
  316. font-size: 12px;
  317. text-align: center;
  318. text-transform: none;
  319. letter-spacing: 5px;}
  320.  
  321.  
  322.  
  323. b {
  324. font-family: 'Share Tech Mono', monospace;
  325. color: #76674d;
  326. font-size: 12px;
  327. letter-spacing: 2px;
  328. text-transform: none;
  329. }
  330.  
  331. i {
  332. font-family: 'Open Sans Condensed', sans-serif;
  333. color: #8f5b04;
  334. font-size: 12px;
  335. text-transform: uppercase;
  336. text-shadow: 1px 1px 1px #000000;
  337. }
  338.  
  339. em {
  340. font-family: times;
  341. color: #918673;
  342. font-size: 9px;
  343. letter-spacing: 2px;
  344. }
  345.  
  346.  
  347.  
  348. .subzero { HIDE CODES created by A N Y A }
  349.  
  350.  
  351. table table div form {display:inline !important;}
  352. .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
  353. td td td td{border:0px;width:0px;text-align:left;}
  354. table,td,tr{padding:0px;width:;background-color:transparent}
  355. table table table{padding:1px;height:.01%;width:100%;}
  356. table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
  357. a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
  358. td.text table table{display:inline;visibility:visible;}
  359. table td table tr td.text table{visibility:hidden;}
  360. table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
  361. table div div{visibility:hidden;!important;}
  362. table table table table,table table table table td.text, td.text td.text table{display:none;}
  363. body div div form {display:none !important;}div div div select {position:absolute !important; margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
  364. div div, div td {background-color:transparent; background-image:none!important;}
  365. div.profileWidth {margin-top: -20px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i,
  366. div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:20px}
  367. div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;}
  368. .profile, div ul {display:none !important;}
  369. .userAlbums { display:none; }
  370.  
  371.  
  372.  
  373.  
  374. </style>
  375.  
  376. -----LIKE TO MEET-----
  377.  
  378. <div class=leftimage>
  379. <img src=https://i.imgur.com/KeWuom2.png>
  380. </div>
  381.  
  382. <div class=name>
  383. <h1>Clarke Griffin</h1>
  384. <h3>Leader of the Sky People</h3>
  385. </div>
  386.  
  387. <div class=bannerimage>
  388. <img src=https://i.imgur.com/f94gMLH.png>
  389. </div>
  390.  
  391. <div class=biography>
  392. <h2>The Tale of Clarke Griiffin</h2>
  393. <p><b>Lorem ipsum dolor</b> sit amet, consectetur adipiscing elit. Duis vulputate elementum scelerisque. Praesent condimentum, elit ut cursus finibus, elit dui consectetur ligula, vitae convallis nisl dui eget justo. Nulla in tristique nunc. Cras at blandit velit. Donec facilisis dui ligula. Nam at commodo elit. Fusce sit amet nisl at lacus tempor posuere. Aliquam facilisis, felis ac posuere aliquam, neque erat lobortis enim, in finibus risus arcu nec risus. Aenean vulputate odio enim, nec tempus arcu tristique dapibus. In porta, mi quis ultricies condimentum, ante dui ornare eros, hendrerit ornare dui tellus nec nibh. Donec pretium id ligula ut consequat.
  394.  
  395. <p><i>Ut nec laoreet diam.</i> Mauris in lorem eget ipsum porttitor sagittis non vel nibh. Curabitur vitae tempus massa, vel pharetra felis. Nunc pretium turpis lorem, in bibendum risus eleifend ornare. Donec consequat euismod viverra. Vivamus aliquet nibh nec arcu volutpat scelerisque. Sed eu nibh nec nisl maximus aliquam. Quisque id erat quis magna placerat lacinia. Praesent egestas nunc a ipsum vehicula eleifend. Pellentesque non risus leo. In hac habitasse platea dictumst. Integer vitae neque consequat, venenatis lectus et, facilisis arcu.
  396.  
  397. <p><em>Ut pretium malesuada dapibus</em>. Quisque lobortis, risus vel lobortis interdum, ex nibh maximus augue, faucibus imperdiet justo metus at eros. Aliquam a molestie enim. Mauris fringilla lorem non sollicitudin interdum. Vestibulum elementum, magna pulvinar vestibulum elementum, quam purus auctor lectus, vel cursus nibh lectus nec velit. Aenean non tellus scelerisque dui luctus gravida eget vel diam. Nam gravida, felis hendrerit condimentum pharetra, justo ante luctus leo, a tincidunt mi nulla ac neque. Cras sit amet nunc eu sem porttitor imperdiet in id nunc. Vestibulum hendrerit lacus nec lorem pellentesque consequat viverra et tortor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed interdum metus sit amet odio auctor, a scelerisque turpis laoreet. Etiam sit amet dui sed ipsum tempor lobortis non vitae ex.
  398.  
  399. <p>In hac habitasse platea dictumst. Morbi quis nibh a ante lacinia eleifend non imperdiet ligula. Aliquam eu odio non sapien luctus porta a eget tellus. Aenean laoreet ligula eget rhoncus efficitur. Suspendisse lacinia eu sem a faucibus. Sed quis velit cursus, tristique ligula quis, volutpat lectus. Sed a blandit odio. Etiam eget pretium velit. Integer elementum est eu rutrum egestas. Pellentesque porttitor nibh non mauris pretium commodo. Aliquam vel volutpat nulla, et pretium massa.
  400.  
  401. <p>Phasellus a mauris ex. Sed sollicitudin ultricies nulla ut iaculis. Donec at erat eget odio lobortis lacinia a tincidunt magna. Nullam nisi ipsum, pulvinar a felis quis, eleifend facilisis eros. Quisque eget ultrices lorem. In pulvinar orci eget accumsan eleifend. Etiam gravida, magna eu fermentum consectetur, metus magna convallis ante, non mattis ipsum nunc sagittis ligula. Morbi suscipit erat elit, et pellentesque nulla volutpat eu. Integer ac sapien neque. Suspendisse quis ante tempus, semper tortor quis, auctor ligula. Nulla lobortis molestie velit at posuere. Curabitur elementum enim sed metus dignissim, quis varius eros convallis. Integer porta pulvinar arcu a gravida. Sed sed mauris metus.
  402. </div>
  403.  
  404. <div class=rightimage>
  405. <img src=https://i.imgur.com/gdQUmpx.png>
  406. </div>
  407.  
  408. <div class=basicsimg>
  409. </div>
  410.  
  411. <div class=basics>
  412. <h2>Never Ending</h2>
  413. <b>Name:</b> Here<br>
  414. <b>Age:</b> Here<br>
  415. <b>Birthday:</b> Here<br>
  416. <b>Nickname:</b> Here<br>
  417. <b>Parents:</b> Here<br>
  418. <b>Siblings:</b> Here<br>
  419. <b>Traits:</b> Here<br>
  420. <b>Attributes:</b> Here<br>
  421. <b>Weaknesses:</b> Here<br>
  422. <b>Strengths:</b> Here<br>
  423. <b>Tattoos:</b> Here<br>
  424. <b>Pierces:</b> Here<br>
  425. <b>Sexuality:</b> Here<br>
  426. <b>Likes:</b> Here<br>
  427. <b>Dislikes:</b> Here<br>
  428. <b>Extra:</b> Here<br>
  429. <b>Extra:</b> Here<br>
  430. <b>Extra:</b> Here<br>
  431. <b>Extra:</b> Here<br>
  432. <b>Extra:</b> Here<br>
  433. <b>Extra:</b> Here<br>
  434. </div>
  435.  
  436.  
  437. <div class=rightunderbasicsimg>
  438. <img src=https://i.imgur.com/p06hTjY.png>
  439. </div>
  440.  
  441. <div class=friends>
  442. <a href=/xxxxxx class=third>link</a>
  443. <a href=/xxxxxx class=third>link</a>
  444. <a href=/xxxxxx class=third>link</a>
  445. <a href=/xxxxxx class=third>link</a>
  446. <a href=/xxxxxx class=third>link</a>
  447. <a href=/xxxxxx class=third>link</a>
  448. <a href=/xxxxxx class=third>link</a>
  449. <a href=/xxxxxx class=third>link</a>
  450. <a href=/xxxxxx class=third>link</a>
  451. <a href=/xxxxxx class=third>link</a>
  452. <a href=/xxxxxx class=third>link</a>
  453. </div>
  454.  
  455.  
  456. <div class=navigation>
  457. <a href=/home.php>home</a>
  458. <a href=/add_comment.php?member_id=xxxxxx>Comment</a>
  459. <a href=/send_message.php?member_id=xxxxxx>Message</a>
  460. <a href=/gallery.php?member_id=xxxxxx>Images</a>
  461. <a href=/zsubzero>Credit</a>
  462. </div>
  463.  
  464.  
  465. <div class=extra>
  466. </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!